/*-------------------------------------*/
/* BOOKING */
/*-------------------------------------*/
.section-booking {
    z-index: 100;
    width: 100%;
    margin: auto;
    padding: 20px;
}

.section-booking .container {
    width: 880px;
    margin: auto;
    padding: 21px 0;
    background:#fff;
    box-shadow: rgba(0, 0, 0, 0.10) 0 0 15px;
}

.section-booking .container ul {
    padding: 0;
    margin: 0;

}

.section-booking .container ul li {
    list-style: none;
    float: left;
    margin: 0 15px;

}

.section-booking .container .textreser label {
    font-size: 24px;
    color: #60B0C1;
    font-weight: 400;
    text-transform: uppercase;
    margin: 8px 5px;

}

.section-booking .container #indate-calendar {
    width: 85px;
    margin-top: -10px;
    cursor: pointer;
}

.section-booking .container #indate-calendar #indate-label {
    font-size: 33px;
    color: #000;
    font-weight: 400;
}

.section-booking .container #indate-calendar #inmonth-label {
    font-size: 10px;
    color: #000;
    font-weight: 500;
    text-transform: uppercase;
}

.section-booking .container #indate-calendar:before {
    content: "";
    width: 1px;
    height: 40px;
    position: absolute;
    display: block;
    background: #cacaca;
    margin: 15px 0 0 -15px;

}

.section-booking .container #indate-calendar:after {
    content: "Check in";
    position: relative;
    display: block;
    font-size: 12px;
    color: #000;
    font-weight: 400;
    text-transform: uppercase;
    margin-top: -5px;
}

.section-booking .container #outdate-calendar {
    width: 85px;
    margin-top: -10px;
    cursor: pointer;
}

.section-booking .container #outdate-calendar #outdate-label {
    font-size: 33px;
    color: #000;
    font-weight: 400;
}

.section-booking .container #outdate-calendar #outmonth-label {
    font-size: 10px;
    color: #000;
    font-weight: 500;
    text-transform: uppercase;
}

.section-booking .container #outdate-calendar:before {
    content: "";
    width: 1px;
    height: 40px;
    position: absolute;
    display: block;
    background: #cacaca;
    margin: 15px 0 0 -15px;

}

.section-booking .container #outdate-calendar:after {
    content: "Check out";
    position: relative;
    display: block;
    font-size: 12px;
    color: #000;
    font-weight: 400;
    text-transform: uppercase;
    margin-top: -5px;
}

.section-booking .container select {
    position: relative;
    z-index: 1;
    width: 50px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    font-size: 33px;
    color: #cacaca;
    font-weight: 400;
    margin-top: -10px;
    cursor: pointer;
}
.section-booking .container select {
    position: relative;
    z-index: 1;
    width: 50px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    font-size: 33px;
    color: #000;
    font-weight: 400;
    margin-top: -10px;
    cursor: pointer;
}

.section-booking .container .room-type:before {
    content: "";
    width: 1px;
    height: 40px;
    position: absolute;
    display: block;
    background: #cacaca;
    margin: 0 0 0 -15px;
}

.section-booking .container .room-type:after {
    content: "Rooms";
    position: relative;
    display: block;
    font-size: 12px;
    color: #000;
    font-weight: 400;
    text-transform: uppercase;
    margin-top: -5px;
}
.section-booking .container .night input{
    position: relative;
    z-index: 1;
    width: 50px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    font-size: 33px;
    color: #000;
    font-weight: 400;
    margin-top: -12px;
    cursor: no-drop;
}
.section-booking .container .night:before {
    content: "";
    width: 1px;
    height: 40px;
    position: absolute;
    display: block;
    background: #cacaca;
    margin: 0 0 0 -15px;
}

.section-booking .container .night:after {
    content: "Night";
    position: relative;
    display: block;
    font-size: 12px;
    color: #000;
    font-weight: 400;
    text-transform: uppercase;
    margin-top: -5px;
}

.section-booking .container .room-type .select-ico {
    position: relative;

}

