/* --- Grid Sizing --- */
/* --- Breakpoints --- */
/* --- Fonts --- */
/* --- Colors --- */

* {
  margin: 0;
  padding: 0;
  border: 0; }
  
p.dark {
	color: #242730 !important;
	}
#branding.event .sub-title {
	  color: #ed5901 !important;
	  line-height: .8;
	  font-size: 1.5em; }
  #branding.event .title {
    margin-bottom: .25em;
    line-height: 1.2;
    font-weight: 900;
    font-size: 2.2em;
    color: #222;
    letter-spacing: -.01em; }
  #branding.event .body {
	margin-top: 15px; } 
  #branding.event .event-date {
    font-size: 1.5em;
    line-height: 1;
    margin: 10px 0 0;
    letter-spacing: -.05em; } 	   
  #branding.event hr {
	  border-bottom: 1px solid #f9f9f9;}
	  
.page-header {
	padding-top: 75px !important; }
  @media only screen and (max-width: 568px) {
    .page-header {
      padding-top: 105px !important; } }
.queen-main {
	padding-top: 55px !important; }
  @media only screen and (max-width: 568px) {
    .queen-main {
      padding: 15px 0 !important; } }      

#branding .apparel .wrapper {
	 background: #e8e8e8;
	}
	  
/* --- Body Styles --- */
.certified {
	z-index: 100;
	width: 50px;
}
.certified-text {
	font-color: red;
}
.specials-daily {
	background-color: #000 !important; }
.specials-daily p {
	color: #fff; }
.specials-daily h2 {
	color: #fff; }
.specials-daily sub-title {
	color: #ed5901; }
.wrapper {
  margin: 0 auto;
  /* --- Form Styles --- */ }
  .wrapper p {
    margin-bottom: 1.5em; }
    .wrapper p.intro {
      margin-bottom: 2em;
      font-size: 1.4em;
      line-height: 1.7; }
  .wrapper ul {
    margin-bottom: 2em;
    padding-left: 2em; }
  .wrapper h1.logo {
	  font-family: 'Arial',Arial,sans-serif;
	  color: #ed5901;
	  text-transform: uppercase;
	  float: left;
	  font-size: 2.5em;
	  letter-spacing: -1.5px;
	  font-weight: 900;
  }
  .wrapper hr {
    margin: 2em 0;
    border-bottom: 1px solid #333; }
  .wrapper img {
    max-width: 100%; }
  .wrapper .page-image {
    margin-bottom: 2em; }
  .wrapper blockquote {
    margin-bottom: 2em;
    font-size: 1.5em;
    line-height: 1.5;
    font-style: italic; }
  .wrapper .date-group, .wrapper .check-group {
    margin-bottom: 1em; }
  .wrapper input, .wrapper select, .wrapper textarea {
    display: inline-block;
    margin-bottom: 1em;
    padding: .5em;
    font-size: 13px;
    font-family: "Lato", Helvetica, Arial, sans-serif;
    line-height: 1.4;
    vertical-align: middle;
    background: #FFF;
    border: 1px solid #b2b2b2;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box; }
  .wrapper select {
    padding: 0;
    height: 2.5em; }
  .wrapper label {
    display: block;
    font-weight: 200;
    margin-bottom: .4em; }
  .wrapper input[type="checkbox"], .wrapper input[type="radio"] {
    position: relative;
    top: 5px; }
    .wrapper input[type="checkbox"]:first-child, .wrapper input[type="radio"]:first-child {
      margin-left: 0; }
  .wrapper input[type="file"] {
    padding: 0 !important;
    border: none; }

/* --- Wrap video and Preserve Ratio --- */
.video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0; }
  .video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/* --- Buttons and Links --- */
a, a:active, a:visited {
  color: #FFF;
  text-decoration: underline; }
  a:hover, a:active:hover, a:visited:hover {
    text-decoration: none; }

button, .button {
  display: inline-block;
  height: 36px;
  padding: 0 2.5em;
  font-size: 14px;
  font-weight: 700;
  line-height: 36px;
  color: #FFF !important;
  text-decoration: none;
  cursor: pointer;
  background-color: #ed5901; }
  button img, .button img {
    margin-left: .5em; }
  button:hover, .button:hover {
    background: #ba0303; }
  @media only screen and (max-width: 1100px) {
    button span, .button span {
      display: none; } }
  @media only screen and (max-width: 568px) {
    button, .button {
      padding: 0 1em; } }

/* --- Miscellaneous --- */
#recaptcha_widget_div {
  margin-bottom: 10px; }

a img {
  border: none; }

.separator {
  margin: 2em 0;
  border-bottom: 1px solid #E5E5E5; }

img {
  max-width: 100%; }

/* --- Grid Structure --- */
.clearfix {
  *zoom: 1; }

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0; }

.clearfix:after {
  clear: both; }

.row {
  margin-left: -10px;
  *zoom: 1; }
  @media only screen and (max-width: 568px) {
    .row {
      margin-left: 0; } }

.row:before,
.row:after {
  display: table;
  content: "";
  line-height: 0; }

.row:after {
  clear: both; }

[class*="span"] {
  float: left;
  min-height: 1px;
  margin-left: 10px; }

[class*="span"].border-left {
  margin-left: 9px;
  border-left: 1px solid #E5E5E5; }

[class*="span"].border-right {
  margin-left: 9px;
  border-right: 1px solid #E5E5E5; }

[class*="span"].right {
  text-align: right; }

.span1 {
  width: 32px; }
  @media only screen and (max-width: 1100px) {
    .span1 {
      width: 19px; } }

.offset1 {
  margin-left: 52px; }
  @media only screen and (max-width: 1100px) {
    .offset1 {
      margin-left: 39px; } }
  .offset1.border-left, .offset1.border-right {
    margin-left: 51px; }
    @media only screen and (max-width: 1100px) {
      .offset1.border-left, .offset1.border-right {
        margin-left: 38px; } }

.inset-l1 {
  padding-left: 42px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-l1 {
      padding-left: 29px !important; } }

.inset-r1 {
  padding-right: 42px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-r1 {
      padding-right: 29px !important; } }

.span2 {
  width: 74px; }
  @media only screen and (max-width: 1100px) {
    .span2 {
      width: 48px; } }

.offset2 {
  margin-left: 94px; }
  @media only screen and (max-width: 1100px) {
    .offset2 {
      margin-left: 68px; } }
  .offset2.border-left, .offset2.border-right {
    margin-left: 93px; }
    @media only screen and (max-width: 1100px) {
      .offset2.border-left, .offset2.border-right {
        margin-left: 67px; } }

.inset-l2 {
  padding-left: 84px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-l2 {
      padding-left: 58px !important; } }

.inset-r2 {
  padding-right: 84px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-r2 {
      padding-right: 58px !important; } }

.span3 {
  width: 116px; }
  @media only screen and (max-width: 1100px) {
    .span3 {
      width: 77px; } }

.offset3 {
  margin-left: 136px; }
  @media only screen and (max-width: 1100px) {
    .offset3 {
      margin-left: 97px; } }
  .offset3.border-left, .offset3.border-right {
    margin-left: 135px; }
    @media only screen and (max-width: 1100px) {
      .offset3.border-left, .offset3.border-right {
        margin-left: 96px; } }

.inset-l3 {
  padding-left: 126px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-l3 {
      padding-left: 87px !important; } }

.inset-r3 {
  padding-right: 126px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-r3 {
      padding-right: 87px !important; } }

.span4 {
  width: 158px; }
  @media only screen and (max-width: 1100px) {
    .span4 {
      width: 106px; } }

.offset4 {
  margin-left: 178px; }
  @media only screen and (max-width: 1100px) {
    .offset4 {
      margin-left: 126px; } }
  .offset4.border-left, .offset4.border-right {
    margin-left: 177px; }
    @media only screen and (max-width: 1100px) {
      .offset4.border-left, .offset4.border-right {
        margin-left: 125px; } }

.inset-l4 {
  padding-left: 168px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-l4 {
      padding-left: 116px !important; } }

.inset-r4 {
  padding-right: 168px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-r4 {
      padding-right: 116px !important; } }

.span5 {
  width: 200px; }
  @media only screen and (max-width: 1100px) {
    .span5 {
      width: 135px; } }

.offset5 {
  margin-left: 220px; }
  @media only screen and (max-width: 1100px) {
    .offset5 {
      margin-left: 155px; } }
  .offset5.border-left, .offset5.border-right {
    margin-left: 219px; }
    @media only screen and (max-width: 1100px) {
      .offset5.border-left, .offset5.border-right {
        margin-left: 154px; } }

.inset-l5 {
  padding-left: 210px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-l5 {
      padding-left: 145px !important; } }

.inset-r5 {
  padding-right: 210px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-r5 {
      padding-right: 145px !important; } }

.span6 {
  width: 242px; }
  @media only screen and (max-width: 1100px) {
    .span6 {
      width: 164px; } }

.offset6 {
  margin-left: 262px; }
  @media only screen and (max-width: 1100px) {
    .offset6 {
      margin-left: 184px; } }
  .offset6.border-left, .offset6.border-right {
    margin-left: 261px; }
    @media only screen and (max-width: 1100px) {
      .offset6.border-left, .offset6.border-right {
        margin-left: 183px; } }

.inset-l6 {
  padding-left: 252px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-l6 {
      padding-left: 174px !important; } }

.inset-r6 {
  padding-right: 252px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-r6 {
      padding-right: 174px !important; } }

.span7 {
  width: 284px; }
  @media only screen and (max-width: 1100px) {
    .span7 {
      width: 193px; } }

.offset7 {
  margin-left: 304px; }
  @media only screen and (max-width: 1100px) {
    .offset7 {
      margin-left: 213px; } }
  .offset7.border-left, .offset7.border-right {
    margin-left: 303px; }
    @media only screen and (max-width: 1100px) {
      .offset7.border-left, .offset7.border-right {
        margin-left: 212px; } }

.inset-l7 {
  padding-left: 294px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-l7 {
      padding-left: 203px !important; } }

.inset-r7 {
  padding-right: 294px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-r7 {
      padding-right: 203px !important; } }

.span8 {
  width: 326px; }
  @media only screen and (max-width: 1100px) {
    .span8 {
      width: 222px; } }

.offset8 {
  margin-left: 346px; }
  @media only screen and (max-width: 1100px) {
    .offset8 {
      margin-left: 242px; } }
  .offset8.border-left, .offset8.border-right {
    margin-left: 345px; }
    @media only screen and (max-width: 1100px) {
      .offset8.border-left, .offset8.border-right {
        margin-left: 241px; } }

.inset-l8 {
  padding-left: 336px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-l8 {
      padding-left: 232px !important; } }

.inset-r8 {
  padding-right: 336px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-r8 {
      padding-right: 232px !important; } }

.span9 {
  width: 368px; }
  @media only screen and (max-width: 1100px) {
    .span9 {
      width: 251px; } }

.offset9 {
  margin-left: 388px; }
  @media only screen and (max-width: 1100px) {
    .offset9 {
      margin-left: 271px; } }
  .offset9.border-left, .offset9.border-right {
    margin-left: 387px; }
    @media only screen and (max-width: 1100px) {
      .offset9.border-left, .offset9.border-right {
        margin-left: 270px; } }

.inset-l9 {
  padding-left: 378px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-l9 {
      padding-left: 261px !important; } }

.inset-r9 {
  padding-right: 378px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-r9 {
      padding-right: 261px !important; } }

.span10 {
  width: 410px; }
  @media only screen and (max-width: 1100px) {
    .span10 {
      width: 280px; } }

.offset10 {
  margin-left: 430px; }
  @media only screen and (max-width: 1100px) {
    .offset10 {
      margin-left: 300px; } }
  .offset10.border-left, .offset10.border-right {
    margin-left: 429px; }
    @media only screen and (max-width: 1100px) {
      .offset10.border-left, .offset10.border-right {
        margin-left: 299px; } }

.inset-l10 {
  padding-left: 420px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-l10 {
      padding-left: 290px !important; } }

.inset-r10 {
  padding-right: 420px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-r10 {
      padding-right: 290px !important; } }

.span11 {
  width: 452px; }
  @media only screen and (max-width: 1100px) {
    .span11 {
      width: 309px; } }

.offset11 {
  margin-left: 472px; }
  @media only screen and (max-width: 1100px) {
    .offset11 {
      margin-left: 329px; } }
  .offset11.border-left, .offset11.border-right {
    margin-left: 471px; }
    @media only screen and (max-width: 1100px) {
      .offset11.border-left, .offset11.border-right {
        margin-left: 328px; } }

.inset-l11 {
  padding-left: 462px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-l11 {
      padding-left: 319px !important; } }

.inset-r11 {
  padding-right: 462px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-r11 {
      padding-right: 319px !important; } }

.span12 {
  width: 494px; }
  @media only screen and (max-width: 1100px) {
    .span12 {
      width: 338px; } }

.offset12 {
  margin-left: 514px; }
  @media only screen and (max-width: 1100px) {
    .offset12 {
      margin-left: 358px; } }
  .offset12.border-left, .offset12.border-right {
    margin-left: 513px; }
    @media only screen and (max-width: 1100px) {
      .offset12.border-left, .offset12.border-right {
        margin-left: 357px; } }

.inset-l12 {
  padding-left: 504px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-l12 {
      padding-left: 348px !important; } }

.inset-r12 {
  padding-right: 504px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-r12 {
      padding-right: 348px !important; } }

.span13 {
  width: 536px; }
  @media only screen and (max-width: 1100px) {
    .span13 {
      width: 367px; } }

.offset13 {
  margin-left: 556px; }
  @media only screen and (max-width: 1100px) {
    .offset13 {
      margin-left: 387px; } }
  .offset13.border-left, .offset13.border-right {
    margin-left: 555px; }
    @media only screen and (max-width: 1100px) {
      .offset13.border-left, .offset13.border-right {
        margin-left: 386px; } }

.inset-l13 {
  padding-left: 546px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-l13 {
      padding-left: 377px !important; } }

.inset-r13 {
  padding-right: 546px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-r13 {
      padding-right: 377px !important; } }

.span14 {
  width: 578px; }
  @media only screen and (max-width: 1100px) {
    .span14 {
      width: 396px; } }

.offset14 {
  margin-left: 598px; }
  @media only screen and (max-width: 1100px) {
    .offset14 {
      margin-left: 416px; } }
  .offset14.border-left, .offset14.border-right {
    margin-left: 597px; }
    @media only screen and (max-width: 1100px) {
      .offset14.border-left, .offset14.border-right {
        margin-left: 415px; } }

.inset-l14 {
  padding-left: 588px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-l14 {
      padding-left: 406px !important; } }

.inset-r14 {
  padding-right: 588px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-r14 {
      padding-right: 406px !important; } }

.span15 {
  width: 620px; }
  @media only screen and (max-width: 1100px) {
    .span15 {
      width: 425px; } }

.offset15 {
  margin-left: 640px; }
  @media only screen and (max-width: 1100px) {
    .offset15 {
      margin-left: 445px; } }
  .offset15.border-left, .offset15.border-right {
    margin-left: 639px; }
    @media only screen and (max-width: 1100px) {
      .offset15.border-left, .offset15.border-right {
        margin-left: 444px; } }

.inset-l15 {
  padding-left: 630px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-l15 {
      padding-left: 435px !important; } }

.inset-r15 {
  padding-right: 630px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-r15 {
      padding-right: 435px !important; } }

.span16 {
  width: 662px; }
  @media only screen and (max-width: 1100px) {
    .span16 {
      width: 454px; } }

.offset16 {
  margin-left: 682px; }
  @media only screen and (max-width: 1100px) {
    .offset16 {
      margin-left: 474px; } }
  .offset16.border-left, .offset16.border-right {
    margin-left: 681px; }
    @media only screen and (max-width: 1100px) {
      .offset16.border-left, .offset16.border-right {
        margin-left: 473px; } }

.inset-l16 {
  padding-left: 672px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-l16 {
      padding-left: 464px !important; } }

.inset-r16 {
  padding-right: 672px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-r16 {
      padding-right: 464px !important; } }

.span17 {
  width: 704px; }
  @media only screen and (max-width: 1100px) {
    .span17 {
      width: 483px; } }

.offset17 {
  margin-left: 724px; }
  @media only screen and (max-width: 1100px) {
    .offset17 {
      margin-left: 503px; } }
  .offset17.border-left, .offset17.border-right {
    margin-left: 723px; }
    @media only screen and (max-width: 1100px) {
      .offset17.border-left, .offset17.border-right {
        margin-left: 502px; } }

.inset-l17 {
  padding-left: 714px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-l17 {
      padding-left: 493px !important; } }

.inset-r17 {
  padding-right: 714px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-r17 {
      padding-right: 493px !important; } }

.span18 {
  width: 746px; }
  @media only screen and (max-width: 1100px) {
    .span18 {
      width: 512px; } }

.offset18 {
  margin-left: 766px; }
  @media only screen and (max-width: 1100px) {
    .offset18 {
      margin-left: 532px; } }
  .offset18.border-left, .offset18.border-right {
    margin-left: 765px; }
    @media only screen and (max-width: 1100px) {
      .offset18.border-left, .offset18.border-right {
        margin-left: 531px; } }

.inset-l18 {
  padding-left: 756px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-l18 {
      padding-left: 522px !important; } }

.inset-r18 {
  padding-right: 756px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-r18 {
      padding-right: 522px !important; } }

.span19 {
  width: 788px; }
  @media only screen and (max-width: 1100px) {
    .span19 {
      width: 541px; } }

.offset19 {
  margin-left: 808px; }
  @media only screen and (max-width: 1100px) {
    .offset19 {
      margin-left: 561px; } }
  .offset19.border-left, .offset19.border-right {
    margin-left: 807px; }
    @media only screen and (max-width: 1100px) {
      .offset19.border-left, .offset19.border-right {
        margin-left: 560px; } }

.inset-l19 {
  padding-left: 798px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-l19 {
      padding-left: 551px !important; } }

.inset-r19 {
  padding-right: 798px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-r19 {
      padding-right: 551px !important; } }

.span20 {
  width: 830px; }
  @media only screen and (max-width: 1100px) {
    .span20 {
      width: 570px; } }

.offset20 {
  margin-left: 850px; }
  @media only screen and (max-width: 1100px) {
    .offset20 {
      margin-left: 590px; } }
  .offset20.border-left, .offset20.border-right {
    margin-left: 849px; }
    @media only screen and (max-width: 1100px) {
      .offset20.border-left, .offset20.border-right {
        margin-left: 589px; } }

.inset-l20 {
  padding-left: 840px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-l20 {
      padding-left: 580px !important; } }

.inset-r20 {
  padding-right: 840px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-r20 {
      padding-right: 580px !important; } }

.span21 {
  width: 872px; }
  @media only screen and (max-width: 1100px) {
    .span21 {
      width: 599px; } }

.offset21 {
  margin-left: 892px; }
  @media only screen and (max-width: 1100px) {
    .offset21 {
      margin-left: 619px; } }
  .offset21.border-left, .offset21.border-right {
    margin-left: 891px; }
    @media only screen and (max-width: 1100px) {
      .offset21.border-left, .offset21.border-right {
        margin-left: 618px; } }

.inset-l21 {
  padding-left: 882px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-l21 {
      padding-left: 609px !important; } }

.inset-r21 {
  padding-right: 882px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-r21 {
      padding-right: 609px !important; } }

.span22 {
  width: 914px; }
  @media only screen and (max-width: 1100px) {
    .span22 {
      width: 628px; } }

.offset22 {
  margin-left: 934px; }
  @media only screen and (max-width: 1100px) {
    .offset22 {
      margin-left: 648px; } }
  .offset22.border-left, .offset22.border-right {
    margin-left: 933px; }
    @media only screen and (max-width: 1100px) {
      .offset22.border-left, .offset22.border-right {
        margin-left: 647px; } }

.inset-l22 {
  padding-left: 924px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-l22 {
      padding-left: 638px !important; } }

.inset-r22 {
  padding-right: 924px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-r22 {
      padding-right: 638px !important; } }

.span23 {
  width: 956px; }
  @media only screen and (max-width: 1100px) {
    .span23 {
      width: 657px; } }

.offset23 {
  margin-left: 976px; }
  @media only screen and (max-width: 1100px) {
    .offset23 {
      margin-left: 677px; } }
  .offset23.border-left, .offset23.border-right {
    margin-left: 975px; }
    @media only screen and (max-width: 1100px) {
      .offset23.border-left, .offset23.border-right {
        margin-left: 676px; } }

.inset-l23 {
  padding-left: 966px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-l23 {
      padding-left: 667px !important; } }

.inset-r23 {
  padding-right: 966px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-r23 {
      padding-right: 667px !important; } }

.span24 {
  width: 998px; }
  @media only screen and (max-width: 1100px) {
    .span24 {
      width: 686px; } }

.offset24 {
  margin-left: 1018px; }
  @media only screen and (max-width: 1100px) {
    .offset24 {
      margin-left: 706px; } }
  .offset24.border-left, .offset24.border-right {
    margin-left: 1017px; }
    @media only screen and (max-width: 1100px) {
      .offset24.border-left, .offset24.border-right {
        margin-left: 705px; } }

.inset-l24 {
  padding-left: 1008px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-l24 {
      padding-left: 696px !important; } }

.inset-r24 {
  padding-right: 1008px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-r24 {
      padding-right: 696px !important; } }

@media only screen and (max-width: 1100px) {
  .span-tablet1 {
    width: 19px !important; }

  .span-tablet2 {
    width: 48px !important; }

  .span-tablet3 {
    width: 77px !important; }

  .span-tablet4 {
    width: 106px !important; }

  .span-tablet5 {
    width: 135px !important; }

  .span-tablet6 {
    width: 164px !important; }

  .span-tablet7 {
    width: 193px !important; }

  .span-tablet8 {
    width: 222px !important; }

  .span-tablet9 {
    width: 251px !important; }

  .span-tablet10 {
    width: 280px !important; }

  .span-tablet11 {
    width: 309px !important; }

  .span-tablet12 {
    width: 338px !important; }

  .span-tablet13 {
    width: 367px !important; }

  .span-tablet14 {
    width: 396px !important; }

  .span-tablet15 {
    width: 425px !important; }

  .span-tablet16 {
    width: 454px !important; }

  .span-tablet17 {
    width: 483px !important; }

  .span-tablet18 {
    width: 512px !important; }

  .span-tablet19 {
    width: 541px !important; }

  .span-tablet20 {
    width: 570px !important; }

  .span-tablet21 {
    width: 599px !important; }

  .span-tablet22 {
    width: 628px !important; }

  .span-tablet23 {
    width: 657px !important; }

  .span-tablet24 {
    width: 686px !important; } }
@media only screen and (max-width: 568px) {
  [class*="span"] {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box; }
    [class*="span"][class*="inset"] {
      padding-left: 0 !important;
      padding-right: 0 !important; }
    [class*="span"].border-left, [class*="span"].border-right {
      border: none !important; } }
@media only screen and (max-width: 568px) {
  #queen-board .split {
    width: 46% !important;
    margin-left: 5px !important;
    margin-right: 5px !important;
    }
    }
    
/* --- Resevations Lounge --*/
.book-lounge {
	background-color: #ddd;
	padding: 50px 0 ;
	border: 1px solid #ccc;
}
.contact-form input, textarea, select {
	size: 1em;
	width: 100%;	
	border: solid 1px #ddd;
	padding: 10px 5px;
	margin: 10px 0;
	color: #111 !important;
}
.contact-form textarea {
	height: 200px;
	}
.contact-form select .thirds {
	width: 33%;
	}

/* --- Form Field Sizing --- */
input[class*="span"], textarea[class*="span"], select[class*="span"] {
  margin-left: 0; 
  }


/* --- Form Field Sizing --- */
input[class*="span"], textarea[class*="span"], select[class*="span"] {
  margin-left: 0; }

html {
  height: 100%;
  min-height: 100%; }

body {
  position: relative;
  height: 100%;
  min-height: 100%;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.7;
  color: #111;
  background: #fff; }
  body.opaque-header {
    padding-top: 150px; }
    body.opaque-header header {
      background: #334269; }
    @media only screen and (max-width: 568px) {
      body.opaque-header {
        padding-top: 170px; } }

.wrapper {
  width: 998px;
  margin: 0 auto; }
  @media only screen and (max-width: 1100px) {
    .wrapper {
      font-size: 13px;
      width: 686px; } }
  @media only screen and (max-width: 568px) {
    .wrapper {
      width: 100%;
      padding: 0 2em;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -o-box-sizing: border-box;
      -ms-box-sizing: border-box; } }

header {
  position: fixed;
  z-index: 5;
  top: 0;
  left: 0;
  width: 100%;
  height: 68px;
  padding-top: 12px;
  background: #fefefe;
  background: rgba(255, 255, 255, 0.8); }
  @media only screen and (max-width: 568px) {
    header {
      height: 53px;
      padding-top: 12px;
        background: rgba(255, 255, 255, 0.8);
      text-align: center; } }
  header.opaque {
    background: #000; }
  header img {
    height: 54px; }
    @media only screen and (max-width: 1100px) {
      header img {
        height: 45px; } }
    @media only screen and (max-width: 568px) {
      header img {
        max-width: 100%; } }
  header nav {
    float: right; }
    header nav a, header nav a:active, header nav a:visited {
      display: inline-block;
      margin-left: 1.5em;
      line-height: 63px;
      color: #ed5901;
      text-transform: uppercase;
      text-decoration: none;
      font-size: 1.85em;
      font-family: "bebas-neue", sans-serif;
      border-bottom: 5px solid transparent; }
      header nav a.active, header nav a:active.active, header nav a:visited.active {
        border-color: #ed5901; }
      @media only screen and (max-width: 1100px) {
        header nav a, header nav a:active, header nav a:visited {
          margin-left: 1.4em;
          font-size: 1.7em; } }
    @media only screen and (max-width: 568px) {
      header nav {
        position: absolute;
        top: 65px;
        left: 0;
        width: 100%;
        padding: 0;
        text-align: center;
        background: #334269; }
        header nav a, header nav a:active, header nav a:visited {
          margin: 0 .4em;
          line-height: 50px;
          font-size: 1.4em; } }

/* ---  Home Page --- */
#home-slider {
  position: relative;
  float: left;
  width: 100%;
  height: 0;
  margin-bottom: 10px;
  padding-bottom: 50%;
  color: #FFF;
  text-align: center;
  background-size: cover;
  background-position: center; }
  #home-slider .inner {
    position: absolute;
    top: 0;
    left: 0;
    display: table;
    width: 100%;
    height: 100%; }
    @media only screen and (max-width: 1100px) {
      #home-slider .inner {
        position: relative;
        padding: 4em 0; } }
  #home-slider .wrap {
    display: table-cell;
    vertical-align: middle; }
    @media only screen and (max-width: 1100px) {
      #home-slider .wrap {
        padding-top: 0px;
        vertical-align: top; } }
  #home-slider .wrapper {
    padding-top: 80px; }
    #home-slider .wrapper p:last-child {
      margin-bottom: 0; }
    @media only screen and (max-width: 568px) {
      #home-slider .wrapper {
        padding-top: 115px; } }
  #home-slider .sub-title {
    margin: 0;
    text-align: left;
    font-family: "Libre Baskerville", Georgia, serif;
    font-size: 1.5em;
    line-height: 1em;
    letter-spacing: .1em; }
 h1 {
	 font-size: 2em;
	 font-weightl 900;
	 line-height: 105%;
	 margin-bottom: 25px;
	 }
  #home-slider h1 {
    font-size: 5em;
    text-transform: uppercase;
    font-weight: 900;
    text-align: left;
    line-height: 105%; }
    @media only screen and (max-width: 1100px) {
      #home-slider h1 {
        font-size: 3em;
        line-height: 1.2; } }
  #home-slider h2 {
    text-align: left; }
  #home-slider .body {
    font-weight: 100;
    font-size: 1.5em;
    text-align: left; }
  @media only screen and (max-width: 1100px) {
    #home-slider .span12 {
      width: 100%;
      margin: 0; } }
  @media only screen and (max-width: 1100px) {
    #home-slider {
      height: auto;
      padding: 0; } }
  #home-slider .span11 h1 {
    font-size: 4em;
    text-decoration: none;
    text-transform: none;
    line-height: 1.15; }

