

@font-face { 
    font-family: 'diplomataregular';
    src: url('diplomata-regular-webfont.woff') format('woff');    
    font-weight: normal;
    font-style: normal;
}

html, body, div, span, applet, object,
iframe, h2, h3, h4, h5, h6, 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;
}
.skip {
position: absolute;
left: -10000px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
}
.skip:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
position: static;
width: auto;
height: auto;
}
.skip2 {
position: absolute;
color: #ffffff;
left: -10000px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
}
.skip2:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
position: static;
width: auto;
height: auto;
}

body::-webkit-scrollbar { 
position:absolute;
background: linear-gradient(rgba(206, 189, 167, .85), rgba(247, 241, 226, 1), rgba(206, 189, 167, .85));
height: 5em;
width: 0px; 
overflow:auto;
z-index:4;
}
body::-webkit-scrollbar-button { }
body::-webkit-scrollbar-track { 
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0, 0); 
-webkit-border-radius: 0px; 
display:none;
border-radius: 0px;
}
body::-webkit-scrollbar-track-piece { 
background:#fdfcfb;
border-radius: 2px; 
}
body::-webkit-scrollbar-thumb { 
-webkit-border-radius: 10px; 
border-radius: 10px; 
-webkit-box-shadow: inset 0 0 3px rgba(0,0,0, 0); 
background: linear-gradient(rgba(206, 189, 167, .85), rgba(247, 241, 226, 1), rgba(206, 189, 167, .85));
}
body::-webkit-scrollbar-corner { 
background:transparent;
}

/* Basic */

html {
box-sizing: border-box;
}
*, *:before, *:after {
box-sizing: inherit;
}
body {
background-image: url(../../images/reservation-platform.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: 100%;
background-color: #040509;
padding: 0;
margin: 0;
width: 100%;
}
body, select {
font-family: "Source Sans 3", sans-serif;
}

strong {
font-weight: 600;
color: #6c775c;
text-decoration:none;
}
a#kpc {
font-size:1.25em;
margin-top: .5em;
}
b {
font-weight: 800;
color: #6c775c;
text-decoration:none;
}
p {
text-align: justify;
color: #000000;
font-weight: 400;
line-height:1.5em;
margin-bottom: 1em;
clear: both;
}
p span {
font-size: .8em;
font-weight: bold;
}
p#excerpt, p#excerpt2, p#excerpt3, p#excerpt4 {
text-align: justify;
margin-bottom: 1em;
}
ul, ol, dl, table, blockquote {
margin-bottom: .5em;
}
br.clear {
clear: both;
}

/* Container */

.container {
margin: 0 auto;
max-width: 100%;
width: 85em;
}
#already-signed-notice, #sms-already-signed-notice  {
display:none;
position:relative;
text-align:justify;
font-size:1.25em;
color:#6a8b05;
font-weight: 800;
line-height: 1.5em;
max-width:500px;
padding:1em 0em 1em 0em;
margin:0 auto;
}
#sms-registered-notice {
display:none;
position:center;
text-align:center;
font-size:1.75em;
color:#6a8b05;
font-weight: 800;
line-height: 1.5em;
max-width:500px;
padding:1em 0em 1em 0em;
margin:0 auto;
}
#registered-notice  {
display:none;
position:relative;
text-align:justify;
font-size:1.25em;
color:#6a8b05;
font-weight: 800;
line-height: 1.5em;
max-width:500px;
padding:1em 0em 1em 0em;
margin:0 auto;
}
#already-signed-notice a:link, #registered-notice a:link, 
#sms-registered-notice a:link, #sms-already-signed-notice a:link  {
color:#6a8b05;
border-bottom: 1px dotted;
}
#already-signed-notice a:hover, #registered-notice a:hover, 
#sms-registered-notice a:hover, #sms-already-signed-notice a:hover  {
-webkit-filter:brightness(130%);
}

