/* Reset */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');


html, body, span, a, center, ol, ul, footer, header, menu, nav {
font-family: 'Open Sans', sans-serif;
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
text-align: center;
}
.modalitemerror {
text-align: center;
font-size:1em;
font-family: 'Open Sans', sans-serif;
color: #000000;
font-weight: normal;
}
.skip {
position: absolute;
left: -10000px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
}
.skip:focus {
position: static;
width: auto;
height: auto;
}
.alertify .ajs-dialog {
position: relative;  
background-image: linear-gradient(to right, rgba(206, 189, 167, 1), rgba(247, 241, 226, 1), rgba(206, 189, 167, 1));
background-color:#000000;
box-shadow:0px 6px 15px rgba(0,0,0,.4);
padding: 1em 1em 1em 1em;
border-radius:10%;
outline: 0;
margin-right: auto;
margin-left:auto;
margin-top:4em;
max-width: 500px;
}
.alertify .ajs-body {
min-height: 56px;
display: none;
}
.alertify.ajs-closable .ajs-commands button.ajs-close {
display:none;
}
.alertify .ajs-header {
font-size:1.25em;
padding:2em .5em 2em .5em;
background-color: transparent;
margin: 0;
}
.alertify .ajs-footer .ajs-buttons.ajs-primary .ajs-button {
text-align: center;
color:#ffffff;
background-image: linear-gradient(to right, rgba(83, 82, 2, 1), rgba(94, 93, 2, 1), rgba(83, 82, 2, 1));
margin-top: 0;
border:none;
border-radius:4px;
outline:none;
cursor:pointer;
margin-bottom: 0;
margin-right: auto !important;
margin-left: auto !important;
width: 75px;
}
.alertify .ajs-footer .ajs-buttons.ajs-primary .ajs-button:hover {
background: rgba(83, 82, 2, .65);
}
.alertify .ajs-footer .ajs-buttons .ajs-button {
position:relative;
display:block;
margin-right:auto !important;
margin-left:auto !important;
width: 0;
}
.alertify .ajs-footer {
padding: 4px;
margin-left: 0;
margin-right: 0;
background-color: transparent;
}

::-webkit-scrollbar {  width: 0px; }
::-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:transparent; 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,.75) !important; 
background-image: linear-gradient(rgba(206, 189, 167, .95), rgba(247, 241, 226, 1), rgba(206, 189, 167, .95)) !important;}
::-webkit-scrollbar-corner { background:transparent;}

body {
background: #fafaf9;
margin:0;
padding:0;
}

*,
*:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box
}
ul {
list-style: none;
}
strong, b {
font-weight: 600;
}
/******************* Wrapper ******************/

.wrapper.style1 { background:transparent; width:100%; padding:0 0 0 0; margin:0; }


/***********************************slides*************************************/
.next { 
position: relative; 
display:inline-block;
text-align:center;
text-decoration:none;
font-family: 'Open Sans', sans-serif; 
font-size: 2em; 
font-weight: 700; 
background:transparent;
padding: .25em 0em .25em 0em; 
width: 260px; 
margin:.15em;
}
.prev { 
position: relative; 
display:inline-block;
text-align:center;
text-decoration:none;
font-family: 'Open Sans', sans-serif; 
font-size: 2em; 
font-weight: 700; 
background:transparent;
padding: .25em 0em .25em 0em; 
width: 260px; 
margin:.15em;
}
.prev:hover, .next:hover { 
color:rgba(255,255,255, 0); 
}
#mslides_container { position: relative;
}

a.mslides_nav.next, a.mslides_nav.prev { 
color:transparent;
    clear: both;
    z-index: 3;
    bottom: 4.15em;
}
a.mslides_nav.next:visited, a.mslides_nav.prev:visited { 
color:transparent;
}
a.mslides_nav.next:hover, a.mslides_nav.prev:hover { 
color:transparent;
}
a.mslides_nav.next:active, a.mslides_nav.prev:active { 
color:transparent;
}
.mslides { 
position: relative; 
list-style: none; 
overflow: hidden; 
/*border: 2px solid; 
border-image-source: linear-gradient(0deg, rgba(206, 189, 167, .65), rgba(247, 241, 226, 1), rgba(206, 189, 167, .65)); 
border-image-slice: 1; 
box-shadow: 0 0 2px 5px rgba(255, 255, 255, .3);*/ 
width: 100%; 
height: 100%; 
padding: 0em; 
margin: 0 auto; 
margin-top:0em;
margin-bottom:1em;
z-index: 3;
}

.mslides li { 
-webkit-backface-visibility: hidden; 
position: absolute; 
display: none; 
width: 100%; 
left: 0; 
top: 0; 
padding:0;
margin:0;
}
.mslides li:first-child { 
position: relative; 
display: block; 
}
.mslides img { 
display: block; 
width: 100%; 
height: 100%; 
cursor:default;
padding: 0; 
margin:0;
}
@media screen and (max-width:2600px) {
a.mslides_nav.next, a.mslides_nav.prev { 
bottom: 3.75em;
width: 240px;
}
}
@media screen and (max-width:2400px) {
a.mslides_nav.next, a.mslides_nav.prev { 
bottom: 3.5em;
width: 240px;
}
}
@media screen and (max-width:2100px) {
a.mslides_nav.next, a.mslides_nav.prev { 
bottom: 3.25em;
width: 240px;
}
}
@media screen and (max-width:1800px) {
a.mslides_nav.next, a.mslides_nav.prev { 
bottom: 3.15em;
width: 200px;
}
}
@media screen and (max-width:1600px) {
a.mslides_nav.next, a.mslides_nav.prev { 
bottom: 3em;
width: 200px;
}
}
@media screen and (max-width:1450px) {
a.mslides_nav.next, a.mslides_nav.prev { 
bottom: 2.75em;
width: 160px;
}
}
@media screen and (max-width:1280px) {
a.mslides_nav.next, a.mslides_nav.prev { 
font-size:1.5em;
bottom: 3.1em;
width: 130px;
}
}
@media screen and (max-width:980px) {
a.mslides_nav.next, a.mslides_nav.prev { 
bottom: 2.65em;
width:115px;
}
.prev, .next {
padding: 0em 0em 0em 0em; 
}
}
@media screen and (max-width:850px) {
a.mslides_nav.next, a.mslides_nav.prev { 
font-size:1em;
bottom: 3.25em;
width:100px;
}
}
@media screen and (max-width:736px) {

a.mslides_nav.next, a.mslides_nav.prev { 
bottom: 3.15em;
width:80px;
}
.prev, .next {
font-size:.85em;
}
.footerlink p {
font-size: .7em;
}
}
@media screen and (max-width:650px) {
a.mslides_nav.next, a.mslides_nav.prev { 
bottom: 2.85em;
width:70px;
}
}
@media screen and (max-width:550px) {
a.mslides_nav.next, a.mslides_nav.prev { 
bottom: 2.7em;
width:60px;
}
.mslides {
margin-top:0em;
}
}
@media screen and (max-width:480px) {
a.mslides_nav.next, a.mslides_nav.prev { 
bottom: 2.6em;
width:45px;
}
}
/********************* Main ********************/

#main { text-align:center; background:transparent; height:auto; width:100%; margin:0; padding:0 0 2.5em 0; }

#port1 img { width:100%; display:block; }

#port2 img { display:none; }

#port3 img { display:none; }