#home-callouts {
  float: left;
  width: 100%;
  margin-bottom: 10px;
  margin: 50px 0; }
  #home-callouts a {
    height: 250px;
    line-height: 250px;
    color: #FFF;
    font-size: 3em;
    font-weight: 900;
    text-align: center;
    text-transform: uppercase;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    text-shadow: 3px 3px 8px #020202;
    overflow: hidden;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out; }
    #home-callouts a.about {
      background-image: url(../images/about-yilit-farm.jpg); }
    #home-callouts a.service {
      background-image: url(../images/roofing-services.jpg); }
    #home-callouts a.work {
      background-image: url(../images/steel-roof-construction.jpg); }
    #home-callouts a:hover {
      background-size: 110% 110%; }
      @media only screen and (max-width: 568px) {
        #home-callouts a:hover {
          background-size: cover; } }
    @media only screen and (max-width: 1100px) {
      #home-callouts a {
        height: 180px;
        line-height: 180px; } }
    @media only screen and (max-width: 568px) {
      #home-callouts a {
        height: 200px;
        margin-bottom: 10px;
        line-height: 200px;
        background-size: cover; } }
  @media only screen and (max-width: 568px) {
    #home-callouts {
      margin: 20px 0; }
      #home-callouts .wrapper {
        width: 100% !important;
        padding: 0 10px !important; } }