@media screen and (max-width: 1680px) {
.container {
width: 75em;
}
}
@media screen and (max-width: 1280px) {
.container {
width: calc(100% - 80px);
}
}
@media screen and (max-width: 980px) {
.container {
width: calc(100% - 100px);
}
}
@media screen and (max-width: 736px) {
.container {
width: calc(100% - 40px);
}
#already-signed-notice, #registered-notice, #sms-already-signed-notice  {
font-size:.85em;
max-width:300px;
}
#sms-registered-notice {
font-size:1.25em;
}
}
@media screen and (max-width:480px) {
#already-signed-notice p, #registered-notice {
font-size:1em;
}
}
.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:0}.row.gtr-0>*{padding:0 0 0 0}.row.gtr-0.gtr-uniform{margin-top:0}.row.gtr-0.gtr-uniform>*{padding-top:0}.row.gtr-25{margin-top:-12.5px;margin-left:-12.5px}.row.gtr-25>*{padding:12.5px 0 0 12.5px}.row.gtr-25.gtr-uniform{margin-top:-12.5px}.row.gtr-25.gtr-uniform>*{padding-top:12.5px}.row.gtr-50{margin-top:-25px;margin-left:-25px}.row.gtr-50>*{padding:25px 0 0 25px}.row.gtr-50.gtr-uniform{margin-top:-25px}.row.gtr-50.gtr-uniform>*{padding-top:25px}.row{margin-top:-50px;margin-left:-50px}.row>*{padding:50px 0 0 50px}.row.gtr-uniform{margin-top:-50px}.row.gtr-uniform>*{padding-top:50px}.row.gtr-150{margin-top:-75px;margin-left:-75px}.row.gtr-150>*{padding:75px 0 0 75px}.row.gtr-150.gtr-uniform{margin-top:-75px}.row.gtr-150.gtr-uniform>*{padding-top:75px}.row.gtr-200{margin-top:-100px;margin-left:-100px}.row.gtr-200>*{padding:100px 0 0 100px}.row.gtr-200.gtr-uniform{margin-top:-100px}.row.gtr-200.gtr-uniform>*{padding-top:100px}@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:0}.row.gtr-0>*{padding:0 0 0 0}.row.gtr-0.gtr-uniform{margin-top:0}.row.gtr-0.gtr-uniform>*{padding-top:0}.row.gtr-25{margin-top:-12.5px;margin-left:-12.5px}.row.gtr-25>*{padding:12.5px 0 0 12.5px}.row.gtr-25.gtr-uniform{margin-top:-12.5px}.row.gtr-25.gtr-uniform>*{padding-top:12.5px}.row.gtr-50{margin-top:-25px;margin-left:-25px}.row.gtr-50>*{padding:25px 0 0 25px}.row.gtr-50.gtr-uniform{margin-top:-25px}.row.gtr-50.gtr-uniform>*{padding-top:25px}.row{margin-top:-50px;margin-left:-50px}.row>*{padding:50px 0 0 50px}.row.gtr-uniform{margin-top:-50px}.row.gtr-uniform>*{padding-top:50px}.row.gtr-150{margin-top:-75px;margin-left:-75px}.row.gtr-150>*{padding:75px 0 0 75px}.row.gtr-150.gtr-uniform{margin-top:-75px}.row.gtr-150.gtr-uniform>*{padding-top:75px}.row.gtr-200{margin-top:-100px;margin-left:-100px}.row.gtr-200>*{padding:100px 0 0 100px}.row.gtr-200.gtr-uniform{margin-top:-100px}.row.gtr-200.gtr-uniform>*{padding-top:100px}}@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:0}.row.gtr-0>*{padding:0 0 0 0}.row.gtr-0.gtr-uniform{margin-top:0}.row.gtr-0.gtr-uniform>*{padding-top:0}.row.gtr-25{margin-top:-10px;margin-left:-10px}.row.gtr-25>*{padding:10px 0 0 10px}.row.gtr-25.gtr-uniform{margin-top:-10px}.row.gtr-25.gtr-uniform>*{padding-top:10px}.row.gtr-50{margin-top:-20px;margin-left:-20px}.row.gtr-50>*{padding:20px 0 0 20px}.row.gtr-50.gtr-uniform{margin-top:-20px}.row.gtr-50.gtr-uniform>*{padding-top:20px}.row{margin-top:-40px;margin-left:-40px}.row>*{padding:40px 0 0 40px}.row.gtr-uniform{margin-top:-40px}.row.gtr-uniform>*{padding-top:40px}.row.gtr-150{margin-top:-60px;margin-left:-60px}.row.gtr-150>*{padding:60px 0 0 60px}.row.gtr-150.gtr-uniform{margin-top:-60px}.row.gtr-150.gtr-uniform>*{padding-top:60px}.row.gtr-200{margin-top:-80px;margin-left:-80px}.row.gtr-200>*{padding:80px 0 0 80px}.row.gtr-200.gtr-uniform{margin-top:-80px}.row.gtr-200.gtr-uniform>*{padding-top:80px}}@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:100%}.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:0}.row.gtr-0>*{padding:0 0 0 0}.row.gtr-0.gtr-uniform{margin-top:0}.row.gtr-0.gtr-uniform>*{padding-top:0}.row.gtr-25{margin-top:-12.5px;margin-left:-12.5px}.row.gtr-25>*{padding:12.5px 0 0 12.5px}.row.gtr-25.gtr-uniform{margin-top:-12.5px}.row.gtr-25.gtr-uniform>*{padding-top:12.5px}.row.gtr-50{margin-top:-25px;margin-left:-25px}.row.gtr-50>*{padding:25px 0 0 25px}.row.gtr-50.gtr-uniform{margin-top:-25px}.row.gtr-50.gtr-uniform>*{padding-top:25px}.row{margin-top:-50px;margin-left:-50px}.row>*{padding:50px 0 0 50px}.row.gtr-uniform{margin-top:-50px}.row.gtr-uniform>*{padding-top:50px}.row.gtr-150{margin-top:-75px;margin-left:-75px}.row.gtr-150>*{padding:75px 0 0 75px}.row.gtr-150.gtr-uniform{margin-top:-75px}.row.gtr-150.gtr-uniform>*{padding-top:75px}.row.gtr-200{margin-top:-100px;margin-left:-100px}.row.gtr-200>*{padding:100px 0 0 100px}.row.gtr-200.gtr-uniform{margin-top:-100px}.row.gtr-200.gtr-uniform>*{padding-top:100px}}@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:0}.row.gtr-0>*{padding:0 0 0 0}.row.gtr-0.gtr-uniform{margin-top:0}.row.gtr-0.gtr-uniform>*{padding-top:0}.row.gtr-25{margin-top:-7.5px;margin-left:-7.5px}.row.gtr-25>*{padding:7.5px 0 0 7.5px}.row.gtr-25.gtr-uniform{margin-top:-7.5px}.row.gtr-25.gtr-uniform>*{padding-top:7.5px}.row.gtr-50{margin-top:-15px;margin-left:-15px}.row.gtr-50>*{padding:15px 0 0 15px}.row.gtr-50.gtr-uniform{margin-top:-15px}.row.gtr-50.gtr-uniform>*{padding-top:15px}.row{margin-top:-30px;margin-left:-30px}.row>*{padding:30px 0 0 30px}.row.gtr-uniform{margin-top:-30px}.row.gtr-uniform>*{padding-top:30px}.row.gtr-150{margin-top:-45px;margin-left:-45px}.row.gtr-150>*{padding:45px 0 0 45px}.row.gtr-150.gtr-uniform{margin-top:-45px}.row.gtr-150.gtr-uniform>*{padding-top:45px}.row.gtr-200{margin-top:-60px;margin-left:-60px}.row.gtr-200>*{padding:60px 0 0 60px}.row.gtr-200.gtr-uniform{margin-top:-60px}.row.gtr-200.gtr-uniform>*{padding-top:60px}
}