#print { top:0; 
}
.categoryImage {
display: block;
position: relative;
margin-right: auto;
margin-left: auto;
max-width:700px;
width:100%;
}
img#margaritaimg {
max-width:956px;
width:100%;
height:100%;
}
#info p { 
font-size:1em;
text-align:justify; 
position:relative; 
display:block; 
max-width:1000px; 
padding: 0 1em 1em 1em;
margin: 0 auto; 
}
img#notice {
display: block;
max-width: 450px;
padding-bottom: 0em;
margin-top: 0em;
margin-left: auto;
margin-right: auto;
}
#toppic {
position: relative;
display: block;
width: 100%;
height: 100%;
padding: 0em;
margin: 0em;
}
#head { 
position:relative;
display:block;
background:rgba(0, 0, 0, .5);
margin:0; 
padding:0em 0 0em 0; 
width:100%;
}
img#borderone { 
position:relative;
display:block;
padding: 0em 0em 0em 0em;
margin-bottom: 0em;
margin-top:0;
width:100%;
z-index:2;
} 
img#bordertwo { 
position:relative;
display:none;
padding: 0em 0em 0em 0em;
margin-bottom: 0em;
margin-top:0;
width:100%;
z-index:2;
} 
img#borderthree { 
position:relative;
display:none;
padding: 0em 0em 0em 0em;
margin-bottom: 0em;
margin-top:0;
width:100%;
z-index:2;
} 
/*#head h2 {
color: rgba(0, 0, 0, .8);
font-family: 'Playfair Display', serif;
font-style: normal;
font-weight:800;
font-size:calc(100% + 4vw);
text-shadow: 2px 0px 0px rgba(171, 136, 113, 1);
text-transform:uppercase;
letter-spacing:0px;
padding:.5em 0em 0em 0em;
margin-right:auto;
margin-left:auto;
margin-top:0em;
margin-bottom:0;
max-width:800px;
}*/
.category-e  {
text-align:center;
display:block;
font-family: "Playfair Display", serif;
color:rgba(0, 0, 0, .8);
font-size:3.75em;
font-weight:400;
text-transform:capitalize;
padding-bottom:0em;
letter-spacing:1px;
margin-top:.5em;
margin-bottom:0;
}
.itemdescription {
text-align: center;
font-size: 1em;
padding: 0 1em;
margin-bottom: 1em;
margin-top: .5em;
margin-right: auto;
margin-left: auto;
max-width: 700px;
}
a#phone {
color: purple;
font-size: 1.25em;
font-weight:bold;
border-bottom: 1px dotted;
text-decoration:none;
}
a#phone:focus{
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
h2#valentinesdayecardsale10616 {
font-family: 'Open Sans', sans-serif;
font-size: 2.5em;
}
.category-ne  {
text-align:center;
display:block;
font-family: 'Open Sans', sans-serif;
color: rgba(0, 0, 0, .75);
font-size:2.5em;
font-weight:300;
text-transform:capitalize;
padding:.5em 0em .25em 0em;
letter-spacing:-2px;
margin-top:0em;
margin-bottom:0;
}
h2#specialoffer10622 {
font-family: 'Open Sans', sans-serif;
font-size: 2.5em;
color: #989605;
letter-spacing: 0px;
}
#specialoffer {
font-size: 1em;
padding: 0 1em;
}
#hourslocation10435 {
font-family: 'Open Sans', sans-serif;
font-size:1.5em;
color:#525746;
font-weight: 600;
letter-spacing:-1px;
}
#earlydining5to6pm547, #regularmenu550 {
padding:0;
}
#entres548, #salads86 {
padding-top:.25em;
}
#modal h2 {
text-align:center;
display:block;
font-family: 'Open Sans', sans-serif;
color:rgba(0, 0, 0, .8);
font-size:calc(100% + 3vw);
font-weight:400;
text-transform:none;
padding-top:.25em;
padding:0em 0em .5em 0em;
margin:0;
}
#modal #gr {
display:block;
max-width:80px;
width:100%;
margin:0 auto;
}
#specials {
padding-top:0;
}
p {
font-family: 'Open Sans', sans-serif;
text-align:justify;
display:block;
font-size:.85em;
font-weight:600;
text-transform:none;
padding:.25em 0em .25em 0em;
margin-right:auto;
margin-left:auto;
margin-top:0;
margin-bottom:0;
max-width:600px;
}
hr {
position:relative;
height:30px;
line-height:2em;
background-color:rgba(76,95,27,.05);
border:none;
border-radius:6px;
margin-top:1em;
margin-bottom:1em;
max-width:700px;
margin:0 auto;
}
video {
width:100%;
display:block;
}
.banner video {
display:block;
/*background-image: url(/order/images/port-pattern.png);*/
padding-top: 0;
width:100%;
}
@media screen and (max-width: 1800px) {
img#borderone { 
display:none;
} 
img#bordertwo { 
display:block;
}
img#borderthree { 
display:none;
}
}
@media screen and (max-width: 1200px) {

.category-e  {
font-size: 2.75em;
}
}
@media screen and (max-width: 1050px) {
img#borderone { 
display:none;
} 
img#bordertwo { 
display:none;
}
img#borderthree { 
display:block;
}
}
@media screen and (max-width: 980px) {
.categoryImage {
max-width:550px;
width:100%;
}
}
@media screen and (max-width: 736px) {
p {
font-size:.75em;
padding:.25em 1em .25em 1em;
}
}
@media screen and (max-width: 550px) {
.category-ne  {
font-size:1.75em;
}
.category-e  {
font-size:2em;
}
.itemdescription {
font-size: .85em;
}
h2#specialoffer10622 {
font-size: 1.5em;
}
.categoryImage {
max-width:350px;
width:100%;
}
h2#valentinesdayecardsale10616 {
font-family: 'Open Sans', sans-serif;
font-size: 1.5em;
}
}
@media screen and (max-width: 480px) {

#modal #gr {
max-width:50px;
}
#info p {  font-size:.8em; 
}
 h2 { font-size:1em; 
}
}
@media screen and (max-width: 380px) {

p {
font-size:.6em;
padding:.25em 1.5em .25em 1.5em;
}
}
input[type="submit"].button large, 
input[type="reset"].button large, 
input[type="button"].button large, 
.button.large {
transition: all .35s ease-in-out;
text-align: left; 
position:relative; 
display: inline-block; 
font-family: 'Archivo Narrow', sans-serif; 
color:rgba(0, 0, 0, 1);
font-weight: 500; 
background-color: #ffffff;
border-top-right-radius:10px;
border-top-left-radius:10px;
border-bottom-right-radius:10%;
border-bottom-left-radius:10%;
border-top: 0px solid rgba(97, 76, 62, .1);
border-bottom: 10px solid rgba(97, 76, 62, .3);
box-shadow: inset 0px 0px 20px 5px rgba(0,0,0,.075);
cursor: pointer;  
letter-spacing: 0; 
text-decoration: none; 
padding: 1em 1em 0em 1em; 
margin:.25em;
float:left;
width:calc(33.33% - .5em); 
}
.button.large:hover { 
background: rgba(250,250,250,0);
box-shadow: inset 0px 0px 8px 3px rgba(0,0,0, .045);
border-bottom: 10px solid rgba(97, 76, 62, .15);
}
.button.large:focus { 
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
.container10439  {
pointer-events: none;
outline: none;
}

.container96 .button.large, .container97 .button.large {
width:calc(25% - 1em); 
}
.button.large b { 
font-family: 'Archivo Narrow', sans-serif; 
font-size:1.35em;  
margin:0; 
line-height:1.25em;
}
h3 { 
font-family: 'Archivo Narrow', sans-serif; 
font-size:1.25em; 
font-weight:500; 
margin:.25em 0em 0em 0em; 
height:.5em;
line-height:1.25em;
}
 .button.large p { 
display: table; 
text-align: left;
font-size: .8em;
font-weight: 400;
line-height:1.3em;
height: 85px; 
margin:0; 
padding:0em; 
margin:0;
width:100%; 
}

.button.large img { vertical-align: sub; max-width:40px; float:right; height:auto; border:none;  margin:0; padding:0; }

.button.large img:hover { opacity:0; }


.container {
text-align: center;
position: relative;
display: table;
padding: 0em 2em 0em 2em;
margin: 0 auto;
max-width:1400px;
width: 100%;
}
.container2 { 
text-align:center;
position:relative;
display:block;
clear:both;
max-width:1400px;
width:100%;
padding:0em 2em 0em 2em;
margin:0 auto;
}
@media screen and (max-width:1280px ) {
h3 { 
font-size:1.15em; 
}
}
@media screen and (max-width:1050px ) {
.container {
padding:0em 1em 0em 1em;
}
h3 {
font-size:1em;
}
.button.large {
width:calc(50% - .5em); 
}
 .button.large p { 
height:100px;
}
}
@media screen and (max-width:736px ) {
#main .button.large p { 
font-size:.7em;
height:105px;
}
.button.large b { 
font-size:1.25em;  
}
h3 { 
font-size:1.1em; 
}
.modalWindow {
top:0;
max-width: 350px;
max-height:700px;
}
.popupimg  {
position:relative;
display:block;
max-width:350px;
max-height:700px;
width:100%;
height:100% ;
padding:0;
left:0;
}
}
@media screen and (max-width:600px ) {
.button.large {
width:calc(100% - .5em); 
}
.button.large p { 
font-size:.8em;
height:65px;
}
}
@media screen and (max-width:550px ) {
.container {
padding:0em .5em 0em .5em;
}
}
@media screen and (max-width:400px ) {
.container {
padding:0em .5em 0em .5em;
}
.button.large p {
font-size:.7em;
height:85px;
}
}
/***************************nav***************************/
#sectionNav {
position:relative;
display:table;
background:transparent;
clear:both;
max-width:1400px;
width:100%;
padding:0em 2em 3em 2em;
margin:0 auto;
}
input[type="submit"].button three, input[type="reset"].button three, input[type="button"].button three, 
.button.three {
transition: all .35s ease-in-out;
text-align: center; 
position:relative; 
display: inline-block; 
font-family: 'Archivo Narrow', sans-serif; 
font-size: 1em; 
color:rgba(0, 0, 0, 1);
font-weight: 500; 
background: rgba(250,250,250,1);
border-bottom:5px solid rgba(97, 76, 62, .3);
border-top: 0px;
border-right: 0px;
border-left: 0px;
border-bottom-right-radius:15%;
border-bottom-left-radius:15%;
box-shadow: inset 0px 0px 15px 4px rgba(0,0,0, .1);
cursor: pointer; 
line-height: 2.5em; 
letter-spacing: 0px; 
text-decoration: none; 
padding:  0em; 
margin:.15em;
float:left;
width: calc(25% - .3em);
max-width:100%;
}
.button.three:hover { 
color:rgba(0,0,0,.65);
background: rgba(250,250,250, .5);
border-bottom:5px solid rgba(97, 76, 62, .2);
}
.button.three:focus { 
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
input[type="submit"].button checkout, input[type="reset"].button checkout, input[type="button"].button checkout, 
.button.checkout {
position:relative; 
display: inline-block; 
text-align: center; 
font-family: 'Archivo Narrow', sans-serif; 
font-size: 2em; 
color:rgba(0,0,0,.7);
font-weight: 500; 
background:transparent;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
box-shadow: 0px 2px 5px rgba(0, 0, 0, .2);
cursor: pointer; 
line-height: 2.5em; 
margin: 0em 0em 1em 0em; 
letter-spacing: 0; 
text-decoration: none; 
padding: 0em; 
width: 24%;  
}
.button.checkout:hover { 
color:rgba(0,0,0,.4);
background: transparent; 
box-shadow: none; 
border: none
}
.button.checkout:focus { 
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
#checkout img {
width:100%;
height:auto;
border:none;
}
img#checkout:hover {
-webkit-filter: brightness(150%); 
}
img#checkout:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
/*a#checkout {
display: block;
position: fixed;
left: 50%;
padding: 0;
top: 6em;
transform: translate(-50%, -50%);
width: 100%;
z-index: 5;
}
a#checkout img {
width: 100%;
}*/
a#checkout {
font-family: "Playfair Display", serif;
position: relative;
display: block;
font-size: 2em;
color: rgba(0, 0, 0,  .8);
box-shadow: inset 0px 0px 15px 5px rgba(0, 0, 0,  .05);
text-decoration: none;
border-radius: 1em;
padding: .25em 1em;
margin-top: .5em;
margin-right: auto;
margin-left: auto;
max-width: 300px;
}
a#checkout:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}

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

#sectionNav {
padding:0em 1em 3em 1em;
}
.button.three {
width:calc(33.333% - .3em); 
}
}
@media screen and (max-width:550px) {

a#checkout {
font-size: 1.5em;
width: 200px;
}
.button.three {
font-size: .8em; 
line-height: 2.5em; 
width:calc(50% - .3em); 
}
}

