@font-face {
    font-family: 'Gotham Book';
    src: url('/booking/v5/css/whitelabel/kingpins/Gotham-Book.otf');
    font-style: normal;
}

@font-face {
    font-family: 'Gotham Ultra';
    src: url('/booking/v5/css/whitelabel/kingpins/Gotham-Ultra.otf');
    font-style: normal;
}
 

//* GLOBAL *//

@loadcirc: 6px solid rgba(255,255,255,0.2);
@loadmover: 6px solid #ffce2b;

@bodybg: #ffce2b;
 
@linkcol: #000;
@linkhovcol: #000;
@linkrevcol: red;
@linkrevhovcol: #000;

@maintxcol: #000;
@maintxsize: 0.9em;

@h1sz: 1.6em;
@h2sz: 1.4em;
@h3sz: 1.4em;
@h4sz: 1em;
@h1col: #000;
@h2col: #000;
@h3col: #000;
@h4col: #000;
@h1pd: 10px 10px 20px 10px;
@h2pd: 10px;
@h3pd: 10px;
@h4pd: 20px 10px 0 10px;
@h1wht: 700;
@h2wht: 700;
@h3wht: 700;
@h4wht: 700;
@h1case:uppercase;
@h2case: uppercase;
@h3case: uppercase;
@h4case: uppercase;
@hfont: gotham ultra, sans-serif;
        

@genrad:3px;


//* HEADER *//

@hdrbg: #ffce2b;
@hdpad: 10px 20px;
@hdrH: 80px;

@logotp: 10px;
@logoW: 100px;

@hnbtncol: none;
@hnbtnbor: transparent;
@hnbtntcol: #000;
@hnbtntsz: 1.1em;
@hnbtnpd: 0 5px;

@hnbtncolhv: none;
@hnbtnborhv: transparent;
@hnbtntxhv: #000;



//* PROGRESS *//

@progpad:100px 20px 20px 20px;
@progbar: 3px solid #000;
@progbarcol: transparent;
@progbdr:#000; 
@progW: 76%;
@dotH: 40px;
@dotW: 40px;
@dotabg: #ffce2b;
@dotbbg: #fff;
@progtxsz: 1.4em;
@proglbsz: 0.7em;
//* ITEM & ACTIVITY BOXES *//
@bxbg:none;
@bxbdr: none;
@bxshad: 0 10px 10px 3px rgba(0,0,0,0);
@bx50pd: 15px;
@bx100pd: 15px;
@bxhpd:0 20px 5px 20px;
@bxhbpd: 10px;
@bxtxcol: #000;
@bxtxsize:1.1em;
@bxtxpd:20px 0;

@bbxpd:15px;

@acthdwht:bold;
@actxcol:#000;
@actxsz:1.4em;

@actspwht: bold;
@actspcol: #fff;
@actspsz: 1.2em;

@actbxpd: 10px 20px;
@actbxmg: 10px 0;
@actbxlncol: rgba(255,255,255,0.4);
@actbxlnW: 50%;
@actbxlnH:1px;


@gbxbg:#fff;
@gbxmg:0 0 20px 0;
@gbxpd:0;
@gbxbdr:3px solid #000;
@gicohvbg: rgba(255,255,255,0.1);
@gthdcol: #000;
@gthdsz: 1.4em;
@gthdwht: bold;
@gthdH: 90px;

@gtxH:40px;
@gbtxcol: #000;
@gtxsz:;
@gtxwht:;

@actbtnselbg:#000;
@actbtntxcol:white;
@actbtntxwht:bold;
@actbtnfont:gotham book;
@actselpd:15px;
@actselmg:10px;
@actselsz:1.2em;


@cnbxbdr:1px solid #000;
@cnbxpd:10px 50px 10px 0;
@cnbxtcol: #000;
@cnbxrpd: 10px 0;



@borders: none;



@btncol: #000;
@btnbor: #000;
@btntx: #fff;
@btncolhv: none;
@btnborhv: #000;
@btntxhv: #000;

@btnselcol: #E94C26;
@btnselbor: #E94C26;
@btnseltx: #F5F6F8;
@btnselcolhv: #e94c26;
@btnselborhv: #E94C26;
@btnseltxhv: #F5F6F8;

