.booking{
	background-color: #5d5d5d;
	position:absolute;
	right:50px;
	bottom: 58px;
	z-index: 9;
	transition:all .3s cubic-bezier(.77,0,.175,1)
}
 .booking .booknow-btn{
    float:right;
    height:90px;
    width:160px;
    background:rgba(255,255,255,.05);
    color:#fff;
    line-height:90px;
    font-family:"Gotham Medium",sans-serif;
    font-size:16px;
    position:relative;
    transition:all .3s cubic-bezier(.77,0,.175,1);
    text-align:center
}
.booking .booknow-btn::before{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:2px;
    background-color: #465e6c;
    z-index:-1;
    transition:all .3s cubic-bezier(.77,0,.175,1)
}
.booking .booknow-btn:hover::before{
    height:100%
}
.booking .selectDate{
    float:left;
    padding:15px 20px;
    height: 90px;
    padding-right:10px;
    width: 150px;
    transition:all .2s cubic-bezier(.77,0,.175,1)
}
.booking .selectDate *{
    transition:all .2s cubic-bezier(.77,0,.175,1)
}
.booking .selectDate.active,.booking .selectDate:hover{
    background:#465e6c
}
.booking .selectDate.active .label,.booking .selectDate:hover .label,.booking .selectDate.active .day,.booking .selectDate:hover .day,.booking .selectDate.active .month,.booking .selectDate:hover .month{
    color:#fff
}
.booking .selectDate .label,.booking .adult .label,.booking .child .label{
    float:left;
    width:100%;
    color:#fff;
    text-align:left;
    font-size:12px;
    font-family:"Gotham Medium",sans-serif;
    height:20px;
    line-height:20px;
    opacity:1
}
.booking .selectDate .day,.booking .selectDate .month{
    font-family:"Gotham Bold",sans-serif;
    font-size: 20px;
    color:#fff;
    margin-top:4px;
    float:left;
    height:36px;
    line-height:36px;
    position:relative;
    font-weight: bold;
}
.booking .selectDate .month{
    margin-left: 5px;
    margin-right:4px
}
.booking .selectDate .icon{
    float:right;
    height:36px;
    width:26px;
    margin-top:4px;
    background-position:-40px -77px
}
.booking .selectDate.active .icon,.booking .selectDate:hover .icon{
    background-position:-40px -113px
}
.booking .adult,.booking .child{
    float:left;
    padding:15px 20px;
    height:90px;
    width:130px;
    transition:all .2s cubic-bezier(.77,0,.175,1)
}
.booking .adult *,.booking .child *{
    transition:all .2s cubic-bezier(.77,0,.175,1)
}
.booking .adult:hover,.booking .child:hover{
    background:#465e6c
}
.booking .adult:hover .label,.booking .adult:hover .text .minus,.booking .adult:hover .text .plus,.booking .adult:hover .text .value,.booking .child:hover .label,.booking .child:hover .text .minus,.booking .child:hover .text .plus,.booking .child:hover .text .value{
    color:#fff
}
.booking .adult .text,.booking .child .text{
    font-family:"Gotham Bold",sans-serif;
    font-size: 26px;
    color:#fff;
    margin-top:4px;
    float:left;
    height:36px;
    line-height:36px;
    position:relative
}
.booking .adult .text .minus,.booking .adult .text .plus,.booking .child .text .minus,.booking .child .text .plus{
    float:left;
    color:#fff;
    font-family:"Gotham Medium",sans-serif;
    background-image:none;
    line-height:34px
}
.booking .adult .text .value,.booking .child .text .value{
    float:left;
    width:50px;
    text-align:center;
    font-weight: bold;
}
.booking.fixed{
    position:fixed;
    bottom:inherit;
    right:0;
    top:90px;
    background-color: #1d1d1b;
    left:inherit!important
}
.custom-datepicker{
    position:absolute;
    bottom:90px;
    left:0;
    width:610px
}
.custom-datepicker .datepicker{
    position:absolute;
    left:0;
    bottom:-20px;
    width:100%;
    opacity:0;
    visibility:hidden;
    transition:all .3s cubic-bezier(.77,0,.175,1)
}
.custom-datepicker .datepicker.active{
    opacity:1;
    bottom:0;
    visibility:visible
}
.custom-datepicker .datepicker .ui-datepicker-inline{
    float:left;
    width:100%!important;
    box-sizing:border-box;
    padding:20px;
    border:0;
    border-radius:0
}
.custom-datepicker .datepicker .ui-datepicker-inline *{
    font-family:"Gotham Medium",sans-serif;
    font-weight:normal;
    color: #000;
}
.custom-datepicker .datepicker .ui-datepicker-inline .ui-datepicker-header{
    padding:0;
    border-radius:0;
    border:0;
    height:40px;
    line-height:40px;
    background:#fff
}
.custom-datepicker .datepicker .ui-datepicker-inline .ui-datepicker-header .ui-datepicker-title{
    padding:0;
    height:40px;
    line-height:40px
}
.custom-datepicker .ui-datepicker td span,.custom-datepicker .ui-datepicker td a{
    padding:0!important;
    height:38px;
    line-height:38px;
    width:38px;
    text-align:center;
    border:0!important;
    background:#fff;
    transition:all .3s cubic-bezier(.77,0,.175,1);
    font-family:"Gotham Medium",sans-serif!important;
    font-size:12px
}
.custom-datepicker .ui-datepicker td span.ui-state-highlight,.custom-datepicker .ui-datepicker td a.ui-state-highlight{
    background:rgba(208,188,110,.2)
}
.custom-datepicker .ui-datepicker td span.ui-state-hover,.custom-datepicker .ui-datepicker td a.ui-state-hover,.custom-datepicker .ui-datepicker td span.ui-state-active,.custom-datepicker .ui-datepicker td a.ui-state-active{
    background:#22313f;
    color:#fff
}
.custom-datepicker .ui-datepicker .ui-datepicker-prev,.custom-datepicker .ui-datepicker .ui-datepicker-next{
    opacity:1;
    border-radius:0;
    height:30px;
    line-height:30px;
    width:30px;
    padding:0!important;
    border:0!important;
    background-color:#eee;
    color:#000;
    left:0!important;
    top:0!important;
    cursor:pointer;
    margin:5px 0!important;
    /*background-image:url(../Elements/img/bg-sprite.svg);*/
    transition:all .3s cubic-bezier(.77,0,.175,1)
}
.custom-datepicker .ui-datepicker .ui-datepicker-next{
    right:0!important;
    left:inherit!important
}
.custom-datepicker .ui-datepicker .ui-datepicker-prev{
    background-position:-71px -101px
}
.custom-datepicker .ui-datepicker .ui-datepicker-prev.ui-state-disabled{
    opacity:.5
}
.custom-datepicker .ui-datepicker .ui-datepicker-prev:not(.ui-state-disabled):hover{
    background-position:-101px -101px;
    background-color:#d0bc6e
}
.custom-datepicker .ui-datepicker .ui-datepicker-next{
    background-position:-101px -131px
}
.custom-datepicker .ui-datepicker .ui-datepicker-next:hover{
    background-position:-71px -131px;
    background-color:#d0bc6e
}