/* -- Cocktail -- */

/* --- Branding --- */
#branding {
  position: relative;
  float: left;
  width: 100%;
  background: #FFF;
  background-size: auto 100%; }
  #branding .sub-title {
    margin: 0;
    font-size: 1.6em;
    color: #ed5901; }
  #branding h2 {
    margin-bottom: .25em;
    line-height: 1;
    font-weight: 900;
    font-size: 2.5em; }
  #branding .body {
    font-size: 1.4em;
    font-weight: 300; }
  #branding .instagram {
    display: inline-block;
    margin-left: 1em;
    text-transform: uppercase;
    font-weight: 900;
    color: #444;
    font-size: 1.5em;
    line-height: 38px;
    text-decoration: none; }
    #branding .instagram img {
      vertical-align: middle; }
  #branding .wrapper {
    position: relative;
    z-index: 1;
    padding: 5.5em 0 10em 0; }
    #branding .wrapper p:last-child {
      margin-bottom: 0; }
    @media only screen and (max-width: 1100px) {
      #branding .wrapper {
        padding: 3.5em 0 6em 0;
        background-image: none !important; } }
    @media only screen and (max-width: 568px) {
      #branding .wrapper {
        padding: 2em; } }
  @media only screen and (max-width: 568px) {
    #branding:before {
      position: absolute;
      z-index: 0;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(255, 255, 255, 0.85);
      content: ''; }
    #branding .instagram {
      width: 100%;
      margin: .5em 0 0 0; } }
  #branding.giraffe .wrapper {
    background: transparent url(../images/giraffe.png) no-repeat top left;
    background-size: auto 100%; }
  @media only screen and (max-width: 1100px) {
    #branding.giraffe {
      background: #FFF url(../images/giraffe.png) no-repeat top left; } }
  #branding.queen .wrapper {
    background: transparent url(../images/queenofhearts.jpg) no-repeat top left;
    background-size: auto 100%; }
  @media only screen and (max-width: 1100px) {
    #branding.queen {
      background: #FFF url(../images/queen-covid.jpg) no-repeat top left; } }
  #branding.dog .wrapper {
    background: transparent url(../images/dog-friendly.jpg) no-repeat top left;
    background-size: auto 100%;
    background-color: #000; }
  #branding.dog h2 {
	  color: #fff;
	  }
  #brnading p {
	  color: #fff;
	  }
	  
  @media only screen and (max-width: 1100px) {
    #branding.dog {
      background: #000 url(../images/dog-friendly.jpg) no-repeat top left; } }    
  #branding.rhino .wrapper {
    background: transparent url(../images/rhino.png) no-repeat top left;
    background-size: auto 100%; }
  @media only screen and (max-width: 1100px) {
    #branding.rhino {
      background: #FFF url(../images/rhino.png) no-repeat top left; } }
  #branding.walrus .wrapper {
    background: transparent url(../images/walrus.png) no-repeat top left;
    background-size: auto 100%; }
  @media only screen and (max-width: 1100px) {
    #branding.walrus {
      background: #FFF url(../images/walrus.png) no-repeat top left; } }
  #branding.deer .wrapper {
    background: transparent url(../images/deer.png) no-repeat top left;
    background-size: auto 100%; }
  @media only screen and (max-width: 1100px) {
    #branding.deer {
      background: #FFF url(../images/deer.png) no-repeat top left; } }
      
  #branding.cocktail .wrapper {
    background: #fee221 url(../images/summer-cocktail.jpg) no-repeat top left;
    background-size: auto 100%; }
  #branding.specials-daily .wrapper {
	  background: #000; }
  #branding.joe .wrapper {
    background: #e06732;
    background-size: auto 100%; }  
  #branding.legends .wrapper {
    background: #627473;
    background-size: auto 100%; }  
  @media only screen and (max-width: 1100px) {
    #branding.cocktail {
      background: transparent url(../images/summer-cocktail.jpg) no-repeat top left; } }    
      
      
      
  #branding.rabbit .wrapper {
    background: transparent url(../images/rabbit.png) no-repeat top left;
    background-size: auto 100%; }
  @media only screen and (max-width: 1100px) {
    #branding.rabbit {
      background: #FFF url(../images/rabbit.png) no-repeat top left; } }
  #branding.pig .wrapper {
    background: transparent url(../images/pig.png) no-repeat top right;
    background-size: auto 100%; }
  @media only screen and (max-width: 1100px) {
    #branding.pig {
      background: #FFF url(../images/pig.png) no-repeat top right; } }    




/* --- Menu --- */
#menu-nav {
  position: fixed;
  top: 80px;
  left: 0;
  width: 100%;
  height: 70px;
  padding: 25px 0;
  font-family: "bebas-neue", sans-serif;
  font-weight: bold;
  background: #ed5901;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box; }
  @media only screen and (max-width: 568px) {
    #menu-nav {
      top: 115px;
      line-height: 30px;
      bottom: 0px;
      position: fixed !important;
      height: 98px; } }
  #menu-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center; }
    #menu-nav ul li {
      display: inline-block;
      margin-right: 1em;
      padding-right: 1em;
      line-height: 1;
      border-right: 1px solid #FFF; }
      #menu-nav ul li:last-child {
        margin-right: 0;
        padding-right: 0;
        border-right: none; }
    #menu-nav ul a {
      text-transform: uppercase;
      font-size: 1.5em;
      color: #FFF;
      text-decoration: none;
      border-bottom: 3px solid transparent; }
      #menu-nav ul a.active {
        color: #FFF;
        border-color: #FFF; }

