﻿body {
}
.footer {
    background-color: #1b2138;
    color: rgb(255 255 255);
    padding: 80px 0px 20px !important;
}



.bluebtn {
    padding: 15px !important; border-radius:0!important
}
.btn.btn-apply {
    padding: 15px !important;border:0; left:0
}

button.btn.dropdown-toggle.btn-light {
    top: 4px;
}
.footer {
    background-color: #1b2138;
    color: rgb(255 255 255);
    padding: 80px 0px 20px !important;
}
.book-now-button {
    background: #001472 !important;
    border-radius: 6px !important;
    box-shadow: none !important;
}
ul.searchEngine_Flight li .form-control {
    top: -3px !important
}

ul.searchEngine_Flight li label {
    top: 19px !important
}
.modifySearch._hotel {
    background: url(../images/imagebg.jpg);
    background-position: bottom
}

.bg-gray {
    background: #f5f7fa;
}
.ptt-0 {
    padding:2px
}
._fltreview_top{padding:10px 0 0 0 !important}
.hotelImges .main-image img {
    border-radius: 6px;
}
.hotel-detail-box{margin:20px 0!important}
.hotelImges .otherImages img {
    border-radius: 6px;
}
em{padding:7px}
ul.roomCardImage li img{border-radius:5px!important;}

.bt {
    background: #001472 !important;
    border-radius: 4px !important;
    color: #fff !important;
    cursor: pointer;
}
.room-card-button input[type=radio] + label:hover, .room-card-button input[type=radio]:checked + label{border:0!important}
.mob-title {background:black!important
}