@media screen and (max-width: 991px) {
	
.mobile-book-area{
        display:block;
        position:fixed;
        z-index:999;
        left:0;
        width:100%;
        bottom:-80%;
        padding:0;
        opacity:0;
        visibility:hidden;
        transition:all .3s cubic-bezier(.77,0,.175,1)
    }
    .mobile-book-area.show{
        bottom:48px;
        opacity:1;
        visibility:visible
    }
    .mobile-book-area .title{
        float:left;
        width:100%;
        color:#fff;
        font-family:"Gotham Medium",sans-serif;
        font-size:14px;
        height:50px;
        line-height:50px;
        padding:0 10px
    }
    .mobile-book-area .title .close-booking{
        float:right;
        width:30px;
        height:30px;
        margin:10px 0;
        background-position:-232px -131px
    }
    .mobile-book-area.arrival .title{
        background-color:#22313f
    }
    .mobile-book-area.departure .title{
        background-color:#2a3d4e
    }
    .mobile-book-area .book-btn{
        position:absolute;
        bottom:0;
        left:0;
        width:100%;
        height:50px;
        line-height:50px;
        background-color:#b2a059;
        color:#fff;
        text-align:center;
        font-family:"Gotham Medium",sans-serif;
        font-size:14px
    }
    .mobile-book-area .custom-datepicker{
        position:relative;
        bottom:inherit;
        float:left;
        width:100%;
        top:inherit;
        bottom:0
    }
    .mobile-book-area .custom-datepicker .datepicker{
        float:left;
        opacity:1;
        visibility:visible;
        display:block;
        position:relative;
        left:inherit;
        bottom:0;
        margin-bottom:0
    }
    .mobile-book-area .custom-datepicker .datepicker .ui-datepicker-inline{
        padding:5px
    }
    .mobile-book-btn{
        position:fixed;
        bottom:0;
        height:50px;
        line-height:50px;
        left:0;
        z-index:9999;
        display:block;
        width:100%;
        background-color:#cdb866;
        transition:all .3s cubic-bezier(.77,0,.175,1);
        box-shadow:0 0 20px rgba(0,0,0,.3)
    }
    .mobile-book-btn .selected{
        background-color:#22313f;
        color:#fff;
        float:left;
        width:25%;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
        background-image:url(../Elements/img/datepicker-icon.svg);
        background-repeat:no-repeat;
        background-position:right center
    }
    .mobile-book-btn .selected.departure{
        background-color:#2a3d4e
    }
    .mobile-book-btn .selected .day::after{
        content:" /"
    }
    .mobile-book-btn select{
        float:left;
        width:12%;
        height:50px;
        line-height:50px;
        text-align:center;
        font-family:"Gotham Medium",sans-serif;
        font-size:14px;
        color:#fff;
        background-color:#32485c;
        border:0;
        padding:0 8px;
        -webkit-appearance:none;
        -moz-appearance:none;
        appearance:none;
        background-image:url(../Elements/img/person-icon.svg);
        background-repeat:no-repeat;
        background-position:right center
    }
    .mobile-book-btn select#drpMobileChild{
        background-size:13px;
        background-color:#374f65
    }
    .mobile-book-btn .book{
        float:left;
        width:26%;
        text-align:center;
        padding:10px;
        line-height:30px;
        padding:10px
    }
    .mobile-book-btn a{
        height:100%;
        text-align:left;
        color:#fff;
        font-family:"Gotham Medium",sans-serif;
        font-size:14px;
        padding:0 10px
    }
    html[lang="tr"] .mobile-book-btn .book{
        font-size:10px
    }
	
}