#menu {
  color: #FFF;
  @media only screen and (max-width: 568px) {
	  margin-top: 75px; } }
  #menu h2 {
    padding: .5em 0;
    font-size: 3em;
    text-transform: uppercase;
    text-align: center;
    color: #FFF;
    text-decoration: underline;
    line-height: 44px; }
  #menu .anchor {
    display: block;
    padding-top: 140px;
    margin-top: -140px; }
    @media only screen and (max-width: 568px) {
      #menu .anchor {
        display: block;
        padding-top: 200px;
        margin-top: -200px; } }
  #menu .anchor-more {
    display: block;
    padding-top: 140px;
    margin-top: -140px; }
    @media only screen and (max-width: 568px) {
      #menu .anchor-more {
        display: block;
        padding-top: 300px;
        margin-top: -300px; } }
  #menu .item {
    margin-bottom: 10px; }
    #menu .item p {
      padding: 0 15px; }
    #menu .item .title {
      margin-bottom: .25em;
      font-size: 1.8em;
      line-height: 1.25;
      text-transform: uppercase;
      font-weight: bold; }
    #menu .item .subtitle {
      margin-bottom: .6em;
      font-size: 1.4em;
      color: #ed5901; }
    #menu .item.span8, #menu .item.span12 {
      height: 120px;
      padding: 2em 0;
      background: #efefef; }
      #menu .item.span8.image, #menu .item.span12.image {
        height: 435px;
        padding-top: 0; }
        @media only screen and (max-width: 1100px) {
          #menu .item.span8.image, #menu .item.span12.image {
            height: 395px; } }
      #menu .item.span8.drink-image {
        height: 350px;
        padding-top: 0; }
        @media only screen and (max-width: 1100px) {
          #menu .item.span8.drink-image {
            height: 350px; } }            

      #menu .item.span8 img, #menu .item.span12 img {
        width: 100%;
        margin-bottom: 2em; }
      #menu .item.span8 .ingredients, #menu .item.span12 .ingredients {
        vertical-align: middle; }
        #menu .item.span8 .ingredients img, #menu .item.span12 .ingredients img {
          display: inline-block;
          width: auto;
          margin: 0 .5em 0 0;
          vertical-align: middle; }
      #menu .item.span8.span12, #menu .item.span12.span12 {
        height: 160px; }
        #menu .item.span8.span12.image, #menu .item.span12.span12.image {
          height: 525px; }
        @media only screen and (max-width: 1100px) {
          #menu .item.span8.span12, #menu .item.span12.span12 {
            height: 175px; } }
      @media only screen and (max-width: 1100px) {
        #menu .item.span8, #menu .item.span12 {
          height: 165px; } }
      @media only screen and (max-width: 568px) {
        #menu .item.span8, #menu .item.span12 {
          height: auto !important; } }
    #menu .item.span6 {
      padding: 1em 0; }
      #menu .item.span6 p {
        padding-left: 0;
        padding-right: 25px; }
      @media only screen and (max-width: 568px) {
        #menu .item.span6 {
          margin-bottom: 1em;
          padding: 0; } }
    #menu .item .span10 .title {
      font-size: 2.25em; }
    @media only screen and (max-width: 568px) {
      #menu .item .span10 p {
        padding: 0; } }
  @media only screen and (max-width: 568px) {
    #menu .span14 img {
      margin-bottom: 1em; } }