/* Sections/Article */

section, article {
margin-bottom: 3em;
}
section a, article a {
color: #90057e;
font-weight:700;
text-decoration:none;
}
section a:visited, article a:visited {
color: #90057e;
font-weight:700;
text-decoration:none;
}
section a:hover, article a:hover {
color: #6c7f06;
text-decoration:none;
}
section a:active, article a:active {
color: #90057e;
font-weight:700;
text-decoration:none;
}
section a:focus, article a:focus {
color:#ffffff !important;
background: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}

img#hlogo {
position:relative;
cursor:pointer;
height:auto;
width:250px;
max-height:100%;
max-width:100%;
}
.image img {
display: block;
margin:0;
width: 100%;
}
.image.fit {
display: block;
width: 100%;
}
.image.featured {
display: block;
border: solid 6px #ebebeb;
width: 100%;
margin: 0 0 1.5em 0;
}
.image.left {
float: left;
margin: 0 1.5em 1.5em 0;
position: relative;
top: 0.5em;
}
.image.centered {
display: block;
margin: 0 0 2em 0;
}
.image.centered img {
margin: 0 auto;
width: auto;
}

input[type="button"],
input[type="submit"],
input[type="reset"],
button.scroll,
.button.scroll {
transition: all 0.25s ease-in-out;
-webkit-appearance: none;
text-align: center;
position: relative;
display: inline-block;
font-size: 1em;
color: #000000 !important;
font-weight: 400;
background: linear-gradient(90deg, #faf8f5, #fdfcfb, #faf8f5);
text-transform: capitalize;
border-top-right-radius: 20%;
border-top-left-radius: 20%;
border-bottom-right-radius: 20%;
border-bottom-left-radius: 20%;
border-bottom: 3px solid #d5d5d5;
border-top: 3px solid #d5d5d5;
border-right: none;
border-left: none;
cursor:pointer;
box-shadow: inset 0 0 10px 3px rgba(0, 0, 0, 0.10);
line-height: 1.75em;
letter-spacing: 0px;
text-decoration:none;
padding: 0em 0em 0em 0em;
margin-bottom: 1em;
margin-top: 1em;
width:165px;
}
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
button.scroll:hover,
.button.scroll:hover {
outline: 2px dotted #a307fc;
color: rgba(0, 0, 0, .5);
border-bottom: 3px solid #d5d5d5;
border-top: 3px solid #d5d5d5;
background: linear-gradient(90deg, #faf8f5, #fdfcfb, #faf8f5);
box-shadow: inset 0 0 5px 3px rgba(0, 0, 0, 0.025);
}
input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active,
button.scroll:active,
.button.scroll:active {
background: #67c69b;
}
input[type="button"]:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
button.scroll:focus,
.button.scroll:focus {
color:#ffffff !important;
background: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}

/******************************************************reservations*****************************************************************/

.standalone-reservations {
position: relative;
padding: 0;
margin: 0;
height: 100vh;
width: 100%;
}
.standalone-reservations .inner {
position: relative;
background: linear-gradient(180deg, rgba(0, 0, 10, .7), rgba(0, 0, 0, .5), rgba(0, 0, 0, .5), rgba(0, 0, 0, .3),  rgba(0, 0, 0, .6));
display: block;
margin: 0;
padding: 0;
height: 100%;
width: 100%;
}
body video {
position: absolute;
top: 0;
right: 0;
opacity: .35;
width: auto;
height: 100%;
z-index: 0;
}
.reservations {
position: relative;
display: block;
text-align: center;
background: rgba(0, 0, 0, 0);
padding: 6em 1em 3em 1em;
margin-right: auto;
margin-left: auto;
height: 100%;
width: 76em;
max-width: 100%;
overflow-X: scroll;
z-index: 3;
}
img#reservationlogo {
display: block;
margin-bottom: 1.25em;
margin-right: auto;
margin-left: auto;
max-width: 75px;
}
.reservations h2 {
position: relative;
display: inline-block;
font-family: 'diplomataregular';
font-size: 1.5em;
color: #ffffff;
font-weight: 500;
-webkit-transform: scale(1, 2);
letter-spacing: 1px;
text-transform: uppercase;
padding: 0 .25em .5em .25em;
line-height: 1.15em;
z-index: 3;
}
.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}}