input[type="submit"].button scroll, input[type="reset"].button scroll, input[type="button"].button scroll, button.scroll, 
.button.scroll { 
font-family: 'Open Sans', sans-serif; 
text-align: center; 
display: inline-block; 
font-size: .7em !important; 
color: rgba(255, 255, 255, 1); 
font-weight: 700; 
border: none;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 4px;
border-top-left-radius: 0px;
border-top-right-radius: 4px;
border-left: 8px solid;
    border-image-source: linear-gradient(0deg, rgba(206, 189, 167, 1), rgba(247, 241, 226, 1), rgba(206, 189, 167, 1));
    border-image-slice: 1;
background-image: url('/order/images/port-buttonscroll.png');
background-size:cover;
background-repeat:no-repeat;
background-color: rgba(0, 0, 0, 1); 
box-shadow: 0 1px 8px rgba(64, 63, 1, 0);
cursor: pointer; 
letter-spacing: 0; 
line-height: 1.5; 
padding: .5em 0em .5em 0em; 
width: 100px; 
margin-left: .25em;
margin-bottom:1em !important; 
-webkit-text-size-adjust: 100%;
}
.button.scroll:hover { 
-webkit-filter: brightness(110%);
}
.button.scroll:focus { 
color:#ffffff;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
input[type="submit"].button, input[type="reset"].button, input[type="button"].button, button.checkouttwo, 
.button.checkouttwo {
font-family: 'Open Sans', sans-serif; 
text-align: center; 
display: inline-block; 
font-size: .7em !important; 
color: rgba(255, 255, 255, 1)!important; 
font-weight: bold; 
border-bottom-left-radius: 4px;
border-bottom-right-radius: 0px;
border-top-left-radius: 4px;
border-top-right-radius: 0px;
border-top: 0px;
border-bottom: 0px;
border-left: 0px;
border-right: 8px solid;
    border-image-source: linear-gradient(0deg, rgba(206, 189, 167, 1), rgba(247, 241, 226, 1), rgba(206, 189, 167, 1));
    border-image-slice: 1;
background-image: url('/order/images/port-buttonscroll.png');
background-size: cover;
background-repeat: no-repeat;
background-color: rgba(0, 0, 0, 1); 
box-shadow: 0 1px 8px rgba(64, 63, 1, 0);
cursor: pointer; 
letter-spacing: 0; 
text-decoration:none;
line-height: 1.5; 
padding: .5em 0em .5em 0em !important; 
width: 100px; 
margin-right: .25em;
margin-left: 0;
margin-bottom:1em !important; 
-webkit-text-size-adjust: 100%;
}
.button.checkouttwo:hover { 
-webkit-filter: brightness(110%);
}
.button.checkouttwo:active { 
background-color: #000000;
}
.button.checkouttwo:focus {
color:#ffffff;
border-right: 0px !important;
 border-image-slice: 0 !important;
 border-image-source: none !important
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
input[type="submit"].button deliver, input[type="reset"].button deliver, input[type="button"].button deliver, button.deliver, 
.button.deliver { 
font-family: 'Open Sans', sans-serif; 
text-align: center; 
display: inline-block; 
font-size: .85em; 
color: rgba(255, 255, 255, 1); 
font-weight: 700; 
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
background-image: url('/order/images/port-button.png');
background-size:cover;
background-color: rgba(0, 0, 0, 1); 
box-shadow: 0 1px 8px rgba(64, 63, 1, 0);
cursor: pointer; 
letter-spacing: 0; 
text-decoration:none;
line-height: 1.5; 
padding: .5em 0em .5em 0em; 
margin-right:.1em;
margin-left:.1em;
margin-bottom:.25em; 
-webkit-text-size-adjust: 100%;
width: 150px; 
}
input[type="submit"].button deliver:hover, input[type="reset"].button deliver:hover, input[type="button"].button deliver:hover, 
button.deliver:hover, 
.button.deliver:hover { 
-webkit-filter: brightness(110%);
}
.button.deliver:focus { 
color:#ffffff;
outline: 3px dotted #a307fc;
background: #d004fc;
}
input[type="submit"].button delivertwo, input[type="reset"].button delivertwo, input[type="button"].button delivertwo, button.delivertwo, 
.button.delivertwo { 
font-family: 'Open Sans', sans-serif; 
text-align: center; 
display: inline-block; 
font-size: .85em; 
color: rgba(255, 255, 255, 1); 
font-weight: 700; 
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
background-image: url('/order/images/port-button.png');
background-size:cover;
background-color: rgba(0, 0, 0, 1); 
box-shadow: 0 1px 8px rgba(64, 63, 1, 0);
cursor: pointer; 
letter-spacing: 0; 
text-decoration:none;
line-height: 1.5; 
padding: .5em 0em .5em 0em; 
margin-right:.1em;
margin-left:.1em;
margin-bottom:.25em; 
-webkit-text-size-adjust: 100%;
width: 220px; 
}
input[type="submit"].button delivertwo:hover, input[type="reset"].button delivertwo:hover, input[type="button"].button delivertwo:hover, 
button.delivertwo:hover, 
.button.delivertwo:hover { 
-webkit-filter: brightness(110%);
}
.button.delivertwo:focus { 
color:#ffffff;
outline: 3px dotted #a307fc;
background: #d004fc;
}
.delivery {
display:block;
font-family: 'Open Sans', sans-serif;
font-size:calc(100% + 1vw);
color: rgba(0, 0, 0, .8);
font-weight:700;
padding:.5em 0em 0em 0em;
max-width:800px;
margin:0 auto;
}
#main { 
text-align:center;
position:relative;
display:block;
/*background-image: url('/order/images/port-pattern.png');*/
box-shadow:0px 5px 25px rgba(0,0,0, 0);
clear:both;
width:100%;
padding: 1.1em 1em 1em 1em;
margin:0 auto;
}
#ordering {
font-family: 'Open Sans', sans-serif;
font-size: 2em;
color: rgba(0, 0, 0, .5);
font-weight: 300;
text-transform: capitalize;
letter-spacing: 0px;
margin-top: 0;
margin-bottom: .15em;
margin-right: auto;
margin-left: auto;
max-width: 700px;
}
heading {
font-size: 1.5em;
}
h2 {
font-family: 'Open Sans', sans-serif;
text-align:center;
display:block;
color:rgba(0, 0, 0, .8);
font-size:calc(100% + 1.5vw);
font-weight: 300;
text-transform:capitalize;
padding:0em 0em .25em 0em;
margin-right:auto;
margin-left:auto;
margin-top:0;
margin-bottom:0;
}
#main h1 {
font-family: "Playfair Display", serif;
text-align:center;
display:block;
font-size: 3.5em;
color: rgba(0, 0, 0, .8);
font-weight: 700;
text-transform: capitalize;
letter-spacing: 0px;
/*-webkit-transform: scale(1,1.25);*/
padding: 0em 0em 0em 0em;
margin-right:auto;
margin-left:auto;
margin-top: -0.5em;
margin-bottom: 0;
}
#holiday {
font-size: 1.5em;
color: #c10505;
font-weight: 700;
padding: 0 0 1em 0;
}
#holiday span {
font-size: .65em;
color: #3c495a;
}
#main p {
font-size:1em;
text-align:justify; 
position:relative; 
display:block; 
max-width:900px; 
padding: 1em 0 1em 0;
margin: 0 auto; 
}
a#atab  {
color:#686d02;
text-decoration:none;
font-weight:bold;
}
a#atab:hover {
color:#c6c895;
text-decoration:none;
font-weight:bold;
}
.drinks {
position:absolute;
display:block;
right:24em;
pointer-events:none;
margin-top:-16em;
max-width: 550px;
width:100%;
}
.drinks img {
position: relative;      
width: 100%;    
z-index: 3;
}
.food {
position:absolute;
display:none;
left:30em;
pointer-events:none;
margin-top:-12em;
max-width: 750px;
width:100%;
}
.food img {
position: relative;      
width: 100%;    
z-index: 3;
}
a#cardtab img {
text-align: center;
display: block;
position: relative;
cursor: pointer;
margin-top: -14em;
margin-right: auto;
margin-left: auto;
width: 100%;
z-index: 3;
}
a#ebalance img {
text-align: center;
display: block;
position:relative;
cursor: pointer;
margin-right: auto;
margin-left: auto;
margin-top: 0;
width: 100%;
z-index: 3;
}
a#cardtab, a#cardtab img, a#ebalance, a#ebalance img {
display: block;
margin-right: auto;
margin-left: auto;
max-width: 650px;
}
a#cardtab img:hover, a#ebalance img:hover {
-webkit-filter:brightness(120%);
}
a#cardtab:focus, a#ebalance:focus {
color:#ffffff !important;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}


@media screen and (max-width: 2700px) {
.drinks {
right:31em;
margin-top:-14em;
max-width: 500px;
}
.food {
left:29em;
margin-top:-9em;
max-width: 670px;
}
}
@media screen and (max-width: 2400px) {
.drinks {
right:20em;
margin-top:-12em;
max-width: 455px;
}
.food {
left:28em;
margin-top:-8em;
max-width: 640px;
}
}
@media screen and (max-width: 2300px) {
.drinks {
right:20em;
margin-top:-9em;
max-width: 455px;
}
.food {
left:24em;
margin-top:-8em;
max-width: 630px;
}
}
@media screen and (max-width: 2200px) {
.drinks {
right:20em;
margin-top:-9em;
max-width: 435px;
}
.food {
left:23em;
margin-top:-8em;
max-width: 620px;
}
}
@media screen and (max-width: 2100px) {
.drinks {
right:18em;
margin-top:-9em;
max-width: 435px;
}
.food {
left:21em;
margin-top:-8em;
max-width: 590px;
}
}
@media screen and (max-width: 2000px) {
.drinks  {
right:11em;
margin-top:-8em;
max-width: 420px;
}
.food {
left:20em;
margin-top:-8em;
max-width: 580px;
}
}
@media screen and (max-width: 1800px) {
.drinks {
right:8em;
margin-top:-10em;
max-width: 425px;
}
.food {
left:12em;
margin-top:-9em;
max-width: 575px;
}
}
@media screen and (max-width: 1700px) {
.drinks {
right:13em;
margin-top:-7em;
max-width: 375px;
}
.food {
left:8em;
margin-top:-8em;
max-width: 550px;
}
}
@media screen and (max-width: 1600px) {
.drinks  {
right:8em;
margin-top:-7em;
max-width: 350px;
}
.food {
left:12em;
margin-top:-7em;
max-width: 500px;
}
}
@media screen and (max-width: 1500px) {
.drinks  {
right:9em;
margin-top:-7em;
max-width: 330px;
}
.food {
left:10em;
margin-top:-5em;
max-width:440px;
}
}
@media screen and (max-width: 1400px) {
.drinks  {
right:7em;
margin-top:-7em;
max-width: 320px;
}
.food {
left:8em;
margin-top:-5em;
max-width: 450px;
}
a#cardtab, a#cardtab img {
margin-top: -11em;
max-width: 500px;
}
a#ebalance, a#ebalance img {
max-width: 500px;
}
}
@media screen and (max-width:1280px) {
.drinks  {
right:5em;
margin-top:-7em;
max-width: 310px;
}
.food {
left:8em;
margin-top:-6em;
max-width: 420px;
}
#main h1 {
font-size: 2.85em;
}
a#cardtab, a#cardtab img {
margin-top: -9.5em;
max-width: 450px;
}
 a#ebalance, a#ebalance img {
max-width: 450px;
}
}
@media screen and (max-width:1150px) {
.drinks  {
right:3em;
margin-top:-7em;
max-width: 275px;
}
.food {
left:5em;
margin-top:-5em;
max-width: 430px;
}
}
@media screen and (max-width:1050px) {
.drinks  {
right:3em;
margin-top:-7em;
max-width: 265px;
}
.food {
left:5em;
margin-top:-6em;
max-width: 400px;
}
.delivery {
padding:0em 0em 0em 0em;
}
}
@media screen and (max-width: 980px) {
.drinks {
right:3em;
margin-top:-6em;
max-width: 230px;
}
.food {
left:6em;
margin-top:-5em;
max-width: 350px;
}
a#cardtab, a#cardtab img {
margin-top: -7.5em;
max-width: 400px;
}
 a#ebalance, a#ebalance img {
max-width: 400px;
}
 #ordering {
font-size: 1.5em;
}
#main {
padding: .85em 1em 1em 1em;
}
#main h1 {
font-size: 2em;
}
}
@media screen and (max-width: 850px) {
.drinks  {
right:2em;
margin-top:-5em;
max-width: 210px;
}
.food {
left:5em;
margin-top:-4em;
max-width: 300px;
}
}
@media screen and (max-width:736px) {

.drinks {
right:2em;
margin-top:-5em;
max-width: 180px;
}
a#cardtab, a#cardtab img {
margin-top: -2em;
max-width: 325px;
}
a#cardtab, a#cardtab img {
margin-top: -5.5em;
max-width: 325px;
}
 a#ebalance, a#ebalance img {