/* --- About --- */
#pull-up-a-stool {
  float: left;
  width: 100%;
  margin-bottom: 10px;
  padding: 3em 0;
  color: #334269;
  font-size: 1.1em;
  font-weight: 300; }
  #pull-up-a-stool h2 {
    margin-bottom: 1em;
    font-size: 1.6em;
    text-transform: uppercase;
    font-weight: 900; }

#tavern-photos {
  float: left;
  width: 100%;
  margin-bottom: 10px; }
  #tavern-photos img {
    width: 100%; }
  @media only screen and (max-width: 568px) {
    #tavern-photos {
      margin-bottom: 0; }
      #tavern-photos .wrapper {
        width: 100%;
        padding: 0 10px; }
      #tavern-photos .span12 {
        margin-bottom: 10px; } }

#products {
  float: left;
  width: 100%;
  padding: 10px 0;
  font-size: 1.5em;
  text-transform: uppercase;
  font-weight: 900;
  background-color: #FFF; }
  #products img {
    width: 100%; }

#instagram-photos {
  float: left;
  width: 100%;
  line-height: 0px; }
  #instagram-photos img {
    display: inline-block;
    width: 16.6666667%; }
    @media only screen and (max-width: 568px) {
      #instagram-photos img {
        width: 50%; } }