@media screen and (max-width:480px) {
    .mbb-2 {
        margin-bottom:10px;
    }
    .room-category{margin-top:10px;}
    .htImageGalleryLabel svg {
        width: 12px;
    }
    .htImageGalleryLabel{font-size:12px;}
    ul.amenitiesList i{margin-right:35px!important; font-size:22px!important}
    .whitebox{padding-bottom:15px;}
    .htDetailText p{padding-right:18px;}
    .room-card-title {
        width: 60% !important;
        flex: 0 !important;
        margin-top: 15px;
    }
    .room-card-policy {
        width: 38% !important;
        margin-top: 15px!important;
        flex: 0 !important
    }
    .room-card-pricing {
        flex: 0 !important; padding-top:20px;
    }
    .room-card-pricing{text-align:left!important}
}











    .contactForm {
        padding: 50px
    }

    .whatsapp {
        width: 50px;
        height: 50px;
        right: 30px;
        bottom: 90px;
        background: #25d366;
        position: fixed;
        text-align: center;
        color: #ffffff;
        cursor: pointer;
        border-radius: 50%;
        z-index: 70;
        display: inline-block;
        line-height: 50px;
        font-size: 28px;
    }

    .imgs {
        width: 28px
    }

    .client {
    }

        .client img {
            width: 90%
        }

    .owl-nav {
        display: none
    }



    #noresultpopup {
        background: #fff;
        padding: 30px 20px 40px;
        width: 100%;
        margin: auto;
        text-align: center
    }

        #noresultpopup p {
            color: #333;
            font-size: 16px;
        }

        #noresultpopup img {
            width: 50%
        }

    .newbtns {
        padding: 10px 20px;
        display: inline-block;
        background: rgb(0, 20, 114) !important;
        color: #fff;
        border-radius: 5px;
        margin-top: 20px;
    }

        .newbtns:hover {
            color: #fff;
            text-decoration: none
        }

    main {
        justify-content: center;
        align-items: center;
    }

    :root {
        /* --default variation only 👇 */
        --select-icon-size: 14px;
        --select-icon-margin: 1rem; /* icon right/left position */
        --select-text-icon-gap: 0.2rem; /* gap between text and icon */
    }

    .select {
        position: relative;
        border-color: #efefef
    }

    .select__input {
        appearance: none;
        margin: 0;
        font-size: 14px;
        width: 100%;
        height: 100%;
        padding: 0.4rem calc(var(--select-icon-size) + var(--select-icon-margin) + var(--select-text-icon-gap));
        -webkit-user-select: none;
        user-select: none;
        /*    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.1), 0 0 0 1px hsla(230, 13%, 9%, 0.02), 0 0.3px 0.4px hsla(230, 13%, 9%, 0.025), 0 1px 3px -1px hsla(230, 13%, 9%, 0.2), 0 3.5px 6px hsla(230, 13%, 9%, 0.12);*/
        border-radius: 0.375em;
        border: 1px solid;
        border-color: #efefef !important;
        transition: box-shadow 0.2s;
    }

        .select__input:focus {
            outline: none;
        }

    .select__arrow,
    .select__flag {
        display: inline-block;
        width: var(--select-icon-size);
        height: var(--select-icon-size);
        pointer-events: none;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .select__arrow {
        color: inherit;
        right: var(--select-icon-margin);
    }

    .select__flag {
        left: var(--select-icon-margin);
        background-position: center;
        background-repeat: no-repeat;
        background-size: var(--select-icon-size);
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg%3E%3Cpath d='M16 0c-8.8 0-16 7.2-16 16s7.2 16 16 16 16-7.2 16-16-7.2-16-16-16z m11.8 14h-3.8c-0.2-3-0.8-5.8-1.6-8.2 2.8 1.8 4.8 4.8 5.4 8.2z m-11.8 14c-1.2 0-3.6-3.8-4-10h8c-0.4 6.2-2.8 10-4 10z m-4-14c0.4-6.2 2.6-10 4-10s3.6 3.8 4 10h-8z m-2.2-8.2c-1 2.4-1.6 5.2-1.8 8.2h-3.8c0.6-3.4 2.6-6.4 5.6-8.2z m-5.6 12.2h3.8c0.2 3 0.8 5.8 1.6 8.2-2.8-1.8-4.8-4.8-5.4-8.2z m18 8.2c1-2.4 1.4-5.2 1.6-8.2h3.8c-0.4 3.4-2.4 6.4-5.4 8.2z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    }

    .select:has(option[value="IT"]:checked) .select__flag {
        background-image: url("../images/french.png ");
    }

    .select:has(option[value="ES"]:checked) .select__flag {
        background-image: url("../images/us.png");
    }

    .select:has(option[value="PT"]:checked) .select__flag {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg%3E%3Cpath d='M5,4H13V28H5c-2.208,0-4-1.792-4-4V8c0-2.208,1.792-4,4-4Z' fill='%232b6519'%3E%3C/path%3E%3Cpath d='M16,4h15V28h-15c-2.208,0-4-1.792-4-4V8c0-2.208,1.792-4,4-4Z' transform='rotate(180 21.5 16)' fill='%23ea3323'%3E%3C/path%3E%3Cpath d='M27,4H5c-2.209,0-4,1.791-4,4V24c0,2.209,1.791,4,4,4H27c2.209,0,4-1.791,4-4V8c0-2.209-1.791-4-4-4Zm3,20c0,1.654-1.346,3-3,3H5c-1.654,0-3-1.346-3-3V8c0-1.654,1.346-3,3-3H27c1.654,0,3,1.346,3,3V24Z' opacity='.15'%3E%3C/path%3E%3Cpath d='M27,5H5c-1.657,0-3,1.343-3,3v1c0-1.657,1.343-3,3-3H27c1.657,0,3,1.343,3,3v-1c0-1.657-1.343-3-3-3Z' fill='%23fff' opacity='.2'%3E%3C/path%3E%3Ccircle cx='12' cy='16' r='5' fill='%23ff5'%3E%3C/circle%3E%3Cpath d='M14.562,13.529l-5.125-.006v3.431h0c.004,.672,.271,1.307,.753,1.787,.491,.489,1.132,.759,1.805,.759,.684,0,1.328-.267,1.813-.75,.485-.484,.753-1.126,.753-1.808v-3.413Z' fill='%23ea3323'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    }



    @media screen and (max-width:480px) {
        .slick-slide img {
            text-align: center;
            margin: auto
        }

        .register-btn {
            display: none !important
        }
    }