@font-face {
    font-family: 'SSTPro-Roman';
    src: url('fonts/SSTPro-Roman.woff2') format('woff2'),
        url('fonts/SSTPro-Roman.woff') format('woff'),
        url('fonts/SSTPro-Roman.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SST Pro';
    src: url('fonts/SSTPro-Light.woff2') format('woff2'),
        url('fonts/SSTPro-Light.woff') format('woff'),
        url('fonts/SSTPro-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'SST Pro';
    src: url('fonts/SSTPro-Medium.woff2') format('woff2'),
        url('fonts/SSTPro-Medium.woff') format('woff'),
        url('fonts/SSTPro-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'SST Pro';
    src: url('fonts/SSTPro-Bold.woff2') format('woff2'),
        url('fonts/SSTPro-Bold.woff') format('woff'),
        url('fonts/SSTPro-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}



body {
    background-color: #fff;
    color: #1f1f1f;
    -webkit-font-smoothing: antialiased;
    font-family: SSTPro-Roman, Arial, sans-serif;
}

/* panels */

#toppanel {
    height: 35px;
    width: 100%;
}

#toppanel_iframe {
    width: 100%;
    height: 100%;
}
#rightpanel {
    height: auto;
    width: 100%;
}
body.after #rightpanel, body.error #rightpanel, body.exit #rightpanel{
  display: none;
}

#rightpanel_iframe {
    width: 100%;
    height: 100%;
}
#leftpanel {
    width: 100%;
    display: inline-block;
    max-width: 730px;
    margin: 0 auto;
    padding-top:15px;
}
#leftpanel_iframe {
    width: 100%;
    height: 100%;
}
#middlepanel {
    width: 100%;
}

#middlepanel_iframe {
    width: 100%;
    height: 100%;
}
body.before #middlepanel{
  display: none;
}
/* hide default background images - beginning */
#main .t,
#main .b {
    display: none;
}

#main .c,
.warning-box,
.processbar-box,
.processbar-box .holder {
    background-image: none;
    color: inherit;
}

#content {
    color: inherit;
    font-weight: 400;
}


/* hide empty containers - beginning */
.after .warning-box,
.after .processbar-box,
.error .processbar-box,
.exit .processbar-box {
    display: none;
}
/* hide empty containers - end */



#wrapper{
  min-height: 0;
  margin: 70px auto;
  max-width: 1552px;
}

.shop-while-button, .shop-now-button{
  color:#0070cc;
  text-transform: capitalize;
  text-align: center;
  font-family: 'SST Pro';
  margin: 36px 0 0;
}
.shop-while-button a, .shop-now-button a{
  font-size: 15px;
  text-decoration: none;
  border: 2px solid #0070cc;
  padding: 12px 24px;
  cursor: pointer;
  display: inline-block;
}
.shop-while-button.mobile{
  display: none;
  text-align: left;
}
.shop-now-button{
  text-align: left;
  margin-top: 34px;
}
/* mainbox */
#main {
    display: inline-block;
    width: auto;
    margin: 0px 83px 0 123px;
    padding: 16px 0;
    max-width: 616px;
    float: left;

}
#main .c {
    width: auto;
    padding: 0 ;
}
#main-top {
    padding: 0 15px;
}

#language-selector{
  /*dropdown*/
  padding-top: 4px;
}
/*you can close this page without losing your place in line*/
#main-top-message {
    text-align: center;
    padding-top: 3px;
    display: none;
}

.item{
  padding-top: 3px;
}

.logo{
  text-align: left;
  margin: 0;
  max-height: 98px;
}
#header {
    padding: 0px 0px 0px 0px;
    font-weight: 400;
    color: inherit;
    border: none;
}

#header #headertext {
    font-weight: 300;
    font-size: 48px;
    margin: 24px 0 24px;
    line-height: 1.17;
    font-family: 'SST Pro'
}
#lbHeaderP{
  font-weight: 300;
  font-size: 36px;
  margin: 24px 0;
  line-height: 1.33;
  font-family: 'SST Pro';

}
#lbHeaderP2{
  max-width: 456px;
  margin-top:36px;
}
#lbHeaderP2 h4{
  font-size: 15px;
  line-height: 1.5;
  font-family: 'SSTPro-Roman';
  font-weight: 400;
}

#whatisthis{
  display: none;
}
a {
    color: inherit;
}
#hlThisIsQueueIt:hover{

}
#detailExpander:hover{

}
.hasCountdown{
  text-align: left;
  padding-top: 16px;
  line-height: 1;
  font-size: 52px;
}
.countdown_row{
  display: inline-block;
}
.countdown_section{
  color: #1f1f1f;
  display: inline-block;
}
.countdown_amount, .countdown_label{
  display: block;
  text-align: center;
  text-transform: uppercase;
  line-height: normal;

}
.countdown_amount{
  background-color: #F5F5F5;
  font-size: 28px;
  padding: 8px 6px;
  width: 56px;
  line-height: 1.07;

}
.countdown_label{
  font-family: 'SST Pro';
  font-weight: 500;
  font-size: 12px;
  color: #707070;
  letter-spacing: 1.29px;
  padding-top: 4px;
}
.warning-box {
    min-height: 0;
    border: none;
    padding: 24px 0 3px;
    font-weight: 400;
}