/* --- Directions --- */
#map {
  position: relative;
  z-index: 0;
  width: 100%;
  height: 80%; }

#map-canvas {
  width: 100%;
  height: 100%; }

#map-overlay {
  position: absolute;
  z-index: 1;
  top: 170px;
  width: 100%; }
  @media only screen and (max-width: 568px) {
    #map-overlay {
      top: 150px; } }
  #map-overlay .span8 {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
    background: #FFF;
    background: rgba(255, 255, 255, 0.85); }
    #map-overlay .span8 h1 {
      margin-bottom: .5em;
      color: #444;
      line-height: 1.3;
      font-size: 2.25em;
      font-weight: 800; }
      @media only screen and (max-width: 1100px) {
        #map-overlay .span8 h1 {
          font-size: 1.75em; } }
    #map-overlay .span8 p {
      margin-bottom: 0; }
    @media only screen and (max-width: 1100px) {
      #map-overlay .span8 .button {
        display: block;
        width: 100%;
        margin-bottom: .25em;
        padding-left: 0;
        padding-right: 0;
        text-align: center; } }
    @media only screen and (max-width: 568px) {
      #map-overlay .span8 {
        padding: 1.5em !important;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box; } }

/* --- Foooter --- */
footer {
  float: left;
  width: 100%;
  padding: 3em 0 1em 0;
  color: #FFF;
  font-weight: 300;
  line-height: 2;
  background: #334269; }
  footer a {
	  text-decoration: none;
	  }
  footer h3 {
    margin-bottom: 1.5em;
    line-height: 1;
    font-size: 1.5em;
    font-weight: 900;
    text-transform: uppercase; }
  footer .button {
    height: 36px;
    padding: 0 2.5em;
    font-weight: 700;
    line-height: 36px;
    color: #FFF !important;
    cursor: pointer;
    background-color: #ed5901; }
  footer .email {
    height: 36px; }
  footer .cab img {
    margin-bottom: .5em; }
  footer .specials form {
    display: block;
    margin-bottom: 1em; }
    footer .specials form input {
      margin-right: .5em !important;
      border: none; }
      @media only screen and (max-width: 568px) {
        footer .specials form input {
          width: 140px !important; } }
  footer .specials a {
    display: inline-block;
    margin-right: 1em;
    font-size: 1.1em;
    text-decoration: none; }
    footer .specials a img {
      margin-right: .25em;
      vertical-align: middle; }
    @media only screen and (max-width: 568px) {
      footer .specials a {
        margin-bottom: 1em; } }
  @media only screen and (max-width: 1100px) {
    footer .span4, footer .span5 {
      width: 33%;
      margin: 0 0 1em 0; }
    footer .span10 {
      width: 100%;
      margin: 0; }
      footer .span10 form {
        display: inline-block;
        margin-right: 2em; }
        footer .span10 form input {
          width: 150px; }
      footer .span10 p {
        display: inline-block; } }

/* --- Branding/Development --- */
#development {
  float: left;
  width: 100%;
  padding: 1em 0 2.5em 0;
  text-align: right; }
  #development a {
    display: inline-block;
    margin-left: 1em;
    font-size: .9em;
    line-height: 25px;
    color: #999;
    text-decoration: none; }
    #development a img {
      position: relative;
      top: -2px;
      margin-right: .5em;
      vertical-align: middle; }
    @media only screen and (max-width: 568px) {
      #development a {
        margin: 0 1em 1em 0; } }
  @media only screen and (max-width: 568px) {
    #development {
      text-align: left; } }
