/* =============================================
Book-event
============================================= */


.book-event { background: #3186c7; background: url(../images/blue-pattern.jpg); background-size: cover; border-radius: 8px; padding:20px; float: left; width: 100%; margin-bottom: 20px;  }
.book-event  h2 { color: #FFF; border:none; }
.book-event p { color: #FFF; }
.book-event .button { background: #FFF; color: #2c85c6; width: 100%; text-align: center; }



/* =============================================
Book-event PopUp
============================================= */

.featherlight .featherlight-content { max-width: 860px; padding:0 !important; border-top-right-radius: 8px; border-top-left-radius: 8px;  }
.featherlight .featherlight-content .booking-form { padding:0; }
.featherlight .featherlight-content .booking-form h2 { border-bottom: 2px solid #FFF; color: #FFF; float: left; width: 100%; }

.featherlight .featherlight-content .booking-form form h2 {color:#484848; }

.featherlight .featherlight-content .booking-form .title { background: #2c85c6; padding:20px; float: left; width: 100%; }
.featherlight .featherlight-content .booking-form form {
float: left;
    width: 90%;
    margin: 0 5%;
    border-bottom: 2px solid #2c85c6;
    padding: 20px 0; }
.featherlight .featherlight-content .booking-form form input { float: left; width: 100%; border:1px solid #CCC; padding:10px; color: #CCC; font-size: 14px; border-radius: 8px; margin:10px 0; }
.featherlight .featherlight-content .booking-form form textarea { min-height: 98px; float: left; width: 100%; border:1px solid #CCC; padding:10px; color: #CCC; font-size: 14px; border-radius: 8px; margin:10px 0; }

.featherlight .featherlight-content .booking-form .col form { padding:0 20px; }
.featherlight .featherlight-content .booking-form .col h2 { color: #404040; }
.featherlight .featherlight-content .booking-form form .button { font-family: din_next; clear: both; width: auto; background: #2c85c6 url('../images/white-arrow-right.png'); background-repeat: no-repeat; background-size: 9px; background-position: 11%; color: #FFF; padding: 10px 49px; border:none;  }
.featherlight .featherlight-content .booking-form form .button:hover { background: #156193 url('../images/white-arrow-right.png'); background-repeat: no-repeat;}
.pay-input li {float: left; font-size: 13px; font-family: 'Source Sans Pro', sans-serif;}
.pay-input span {float: left;
    font-size: 15px;
    line-height: 30px; font-weight: bold;
    margin: 0 15px;}

 .pay-input .payfor {margin-left: 0; font-weight: normal;}   

.featherlight .featherlight-content .booking-form .pay-form {margin-top: 0; border-bottom:none;}

.featherlight .featherlight-content .booking-form form .pay-input input {width: auto;}

.featherlight .featherlight-content .booking-form form  .poa {width:100%; min-width: 200px;}

.form-footer {background: #2c85c6;
    padding: 20px;
    float: left;
    width: 100%; }

.form-footer p { font-size: 10px; color: #fff; }

.pop-form  {border-radius: 10px;}


.featherlight .featherlight-content {border:none!important;}



.invoice {
    width: 100%; max-width: 320px;
    display: block!important;
    clear: both;
    overflow: hidden;
}

.paypal-button {
    margin: 20px 0;
    max-width: 120px;
    display: block;
    clear: both;
}

.paypal-cards {float: left;
    width: 50%;
    max-width: 300px;
    display: block;
    clear: both;}

.pay-paypal {width:50%; float: left;}
@media only screen and (min-width: 700px) {


.paypal-cards {display: inline-block; clear: none; float: right; }
}