max-width: 325px;
}
.food {
left:4em;
margin-top:-4em;
max-width: 275px;
}
#main p {
font-size: .8em;
}
#main h1 {
font-size:2.5em;
}
}
@media screen and (max-width: 650px) {
.drinks  {
right:2em;
margin-top:-4em;
max-width: 160px;
}
.food {
margin-top:-3em;
max-width: 230px;
}
}
@media screen and (max-width:550px) {

a#cardtab, a#cardtab img {
margin-top: -4.5em;
max-width: 275px;
}
 a#ebalance, a#ebalance img {
max-width: 275px;
}
.drinks {
right:2em;
margin-top: -4em;
max-width: 145px;
}
.food {
left:1em;
margin-top:-2em;
max-width: 200px;
}
#holiday {
font-size: 1em;
}
 #ordering {
font-size: 1.15em;
}
#holiday span {
font-size: .65em;
}
#main p {
font-size: .7em;
}
#main h1 {
font-size:1.75em;
}
}
@media screen and (max-width: 480px) {
.drinks  {
right:0em;
margin-top: -3em;
max-width: 125px;
}
.food {
margin-top:-2em;
max-width: 180px;
}
.cardtab img, .ebalance img {
max-width: 300px;
}
.button.deliver { 
font-size: .75em;
padding: .5em 0em .75em 0em; 
width: 140px;
}
.button.delivertwo { 
font-size: .75em;
padding: .5em 0em .75em 0em; 
width: 288px;
}
}
@media screen and (max-width: 380px) {
.ebalance a {
font-size:.85em;
}
.cardtab a {
font-size: .85em;
}
.drinks  {
right:1em;
margin-top: -1em;
max-width: 100px;
}
#main p {
font-size: .6em;
}
.food {
left:0em;
margin-top:-1em;
max-width: 140px;
}
}
/**************************************************menu********************************/
#menu {
transform: translateX(22em); 
transition: transform 0.45s ease, visibility 0.45s;
position: fixed;
top: 0;
right: 0;
width: 28em;
height: 100%;
background-image: linear-gradient(90deg, #fafaf9 10%, #ffffff 50%, #fafaf9 10%);
background-color:#ffffff;
box-shadow:-15px 2px 20px 0px rgba(0,0,0,.2);
color: #ffffff;
cursor: default;
visibility: hidden;
z-index: 10002;
}
#menu:focus {
color:#ffffff !important;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
#menu img#notice {
margin-top:3em;
}
#menu h2 {
text-align:center;
position:relative;
display:block;
font-size:1.25em;
font-weight:500;
margin:0 auto;
padding-top:2em;
letter-spacing:2px;
}
#menu img {
border-radius:4px;
width:100%;
height:auto;
}
#menu img#verify {
margin-top: .35em;
margin-bottom: 0;
}
button#subscriber, button#smssubscriber {
background: transparent;
border: none;
padding: 0;
width: 100%;
}
button#subscriber:focus, button#smssubscriber:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
#menu > .inner {
transition: opacity 0.45s ease;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100vh;
border-left:solid 0px rgba(255,255,255,0);
padding:1em 0em 15em 0em;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
a.close:link {
color:transparent;
}

@media screen and (max-width: 550px) {
#menu {
width:100%;
}
#menu > .inner {
border:none;
}
}

body.is-menu-visible #wrapper { -moz-pointer-events: none; -webkit-pointer-events: none; -ms-pointer-events: none; pointer-events: none; cursor: default; opacity: 1;
}
body.is-menu-visible #menu { -moz-transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); visibility: visible;
}
body.is-menu-visible #menu > * {
opacity: 1;
}

/******************************modal*************************/

.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-image: linear-gradient(90deg, #fafaf9 10%, #ffffff 50%, #fafaf9 10%);
background-color:#ffffff;
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;
left:0;
width: 100%;
height:100vh;
padding:1.5em;
margin: 0 auto;
overflow-y:scroll;
transition: opacity 400ms ease-in;
pointer-events: none;
z-index: 5;
}
#modalContent {
padding: 0em;
margin-bottom: 10em;
}
.popupimg  { position:relative; display:block; max-width:450px; max-height:900px; width:100%; height:100% ; padding:0; left:0; margin-bottom:10em; }

.modal img { 
width:100%; 
height:auto; 
border:none; 
border-radius:0px; 
margin-right:auto;
margin-left:auto;
padding-top:0em;
margin-bottom:0;
}
.modal>div { 
position: relative;
max-width: 750px; 
height:auto; 
padding: 0em 1em 1em 1em;
margin:0 auto;
z-index: 5 
}
.modal:target { opacity: 1; pointer-events: auto }

.modal .modalHeader { padding: 0 0 0 0 }

.mooverlay {
position: fixed;
display: none;
background-color: transparent;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
a.ok  { 
text-align:center; 
display: block;  
position: relative; 
font-size:1em; 
color:rgba(255,255,255,1);
background:  rgba(0, 0, 0, 1);
border-radius:4px;
box-shadow: 0px 0px 1px 2px rgba(0, 0, 0, .0);
line-height: 1.5em; 
text-decoration:none; 
width: 150px;
margin: 0 auto; 
margin-top:0em;
margin-bottom:2em;
}
a.ok:hover { 
background:  rgba(0, 0, 0, .8);
}
a.ok:focus { 
color:#ffffff;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc;
}
.ib {
display: inline-block;
color:rgba(248, 246, 243, 1);
line-height: 1.75em;
}
.modalImgLoading {
width: 20%;
padding: 20px;
border: 0;
margin: auto;
display: block;
}
.mohead {
display: block;
background:rgba(97, 76, 62, 0);
font-size: 1.17em;
color: rgba(0, 0, 0, .8);
font-weight: bold;
line-height:1em;
padding:0em 0em 1.5em 0em;
}
.mobsub {
text-align: center;
position: relative;
display: block;
font-size: 1.2em;
color: rgba(255,255,255, 1);
font-weight: 700;
padding: 0.35em 0em 0.35em 0em;
background: rgba(0, 0, 0, 1);
box-shadow: inset 0px 0px 15px 5px rgba(255,255,255, .5);
border-top: 0px solid rgba(94,2,27, .05);
border-bottom: 3px solid rgba(94,2,27, .05);
border-top-right-radius: 5px;
border-top-left-radius: 5px;
border-bottom-right-radius: 1rem;
border-bottom-left-radius: 1rem;
cursor: pointer;
margin-top: 2em;
margin-bottom: 1em;
width: 100%;
}
.mobsub:hover {
background: rgba(0, 0, 0, .8);
}

.mobprice {
padding-right: 1em;
border-right: 1px solid #ffffff;
margin-right: 1em;
}
.accart {
margin-top: 1em;
padding:1em 1em 3em 1em;
color: rgba(248, 246, 243, 1);
background: url(/order/images/port-accartbacking.jpg);
background-repeat: no-repeat;
background-size: cover;
box-shadow:0px 8px 45px rgba(0,0,0,.45);
border-top: 15px solid rgba(255,255,255,.35);
border-bottom: 15px solid rgba(255,255,255,.35);
display: block;
position: relative;
z-index: 0;
}
.accart h3 {
text-align: center;
font-size: 1.25em;
color: #ffffff;
}
.moulist {
display: inline-block;
top: 0;
border-spacing: 0px;
border: none;
margin: 0;
padding: 0;
line-height: 0;
height: 0.5em;
width: calc(41% - 0em);
}
.moulist li {
margin: 0;
padding: 0;
text-align: left;
}
.modesc {
display: block;
text-align:justify;
font-size: 0.85em;
color: rgba(0, 0, 0, .8);
font-style:normal;
text-transform:none;
margin-bottom: 0em;
padding:0em 0em .25em 0em;
}
.quantity {
position: absolute;
font-size: 1em;
color: rgba(0,0,0, .85);
font-weight: 500;
line-height: 1.35em;
right: 6em;
padding: 0.35em 0em 0.35em 0.5em;
}
.motitle1 {
text-align: center;
font-size: 1.25em;
color: rgba(0,0,0, .85);
font-weight: 500;
line-height: 1.35em;
border-bottom: 2px dotted rgba(0,0,0, .3);
border-radius: 0px;
padding: 0.35em 0em 0.35em 0.5em;
margin-top: 0.25em;
margin-bottom: 1em;
max-width: 100%;
}
.motitle2 {
text-align: center;
font-size: 1.25em;
color: rgba(0,0,0, .85);
font-weight: 500;
line-height: 1.35em;
border-bottom: 2px dotted rgba(0,0,0, .3);
border-radius: 0px;
padding: 0.35em 0em 0.35em 0.5em;
margin-top: 0.25em;
margin-bottom: 1em;
max-width: 100%;
}
.motitle4 {
text-align: center;
font-size: 1.25em;
color: rgba(0, 0, 0, .8);
font-weight: 500;
line-height: 1.35em;
border-bottom: 0px dotted rgba(0,0,0, .3);
border-radius: 0px;
padding: 0.35em 0em 0.35em 0.5em;
margin-top: 0.25em;
margin-bottom: 1em;
max-width: 100%;
}
#modal p  {
max-width:100%;
}
.motdcheck {
width:20px;
height:20px;
margin:.75em 0em 0em 0em;
padding:0;
}
input.motlist.moclist[type="checkbox"] {
width: 16px;
height: 16px;
margin: 0em 0em 0em 0.75em;
filter: invert(0%) hue-rotate(500deg) saturate(0%) brightness(1);
}
.moulist p {
display: block;
font-family: 'Open Sans', sans-serif;
font-size: .85em;
color: rgba(0,0,0, 1);
text-align: left;
line-height: 0em;
font-weight: 600;
padding: 0em 0em 0em 0.5em;
Margin: 0;
}
.motdprice {
text-align: right;
}
.motdprice span {
color:rgba(64,63,2,1);
font-size:.85em;
padding-left: 6px;
vertical-align: middle;
}
.motext {
text-align: center;
font-family: 'Open Sans', sans-serif;
border-radius: 3px;
font-size: 1em;
color: #000000;
border-color: rgba(0,0,0, .3);
background: transparent;
width: 100%;
min-height: 80px;
}
textarea.motext::placeholder {
text-align:center;
font-size: .85em;
color: rgba(0, 0, 0, .8);
background: transparent;
text-align: center;
padding: 1em 0 0 0;  
}
textarea.motext:focus::placeholder {
color: #ffffff;
}
textarea.motext:focus {
text-align:center;
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
.moquantity {
position: absolute;
font-size: 1em;
color: rgba(0,0,0, .85);
border: none;
background: transparent;
right: 4em;
bottom: 3.25em;
width: 15px;
}
.moquantitylist {
position: relative;
font-size: .85em;
color: rgba(0,0,0, .5);
background: transparent;
border: none;
left: 0;
top: 0;
padding: 0;
margin: 0;
width: 13px;
}
input {
-webkit-writing-mode: horizontal-tb !important;
text-rendering: auto;
text-align: center;
font-size: 1em;
line-height: 2em;
color: rgba(255,255,255,1);
background: rgba(0, 0, 0, .8);
letter-spacing: normal;
word-spacing: normal;
text-transform: none;
text-indent: 0px;
padding:0;
height:25px;
text-shadow: none;
font-style: inherit;
}
.chform, .promoform {
margin-top: 0em;
width: 100%;
height: auto;
padding-top: 0;
}
.chform input::placeholder, .promoform input::placeholder {
font-size:.8em;
color:rgba(255,255,255, .75);
}
.chform input:focus {
text-align:center;
color: #ffffff !important;
outline: 2px dotted #a307fc !important;
background-color: #d004fc !important;
}
.chpickup {
    display: block;
    font-size: 1.25em;
    margin-bottom: 0.5em;
}
input#chpickup[type="checkbox"] {
    width: 16px;
    height: 16px;
    margin: 0em 0em 0em 0.25em;
    filter: invert(0%) hue-rotate(400deg) brightness(1);
}
#chaddress, #chname {
    text-align: center;
    display: inline-block;
    font-size: .85em;
    color: rgba(255,255,255,1);
    border: none;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .8);
    margin-top: 5px;
    height: 35px;
    width: 100%;
}
#chcity {
    text-align: center;
    display: inline-block;
    font-size: .85em;
    color: rgba(255,255,255,1);
    border: none;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .8);
    margin-top: 5px;
    margin-right: 1px;
    height: 35px;
    width: calc(50% - 0.23em);
}
#chstate {
    text-align: center;
    display: inline-block;
    font-size: .85em;
    color: rgba(255,255,255,1);
    border: none;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .8);
    margin-top: 5px;
    height: 35px;
    width: calc(50% - 0.23em);
}
#billing-zip {
    text-align: center;
    display: inline-block;
    font-size: .85em;
    color: rgba(255,255,255,1);
    border: none;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .8);
    margin-top: 5px;
    margin-right: 1px;
    height: 35px;
    width: calc(50% - 0.23em);
}
#chphone {
    text-align: center;
    display: inline-block;
    font-size: .85em;
    color: rgba(255,255,255,1);
    border: none;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .8);
    margin-top: 5px;
    height: 35px;
    width: calc(50% - 0.23em);
}
#chDineInTableNumber {
    text-align: center;
    display: inline-block;
    font-size: .85em;
    line-height: 2em;
    color: rgba(255,255,255,1);
    border: none;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .8);
    margin-bottom: 5px;
    height: 35px;
    width: 100%;
}
#chemail {
    text-align: center;
    display: inline-block;
    font-size: .85em;
    color: rgba(255,255,255,1);
    border: none;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .8);
    height: 35px;
    width: 100%;
}
#chcell {
text-align: center;
display: none !important;
font-size: .85em;
color: rgba(255,255,255,1);
border: none;
border-radius: 4px;
background-color: rgba(0, 0, 0, .8);
height: 35px;
width: 100%;
}
#chsubemail {
text-align: center;
display: inline-block;
font-size: .85em;
color: rgba(255,255,255,1);
border: none;
border-radius: 4px;
background-color: rgba(0, 0, 0, .8);
outline:none;
margin-bottom: 0.25em;
height: 35px;
width: 100%;
}