/* custom css */      
@media only screen and (max-width: 568px) {
.extended {
	height: 85px !important;
} }
@media only screen and (max-width: 568px) {
.collapsed {
	height: 72px !important;
} }
@media only screen and (max-width: 568px) {
	.mt-20 {
		margin-top: 20px;
	} }
@media only screen and (max-width: 568px) {
	.mt-up {
		margin-top: -40px;
	} }
#yelp {
	height: 50px;
	background-color: #ed5901;
}
#promotion {
  float: left;
  width: 100%;
  background: #ed5901 !important;
  text-align: center;
  padding: 10px 0 0 0;
  height: 50px;
 }
img.groupon-logo {
	max-width: 200px;
	margin-top: 20px;
}
#promotion p {
  font-family: "bebas-neue", sans-serif;
  font-size: 1.8em;
  color: #fff;
}
#promotion a {
	color: #fff;
	text-decoration: none;
}
#promotion a:hover {
	text-decoration: underline;
	}
.vegan {
	color: #138c45; 
	float: left;
	margin-top: -20px;
}
.vegan img {
	height: 15px;
	margin-top: 10px;
}
ul.add-on li {
	list-style: none;
}
div.center {
	text-align: center;
}
.red {
	color: #ed5901;
}
@media only screen and (max-width: 1210px) {
	.menu-nav-full {
		visibility: visible;
	}
}
@media only screen and (max-width: 1100px) {
	.menu-nav-full {
		display: none;
	}
}
@media only screen and (max-width: 2400px) {
	div.menu-select select {
		display: none;
	}
}

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

	div.menu-select select {
		margin: 0 auto;
		width: 100%;
		background: none;
		border: none;
		padding: 10px;
		height: 40px;
	  	border-radius: 20px;
	  	display: block;
	}
	div.menu-select select option {
		font-size: 14px;
	}
	.red-bkg {
		background-color: #efefef;
	}
}

@media only screen and (max-width: 1210px) {
	div.menu-select select {
		margin: -10px auto 0;
		}
	
	}
@media only screen and (max-width: 625px) {
	div.menu-select select {
		margin: 0 auto;
		}
	
	}
.date {
      margin-bottom: .1em;
      font-size: 1.8em;
      color: #ed5901; 
}
.order-online {
    color: #FFF;
    background: #d20202;
    border-bottom: 5px solid transparent;
    padding: 0 10px;
}