.reservations h3 {
position: relative;
font-size: 1.15em;
color: #ffffff;
font-weight: 500;
letter-spacing: 1px;
text-transform: uppercase;
padding: 0 0 0 0;
line-height: 1.15em;
z-index: 3;
}
.reservations span {
font-size: .7em;
vertical-align: top;
}
.reservations p {
font-size: 1em;
color: #ffffff;
font-weight: 300;
line-height: 1.5em;
clear: both;
margin-bottom: 2em;
}
.reservations .reservationone p, .reservations .reservationtwo p  {
font-size: .85em;
color: #ffffff;
line-height: 1.5em;
padding: .5em;
margin: 0;
}
.bb {
position: relative;
background: transparent;
display: block;
margin-bottom: 0;
padding: 0;
}
img#bordertop {
display: block;
width: 100%
}
.bb img {
position: relative;
width: 100%;
z-index: 2;
margin-top: -7em;
margin-bottom: 0;
height: 100%;
padding: 0 0 16px 0;
}
.reservationone {
position: relative;
margin-bottom: 4em;
float: left;
width: calc(50% - .75em);
}
.reservationtwo {
position: relative;
float: right;
width: calc(50% - .75em);
}

.WhiteLabel, .SMS, .WebBased, .WhyCustomersLoveIt, .InHouse-Reservations, .Wait-List, .Table-Setup, .Scheduling, .Delayed-Bookings, .Rewards, 
.Website-Rankings, .Messaging, .PricePoint, .FreeAdvertising, .Custom {
text-align:center; 
display:none;
background: rgba(0, 0, 0, 1);
}
.button-WhiteLabel,  .button-SMS, .button-WebBased, .button-WhyCustomersLoveIt, .button-InHouse-Reservations, .button-Wait-List, .button-Table-Setup, .button-Scheduling,
.button-Delayed-Bookings, .button-Rewards, .button-Website-Rankings, .button-Messaging, .button-PricePoint,
.button-FreeAdvertising, .button-Custom  {
text-align:center; 
display:inline-block; 
font-size:1em; 
color: #ffffff; 
background:rgba(0, 0, 0, .9);
box-shadow: inset 0px 10px 25px 0px rgba(255, 255, 255, .3);
border-radius: 3px;
border-bottom: .35em solid rgba(255, 255, 255, .3);
border-top: 0px;
border-right: 0px;
border-left: 0px;
line-height:1.75em;
cursor:pointer; 
padding: .75em .5em .5em 0; 
margin-bottom: .25em;
margin-top: 0;
margin-right: auto; 
margin-left: auto; 
width: calc(100% - 0.12em);
}
.button-WhiteLabel:hover, .button-SMS:hover, .button-WebBased:hover, .button-WhyCustomersLoveIt:hover, .button-InHouse-Reservations:hover, .button-Wait-List:hover, .button-Table-Setup:hover,
.button-Scheduling:hover, .button-Delayed-Bookings:hover,  .button-Rewards:hover, .button-Website-Rankings:hover,
.button-Messaging:hover, .button-PricePoint:hover, .button-FreeAdvertising:hover, .button-Custom:hover {
color: #ffffff; 
}
.button-WhiteLabel:before, .button-SMS:before, .button-WebBased:before, .button-WhyCustomersLoveIt:before, .button-InHouse-Reservations:before, .button-Wait-List:before, .button-Table-Setup:before,
.button-Scheduling:before, .button-Delayed-Bookings:before, .button-Rewards:before, .button-Website-Rankings:before,
.button-Messaging:before, .button-PricePoint:before, .button-FreeAdvertising:before, .button-Custom:before  {
content: url('retailArrow2.png'); 
font-size: 1em; 
color: rgba(0,0,0, 1);
margin-right: 0.5em; 
}
.button-WhiteLabel:focus:before, .button-SMS:focus:before, .button-WebBased:focus:before, .button-WhyCustomersLoveIt:focus:before, .button-InHouse-Reservations:focus:before, .button-Wait-List:focus:before, .button-Table-Setup:focus:before,
.button-Scheduling:focus:before, .button-Delayed-Bookings:focus:before, .button-Rewards:focus:before, .button-Website-Rankings:focus:before,
.button-Messaging:focus:before, .button-PricePoint:focus:before, .button-FreeAdvertising:focus:before, .button-Custom:focus:before {
content: url('retailArrow2.png'); 
}
.button-WhiteLabel:focus, .button-SMS:focus, .button-WebBased:focus, .button-WhyCustomersLoveIt:focus, .button-InHouse-Reservations:focus, .button-Wait-List:focus, .button-Table-Setup:focus,
.button-Scheduling:focus, .button-Delayed-Bookings:focus, .button-Rewards:focus, .button-Website-Rankings:focus,
.button-Messaging:focus, .button-PricePoint:focus, .button-FreeAdvertising:focus, 
.button-Custom:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
@media screen and (max-width: 1680px) {
.reservations {
width: 64em;
}
}
@media screen and (max-width: 1280px) {

.standalone-reservations {
height: 120vh;
}
.reservations {
width: 57em;
}
.reservations p {
font-size: 1em;
line-height: 1.5em;
}
}
@media screen and (max-width: 1150px) {
.reservations {
width: 53em;
}
}
@media screen and (max-width: 1050px) {

.reservations {
width: 51em;
}
.standaloneecards h2 {
font-size: 1.25em;
}
}
@media screen and (max-width: 980px) {


.button-SMS, .button-WebBased, .button-WhyCustomersLoveIt, .button-InHouse-Reservations, .button-Wait-List, .button-Table-Setup, .button-Scheduling,
.button-Delayed-Bookings, .button-Rewards, .button-Website-Rankings, .button-Messaging, .button-PricePoint  {
text-align:center; 
display:inline-block; 
font-size: .85em; 
}
.reservations {
width: 43em;
}
.reservations h2 {
font-size: .9em;
}
.standaloneecards h2 {
font-size: 1.15em;
margin: 0 0 2em 0;
}
#header-ecom > .container-ecommerce {
padding: 4em 0 4em 0;
}
h1#ecommerce {
font-size: 2em;
} 
.ecommerce h2 {
max-width:450px;
}
}
@media screen and (max-width: 850px) {

.standalone-reservations {
height: 110vh;
}
h1#ecommerce {
font-size: 1.85em;
} 
.reservations {
width: 37em;
}
}
@media screen and (max-width: 736px) {

.reservations h2 {
font-size: .85em;
}

.button-SMS, .button-WebBased, .button-WhyCustomersLoveIt, .button-InHouse-Reservations, .button-Wait-List, .button-Table-Setup, .button-Scheduling,
.button-Delayed-Bookings, .button-Rewards, .button-Website-Rankings, .button-Messaging, .button-PricePoint  {
text-align:center; 
display:inline-block; 
font-size: 1em; 
}
.standalone-reservations {
height: 150vh;
}
.reservations {
width: 35em;
}
.reservations p {
font-size: .8em;
line-height: 1.35em;
}
.reservationone {
margin-bottom: 0em;
float: none;
width: calc(100% - 0em);
}
.reservationtwo {
float: none;
width: calc(100% - 0em);
}
img#flogo {
width: 170px;
}
}
@media screen and (max-width: 550px) {

.reservations h2 {
font-size: .8em;
padding: 0 0 1em 0;
}
.reservations h3 {
position: relative;
font-size: 1em;
}
.reservations {
padding: 2em 1.5em 3em 1.5em;
}
}
@media screen and (max-width: 450px) {

}