#chsubsms {
text-align: center;
display: inline-block;
font-size: .85em;
color: rgba(255,255,255,1);
border: none;
border-radius: 4px;
background-color: rgba(0, 0, 0, .8);
outline:none;
margin-bottom: 0.35em;
height: 35px;
width: 100%;
}
#chsubsms:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
#credit-card-card-cvv {
display: inline-block;
margin-right: 0.025em;
width: calc(50% - 0.15em);
}
#credit-card-card-expiration {
display: inline-block;
width: calc(50% - 0.15em);
}
#chpickuptime {
    text-align: center;
    display: inline-block;
    font-size: .85em;
    color: rgba(255,255,255,1);
    border: none;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .8);
    margin-bottom: 5px;
    height: 35px;
    width: 100%;
}
.chinput {
width: 100%;
}
/********************CART ADDITION********************/
#credit-card-submit iframe, #credit-card-card-cvv iframe, #credit-card-card-expiration iframe, #credit-card-card-number iframe, #credit-card-card-holder iframe{
width:100%;
float:left
}
#credit-card-submit, #credit-card-card-cvv, #credit-card-card-expiration, #credit-card-card-number, #credit-card-card-holder{
opacity:1;
}
/***********************************container*******************************/
#credit-card-card-holder, #credit-card-card-number, #credit-card-card-cvv, #credit-card-card-expiration {
border-radius:4px; 
border:none;
height:35px;
}
#credit-card-card-number{
margin-top:5px;
margin-bottom:5px
}
#chdeliveryaddress {
    text-align: center;
    display: inline-block;
    font-size: .85em;
    color: rgba(255,255,255,1);
    border: none;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .8);
    margin-bottom: 5px;
    height: 35px;
    width: 100%;
}
#chcustomer-street {
    text-align: center;
    display: inline-block;
    font-size: .85em;
    color: rgba(255,255,255,1);
    border: none;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .8);
    margin-bottom: 5px;
    margin-right: 1px;
    height: 35px;
    width: calc(60% - 0.252em);
}
#chcustomer-city {
    text-align: center;
    display: inline-block;
    font-size: .85em;
    color: rgba(255,255,255,1);
    border: none;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .8);
    margin-bottom: 5px;
    margin-right: 1px;
    height: 35px;
    width: calc(25% - 0.252em);
}
#chcustomer-zip {
    text-align: center;
    display: inline-block;
    font-size: .85em;
    color: rgba(255,255,255,1);
    border: none;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .8);
    margin-bottom: 5px;
    height: 35px;
    width: calc(15% - 0.253em);
}
.mobminus {
display: inline;
position: absolute;
font-size: .85em;
color: #ffffff;
font-weight: 800;
background:rgba(0, 0, 0, .8);
border: none;
border-radius: 2px;
box-shadow: inset 0px 0px 5px 1px rgba(255, 255, 255, .7);
cursor: pointer;
padding: 0;
outline: 0;
margin: 0em 0em 0em 0em;
right: 2.25em;
bottom: 3.9em;
height: 22px;
width: 22px;
}
.mobminuslist {
display: inline-block;
position: relative;
font-size: .85em;
color: #ffffff;
font-weight: 800;
background:rgba(0, 0, 0, .8);
box-shadow: inset 0px 0px 5px 1px rgba(255, 255, 255, .7);
border: none;
border-radius: 2px;
cursor: pointer;
padding: 0;
outline: 0;
margin: 0em 0em 0em 0em;
width: 18px;
height: 22px;
}
.mobplus {
display: inline;
position: absolute;
font-size: .85em;
color: #ffffff;
font-weight: 500;
background:rgba(0, 0, 0, .8);
border: none;
border-radius: 2px;
box-shadow: inset 0px 0px 5px 1px rgba(255, 255, 255, .7);
cursor: pointer;
outline: 0;
padding: 0;
right: 0.35em;
margin: 0em 0em 0em 0em;
bottom: 3.9em;
height: 22px;
width: 22px;
}
.mobpluslist {
display: inline-block;
position: relative;
font-size: .85em;
color: #ffffff;
background:rgba(0, 0, 0, .8);
border: none;
border-top-left-radius: 100%;
border-bottom-left-radius: 100%;
box-shadow: inset 0px 0px 5px 1px rgba(255, 255, 255, .7);
font-weight: 500;
cursor: pointer;
outline: 0;
padding: 0;
margin: 0em 0.25em 0em 0em;
width: 22px;
height: 22px;
}
.mobplus:focus, .mobpluslist:focus, .mobminus:focus, .mobminuslist:focus {
background-color: #d004fc !important;
outline: 2px dotted #a307fc;
}
.chccicon {
padding-top: 0!important;
display: inline-block;
height: 30px!important;
width: auto!important;
}
.chpay{
display:none;
padding: 1.5em 15px 15px 15px;
}
.chpaymethod {
display: inline-block;
margin-left: 10px;
position: relative;
top: -6px;
font-size: 22px;
color: lightgray;
font-weight: bold;
}
.chpaydetbtn {
background: transparent;
border-radius: 3px;
border: 2px solid lightgray;
margin:auto;
display:block;
padding:10px 25px;
cursor:pointer;
}
.chpaydetbtn span {
color: lightgray!important;
font-size: 18px;
margin-left: 10px;
position: relative;
top: -1px;
}
.chpenicon {
height: 20px !important;
width: auto !important;
padding: 0 !important;
border: 0 !important;
margin-right: 10px;
margin-bottom:-2px;
}
.chbut2 {
color: rgba(255,255,255,1);
background:rgba(0, 0, 0, .8);
border-radius: 3px;
font-size: 1em;
padding: .18em .5em .18em .5em;
border: none;
}
.chinst {
display:table;
color: rgba(248, 246, 243, 1);
padding-top:1em;
text-align:justify;
text-transform:capitalize;
width:100%;
}
.chlisto {
text-align: left;
width: 100%;
padding-top: .20em;
}
.chlistoqty {
display: inline-block;
margin-right:1em;
}
.chlistoitem {
display: inline-block;
font-size:1em;
margin-right:1em;
}
.chlistoprice {
display: inline-block;
font-size:1em;
margin-right:4em;
}
.chdel {
font-size: 1.25em;
cursor:pointer;
font-weight:bold;
}
button.chdel {
color: #ffffff;
border: none;
background: transparent; 
}
.chdel:focus {
color: #000000;
background-color: #f0c3fa;
outline: 3px dotted #a307fc;
}
.chtop {
text-align: left;
border-bottom: 5px solid rgba(248, 246, 243, 1);
padding-bottom:1em;
width:100%;
} 
.chlist {
text-align: left;
width: 100%;
padding-top: 1em;
padding-bottom:.5em;
}
.chlistqty {
display: inline-block;
color:rgba(248, 246, 243, 1);
margin-right:1em;
}
.chlistitem {
display: inline-block;
color:rgba(248, 246, 243, 1);
font-size:1em;
margin-right:1em;
}
.chlistprice {
display: inline-block;
color:rgba(248, 246, 243, 1);
margin-right:3em;
}
.chdeliveryfee {
font-size: 1.25em;
padding: 0em 0em 0em 0em;
}
.chdeliveryprice {
float: right;
}
.chDineInClass {
margin-top: 1.5em;
font-size: 1.15em;
}
.gcRedeem, .usepromo {
font-size: 1.15em;
}
input#chdelivery[type="checkbox"] {
width: 15px !important;
height: 15px;
margin: 0em 0em 0em 0.25em !important;
filter: invert(0%) hue-rotate(500deg) saturate(0%) brightness(1);
}
input#chDineInId[type="checkbox"] {
width: 15px !important;
height: 15px;
filter: invert(0%) hue-rotate(500deg) saturate(0%) brightness(1);
}
.chlistdel {
display:inline-block;
margin: -0.25em 0 0 0;
float:right;
}
.chtopqty  {
display: inline-block;
color:rgba(248, 246, 243, 1);
margin-right: 4em;
}
.chtopitem {
display: inline-block;
color:rgba(248, 246, 243, 1);
margin-right:4em;
}
.chtopprice  {
display: inline-block;
color:rgba(248, 246, 243, 1);
margin-right:1em;
}
.chbut {
position: relative;
color: rgba(255,255,255,1);
background:rgba(0, 0, 0, .8);
border-radius: 3px;
box-shadow: 0px 0px 1px 2px rgb(0 0 0 / 0%);
font-size: 1em;
text-align: right;
padding: 0.18em 0.75em 0.18em 0.75em;
border: 0;
margin-left: 1em;
width: 75px;
}
.chtablepromoprice {
margin-bottom: 0.65em;
}
.chgratcheck {
width: 20px;
height: 16px;
position: relative;
margin:0;
}
#ft {
float: right;
}
.ftbutton {
position: relative;
display: inline-block;
color: rgba(255,255,255,1);
background:rgba(0, 0, 0, .8);
border-radius: 3px;
box-shadow: 0px 0px 1px 2px rgb(0 0 0 / 0%);
font-size: 1em;
text-align: right;
padding: 0.19em 0.7em 0.1em 0.5em;
margin-left: 1em;
border: 0;
width: 75px;
}
.secure-payment-field:focus {
background-color: #d004fc;
outline: 3px dotted #a307fc;
}