@btncolrev: #E94C26;
@btnborrev: #fff;
@btntxrev: #1A1714;
@btncolrevhv: #e94c26;
@btnborrevhv: #F5F6F8;
@btntxrevhv: #1A1714;

@btntry: #1A1714;
@btntrybor: #000;

@subheads: #000;


@mesnegtx: red;
@mespostx: #5aa016;
@mespostx: #5aa016;
//* BTNS & FORMS *//
@globtnpd:10px;
@globtnsz:1.6em;
@globtnwht:bold;
@globtncase:uppercase;

@dobtncol: #000;
@dobtnbor: 2px solid #000;
@dobtntx: #fff;
@dobtncolhv: #1c1c1c;
@dobtnborhv: 2px solid #1c1c1c;
@dobtntxhv: #fff;

@dobtnbcol: #ffce2b;
@dobtnbbor: 2px solid #000;
@dobtnbtx: #000;
@dobtnbcolhv: #1c1c1c;
@dobtnbborhv: 2px solid #1c1c1c;
@dobtnbtxhv: #fff;

@bkbtncol:none;
@bkbtnbdr:none;
@bkbtntx:#000;

@bkbtnhvcol:none;
@bkbtnhvbdr:none;
@bkbtnhvtx:#000;

@frmtbdr: 2px solid #000;
@frmtbg: #fff;
@frmtpd:10px;
@frmtsz: 1.4em;
@frmtcol: #000;
@frmtwgt: normal;

@frmsbdr:2px solid #000;
@frmsbg:white;
@frmspd: 15px 10px;
@frmstsz: 1em;
@frmstcol:black;
@frmswht: bold;


@rembtncol:red;
@rembtnbor:1px solid red;
@rembtntcol: white;
@rembtnpd:2px 5px;
@rembtnsz:1em;
@rembtnhvcol:none;
@rembtnhvbdr: 1px solid red;
@rembtnthvcol:red;

@plholdcol: #a7a7a7;

@outdrpd:0;

@optoutbg: #fff;
@optoutbdr: 2px solid #000;
@optoutpd: 0 20px 0 5px;

@optbg:#fff;
@optpd:5px;
@opttsz:1.2em;
@opttwgt:bold;
@optx: #000;


@plmbg:#000;
@plmbdr:none;
@plmpd:5px 10px;
@plmtcol:#fff;
@plmtwgt:bold;
@plmtsz:2.4em;
@plmW:40px;
@hvplmbg:silver;
@hvplmtcol:white;

@qtybg:#fff;
@qtybdr: 2px solid #000;
@qtytcol: #000;
@qtytsz: 2.4em;
@qytwgt: bold;
//* BK SUMS *//
@bksumbdr: none;
@bksumpd: 20px 0 10px 0;
@bksumlh: 1.8em;
@bkitemcase: normal;
@bkitemsz: 1em;
@bkitemcol: #fff;
@bkitemwht: bold;
@bkspancase: none;
@bkspancol: #000;
@bkitespanmwht: normal;


@tprsz: 1.6em;
@tprwht: bold;
@tpcol: #000;
@tppd: 10px 0 20px 0;
@tpbdr: 2px solid #000;

//* SLIDER *//
@sldbarbg: rgba(0,0,0,1);
@sldbarh: 5px;
@sldtmh:50px;
@sldtmw:50px;
@sldtmrad:50%;
@sldtmbdr: 3px solid #000;
@sldtmbg: #fff;


@sldmin: 1.4em;
@sldminwht:bold;
@sldcst: 1.2em;