#footer {
text-align: center;
position: relative;
overflow: hidden;
border-top: solid 0px #e5e5e5;
background: linear-gradient(90deg, #f8f8f8, #ffffff, #f8f8f8);
padding: 6em 0 6em 0;
margin: 0;
width: 100%;
z-index: 3;
}
#footer form input[type="text"],
#footer form input[type="email"],
#footer form input {
transition: background-color 0.25s ease-in-out;
-webkit-appearance: none;
display: block;
font-size: 1em;
color: #ffffff;
font-weight: 600;
background: rgba(0, 0, 0, .5);
border: none;
border-radius: 4px;
line-height: 1.25em;
padding: .5em 1em .5em 1em;
width: 100%;
}
#footer form input::placeholder {
text-align: center;
font-size: .8em;
color: #ffffff;
}
#footer form input[type="text"]:focus,
#footer form input[type="email"]:focus,
#footer form input:focus {
box-shadow:inset 0px 0px 1px 2px rgba(163, 7, 252, .4);
color:#ffffff !important;
background: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}


.PBC {
position: relative; text-align: center; display: block;
padding: 0; margin-top: 0em; margin-bottom: 0em;
margin-right: auto; margin-left: auto; width: 100%; z-index: 2;
}
.button-PBC { text-align:center; text-transform: uppercase; display:block; 
font-size: 1em; color: rgba(255, 255, 255, 1) !important; 
box-shadow: inset 0px 0px 20px 5px rgba(255, 255, 255, 0);
border: 1px solid rgba(255, 255, 255, .5); border-radius: 2em;
background: #000000; line-height: 1em;
cursor:pointer; padding: .65em 0 .5em 0;
margin-bottom: 0; margin-top: 1em;
margin-right:auto; margin-left:auto; 
height: 2.35em; max-width: 100%; width: 185px;
}
.SitePages { display: none;
}
.button-PBC b { margin-right: .1em; margin-left: .1em;
}
.button-PBC:visited  { background: #000000;
}
.button-PBC:hover  { background: #3b4342; border: 1px solid rgba(255, 255, 255, .5); 
}
.button-PBC:active  { background: #000000;
}
.button-PBC:focus { color:#ffffff !important; background: none; outline: 3px dotted #a307fc; background: #d004fc !important; border: 0px; box-shadow: none; 
}
.button-PBC:before, .button-PBC:before { content: url('');  font-size: 1em; color: rgba(255, 255, 255, .65);  margin-right: 0;  vertical-align: middle; 
}
.ThinsToDo { display: inline-block; padding:1em 0em 1em 1em; margin-right:.25em; margin-left:.25em; width:calc(33% - 1em);
}
.HolidayEvents { display:inline-block; text-align: center; padding:1em 1em 1em 0em; margin-right:.25em; margin-left:.25em; width:calc(33% - 1em);
}
 .ThinsToDo {
text-align:left;
}
.HolidayEvents  {
text-align:right;
}
.ThinsToDo a, .HolidayEvents a  {
font-size:1.25em;
}
.ThinsToDo a, .HolidayEvents a { display:block; transition: color 0.25s ease-in-out,  border-bottom-color 0.25s ease-in-out; font-size:1.15em; color:rgba(0, 0, 0, 1); border-bottom: 1px dotted  rgba(0, 0, 0, 1); text-decoration:none; line-height:1.75em; font-weight: bold;
}
.ThinsToDo a:visited, .HolidayEvents a:visited { color:rgba(0, 0, 0, 1); text-decoration:none;    
}
.ThinsToDo a:hover, .HolidayEvents a:hover { color: rgba(0, 0, 0, 1) !important; border-bottom:1px dotted  rgba(0, 0, 0, 0); text-decoration:none;    
}
.ThinsToDo a:active, .HolidayEvents a:active { color:rgba(0, 0, 0, 1); text-decoration:none;    
}
.ThinsToDo a:focus, .HolidayEvents a:focus { color:#ffffff !important; background: none; outline: 3px dotted #a307fc; background: #d004fc !important;
}