.bulleted-info.before, .bulleted-info.queue{
  display: none;
}
body.before .bulleted-info.before{
  display: block;
}
body.queue .bulleted-info.queue{
  display: block;
}
body.before .bulleted-info{
  margin-top: 24px;
}
.bulleted-info{
  margin-top: 36px;
}
.bulleted-info h4{
  color: #0070cc;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin: 16px 0 8px;
}
.bulleted-info ul{
  padding-left: 35px;
  margin: 8px 0 0;
}
.bulleted-info li{
  font-size: 16px;
  line-height: 1.5;
  padding-left: 3px;
  margin: 4px 0 0;
}
body.before .warning-box{
  display: none;
}
@-webkit-keyframes gradient_bkgd {
  from{background-position: 0px}
	to{background-position: 15px}
}
@-moz-keyframes gradient_bkgd {
  from{background-position: 0px}
	to{background-position: 15px}
}
@keyframes gradient_bkgd {
	from{background-position: 0px}
	to{background-position: 15px}

}

#MainPart_ulProgressbarBox_Holder_Processbar{
  display: inline-block;
}
    .processbar{
      width: 24px;
      margin: 0 auto 2px;

    }
    #defaultViewPb1{
      height: 14px;
      width: 14px;
      border-radius: 50%;
      /* border: 1px solid #000; */
      box-shadow: 0px 0px 3px #000;
      margin: 3px;

    }
    .processbar span{
      background-image: linear-gradient(to bottom, #fff 21px, #2870d0 21px);
    }
    body.before #MainPart_ulProgressbarBox_Holder_Processbar{
      display: none;
    }
/* ppprogress */
.progressbar {
  background: #fff;
  border: 1px solid #dedede;
  border-left: none;
  display: inline-block;
  width: calc(100% - 30px);
}
.progressbar .progress, .progressbar .progress.updated {
    background-color: #ffe312;
    background-image: none;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 13px,  #ffe312 14px);
    background-size: 15px;
    height: 24px;
    margin-top: -1px;
}

.progressbar .progress.updated {
    -webkit-animation: gradient_bkgd 1s linear infinite!important;
    -moz-animation: gradient_bkgd 1s linear infinite!important;
    animation: gradient_bkgd 1s linear infinite!important;

}
.progressbar .progress .runner {
  display: none;
}

.progressbar .progress .runner.paused{
  display: none;
}
.clear{
  min-height: 0;
}
#MainPart_lbManualUpdateWarning {
    margin: 15px 0;
}

.alert {
    padding: 8px 15px;
}

.alert-error {
    border-color: #ff6600;
    color: #fe3e3c;
    color: #b94a48;
}

.alert-success {
    border-color: #468847;
}

.processbar-box {
    line-height: normal;
    font-weight: 400;
    padding: 0 0 0px 0;
    margin: 0;
    text-align: left;
}

    .processbar-box p {
        margin: 0;
    }

    .processbar-box .holder {
        min-height: 0;
        padding: 0;
        border: none;
    }

        .processbar-box .holder .larger {
            min-height: 0;
            font-size: 14px;
            padding: 0px 0 0px ;
            line-height: 1.54;
            margin-bottom: 24px;
        }

        body.before .processbar-box .holder .larger{
          display: none;
        }
#MainPart_FormEmailInput{

}
#MainPart_divProgressbarBox_Holder_LastUpdateTime{
/*status last updated*/
font-size: 12px;
display: none;
}
/*mmmessage*/
.time-box {
    margin: 0 0 8px;
    background-color: rgba(0,0,0,0);
    border: solid 2px #0070cc;
    color: inherit;
    text-align: center;
}

    .time-box .frame {
        min-height: 0;
        padding: 24px 16px 24px;;
    }

    .time-box h2 {
        font-weight: 400;
        color: inherit;
        font-size: 18px;
        margin-bottom: 22px;
        line-height: 24px;
    }
    .time-box p {
      margin-top: 22px;
      margin-bottom: 0;
      font-size: 16px;
      line-height: 24px;

    }

body.before .time-box{
  margin-top: 24px;
}

#MainPart_frmReminder2{/* email,button,label */
}

/*iiinput*/
.reminder-form {
    margin: 0;
    min-height: 0;
}

    .reminder-form form {
        font-size: 0;
    }

    .reminder-form h2 {
        font-weight: 400;
        color: inherit;
        margin: 8px 0;
    }

    .reminder-form .item-input {
        padding: 3px 15px 0px;
        font-size: 15px;
        background: #fff;
        border: 1px solid #adaeb0;
        color: #4D4D4D;
        font-family: inherit;
        font-weight: 400;
        box-sizing: border-box;
        line-height: normal;
        width: 294px;
        min-width: 250px;
        vertical-align: top;
        margin: 0 5px 5px 0;
    }

        .reminder-form .item-input:focus {
            outline: none;
            font-weight: 400;
        }
        .reminder-form .row{
          margin: 0;
        }

