﻿
//* GLOBAL *//


body {
    font-family: 'Arial';
}


.dobtn {
    text-transform: uppercase;
}


h1, h2 { text-transform:uppercase; }
 

.menubx {
    text-transform: uppercase;
}

            a:link, a:visited { font-weight:bold; }
            a:hover, a:active { font-weight:bold; }




@font-face {
    font-family: 'montserrat.regular';
    src: url('montserrat.regular.ttf') format('truetype');
}




@booknowpath: url(/kiosk/v1/css/whitelabel/roxy/Book-now.svg);


@bodybg: #688FBA;
@contbg: none;
@linkcol: #fff;
@linkhovcol: #fff;
@maintxcol: #fff;

@borders: #121212;

@btncol: #E94C26;
@btnbor: #E94C26;
@btntx: #fff;
@btncolhv: #688FBA;
@btnborhv: #688FBA;
@btntxhv: #1A1714;

@btnselcol: #E94C26;
@btnselbor: #E94C26;
@btnseltx: #F5F6F8;
@btnselcolhv: #688FBA;
@btnselborhv: #E94C26;
@btnseltxhv: #F5F6F8;

@btncolrev: #E94C26;
@btnborrev: #fff;
@btntxrev: #1A1714;
@btncolrevhv: #688FBA;
@btnborrevhv: #F5F6F8;
@btntxrevhv: #1A1714;

@optbg: #1A1714;
@optx: white;

@dobtncol: #E94C26;
@dobtnbor: #E94C26;
@dobtntx: #fff;
@dobtncolhv: #598eb5;
@dobtnborhv: #598eb5;
@dobtntxhv: #fff;

@btncolhn: #fff;
@btnborhn: #fff;
@btntxhn: #598eb5;
@btncolhhn: #cdcdcd;
@btnborhhn: #cdcdcd;
@btntxhhn: #333;

@btntry: #1A1714;
@btntrybor: cyan;

@subheads: #fff;

@plholdcol: #a8a8a8;

@mesnegtx: red;
@mespostx: #5aa016;

@hdrmaxwidth: 800px;
@hdralign: center;
@hdrbg: #688FBA;

@gicobg: #ec3a0b;

@optbdr: #fff;
@maintxcolrev: #fff;


@import "../layout.less";




        input.frmtran { border:none; background:rgba(255,255,255,1); padding:20px; width:100%; margin:20px 0 0 0; font-size:1.4em; color:#fff; font-weight:bold;  text-align:left;
                        -webkit-border-radius: 3px;
                        -moz-border-radius: 3px;
                        border-radius: 3px;
                       }



           input.dobtn, input.optbtn {
                padding:15px;
                margin: 20px 0;
                font-size:1.3em; 
                font-weight:bold;
                line-height: normal;
                cursor: pointer;
                transition: all 0.3s ease;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
            }



                    .actselect { background: #437AA3;
                                 padding: 15px;
                                 margin:20px 0;
                                 font-size:1em;
                                    font-weight: bold;
                                    -webkit-border-radius: 3px;
                                    -moz-border-radius: 3px;
                                    border-radius: 3px;
                                    color: #fff;
                                     transition: all 0.3s ease;
                                     text-transform:uppercase;
                    } 

 
                    .gico a:hover .actselect  { background:#598eb5; transition: all 0.3s ease; }


                    .gicotx { min-height:40px; color:#fff; padding:10px 0 0 0; }


                    .actbx::before { content:'';
                                      position: absolute;
                                      background: rgba(0,0,0,1);
                                      width:100%;
                                      height:1px;
                                      bottom: 0;
                                      left:50%;
                                      transform:translateX(-50%);
                                    }




            input.timebtn { text-transform:uppercase; line-height:normal;  }

            .dobtn, .timebtn { white-space: normal; }



         input.frms { border:#fff;
                      background:#fff;
                      width:100%;
                      padding:15px 10px;
                      cursor: pointer;
                      font-size: 0.9em;
                      line-height: normal;
                      color:#000;
                      width:100%;
                      margin: 5px 0;
                      font-size: 0.9em;
                      font-weight: bold;
                      line-height: normal;
                      -webkit-border-radius: 3px;
                      -moz-border-radius: 3px;
                      border-radius: 3px;
                    }

        textarea.frms {
            border: #fff;
            background: #fff;
            width: 100%;
            padding: 15px 10px;
            cursor: pointer;
            font-size: 0.9em;
            line-height: normal;
            color: #000;
            width: 100%;
            margin: 5px 0;
            font-size: 0.9em;
            font-weight: bold;
            line-height: normal;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
        }


                             .btnbx { padding:0;  } 
                             .chka { text-transform:uppercase; letter-spacing:1px;  font-size:0.9em;  }
                             .chkb { text-transform:uppercase; font-size:0.7em; letter-spacing:1px;   }



            .slider::-webkit-slider-thumb {
              -webkit-appearance: none;
              appearance: none;
              width: 60px;
              height: 60px;
              border-radius: 50%; 
              border:none;
              background:#e94c26;
              cursor: pointer;

            }

            .slider::-moz-range-thumb {
                width: 25px;
                height: 25px;
                border-radius: 50%;
                background: #000;
                cursor: pointer;
            }

            /*--
        h1.lg { font-size:1.8em; }
                --*/

        h2 { font-size:1.2em;  }


        .confbx { color:#fff; } 