.myservices {
display: block;
margin-right: auto;
margin-left: auto;
padding: 0;
margin-top: 2em;
max-width: 800px;
}
a.button.service {
transition: all 0.25s ease-in-out;
-webkit-appearance: none;
text-align: center;
position: relative;
display: inline-block;
font-size: .8em;
color: rgba(255, 255, 255, 1);
font-weight: 400;
background: #000000;
text-transform: capitalize;
border-radius: 10px;
border-right: none;
border-left: none;
cursor: pointer;
line-height: 1.15em;
letter-spacing: 0px;
text-decoration: none;
padding: .5em;
margin-bottom: .25em;
margin-top: 0;
height: 100px;
width: 100px;
}
a.button.service:visited {
color: #ffffff;
}
a.button.service:hover {
color: #ffffff;
font-weight: 400;
}
a.button.service:active {
color: #ffffff;
}
a.button.service:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
.button.service img {
display: block;
padding: 0;
margin-right: auto;
margin-left: auto;
width: 50px;
}
#footer h2 {
text-align: center;
color: rgba(0,0,0, 1);
margin: 1em 0 0.75em 0;
}
#footer h3 {
text-align: center;
font-size: 1em;
color: rgba(0,0,0, 1);
margin: 1em 0 0 0;
}
#footer .container p {
position: relative;
display: block;
text-align: justify;
font-size: 1em;
color: rgba(0,0,0, 1);
font-weight: 400;
line-height: 1.5em;
}
#footer .container {
color: #000000;
max-width:64em;
}
#secondGreatestCommandent {
font-size: 1.5em;
font-weight: 500;
padding:0 2em 0 2em;
margin-top: 2em;
}
#secondGreatestCommandent span {
font-size:1.5em;
}
#copyright {
text-align: center;
font-size: 1.5em;
padding: 0em 0 0 0;
width:100%;
}
.address {
font-size: 1em;
padding:.5em 0 0 0;
margin:0;
}
img#YeshuaSymbol {
display:block;
position:relative;
margin-bottom:.5em;
margin-top:1em;
margin-right:auto;
margin-left:auto;
max-width:100px;
width:100%;
}

@media screen and (max-width: 1280px) {

.image.left {
max-width: 50%;
}
.image.right {
max-width: 50%;
}
#footer {
padding: 4em 0;
}
}

@media screen and (max-width: 980px) {

.ThinsToDo, .HolidayEvents {
width: calc(50% - 1em);
}
#footer {
padding: 4em 0;
}
#footer ul.icons {
margin-bottom: 0;
}
/* Copyright */

#copyright .links {
margin-bottom: 0;
}
#copyright .links li {
display: block;
padding-left: 0;
margin-left: 0;
border-left: 0;
}
}
@media screen and (max-width: 650px) {

.ThinsToDo {
text-align: center;
padding: 1em 1em 0em 1em;
margin-right: 0em;
margin-left: 0em;
width: calc(100% - 1em);
}
.HolidayEvents {
text-align: center;
padding: 0 1em 1em 1em;
margin-right: 0em;
margin-left: 0em;
width: calc(100% - 1em);
}

@media screen and (max-width: 550px) {

a.button.service {
font-size: .7em;
height: 85px;
width: 80px;
}
.button.service img {
padding-top: .25em;
width: 35px;
}
#secondGreatestCommandent {
font-size: 1.15em;
}
#footer .container p {
font-size: .8em;
}
}

















