@charset "utf-8";
/* CSS Document */
@media only screen {
    .wordwrap {
        white-space: pre-wrap;
        white-space: -moz-pre-wrap;
        white-space: -pre-wrap;
        white-space: -o-pre-wrap;
        word-wrap: break-word;
    }

    .clearFloats {
        clear: both;
        height: 0;
        margin: 0;
        line-height: 0;
        padding: 0;
        overflow: auto;
    }
    /*####################################*/
    .my-tooltip-styling {
        max-width: 800px !important;        
    }

    .ui-tooltip, .arrow:after {
        background: #99cc66 !important;
        border: 2px solid #99cc66 !important;
    }

    .ui-tooltip {
        padding: 10px 20px;
        color: #000000 !important;
        background: #99cc66 !important;
        opacity: 1 !important;
        filter: Alpha(Opacity=100) !important;
        border-radius: 10px;
        font-size: 1.2vw;
        border: 2px solid #99cc66 !important;
    }

    .arrow {
        width: 70px;
        height: 16px;
        overflow: hidden;
        position: absolute;
        left: 50%;
        margin-left: -35px;
        bottom: -16px;
    }

    .arrow.top {
        top: -16px;
        bottom: auto;
    }

    .arrow.left {
        left: 20%;
    }

    .arrow:after {
        content: "";
        position: absolute;
        left: 20px;
        top: -20px;
        width: 25px;
        height: 25px;        
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .arrow.top:after {
        bottom: -20px;
        top: auto;
    }
    /*####################################*/
    

    .txt_Red {
        color: #CC0000;
    }

    .txt_Grn {
        color: #00CC00;
    }

    .txt_Ambr {
        color: #FF9900;
    }

    .txt_Yell {
        color: #FFCC00;
    }

    .oGreen{ color:#99cc66; }

    .TakeSpinBtn {

    }
    .TakeSpinBtn {
        font-size: 18px !important;
        border-radius: 10px;
        color: #000000;
        background-color: #99cc66 !important;
        border: 2px solid #ffffff !important;
        padding: 5px 10px;
        cursor: pointer;
    }

    .TakeSpinBtn:hover {
        background-color: #000000 !important;
        color: #99cc66 !important;
        border: 2px solid #99cc66 !important;
    }

    .TakeSpinBtn:hover::after {
        line-height: 1.25em;
    }
    /*Popover Close Button ===============================================*/
    #et-boc [data-da-area] .da-close-wrap .da-close {
        border-radius: 20px;
        margin-right: 0px;
        margin-top: 0px;
        background-color: #000000;
        color: #FFFFFF;
        border: 3px solid #999999;
        transform-origin: top right;
        transform: scale(1.3);
        font-size: 32px;
        opacity: 1;
        text-shadow: none !important;
    }
    /*####################################*/
    .alertIco {
        float: left;
        margin-right: 0.5em;
        margin-bottom: 0.25em;
        line-height: 31px;
    }
    .FullHRow {
        width:100% !important;
    }
    .TimBookingBtn {
        display: inline-block;
        border: 1px #99cc66 solid;
        padding: 2rem;
        margin-top: 1rem;
        margin-bottom: 1rem;
        box-sizing: border-box;
        color: #ffffff !important;
        text-align: center;
        cursor: pointer !important;
        background: #000000 !important;
    }
    .TimBookingBtn:hover > img{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    }
    .infText{}

    /* Toggle Switch =============================================================*/
    /* The switch - the box around the slider */
    .switch {
        position: relative;
        display: inline-block;
        width: 60px;
        height: 34px;
    }
    /* Hide default HTML checkbox */
    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }
    /*=========================================================================*/
    /* The slider */
    .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ccc;
        -webkit-transition: .4s;
        transition: .4s;
    }

    .slider:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

    input:checked + .slider {
        background-color: #160A4F;
    }

    input:focus + .slider {
        box-shadow: 0 0 1px #160A4F;
    }

    input:checked + .slider:before {
        -webkit-transform: translateX(26px);
        -ms-transform: translateX(26px);
        transform: translateX(26px);
    }
    
    /* Rounded sliders */
    .slider.round {
        border-radius: 34px;
    }

    .slider.round:before {
        border-radius: 50%;
    }

    /*=========================================================================*/
    
    .form-flex {
        list-style-type: none;
        padding: 0;
        max-width: 800px;
        margin: 0 auto;
    }

    .form-flex li {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .form-flex li:not(:last-child) {
        margin-bottom: 0.75rem;
    }

    .form-flex > li > label {
        flex: 1 0 120px;
        max-width: 220px;
        color: #FFFFFF;
        cursor: pointer;
    }

    .form-flex > li > label[class="switch"] {
        flex: 1 0 60px;
        max-width: 60px;
        margin-right: 1rem;
    }

    .form-flex > li > label[class="myradio"] {
        flex: 1 0 30px;
        max-width: 30px;
        margin-left: 2rem;
        margin-right: 1rem;
        margin-bottom: 0.25rem;
    }

    .form-flex > li > label + * {
        flex: 1 0 220px;
    }

    .form-flex > li > input {
        border: 0;
        font-family: "Roboto";
        font-size: 1.2rem;
        line-height: 1.5rem;
        background-color: #ffffff;
        color: #000000;
    }
    .form-flex > li > select {
        border: 0;
        font-family: "Roboto";
        font-size: 1.2rem;
        line-height: 1.5rem;
        background-color: #ffffff;
        color: #000000;
     }

    .form-flex > li > fieldset {
        border: 0;
        font-family: "Roboto";
        font-size: 1.2rem;
        line-height: 1.5rem;
        color: #FFFFFF;
        padding: 2px 4px;        
    }
    
    .nestedUl {
        list-style-type: none;
        padding: 0;
        max-width: 800px;
        margin: 0 auto;
    }
    
    .nestedLi {
        margin-bottom: 0.25rem !important;
    }

    .inpFrm_Tel {border: 0;font-family: "Roboto"; font-size: 1.2rem !important;line-height: 1.5rem !important;background-color: #ffffff; color: #000000;padding:2px 4px; }
    
    .form-flex a { color: #7CDA24 !important;}
    
    .tnc_cb_FrmItm{font-family:"Roboto"; font-size:1.1rem;color:#000000; width:100%;text-align:center;}
    
    .nestedLi > checkbox {
    }
    /*~~~~~~~~~~~~~~~~~*/
    .LoginFieldset {
        border: 2px solid #99cc66 !important;
        padding-right:10px !important;
        width: 100%;
    }
    .LoginFieldset > legend {
        padding: 5px 10px;
        margin-left: 20px;
    }
    /*~~~~~~~~~~~~~~~~~*/
    /*=========================================================================*/
    .inpFormSubmitButt {
        font-size: 22px !important;
        border-radius: 10px;
        color: #99cc66;
        background-color: #000000 !important;
        border: 2px solid #99cc66 !important;
        padding: 5px 10px;
        cursor: pointer;
    }

    .inpFormSubmitButt:hover {
        background-color: #99cc66 !important;
        color: #000000 !important;
        border: 2px solid #99cc66 !important;
    }

    .inpFormSubmitButt:hover::after {
        //line-height: 1.25em;
    }
    /*=========================================================================*/
    .sliderManButtons {
        font-size: 18px !important;
        border-radius: 0px;
        color: #99cc66;
        background-color: #000000 !important;
        border-left: 2px solid #99cc66 !important;
        border-right: 2px solid #99cc66 !important;
        border-top: 0px !important;
        border-bottom: 0px !important;
        padding: 5px 10px;
        cursor: pointer;
    }

    .sliderManButtons:hover {
        background-color: #99cc66 !important;
        color: #000000 !important;            
    }

    .sliderManButtons:hover::after {
        /* line-height: 1.25em; */
    }

    #stripe-button {
        color: #000000 !important;
        border: 0;
        font-size: 29px;
        font-family: font-family: "Roboto";
        background: linear-gradient(to bottom, #C4E2A7, #99cc66);
        border-radius: 15px;
        padding: .3em .6em;
        line-height: 1.4em !important;
        cursor: pointer;
        /*width: 20%;*/
        margin-left: auto;
        margin-right: auto;
    }

    #stripe-button:hover {
            color: #666666 !important;
    }
    .SecVisuals {
        width: 100%;
        box-sizing: border-box;
    }

        .SecVisuals .flexContainer {
            box-sizing: border-box;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-direction: row;
            flex-direction: row;
        }

    .ssl_vis {
        width: 50%;
        height: 100px;
        box-sizing: border-box;
        background-image: url(../images/stripe/encrypt_curl_LB.png);
        background-repeat: no-repeat;
        background-position: left center;
        background-size: contain;
    }

    .stripe_vis {
        height: 100px;
        box-sizing: border-box;
        background-image: url(../images/stripe/PoweredByStripe.png);
        background-repeat: no-repeat;
        background-position: right center;
        background-size: contain;
        flex: 1;
    }
    /*=========================================================================*/
    .Get_Spin_Pins_Holder {
        text-align:right;
        width:100%;
    }

    .Get_Spin_Pins_Btn {
        font-size: 20px !important;
        border-radius: 10px;
        color: #99cc66;
        background-color: #000000 !important;
        border: 2px solid #99cc66 !important;
        padding: 5px 10px;
        cursor: pointer;
        margin-bottom:1em;
    }
    .Get_Spin_Pins_Btn:hover {
        background-color: #99cc66 !important;
        color: #000000 !important;
        border: 2px solid #99cc66 !important;
    }

    .Get_Spin_Pins_Btn:hover::after {
        /* line-height: 1.25em; */
    }
    /*=========================================================================*/
    .b_boxBanner {
    }
    .b_boxTitle {
        
    }
    .b_boxText {

    }
}
/* Divi Desktop */
@media only screen and (min-width: 981px){

}
/*  Divi Tablet */
@media only screen and (max-width: 980px) and (min-width: 768px){

}
/* Divi Phone */
@media only screen and (max-width: 767px){

}