.total {
display:inline-block;
position:relative;
max-width:6em;
}
.tprice {
display:inline-block;
position:relative;
max-width:6em;
}
#tp, #tcp, #tgr, #tdf {
text-align: right;
margin-top: .25em;
margin-bottom: .25em;
width: 100%;
}
#tg {
display:block;
text-align:right;
width: 100%;
padding-bottom: 1em;
margin-top:2em
}
.chgrat {
display:inline-block;
float:left;
margin-right:1em;
}
.chgrat5, .chgrat10, .chgrat15, .chgrat20 {
float:left;
display:inline-block;
margin-right:.5em;
}
#chbutsubmit {
margin-top: 20px;
float: right;
margin-bottom: 50px;
font-size:1.25em;
}
#chgratsel {
text-align: center;
font-size: 1em;
color: rgba(255,255,255,1);
background-image: none;
border: none;
border-radius: 3px;
width: 200px;
padding: 1.35em 0em 0.4em 0.75em;
margin-bottom: 0.5em;
}
.gratseltext {
position: absolute;
text-align: center;
font-size: .7em;
color:#000000;
font-weight:600;
user-select: none;
pointer-events: none;
top: -2em;
background-image: linear-gradient(to right, rgba(206, 189, 167, 1), rgba(247, 241, 226, 1), rgba(206, 189, 167, 1));
border-top-left-radius: 3px; 
border-top-right-radius: 3px; 
cursor: pointer; pointer-events: all;
padding: 0em 0em 0em 0em;
line-height: 2em;
max-width: 100%;
width: 200px;
}
.selectG {
position: absolute;
text-align: center;
font-size: .7em;
color: #000000;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
margin-bottom: 1em;
background-image: linear-gradient(to right, rgba(206, 189, 167, 1), rgba(247, 241, 226, 1), rgba(206, 189, 167, 1));
width: 200px;
right: 1.45em;
padding: .5em 0;
}
.select2-container .select2-selection--single {
box-sizing: border-box;
cursor: pointer;
display: block;
color: #000000;
user-select: none;
-webkit-user-select: none;
}
.select2-container .select2-selection--single:focus {
color: #ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {

}
.select2-container .select2-selection--single .select2-selection__rendered {
display: block;
padding: 0em 1.25em 0.2em 1.25em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-top: 1.25em;
line-height: 1.5em;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
color:#ffffff;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc;
}
.select2-results__option {
color:#000000;
background-image: linear-gradient(to right, rgba(206, 189, 167, 1), rgba(247, 241, 226, 1), rgba(206, 189, 167, 1));
box-shadow: inset 0px 0px 1px 1px rgba(0,0,0, .1);
width:200px;
}
.select2-container--default .select2-selection--single {
background-image: linear-gradient(to right, rgba(206, 189, 167, 1), rgba(247, 241, 226, 1), rgba(206, 189, 167, 1));
border-radius: 3px;
border: 0;
}
.select2-container--open .select2-dropdown--below {
border-top: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--open .select2-dropdown {
left: 0;
border:none;
}
.select2-dropdown {
background-color: #000000;
border: 1px solid #aaa;
border-radius: 4px;
box-sizing: border-box;
display: block;
position: absolute;
left: -100000px;
width: 100%;
z-index: 1051;
}
span#select2-chgratsel-container, .select2-container--default.select2-container--open .select2-selection--single {

}
span#select2-chgratsel-container, .select2-container--default.select2-container--open .select2-selection--single span {
 
}