/*button*/
.btn {
    background-color: #fff;
    color: #0070cc;
    width: 184px;
    text-align: center;
    display: inline-block;
    margin: 0;
    white-space: nowrap;
    padding: 12px 24px 10px;
    font-size: 15px;
    font-family: inherit;
    line-height: 1;
    border-radius: 0;
    border: 2px solid #0070cc;
    box-sizing: border-box;
    text-transform: capitalize;
    font-family: 'SST Pro';
    /*font-weight: bold;*/
}
.btn .r{
  display: none;
}
body.error .btn, body.exit .btn{
  width: auto;
}
    .btn:hover {
        background: none;
        background-color: #fff;
        box-shadow: none;
    }

    .btn:focus {
        outline: none;
    }

    .btn:active {
        top: 0;
    }
    .btn.btn-disabled{
      padding: 8px 15px 10px 15px;
    }
.reminder-form .item-input, .btn{
  height: 44px;
}
/*leave the line */
.block {
    padding: 0px 0 0 0;
}

    .block a {
        color: inherit;
    }
    .block p {
      margin: 0;
    }

.mobile-footer{
  display: none;
}
#footer {
    width: auto;
    color: inherit;
    padding: 36px 0 0px;
    font-weight: 400;
}

#footer-direct-link {
    padding: 0;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.29px;
    text-transform: uppercase;
    color: #707070;
    text-align: left;
    float: none;
}
.bottom-note{
  margin: 0;
  font-size: 14px;
  line-height: 1.71;
  color: #1f1f1f;

}
#hlLinkToQueueTicket2{
  text-decoration: none;
}
#footer a {
    color: inherit;
    margin-left: 8px;
    cursor: default;
    pointer-events: none;
}

#footer .by {
    padding: 0;
    background-size: 110px 12px;
    display: none;
}
/* elements that main .c padding affects */
#header, .warning-box, #MainPart_lbManualUpdateWarning, #MainPart_divProgressbarBox,
#MainPart_divBlock,#MainPart_divTimeBox,#MainPart_frmReminder2,#MainPart_divExitLine, #footer{

}
/* change font weight for elements */
#content, #header, #header #headertext, .warning-box, .processbar-box, .time-box h2, .reminder-form h2,
.reminder-form .item-input, .reminder-form .item-input:focus, #footer{

}
#MainPart_divExitLine{
  display: none;
}
#queueIdModal_Header{
  background: #fff;

}
#queueIdModal_Header, .btn-close{
  background: #fff;

}
\
#queueIdLinkURL{
  font-family: 'SSTPro-Roman';

}
#copyToClipboardButton{
  color: #0070cc;
  margin-top: 16px;
  height: auto;
}
@media screen and (max-width:1566px) {
  #leftpanel{
    width: calc(100% - 822px);
  }
}
@media screen and (max-width:1023px) {
  #toppanel{
    display: none;
  }
  #rightpanel{
    max-width: 628px;
    margin: 0 auto;
  }
  #leftpanel{
    display: block;
    /* height: 460px; */
    padding-top: 0;
    width: 100%;
  }
  .shop-while-button.mobile{
    display: block;
  }
  .shop-while-button.mobile a{
    display: inline-block;
  }
  .shop-while-button.desktop{
    display: none;
  }
  #wrapper{
    margin-top: 36px;
    margin-bottom: 36px;
  }
  #main{
    display: block;
    float: none;
    margin: 0 auto;
  }
}
@media screen and (max-width:654px) {
    #main .c{
      padding: 0 15px;
    }
    #header #headertext{
      font-size: 28px;
    }
    #lbHeaderP{
      font-size: 24px;
      line-height: 1.5;
    }
    #lbHeaderP2{
      margin-top:16px;
    }
    .hasCountdown{
      font-size: 48px;
    }
    .countdown_amount{
      font-size: 20px;
      line-height: 1.2;
      padding:11px 6px;
    }
    .countdown_label{
      letter-spacing: normal;
    }
    .processbar-box .holder .larger {
        font-size: 13px;
    }
    .reminder-form .item-input,
    .btn {
        width: 100%;
        text-align: center;
        max-width: none;
    }
    #main-top-message{
      display: none;
    }
    #footer {
      margin: 0;
    }
    #language-selector{
     text-align: center;
     padding: 0 0 15px 0;
   }
   .mobile-footer{
     display: block;
     color: #000;
     background: #000;
     height: 35px;
   }
   .mobile-footer img{
     padding-top:9px;
     padding-right: 13px;
     float: right;
   }
}