/* -- Queen of Hearts Cards --*/
#queen-board {
  float: left;
  width: 100%;
  margin-bottom: 10px; 
  
  }

  #queen-board a {
    height: 250px;
    line-height: 250px;
    color: #FFF;
    font-size: 3em;
    font-weight: 900;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out; }
    #queen-board a.card {
	  background-image: url(../images/playing-card.png); }
	#queen-board a.ace-hearts {
	  background-image: url(../images/ace-hearts.png); }
	#queen-board a.five-hearts {
	  background-image: url(../images/five-hearts.png); }  
	#queen-board a.four-clubs {
	  background-image: url(../images/four-clubs.png); } 
	#queen-board a.nine-hearts {
	  background-image: url(../images/nine-hearts.png); }   
	#queen-board a.three-hearts {
	  background-image: url(../images/three-hearts.png); }  
	#queen-board a.king-hearts {
	  background-image: url(../images/king-hearts.png); }    
	#queen-board a.king-clubs {
	  background-image: url(../images/king-clubs.png); }  
	#queen-board a.ace-clubs {
	  background-image: url(../images/ace-clubs.png); }
	#queen-board a.seven-clubs {
	  background-image: url(../images/seven-clubs.png); } 
	#queen-board a.seven-spades {
	  background-image: url(../images/seven-spades.png); }
	#queen-board a.three-spades {
	  background-image: url(../images/three-spades.png); }    
	#queen-board a.queen-clubs {
	  background-image: url(../images/queen-clubs.png); }  
	#queen-board a.six-spades {
	  background-image: url(../images/six-spades.png); }
	#queen-board a.two-hearts {
	  background-image: url(../images/two-hearts.png); }
	#queen-board a.eight-hearts {
	  background-image: url(../images/eight-hearts.png); }   
	#queen-board a.ten-spades {
	  background-image: url(../images/ten-spades.png); }  
	#queen-board a.eight-spades {
	  background-image: url(../images/eight-spades.png); }  
	#queen-board a.nine-spades {
	  background-image: url(../images/nine-spades.png); }  
	#queen-board a.four-spades {
	  background-image: url(../images/four-spades.png); }  
	#queen-board a.seven-hearts {
	  background-image: url(../images/seven-hearts.png); }
	#queen-board a.four-diamonds {
	  background-image: url(../images/four-diamonds.png); } 
	#queen-board a.eight-diamonds {
	  background-image: url(../images/eight-diamonds.png); }   
	#queen-board a.six-diamonds {
	  background-image: url(../images/six-diamonds.png); }     
	#queen-board a.seven-diamonds {
	  background-image: url(../images/seven-diamonds.png); }   
	#queen-board a.king-spades {
	  background-image: url(../images/king-spades.png); }
	#queen-board a.six-hearts {
	  background-image: url(../images/six-hearts.png); }
	#queen-board a.ten-hearts {
	  background-image: url(../images/ten-hearts.png); }    
	#queen-board a.ace-diamonds {
	  background-image: url(../images/ace-diamonds.png); } 
	#queen-board a.ace-spades {
	  background-image: url(../images/ace-spades.png); } 
	#queen-board a.jack-diamonds {
	  background-image: url(../images/jack-diamonds.png); }
	#queen-board a.jack-hearts {
	  background-image: url(../images/jack-hearts.png); }      
	#queen-board a.queen-diamonds {
	  background-image: url(../images/queen-diamonds.png); } 
	#queen-board a.jack-spades {
	  background-image: url(../images/jack-spades.png); }
	#queen-board a.jack-clubs {
	  background-image: url(../images/jack-clubs.png); } 
	#queen-board a.nine-clubs {
	  background-image: url(../images/nine-clubs.png); }   
	#queen-board a.queen-spades {
	  background-image: url(../images/queen-spades.png); }    
	#queen-board a.five-diamonds {
	  background-image: url(../images/five-diamonds.png); }
	#queen-board a.five-spades {
	  background-image: url(../images/five-spades.png); }  
	#queen-board a.six-clubs {
	  background-image: url(../images/six-clubs.png); }
	#queen-board a.four-hearts {
	  background-image: url(../images/four-hearts.png); }  
	#queen-board a.ten-clubs {
	  background-image: url(../images/ten-clubs.png); }  
	#queen-board a.queen-hearts {
	  background-image: url(../images/queen-hearts.png); }  
	#queen-board a.five-clubs {
	  background-image: url(../images/five-clubs.png); }  
	#queen-board a.joker {
	  background-image: url(../images/joker.png); }    
	#queen-board a.three-clubs {
	  background-image: url(../images/three-clubs.png); }
	#queen-board a.three-diamonds {
	  background-image: url(../images/three-diamonds.png); }        
	#queen-board a.ten-diamonds {
	  background-image: url(../images/ten-diamonds.png); } 
	#queen-board a.two-spades {
	  background-image: url(../images/2-spade.png); } 
	#queen-board a.two-clubs {
	  background-image: url(../images/two-clubs.png); }     
	#queen-board a.two-diamonds {
	  background-image: url(../images/two-diamonds.png); }  
    #queen-board a.eight-clubs {
	  background-image: url(../images/eight-clubs.png); }
    #queen-board a.king-diamonds {
	  background-image: url(../images/king-diamonds.png); }
    #queen-board a.nine-diamonds {
	  background-image: url(../images/nine-diamonds.png); }
    }
    
    
    #queen-board a:hover {
      background-size: 110% 110%; }
      @media only screen and (max-width: 568px) {
        #queen-board a:hover {
          background-size: cover; } }
    @media only screen and (max-width: 1100px) {
      #queen-board a {
        height: 180px;
        line-height: 180px; } }
    @media only screen and (max-width: 568px) {
      #queen-board a {
        height: 250px;
        margin-bottom: 10px;
        line-height: 250px;
        background-size: cover; } }
  @media only screen and (max-width: 568px) {
    #queen-board {
      margin-bottom: 0; }
      #queen-board .wrapper {
        width: 100% !important;
        padding: 0 10px !important; } }
        
        

#tv .wrapper {
	width: 1860px ;
}
.tv-logo {
	width: 220px;
	margin-bottom: 25px;
}
.on-deck {
	color: #dedede;
	font-size: 16px;
	text-align: center;
	margin-top: 15px;
}
.tv-nav {
	font-family: "bebas-neue", sans-serif;
	font-size: 2.5em;
	text-align: right;
	padding-top: 15px;
}	
.tv-nav a {
	text-decoration: none;
	margin-right: 35px;
}

	
.tv {
	width: 80%;
	margin: 0 auto;
	position: absolute;
	}

.tv-header {
	padding: 25px 60px 0;
	}
.tv-item {
	float: left;
	background-color: #191919;
	margin: 0 10px 10px 0;
	height: 110px;
	}
.tv-dark {
	background-color: #000;
	}
.tv-item h1 {
	font-family: "bebas-neue", sans-serif;
	color: #fff;
	font-size: 4em;
	font-weight: normal;
	margin: 0px 0 -15px 0;
	height: 100%;
	}
.sub {
	color: #717171;
	font-size: 1.7em;
	font-weight: bold;
	margin-top: 0px;
}
.tv-item img {
	float: left;
	margin-right: 15px;
	height: 100%;
}
p.abv {
	font-family: "bebas-neue", sans-serif;
	color: #fff;
	font-size: 3.2em;
	width: 20%;
	font-color: white;
	margin-top: 25px;
}       
.served {
	color: #fff;
	text-transform: capitalize;
	font-weight: 100;
}



/* Popup container - can be anything you want */
.popup {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* The actual popup */
.popup .popuptext {
  visibility: hidden;
  width: 160px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -80px;
}

/* Popup arrow */
.popup .popuptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */
.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;} 
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}
.card-numbers {
	position: absolute; 
	text-align: center;	
	color: #fff;
	margin: 94px 0 0 5px;
}
.ticket {
	dispaly: none;
}
.rollOver:hover + .ticket {
	display: block;
}