.select2-container--default .select2-results > .select2-results__options {
max-height: 203px;
overflow-y: auto; 
overflow-x:hidden;
}	
.gratuityBlock { 
position:relative; 
float:right;
}
select {
-webkit-writing-mode: horizontal-tb !important;
text-rendering: auto;
color: rgba(255,255,255,1);
background: rgba(0, 0, 0, .8);
letter-spacing: normal;
word-spacing: normal;
text-transform: none;
text-indent: 0px;
text-shadow: none;
text-align: start;
outline:0;
white-space: pre;
-webkit-rtl-ordering: logical;
cursor: pointer;
font: 400 13.3333px Arial;
}
#credit-card-submit iframe{
height:65px!important
}
.cherror{
margin-top:20px;
color:rgba(0, 0, 0, .8);
}
.acload {
position:absolute;
display:none;
width:100%;
height:100%;
background-color:rgba(0,0,0,.6);z-index:2
}
.accont {
position:relative;
display:block;
width:100%;
height:100%
}
.lds-ring {
position: absolute;
width: 80px;
height: 80px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.lds-ring div {
box-sizing: border-box;
display: block;
position: absolute;
width: 64px;
height: 64px;
margin: 8px;
border: 8px solid #fff;
border-radius: 50%;
animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
border-color: #fff transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
animation-delay: -0.15s;
}
@keyframes lds-ring {
0% {
transform: rotate(0deg);
}
100% { transform: rotate(360deg); 
}
}

@media screen and (max-width:736px) {
.chgrat, .chgrat5, .chgrat10, .chgrat15, .chgrat20 {
margin-right:.5em;
}
.moulist {
width: 88%;
}
}
@media screen and (max-width:550px) {
.mobplus {
bottom: 2.85em;
}
.moulist {
width: 86%;
}
.mobminus {
bottom: 2.85em;
}
.moquantity {
bottom: 2.45em;
}
.mobsub {
font-size: .9em;
margin-top: 2.5em;
}
.motitle1, .motitle2, .motitle3, .motitle4, .motitle5, .motitle7, .motitle8 {
font-size: 1em;
}
}
@media screen and (max-width:480px) {
.mohead {
font-size: .9em;
}
.modesc {
font-size: .7em;
}
.moulist {
width: 81%;
}
.moquantity {
bottom: 1.8em;
}
.quantity {
line-height: .75em;
}
.mobplus {
bottom: 2.25em;
}
.mobminus {
bottom: 2.25em;
}
.motitle4 {
font-size: .85em;
}
.chlistitem {
font-size: .8em;
}
.chlistprice {
font-size: .8em;
}
.chlistoitem {
font-size: .8em;
}
.chlistoprice {
font-size: .8em;
}
.chform ::placeholder, .promoform ::placeholder {
font-size:.8em;
}
.mobsub {
border-radius: 5px;
font-size: .7em;
}
}



.menubox {
color:black; 
border-radius:4px; 
background-color: rgba(0, 0, 0, .8);
padding:1em .65em 1em .65em;
margin-top:10px; 
width:100%; 
}
.menubox p {
font-family: 'Open Sans', sans-serif; 
text-align:center;
font-size:1em;
color:#ffffff;
line-height:1.5em;
padding:0em 0em 0em 0em;
margin:0;
}
.menubox h2 {
font-family: 'Open Sans', sans-serif; 
text-align:center;
font-size:1.25em;
color:rgba(247, 241, 226, 1);
text-transform:capitalize;
letter-spacing: 0px;
line-height:1.5em;
padding: .5em 0em .5em 0em;
margin:0;
}
.menubox h2 {
font-family: 'Open Sans', sans-serif; 
text-align:center !important;
font-size:1.25em !important;
color:rgba(247, 241, 226, 1) !important;
font-weight:600 !important;
letter-spacing:0 !important;
line-height:1.5em !important;
padding: .5em 0em .5em 0em !important;
margin:0 !important;
}
.menubox button {
text-align:center;
display:inline-block;
font-size:1em;
font-weight:400;
background-image: linear-gradient( 90deg, rgba(206, 189, 167, .55), rgba(247, 241, 226, .9), rgba(206, 189, 167, .55));
border-radius:4px;
border:none;
cursor:pointer;
user-select:none;
padding:.4em 2em .25em 2em;
margin: .15em .15em .5em .15em;
}
.menubox button:hover {
background-image: linear-gradient( 90deg, rgba(206, 189, 167, .25), rgba(247, 241, 226, .4), rgba(206, 189, 167, .25));
}
.menubox button:focus {
color: #ffffff;
background-image: none;
background-color: #d004fc; !important;
outline: 3px dotted #a307fc;
}

@media Screen and (max-width:480px) {
.menubox p {
font-size:.75em;
}
}


#location-confirmed-fields {display:inline-block!important;}


/*********************** card modal **********************/

.cardModal {
text-align:center;
background-image: linear-gradient(90deg, #fdfdfc, #ffffff, #fdfdfc);
background-color:#ffffff;
padding: 0 0 10em 0;
}
.cardModal h2 {
font-family: 'Raleway', sans-serif;
text-align: center;
font-size:3.5em;
color: rgba(0, 0, 0, .8);
padding:0em 0em 0em 0em;
margin-top:.25em;
margin-bottom:0;
}
.cardModal a.ok {
text-align: center;
display: block;
position: relative;
font-size: 1em;
color: rgba(0,0,0, .85);
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 rgb(0 0 0 / 10%);
line-height: 1.5em;
margin-right: auto;
margin-left: auto;
margin-top: 0em;
margin-bottom: 0.25em;
}
.cardModal a.ok:focus { 
background-image: none;
color: #ffffff;
background-color: #d004fc;
outline: 3px dotted #a307fc;
}
.cardModal p {
text-align: justify;
font-size: .85em;
color: rgba(0,0,0, .65);
text-transform:none;
padding:0;
margin-top: 0;
margin-bottom: 0.75em;
max-width:100%;
}
img#elogo {
padding-top: 1em;
height: auto;
max-width: 100px;
width: 100%;
}
a.showTerms {
text-decoration:none;
} 
.terms {
font-family: 'Open Sans', sans-serif;
text-align:justify;
font-size:.75em;
color: rgba(0,0,0,.65);
font-weight:600;
line-height:1.35em;
margin-bottom:1.5em;
}
.terms a { color:#cf0505; text-decoration:none; font-weight:bold; }
.terms a:hover { color:#ef0707; }
.terms b { font-size:1em; color:#5c692a; font-weight:800; }

.cardModal h2 {
font-family: 'Raleway', sans-serif;
text-align: center;
font-size: 2em;
color: rgba(0, 0, 0, 1);
font-weight: 600 !important;
max-width: 550px;
padding: .5em 0em .5em 0em;
margin-right: auto;
margin-left: auto;
margin-top: 0em;
margin-bottom: 0em;
}
.cardModal .Card-Themes {
font-size: .75em;
color; #000000;
margin-right: auto;
margin-left: auto;
margin-bottom: .25em;
max-width: 475px;
}
.cardSpecials h2 {
font-family: 'Raleway', sans-serif;
text-align: center;
font-size: calc(100% + .25vw);
color: rgba(0, 0, 0, 1);
font-weight: 600 !important;
max-width: 550px;
padding: 0em 0em 0em 0em;
margin-right: auto;
margin-left: auto;
margin-top: 0em;
margin-bottom: 0.75em;
}
#cardModalContent .moquantity {
text-align: left;
outline: 0;
width: 20px;
top: -12px;
left: -275px;
}
.motitle7, .motitle8 {
text-align:center;
font-size: 1.25em;
color:rgba(0,0,0, .85);
font-weight: 500;
line-height: 1.35em;
border-bottom: 0px dotted rgba(0,0,0, .3);
border-radius:0px;
padding: .35em 0em .35em .5em;
margin-top: .25em;
margin-bottom: .5em;
width:75%;
}
#cardModalContent .motitle5 {
display:inline-block;
text-align: center;
font-family: 'Open Sans', sans-serif;
font-size: .85em;
color:#000000;
font-weight: 500;
letter-spacing:0px;
background-color:#ffffff;
box-shadow: inset 0px 0px 8px 3px rgba(0,0,0, .1);
border-radius: 3px;
border-top: 0px;
border-right: 0px;
border-left: 0px;
border-bottom: 3px solid rgba(0,0,0, .4);
line-height: 2em;
padding: .35em 0em .35em 0em;
margin-top: .15em;
margin-bottom:0.15em;
margin-right: 0;
margin-left: 0;
width:calc(50% - .25em);
}
#cardModalContent .motitle5:hover {
border-bottom: 3px solid rgba(0,0,0, .15);
box-shadow: inset 0px 0px 8px 5px rgb(0, 0, 0, .025);
}
#cardModalContent .motitle6 {
text-align: center;
font-family: 'Open Sans', sans-serif;
font-size: .85em;
color: rgba(0, 0, 0, 1);
background: #ffffff;
box-shadow: inset 0px 0px 12px 2px rgb(0, 0, 0, .075);
border: 0px;
border-radius: 3px;
padding: 1em;
margin-bottom: 0.75em;
width:100%;
}
#cardModalContent .motitle6:hover {
color: rgba(0, 0, 0, .7);
box-shadow: inset 0px 0px 8px 5px rgb(0, 0, 0, .015);
}
#cardModalContent .motitle7, #cardModalContent .motitle8 {
display: inline-block;
text-align: center;
font-family: 'Raleway', sans-serif;
font-size: .85em;
color: rgba(255,255,255, 1);
font-weight: 500;
background: rgba(0,0,0, .65);
box-shadow: inset 0px 0px 8px 5px rgb(255, 255, 255, .5);
border-radius: 3px;
border: none;
line-height: 2em;
padding: .5em 0em .4em 0em;
margin-top: 0.15em;
margin-bottom: 0.15em;
margin-right: 0;
margin-left: 0;
width: calc(50% - 0.25em);
max-width: 100%;
}
#cardModalContent .motitle7:hover,  #cardModalContent .motitle8:hover {
box-shadow: inset 0px 0px 8px 5px rgb(255, 255, 255, .25);
}
button.motitle5:focus, button.motitle6:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
button.motitle7:focus, button.motitle8:focus {
color:#ffffff;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
.addTab {
font-size: 1em;
color: #000000;
margin-right: auto;
margin-left: auto;
max-width: 450px;
}
button#addRecipient {
text-align: center;
font-size: .85em;
color: #ffffff;
border: 1px solid #ffffff;
outline: 4px solid #636363;
background: #636363;
border-radius: .5em;
line-height: 1.5em;
padding: .25em 1em;
margin-top: 1em;
margin-bottom: 1em;
margin-right: 0;
margin-left: 0;
max-width: 100%;
}
button#addRecipient:hover {
background: #000000;
}
.cardGreeting {
font-family: 'Open Sans', sans-serif;
font-size: .85em;
color: #000000;
border: 1px solid rgba(0, 0, 0, .1);
border-radius: 3px;
background: transparent;
width: 100%;
min-height: 60px;
outline: none;
resize: none;
padding: 0.5em;
margin: 0.5em 0em 0.5em 0em;
}
textarea#cardMsg::placeholder {
font-size:.85em;
color: rgba(0, 0, 0, 1);
}
textarea#cardMsg:focus::placeholder {
font-size:.85em;
color: #ffffff;
}
.cardGreeting:focus {
text-align: left !important;
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
.cardChoices a {
text-decoration:none;
}
.cardSpecials h2 {
text-align: center;
font-size: calc(100% + .25vw);
color: rgba(0, 0, 0, 1);
font-weight: 600 !important;
max-width: 550px;
padding: 0em 0em 0em 0em;
margin-right: auto;
margin-left: auto;
margin-top: 0em;
margin-bottom: 0.25em;
}
h2#cardPurchase {
font-family: 'Open Sans', sans-serif;
text-align: justify;
font-size: .85em;
color: rgba(0, 0, 0, 1);
font-weight: 600;
text-transform: none;
padding: 0em 0em 0em 0em;
margin-right: auto;
margin-left: auto;
margin-top: 1em;
margin-bottom: 1em;
max-width: 100%;
}
.cardModal b {
color: #6e3577;
font-weight: 700;
}
p#issues {
font-family: 'Open Sans', sans-serif;
text-align: justify;
font-size: .7em;
color: #d20409;
font-weight: 600;
max-width: 600px;
padding: 0em 0em 0em 0em;
margin-right: auto;
margin-left: auto;
margin-top: 0em;
margin-bottom: 1em;
max-width:100%;
}
.uploading {
text-align: center;
}
.gc-paynow {
margin-top: 20px !important;
font-size: 1.25em !important;
color: rgba(255,255,255,1);
background-color: rgba(0, 0, 0, 1);
border-radius: 5px;
box-shadow: 0px 0px 1px 2px rgba(0, 0, 0, 0);
padding: .25em .5em .25em .5em;
cursor: pointer;
border: 0;
display: block;
width: 35%;
}
.cardmodalTop {position:relative;
}
#giftCard {
width:100%;
}
#giftCard img { 
border-radius: 10px;
box-shadow: 0px -2px 15px rgb(0, 0, 0, .15);
width:100%;
max-width:300px;
height:100%;
max-height:200px;
object-fit: cover;
}
.cardModal .cardImg {
width:calc(25% - 0em); 
float:left;
border:none;
border-radius: 10px;
padding: 0.075em;
}
.cards-HolidayThemePics, .cards-BirthdayThemePics, .cards-ChristmasThemePics, 
.cards-GenericThemePics, .cards-ValentinesThemePics, .cards-MothersDayThemePics, 
.cards-EasterThemePics, .cards-CincoDeMayoThemePics, .cards-HanukkahThemePics {
padding-bottom: 0em;
}
.gcinput { 
display: inline-block;
text-align:center;
font-size: 1em;
color:#000000;
background: rgba(0,0,0, .05);
background-image: none;
border: 0px;
border-radius: 0px;
outline: none;
padding: 1em 0 1em 0;
margin-bottom:.5em;
width:calc(50% - .2em);
}
.gcTime {
padding: .35em 0;
}
.gcinput::placeholder {
font-size: .85em;
}
.gcinput:focus::placeholder {
color: #ffffff;
}
.gcinput:focus, #gcInputCode:focus, #promoinput:focus, #gcInputApply:focus,
#promoapply:focus   {
color:#ffffff;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc;
}
#gcPayment, #chkpromo {
height:16px;
vertical-align: bottom;
}
.cardModal .mobsub:focus {
background-color: #d004fc;
outline: 3px dotted #a307fc;
}
input#gcPayment[type="checkbox"], input#chkpromo[type="checkbox"] {
filter: invert(0%) hue-rotate(500deg) saturate(0%) brightness(1);
width:16px;
vertical-align: baseline;
}
.gcinputnames {
text-transform: capitalize;
}
.cardSpecialsCol {
width:50%; 
text-align:center; 
color:rgba(0, 0, 0, 1);
float:left; 
padding:5px 5px 5px 5px;
}
.cardSpecialsColTopLeftBorder {
border-top:1px solid rgba(0, 0, 0, .2); 
border-bottom:1px solid rgba(0, 0, 0, .2); 
border-left:1px solid rgba(0, 0, 0, .2);
}
.cardSpecialsColAllBorder {
border: 1px solid rgba(0, 0, 0, .2);
}
.cardSpecialsColBottomLeftBorder {
border-bottom:1px solid rgba(0, 0, 0, .2); 
border-left:1px solid rgba(0, 0, 0, .2);
}
.cardSpecialsColBottomRightBorder {
border-right:1px solid rgba(0, 0, 0, .2); 
border-bottom:1px solid rgba(0, 0, 0, .2); 
border-left:1px solid rgba(0, 0, 0, .2);
}
.cardInfo {
display: block;
position: absolute;
font-family: 'Open Sans', sans-serif;
font-size: 1em;
color: #636363;
font-weight: 600;
Text-transform: capitalize;
top: 79.5%;
left: 50%;
transform: translate(-50%, -50%);
border-left: 12px solid rgba(255, 255, 255, 1);
border-right: 12px solid rgba(255, 255, 255, 1);
border-top-right-radius: 30%;
border-top-left-radius: 30%;
background: linear-gradient(to right, rgba(238, 238, 238, .95), rgba(255, 255, 255, .95), rgba(238, 238, 238, .95));
box-shadow: 0px -5px 15px rgb(0 0 0 / 0%);
margin-bottom: 0;
padding: 0.5em 0 0 0;
height: 75px;
width: 300px;
}
.cardNum {
position: absolute;
font-family: 'Open Sans', sans-serif;
font-size: .85em;
color: rgba(0,0,0, .6);
font-weight: 700;
top: 82%;
left: 50%;
transform: translate(-50%, -50%);
padding: 0;
margin: 0;
width: 100%;
}
.cardAmount {
position: absolute;
font-family: 'Open Sans', sans-serif;
font-size: 1em;
color: #636363;
font-weight: 600;
top: 92%;
left: 50%;
transform: translate(-50%, -50%);
}