.section-booking .container .room-type .select-ico:before {
    position: absolute;
    content: "\f107";
    display: block;
    font: normal normal normal 18px/1 FontAwesome;
    color: #000;
    font-weight: 400;
    text-transform: uppercase;
    right: 5px;
}

.section-booking .container .night .select-ico {
    position: relative;

}

.section-booking .container .night .select-ico:before {
    position: absolute;
    content: "\f107";
    display: block;
    font: normal normal normal 18px/1 FontAwesome;
    color: #000;
    font-weight: 400;
    text-transform: uppercase;
    right: 5px;
}

.section-booking .container .promo_code input{
    position: relative;
    z-index: 2;
    width: 90px;
    height: 30px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: transparent;
    border:1px solid #cacaca;
    font-size: 20px;
    color: #000;
    font-weight: 400;
    margin-top: 0;
}


.section-booking .container .promo_code:before {
    content: "";
    width: 1px;
    height: 40px;
    position: absolute;
    display: block;
    background: #cacaca;
    margin: 0 0 0 -15px;
}

.section-booking .container .promo_code:after {
    content: "promo code";
    position: relative;
    display: block;
    font-size: 12px;
    color: #000;
    font-weight: 400;
    text-transform: uppercase;
    margin-top: 2px;
}


.btn-search input {
    width: 120px;
    padding: 14px;
    position: relative;
    background-color: transparent;
    border: 0;
    z-index: 1;
    letter-spacing: 0.1em;
}

.btn-search input:hover {
    position: relative;
    background-color: transparent;
    border: 0;
    color: #000;
    z-index: 1;
    letter-spacing: 0.1em;
}

.btn-search {
    color: #fff;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background: #60B0C1;
    border: 1px solid #60B0C1;
    text-align: center;
    cursor: pointer;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
}

.btn-search:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    z-index: 1;
    color: #000;
}

.btn-search:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    cursor: pointer;
}

.btn-transfer a {
    padding: 9px;
    color: #000;
}

.btn-transfer a:hover {
    position: relative;
    background-color: transparent;
    border: 0;
    color: #fff;
    z-index: 1;
}

.btn-transfer {
    line-height: 48px;
    letter-spacing: 0.1em;
    border: 1px solid #91013e;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background: transparent;
    text-align: center;
    cursor: pointer;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
}

.btn-transfer:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    z-index: 1;
    color: #fff;
}

.btn-transfer:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #91013e;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

/*-------------------------------------*/
/* WE ACCEPT */
/*-------------------------------------*/

.ibe-mobile{
    width: 100%;
    /*position: fixed;*/
    bottom: 0;
    z-index: 10;
    display: none;
}
.ibe-mobile ul{
    padding: 0;

}
.ibe-mobile li{
    list-style: none;
    float: left;
}

.ibe-mobile .tel{
    background: #3d6ec1;
    width: 50%;
    height: 70px;
    text-align: center;
}
.ibe-mobile .tel a{
    font-family: Dosis, arial, sans-serif;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.2em;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    top: 25px;
    position: relative;
    transition: all .15s;
}
.ibe-mobile .tel a:hover{
    transition: all .15s;
    letter-spacing: 2px;
}
.ibe-mobile .book{
    background: #60B0C1;
    width: 50%;
    height: 70px;
    text-align: center;
}
.ibe-mobile .book a{
    font-family: Dosis, arial, sans-serif;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.2em;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    top: 25px;
    position: relative;
    transition: all .15s;
}

.ibe-mobile .book a:hover{
    transition: all .15s;
    letter-spacing: 2px;
}


@media only screen and (max-width: 879px) {
    .section-booking{
        display: none;
    }
    .ibe-mobile {
        display: block;
    }
    .pb-30{
        padding-bottom:100px;
    }
}
@media only screen and (max-width: 560px) {
    .ibe-mobile .tel a {
        font-size: 14px;
    }
    .ibe-mobile .book a {
        font-size: 14px;
    }
}
@media only screen and (max-width: 400px) {
    .ibe-mobile .tel a {
        font-size: 12px;
        letter-spacing: 0.1em;
    }
    .ibe-mobile .book a {
        font-size: 12px;
        letter-spacing: 0.1em;

    }
}
/*END IBE*/