#bookingexpert {
    background: transparent;
    overflow: hidden;
    margin-top: 20px;
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}

#searchbox {
    position: relative;
    font-family: 'Open Sans', sans-serif;
    text-align:center;
    padding-top:0;
}
#searchbox .searchboxTitle{
    display:none;
}
#searchbox .searchboxPlaces, #searchbox .searchboxHotels{
    padding-top:0;
    position: relative;
    background: #fff;
    margin-top: 30px;
}

#searchbox .gb-select-wrap{
    position: relative;
    background: #fff;
    margin:0;
}
#searchbox .gb-select-wrap select{
    padding-right:15px;
    min-width:90px;
}
#searchbox .gb-select-wrap::after{
    padding: 10px 8px;
    background-image: url('../../assets/images/select.png');
    content: "";
    position: absolute;
    right: 0;
    top: 15px;
    height:10px;
    width:5px;
    display: inline-block;
    background-size: 12px auto;
    background-repeat: no-repeat;
    z-index: 0;
}

#searchbox .searchboxTitle {
    text-transform: uppercase;
    background:transparent;
    color: #fff;
    margin: 0;
    padding: 0;
    font-size: 16px;
    height:40px;
    line-height:40px;
    padding: 0 20px;
}

#searchbox form {
    float:none;
    padding:0 10px;
    overflow: hidden;
    text-align: center;
    display: inline-block;
}

#searchbox div {
    float:none;
    margin: 10px 10px 0 0;
    overflow: hidden;
    display:inline-block;
    vertical-align:top;
    text-align:left;
}

#searchbox label {
    display: block;
    line-height: 20px;
    font-size: 12px;
    font-weight:400;
    text-transform: uppercase;
    text-align:left;
}

#searchbox input, #searchbox select {
    width: 100%;
    height:35px;
    line-height:35px;
    margin: 0;
    padding: 0 5px;
    border:0;
    font-size:13px;
    box-sizing: border-box;
    border-radius:0;
}
body #bookingexpert #searchbox select{
    height:37px;
    min-width:80px;
}

#searchbox input, #searchbox .gb-select-wrap{
    border: solid 1px #ccd7df;
}

#searchbox .searchboxCredits, #searchbox .searchboxArea, #searchbox .searchboxAdd{
    display:none !important;
}


#searchbox .hasDatepicker{
    max-width: 100px;
}

#searchbox input[name="coupon"]{
    max-width: 100px;
}

/*#searchbox select{
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color:transparent;
    position:relative;
    z-index:1;
}*/
#searchbox input[name="checkin"], #searchbox input[name="checkout"] {
    background: url(calendar.png) no-repeat 97% center #fff;
}

#searchbox input[type="submit"] {
    display:inline-block;
    float:none;
    width: 125px;
    height: 38px;
    line-height: 38px;
    margin:32px 0 0 0;
    font-size:13px;
    font-weight: 300;
    text-transform: uppercase;
    background: #013763;
    color: #fff;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    letter-spacing: 1px;
}

#searchbox .searchboxCredits {
    display: inline-block;
    float: none;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
    margin:40px 0 0;
    width: 100px;
    vertical-align: top;
    right:150px;
}

#searchbox .searchboxAdd, #searchbox .searchboxArea {
    display: block;
    font-size: 10px;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    position: absolute;
    right: 20px;
}

#searchbox .searchboxAdd {
    top: 6px;
    right: 180px;
}

#searchbox .searchboxArea {
    top: 6px;
}

#ui-datepicker-div {
    font-size: 11px !important;
    z-index: 1000 !important;
}

/* --- responsive --- */

@media (max-width:1200px){
    #searchbox .searchboxCredits{
        width:80px;
        position:absolute;
        left:20px;
        right:auto;
        margin:0;
        top:0;
    }
}

@media (max-width:600px) {
    #searchbox{
        text-align:left;
    }
    #searchbox form {
        float: none;
        padding: 10px 20px 20px 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid #bbb;
    }

    #searchbox div {
        float: none;
        margin: 10px auto;
        width:100%;
    }

    #searchbox .searchboxCredits {
        float: none;
        text-align: center;
        margin:20px;
    }

    #searchbox .searchboxAdd, #searchbox .searchboxArea {
        position: relative;
        top: auto;
        right: auto;
        color:#fff;
        margin: 20px 0 0 0;
        line-height:17px;
    }

    #searchbox .searchboxAdd:before, #searchbox .searchboxArea:before {
        display: block;
        float: left;
        width: 16px;
        height: 16px;
        font-weight: 400;
        text-align: center;
        color: #fff;
        margin: 0 7px 0 20px;
        border-radius: 3px;
    }

    #searchbox .searchboxAdd:before {
        content: '+';
        line-height: 16px;
        font-size: 20px;
        background: #444;
    }

    #searchbox .searchboxArea:before {
        content: '-';
        line-height: 11px;
        font-size: 28px;
        background: #888;
    }
    #searchbox .searchboxPlaces, #searchbox .searchboxHotels{
        margin-top: 10px;
    }
    #searchbox .hasDatepicker{
        max-width: 100%;
    }

    #searchbox input[name="coupon"]{
        max-width: 100%;
    }
    #searchbox .searchboxCredits{
        position:static;
        margin:30px 20px;
    }
}