#cardPromos { 
font-size:1em; 
width:100%
}
#removeGc {
color:#ffffff; 
font-size:1em;
text-decoration:none;
padding-top:.5em;
}
#gcInputCode, #promoinput {
    text-align: center;
    position: relative;
    display: inline-block;
    font-size: .85em;
    border: none;
    border-radius: 3px;
    color: rgba(255,255,255, 1);
    background: rgba(0,0,0,.8); 
    outline: none;
    margin-left: 0;
    margin-top: 0;
    height: 2.15em;
    width: 70%;
}
.gcinput::placeholder {
color: rgba(0, 0, 0, 1);
}
#gcInputCode, #promoinput {
position: relative;
display: inline-block;
font-size: .85em;   
height: 2.15em;   
margin-left: 0;    
margin-top: 13px;   
width:70%;
}
#gcInputCode::placeholder, #promoinput::placeholder {
font-size:.75em;
color: rgba(255,255,255,.7);
}
.gcinput:focus, #gcInputCode:focus, #promoinput:focus, #gcInputApply:focus,
#promoapply:focus   {
color:#ffffff;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc;
}
#gcInputApply {
position: relative;
display: inline-block;
color: rgba(255,255,255,1);
background:rgba(0,0,0,.6);
border-radius: 3px;
box-shadow: 0px 0px 1px 2px rgb(0 0 0 / 0%);
font-size: .85em;
text-align: right;
padding: 0.5em 0.75em 0.4em 0.75em;
border: 0;
cursor: pointer;
left: 0em;
margin-top: 1em;
margin-bottom:1em;
width: 4em;
}
#promoapply {
position: relative;
display: inline-block;
color: rgba(255,255,255,1);
background:rgba(0,0,0,.6);
border-radius: 3px;
box-shadow: 0px 0px 1px 2px rgb(0 0 0 / 0%);
font-size: .85em;
text-align: right;
padding: 0.5em 0.75em 0.4em 0.75em;
border: 0;
cursor: pointer;
left: 0em;
margin-top: 1em;
width: 4em;
margin-left: 1em;
}
.cardModal .mobsub {
position: relative;
display: block;
width: 100%;
padding: 7px 0 7px 0;
border-radius: 5px;
background: rgba(0, 0, 0, .8);
box-shadow: inset 0px 0px 15px 5px rgba(255, 255, 255, .5);
border-bottom: 3px solid rgba(0,0,0, .5);
color: #fff;
font-weight: 700;
font-size: 1.2em;
margin-top: 0;
margin-bottom: 2em;
text-align: center;
cursor: pointer;
}
.cardModal .mobsub {
border: none;
}
.cardModal .mobsub:hover {
box-shadow: inset 0px 0px 15px 5px rgba(255, 255, 255, .25);
opacity: 1;
}
.cardModal .mobsub:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
#cardModalContent {
padding: 0em .5em 10em .5em;
}
@media screen and (max-width: 736px) {

.addTab {
font-size: .85em;
max-width: 350px;
}
.cardModal h2 {
font-size: 1.5em;
}
#cardModalContent .motitle {
font-size:.85em;
}
}
@media screen and (max-width: 550px) {
#cardPromos { 
font-size:.8em; 
}
h2#cardPurchase {
font-size: .85em;
}
.cardModal p {
font-size: .7em;
}
.cardModal .mobsub {
font-size: .95em;
}
.cardModal .cardImg {
width:calc(25% - 0em); 
}
.gcinputleft, .gcinputright {
width:100%;
}
#cardModalContent .motitle5 {
line-height:2.5em;
}
#cardModalContent .motitle6 {
font-size:.75em;
}
#cardModalContent .motitle7, #cardModalContent .motitle8 {
font-size:.75em;
line-height:2.5em;
}
}
@media screen and (max-width: 480px) {
.gcinputleft, .gcinputright {
width:100%;
}
}
@media screen and (max-width: 380px) {
.cardModal .cardImg {
width:calc(33.333% - 0em); 
}
}
#customer-address {
display: flex;
justify-content: space-between;
clear: both;
}
.chinputcol1 {
width: 40%;
margin: auto auto auto 0;
}
.chinputcol2 {
width: 35%;
margin: auto;
}
.chinputcol3 {
width: 17%;
margin: auto 0 auto auto;
}
#cart-shim {
margin-bottom: 5px;
}
.secure-payment-field-wrapper {
display: flex;
margin: 0;
padding: 0;
width: 100%;
flex: 1 1 auto;
}
.secure-payment-field {
margin: 0;
width: 100%;
flex: 1 1 auto;
padding: 0px !important;
height: 35px !important;
background-image: none;
border: none;
border-radius: 4px;
outline: none;
text-align: center;
font-size: 1em;
background-color: rgba(0, 0, 0, .8);
color: rgba(255,255,255,1);
}
.secure-payment-field::placeholder {
color:rgba(255,255,255,.65);
font-size:.75em;
}
button.secure-payment-field {
font-size:1.25em!important;
color:rgba(255,255,255,1);
background-color: rgba(0, 0, 0, .8);
border-radius:5px;
box-shadow:0px 0px 1px 2px rgba(0, 0, 0, 0);
padding:.25em .5em .25em .5em;
cursor:pointer;
border:0;
display:block;
max-width:150px;
}
.secure-payment-field:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
#scheduleContainer {
width: 100%;
}
#gcTime {
color: #000000;
font-size: .85em;
padding: .6em 0 .5em .75em;
}
#gcTime:focus, #gcDate:focus  {
color: #ffffff !important;
background-color: #d004fc;
outline: 3px dotted #a307fc;
}
.gcNote {
font-size: .85em;
color: rgba( 0, 0, 0, .55 );
margin-bottom: .65em;
}
#gcDate {
font-size: .85em;
padding: 1.3em 0 1.15em 0;
}
#gcDate::placeholder {
font-size: .85em;
color: rgba(0, 0, 0, 1);
}
#gcDate:focus::placeholder {
font-size: .85em;
color: #ffffff;
}
.secure-payment-field:focus {
background-color: #d004fc;
outline: 3px dotted #a307fc;
}


img#ac  {
display: block;
position: fixed;
background: transparent;
border: none;
cursor: pointer;
right: 2em;
top: 2em;
max-width: 80px;
width: 100%;
z-index: 2;
}
img#ac a:hover {
opacity: 5;
}
 img#ac:focus {
color:#ffffff !important;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
.modalWindow { 
position: fixed; display: block; text-align:justify; box-shadow:none; top: 0; 
background-color: #ffffff; 
opacity: 0; left: 0; right: 0; padding: 3em 3em 20em 3em;
margin: 0 auto; transition: opacity 400ms ease-in; pointer-events: none; z-index: 10001;
overflow-y:scroll; width: 100%; height: 100%;
}
.modalWindow p { text-align: judtify; color: rgba(0,0,0, .65); line-height: 1.5em; padding:0; margin-top: 0em; margin-bottom: 0em; }
.modalWindow a { color: rgba(144, 92, 11, 1); font-weight: 800; border-bottom: 1px dotted; cursor: pointer; text-decoration: none; }
.modalWindow a:hover { color: rgba(144, 92, 11, .5); }
.modalWindow a:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
.modalWindow:target { 
opacity: 1; pointer-events: auto;
}
.modalWindow .modalHeader { padding: 0 0 0 0; }
.modalWindow .modalContent { padding: 50px 50px 50px 50px; }
.cw  { 
text-align: center; display: block; position: relative; color: rgba(5, 95, 165, .5); text-decoration: none;
padding: 2em 0em 1em 0em; cursor: pointer; line-height: 1em; margin: 0 auto; width: 200px; 
}
.access a img:focus {
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
.cw:hover { opacity: .5 }
@media screen and (max-width:1050px) {
.modalWindow { padding: 3em .5em 20em .5em; }
}	
.footerlink {
padding: 2em 1em 6em 1em;
width: 100%;
}
.footerlink p {
display: block;
text-align: justify;
font-size: 1em;
line-height: 1.5em;
max-width: 1100px;
padding: .75em 0em 0em 0em;
margin-right:auto;
margin-left:auto;
}
#policy a {
display: inline-block;
text-align: center;
font-size: 1em;
color: rgba(0, 0, 0, 1);
font-weight: bold;
border-bottom: 1px dotted;
text-decoration: none;
margin-bottom: 0em;
margin-right: auto;
margin-left: auto;
}
#policy h3 {
font-family: 'Open Sans', sans-serif;
text-align: center;
display: block;
font-size: 1.5em;
color: rgba(0, 0, 0, 1);
font-weight: 600;
text-transform: capitalize;
padding: 0em 0em 1.5em 0em;
margin: 0;
}



#orderModal  {
text-align: center;
background: rgba(0, 0, 0, .7);
padding: 0 0 10em 0;
}
#orderModalContent  {
position: relative;
display: block;
box-shadow: 0px 20px 30px rgba(0, 0, 0, .3);
background-image: url(blackmarble.png);
background-color: #000000;
box-shadow: inset 0px 0px 10px 2px rgba(255, 255, 255, .5), 0px 5px 15px rgba(0, 0, 0, .35);
border-radius: 1em;
margin-top: 0em;
min-height: 600px;
max-width: 500px;
width: 100%;
}
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: 6;
}
a.om:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
#orderModalContent h2 {
font-size: 1.75em;
color: #ffffff;
font-weight: 600;
text-transform: uppercase;
padding: 0 .5em;
margin-top: .5em;
margin-right: auto;
margin-left: auto;
width: 450px;
max-width: 100%;
}
#orderModalContent p {
text-align: justify;
font-size: 1em;
color: #ffffff;
font-weight: 600;
line-height: 1.5em;
padding: 0 1em 2em 1em;
margin-top: .5em;
}
#orderModal img {
border-radius: 1em;
box-shadow: 0px 5px 15px rgba(0, 0, 0, .25);
margin-top: 4em;
max-width: 350px;
width: 100%;
}
@media screen and (max-width:550px) {

#policy h3 {
font-size: 1em;
}
.footerlink p {
font-size: .8em;
}
a.om {
margin-top: 5em;
}
#orderModalContent h2 {
font-size: 1.5em;
padding: 0 .5em;
width: 450px;
}
#orderModalContent p {
font-size: 1em;
line-height: 1.65em;
}
}   


@media print {
section.banner, section#main, div#sectionNav, a.checkouttwo, .button.scroll, div#policy, 
.grecaptcha-badge, #specialoffers10755, .itemdescription, #policy h3, #policy a,
.footerlink p {
display: none !important;
}
.container {
padding: 0;
}
.button.large {
border: 0px;
box-shadow: none;
padding: 0;
margin: .1em;
width: calc(50% - .25em);
}
h2.category-ne {
padding: 0;
margin: 0;
}
h3 {
font-size: 1em;
}
.container .button.large p {
height: 30px;
width: calc(100% - .1em);
}
}