@import "../layout.less";

 .headwrap img { border: 2px solid #000; }


body {
    font-family: 'Gotham Book';
}


h1 {
    font-family: 'Gotham Ultra' !important;
}

h2 {
    font-family: 'Gotham Ultra' !important;
}


.dobtn, .dobtnb {
    font-family: 'Gotham Ultra' !important;
}

.actselect {
    font-family: 'Gotham Ultra' !important;
}

.pignose-calendar-top-month {
    font-family: 'Gotham Ultra' !important;
}

.pignose-calendar-top-year {
    font-family: 'Gotham Book' !important;
}

.pignose-calendar-week {
    font-family: 'Gotham Book' !important;
}

.frmtran {
    font-family: 'Gotham Book' !important;
}

.frms {
    font-family: 'Gotham Book' !important;
}

.timebtn {
    font-family: 'Gotham Book' !important;
}

.binv {
    font-family: 'Gotham book' !important; color:black;
}
 
.viewmenu {
    font-family: 'Gotham Ultra' !important;
    text-transform: uppercase;
}

.menubx {
    font-family: 'Gotham Ultra' !important;
}


input.hnavbtn {
    font-family: 'Gotham Book' !important; font-weight:normal;
}


.sechd { padding:20px 1%; font-size:1.8em; color: @subheads; text-align:left; font-family:'gotham ultra'; }

 
.sldurcost { font-family: 'gotham book'; font-weight:normal; }


.proglbl, .activshd {
    font-family: 'Gotham ultra' !important;
}


    .bksumbx h2 { font-size:1.8em; }


.ftlg {
    padding: 10px 0;
    font-size: 0.7em;
    font-weight: normal;
    font-family: Arial, sans-serif;
}


.menubx { border:3px solid #000; }
 

.confbxnrp, .confbx { font-size:1.1em; padding:15px 0; }
.confbxnrp { border-bottom:2px solid #000; }

.confbx svg { vertical-align:middle; margin:0 6px 0 0; padding:0 0 3px 0; filter: brightness(0); }

  .progdota,  .progdotb { margin:0 auto 5px auto; border-radius: 50%; border:3px solid #000; font-family: 'Gotham ultra' !important;  }

hr.fain { border:1px solid rgba(0,0,0,1); padding:0; margin:15px 0; }


input.backbtn { text-decoration:underline; font-family: 'Gotham book'; text-transform: none; font-weight:normal; }

    /*-- EDIT STAGE  --*/

    .edbx { padding:15px 0; font-size:1.1em; vertical-align:middle; }
    .edbxic { width:16px; padding:2px 2px 0 0; vertical-align:top; filter:  brightness(0); }

    .editrow  { display:flex; flex-direction:row; margin:0; justify-content:space-between; border-bottom:1px solid rgba(255,255,255,0.5); padding:10px 0 5px 0;  line-height:1.6em; }
 
    .editstack   { border-bottom:1px solid rgba(255,255,255,0.5); padding:10px 0 5px 0;  line-height:1.6em; text-align:left; }
 
    .editstktot   { padding:20px 0 10px 0;  line-height:1.6em; text-align:left; }


    .editlft { font-weight:bold; margin:0; text-align:left; }
    .editrt { margin:auto 0 0 0; }
    .editlsub { font-weight:normal; }
      
 

        input.dandate { border: 2px solid #000;
                        font-family: 'gotham book';
                        font-size: 1.2em;
                        padding:10px 15px;
                      }

        select.danopts { font-family: 'gotham book';
                         border:none;
                         padding:10px;
                         font-size: 1.2em;
                       }


       input.terbtn, input.qrtbtn {
                padding:7px 10px; 
                font-size:1.3em; 
                line-height: normal;
                cursor: pointer;
                transition: all 0.3s ease;
                width:100%;
                margin:10px auto;
            }
 


            input.terbtn { display: block;
                           width: 100%;
                            background:none;
                            border:none;
                            color:#000;
                            white-space: normal;
                            text-align:center;
                            text-decoration: underline;
                        }

                input.terbtn:hover { cursor: pointer;
                                    background:none;
                                    border:none;
                                    color:white;
                                  }



            input.qrtbtn { display: block;
                          width: 100%;
                          background:#000;
                          border:none;
                          color:#fff;
                          white-space: normal;
                            text-transform:uppercase;
                        }

                input.qrtbtn:hover { cursor: pointer;
                                     background:#000;
                                     border:none;
                                     color:#fff;
                                   }



            input.qinbtn { display: block;
                          width: 100%;
                          background:none;
                          border:none;
                          color:#000;
                          white-space: normal;
                          font-weight:normal !important;
                          text-decoration:underline;
                          font-family:'Gotham book';
                          text-decoration:underline;
                          font-size:0.9em;
                          
                        }

                input.qinbtn:hover { cursor: pointer;
                                      background:none;
                                      border:none;
                                      color:#000;
                                  }


            input.pqty { font-family:'Gotham ultra'; } 


 
            .closebtn { color:#000; }

            .mainslhd {
                /*-- background: url(gfx/orangebg.png) center center no-repeat;
                            background-size: contain; --*/
                padding:10px 10px 25px 10px;
                margin: 0;
                color: #000;
                width: 100%;
                font-size: 2.6em;
                line-height: 1em;
                text-align: center;
                text-transform: uppercase;
                font-family: 'Gotham Ultra' !important;
            }


            .headwrap { position:relative; margin:0; }

            .subslhd {
                padding:20px 10px 5px 10px;
                margin: 0;
                color: #000;
                width: 100%;
                font-size: 1.6em;
                line-height: 1em;
                text-align: center;
                text-transform: uppercase;
                font-family: 'Gotham Ultra' !important;
            }

            .minslhd {
                background: url(gfx/orangebg.png) center center no-repeat;
                background-size: contain;
                padding: 14px 15px 20px 15px;
                margin: 0;
                color: #fff;
                width: 100%;
                font-size: 0.9em;
                line-height:0.8em;
                font-weight:bold;
                text-align: center;
                text-transform: uppercase;
                width:100%;
           
            }


            .orh {  display: grid;
                    width: 100%;
                    align-items: center;
                    text-align: center;
                    grid-template-columns: minmax(20px, 1fr) auto minmax(20px, 1fr);
                    grid-gap: 20px;
                    font-size:0.8em;
                    padding:10px 0;
                }
 
            .orh:before,
            .orh:after {
                content: '';
                border-top: 1px solid;
            }


           .holdtx { padding:0 0 20px 0; }


            input { font-family: 'Gotham Book'; } 

            .gicott { text-transform:uppercase; font-family: 'Gotham ultra'; } 


     


                .frmtran { border:@frmtbdr; background: @frmtbg; padding:@frmtpd; width:100%; margin:10px 0; font-size:@frmtsz; color:@frmtcol; font-weight:@frmtwgt; text-align:center; cursor:pointer;
                                        -webkit-border-radius: @genrad;
                                        -moz-border-radius: @genrad;
                                        border-radius: @genrad;
                                        height:auto;
                                      }




                .subline { padding:35px 0 15px 0;
                  line-height: 0.5;
                  text-align: center;
                }
                .subline span {
                  display: inline-block;
                  position: relative;  
                }
                .subline span:before,
                .subline span:after {
                  content: "";
                  position: absolute;
                  height: 3px;
                  border-bottom: 1px solid white;
                  top: 0;
                  width:100%;
                }
                .subline span:before {
                  right: 100%;
                  margin-right: 15px;
                }
                .subline span:after {
                  left: 100%;
                  margin-left: 15px;
                }


                .bumps { padding:10px 0 15px 0; margin:0; font-size:1em; font-weight:normal; font-family: 'Gotham book'; color:#000; }

                .polchk { border:1px solid #000; }

 
                .chkb { color:#fff; }


                .logcol { filter: brightness(0); }

               
                .bkitem { font-family: 'Gotham ultra'; font-size:1.6em;  padding:5px 0; }
                .totpr  { font-family: 'Gotham ultra'; font-size:1.8em;  }
                .bkitem span, .totpr span { padding:0 10px; font-weight:normal; font-family: 'Gotham Book';  }

  

                .textDiv_Minutes  {
                    font-family: 'Gotham ultra' !important;
                    color: #000;
                }

                .textDiv_Seconds {
                    font-family: 'Gotham ultra' !important;
                    color: #000;
                }



            input.dybtn { padding:10px 5px; 
                          margin: 20px 0;
                          font-size:1em; 
                          font-weight:bold;
                          line-height: 0.6em;
                          cursor: pointer;
                          transition: all 0.3s ease;
                          -webkit-border-radius: @genrad;
                          -moz-border-radius: @genrad;
                          border-radius: @genrad;
                          font-family: 'Gotham ultra' !important;
                          text-transform:uppercase;
                    }


 

            a:link.choobtn, a:visited.choobtn { font-family: 'Gotham ultra' !important; font-size:1.6em;   }

 
            

         




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


    .logo { width: 80px;
            padding: 0;
            top: 15px;
          }

    .bx50 { padding: 0 10px 30px 10px; }

    .gicott { font-size:1.2em; }

    }



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

 
    .gicott {
        font-size: 0.9em;
    }
}