.search-bar
{
    /*width: 100%;*/
   /* max-width: 700px;*/
    /*background: rgba(255, 255, 255, 0.2);*/
    display: flex;
    align-items: center;
    /*border-radius: 60px;*/
    padding: 1px 20px;
    background-color: var(--f-mkcy-f);
    border: 1px solid var(--j-qkgmf);
    border-radius: 40px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.08),0 4px 12px rgba(0,0,0,0.05);
    transition: box-shadow 0.2s var(--itr-yy-z);
    min-width: 348px;
}
.search-bar input
{
    background: transparent;
    flex: 1;
    border: 0;
    outline: none;
    padding: 1px 10px;
    font-size: 16px;
}
::placeholder
{
    color: #000;
}
.navbar .navbar-brand
{
    flex: 1 0 140px;
}
.navbar .search-bar
{
    flex: 0 1 auto;
}
.search-bar button img
{
  width: 12px;
height: 12px;
display: block;
text-align: center;
margin: 0 auto;  
}
.search-bar button
{
    border: 0;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background: #a2127e;
}
/***************** Language Select *************/
.language_ui
{
    width: 150px;
}
.language_ui .language_selected 
{
    display: flex;
    align-items: center;
    color: #a2127e;
    cursor: pointer;
    font-weight: bold;
}
.language_ui .language_selected:before
{
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url('../images/world.png');
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 10px;
    box-shadow: 1px 1px 4px #1e1c1c;
    border-radius: 50%;
}
.language_ui ul
{
    position: absolute;
    width: 140px;
    background-color: #fff;
    border: 1px solid #000;
    /*padding-top: 10px;*/
    padding: 0;
    margin: 0 5px;
    box-shadow: 0 1px 10px rgba(0,0,0,0.5);
    display: none;
    
}
.language_ui ul li
{
    list-style: none;
}
.language_ui ul li a
{
    display: block;
    color: #a2127e;
    padding: 5px 10px;
}
.language_ui ul li:hover
{
    background: background-color: rgb(217, 215, 217);
}
.language_ui ul li a:before
{
    content:'';
    display: inline-block;
    width: 30px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 10px;
}
.language_ui a.fr:before
{
    background-image: url('../images/france.png')
}
.language_ui a.en:before
{
    background-image: url('../images/great-britain.png')
}
.language_ui:hover ul
{
    display: block;
}
.language_ui ul li a:hover
{
    text-decoration: none;
    color: #000;
}
.language_ui .language_selected.fr-change:before
{
    background-image: url('../images/france.png') !important;
}
.language_ui .language_selected.en-change:before
{
    background-image: url('../images/great-britain.png') !important;
}
/************* Login/signup***********/
.right-bar.d-flex
{
    flex: 1;
    justify-content: space-around;
    align-items: center;
}
/************ navbar *************/
.navbar .navbar-brand
{
    font-size: 35px;
    color: #a2127e;
    font-weight: 400;
    text-shadow: 1px 1px 2px #000;
}
.login_ui .log-sign
{
    position: relative;
    cursor: pointer;
}
.login_ui .fa
{
    font-size: 32px;
    color: #a2127e;
    text-shadow: 1px 1px 1px #000;
}
.login_ui ul
{
    display: none;
    min-width: 120px;
    position: absolute;
    padding: 0;
    margin: 0;
    background-color: #a2127e;
    box-shadow: 0 1px 6px #625b5b;
    border-radius: 5px;
}
.login_ui ul li:first-child
{
    border-bottom: 1px solid #fff;
}
.login_ui ul li 
{
    list-style: none;
  /*  margin-bottom: 15px;*/
    padding: 10px 15px;
}
.login_ui .log-sign:hover ul
{
    display:block;
}
.login_ui ul li a
{
    text-decoration: none;
    color: #fff;
}
.login_ui ul li a:hover
{
    text-decoration: none;
}
.login_ui ul li:hover 
{
    background: #000;
}
.home_top_con button
{
    text-decoration: underline;
    cursor: pointer;
}
/**************************/
.home_top_con, .home_top_con .btn:focus 
{
    box-shadow: none;
}
.modal-container
{
    display: flex;
    /*justify-content: space-evenly;*/
    padding: 0 24px;
}
.modal-con-left
{
    padding-left: 8px !important;
    padding-right: 8px !important;
    width: 33.3333% !important;
    margin-right: 8.33333% !important;
}
.modal-con-right
{
    padding-left: 8px !important;
    padding-right: 8px !important;
    width: 58.3333% !important;
}
#reviews .modal-dialog
{
    max-width: 1032px;
    max-height: 600px;
    overflow-y: auto;
}
.user-rating-style
{
    -moz-box-pack: justify !important;
    -moz-box-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
}
.rates_progress
{
    -moz-box-align: center !important;
    -moz-box-direction: normal !important;
    -moz-box-orient: horizontal !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    margin-left: 12px !important;
    width: 75% !important;
}
/****************************** user ratings *************/
.rates_progress_bar
{
    position: relative !important;
    height: 4px !important;
    margin-right: 4px !important;
    border-radius: 2px !important;
    background: rgb(221, 221, 221) !important;
    width: 100% !important;
}
.rates_progress_abs
{
    left: 0px !important;
    background: rgb(34, 34, 34) !important;
    position: absolute !important;
    bottom: 0px !important;
    top: 0px !important;
    border-radius: 2px !important;
}
.rats_num
{
    color: rgb(34, 34, 34) !important;
    /*font-family: Circular, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif !important;*/
    font-weight: 600 !important;
    font-size: 12px !important;
    line-height: 16px !important;
    margin-left: 6px !important;
}
.rat_tit
{
    width: 100%;
}
.popup_review 
{
    margin-top: 25px;
}
.name_sec
{
    display: flex;
    justify-content: start;
    align-items: center;
}
.name_sec img
{
    width: 40px;
    height: 40px;
    border-radius: 50%;   
    margin-right: 20px;
}
.name_up 
{
    display: flex;
    flex-direction: column;
}
.name_up ul
{
    display: flex;
    padding: 0;
    margin: 0;
} 
.name_up ul li
{
    list-style: none;
    color: #727171;
}
.query_con 
{
    display: block;
    margin-top: 15px;
}
.name_up h5
{
    font-size: 16px;
}
.modal-dialog
{
    max-width: 1032px !important;
    max-height: 600px !important;
    overflow-y: auto !important;
}
.modal-con-left_1
{
    display: flex;
    flex: 0 0 400px;
    flex-direction: column;
    margin-right: 50px;
}
.modal-con-right_1 
{
    flex: 1 1 auto;
}
.modal-con-right_1 iframe 
{
    width: 100%;
    height: 360px;
}
.btn.focus, .btn:focus {
  outline: 0;
  box-shadow: none;
}
.home_top_con
{
    justify-content: start;
    display: flex;
    align-items: center;
    width: 600px;
}
.home_top_con_right
{
    display: flex;
    justify-content: end;
    width: 100%;
    align-items: center;
    flex: 1;
}
* img
{
    max-width: 100%;
}
#share .modal-dialog
{
    max-width: 568px !important;
}
.modal-container_1 .share-con
{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}
.modal-container_1 .share-con img
{
    width: 64px;
    height: 64px;
    border-radius: 10px;
    margin-right: 20px;
}
.shared_icon
{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    margin-top: 25px;
}
.icons_flex
{
    display: flex;
    flex: 0 0 50%;
    flex-direction: column;
}
.icons_flex img
{
    width: 32px;
    height: 32px;
}
.icons_flex a
{
    border: 1px solid #c7bebe;
    border-radius: 6px;
    padding: 10px 30px;
    width: 250px;
    box-shadow: 1px 2px 3px #c4bebe;
}
.icons_flex .d-flex
{
    margin-bottom: 25px;
}
.icons_flex a:hover
{
    text-decoration: none;
}
.images_divison_left
{
    flex: 0 0 560px;
}
.imag_dson button
{
    padding: 3px 3px;
}
.divson_resize img
{
    /*width: 268px;
    height: 183px;*/
    width: 270px;
  height: 203px;
}
.border-ra-left
{
    border-radius: 10px 0 0 10px;
}
.border-ra-right
{
    border-radius: 0 10px 10px 0;
}
/********* gallery ************/
#home_gal .modal-lg img
{
    width: auto;
    height: 100%;
    max-height: 500px;
    margin: 0 auto;
    display: block;
}
#home_gal img
{
    width: 297px;
    height: 297px; 
}
#home_gal .modal-lg
{
    max-width: 1480px !important;
    max-height: 900px !important;
}
.con-home 
{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.home-f-image img
{
    width: 56px;
    height: 56px;
    border-radius: 50%;
}
.pad-30 
{
    padding: 15px 0;
}
.cons-iconhomebelow 
{
    padding: 15px 0 0 0;
}
.cons-iconhomebelow  .d-flex
{
    justify-content: start;
    align-items: center;
    padding-bottom: 30px;
}
.cons-iconhomebelow .d-flex .icon-inner-con p
{
    margin-bottom: 0;
}
.cons-iconhomebelow .d-flex .icon-flex
{
    margin-right: 25px;
}
.cons-iconhomebelow .d-flex .icon-flex img
{
    width: 33px;
    height: 33px;
} 
.para-buttons button
{
    text-decoration: underline;
}
.left_offer
{
    flex: 0 0 400px;
}
.left_offer .left_offer_con, .right_offer .right_offer_con
{
    display: flex;
    justify-content: start;
    align-items: center;
    margin-bottom: 20px;
}

.left_offer .left_offer_con img, .right_offer .right_offer_con img
{
    width: 21px;
    height: 21px;
    margin-right: 15px;
}
.left_offer .left_offer_con p, .right_offer .right_offer_con p
{
    margin: 0;
}
.place_offers .d-flex
{
    padding-top: 20px;
}
.right_offer
{
    margin-left: 25px;
}
.amenity_but
{
    padding-top: 15px;
}
.amenity_but button
{
    border: 1px solid #000;
}
/******** form *******/
.check_form
{
    position: relative !important;
    /*width: 33.3333% !important;*/
    margin-left: 8.33333% !important;
    margin-right: 0% !important;
}
.check_form_inout 
{
    position: sticky !important;
    top: var(--navigation-bar-offset, 80px) !important;
    z-index: 1 !important;
    width: 100% !important;
    display: inline-block !important;
    padding-right: 1px !important;
}
.form_start
{
    margin-top: 48px;
}
.form_flex
{
    border: 1px solid rgb(221, 221, 221);
    border-radius: 12px;
    padding: 24px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 16px;
}
.main_reviews .profo
{
    padding-top: 20px;
}
.whre_wilbe iframe
{
    margin : 15px 0;
    width: 100%;
    height: 360px;
}
.whre_wilbe button
{
    text-decoration: underline;
}
/****** form End ******/
.txt-right
{
    text-align: right;
}
.form_flex .dropdown_new button
{
    width: 100%;
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: left;
    background: transparent;
    color: #000;
    border: 1px solid #9d9da9;
}
.right-drop 
{
    min-width: 120px;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
}
.right-drop span
{
    width: 100%;
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    cursor: pointer;
}
.right-drop span.num
{
    /*font-size: 50px;*/
    border-right: 2px solid rgba(0,0,0,0.2);
    border-left: 2px solid rgba(0,0,0,0.2);
    pointer-events: none;
}
.form_flex .dropdown_new .fist_but-det
{
    flex: 0 0 95%;
}
.dropdown-menunew
{
    box-shadow: rgb(230, 223, 223) 0px 5px 6px;
    margin: 0px;
    padding: 20px;
}
.dropdown-menunew .d-flex
{
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
}
.dropdown-menunew .left-drop p
{
    margin: 0;
}
.dropdown-menunew .left-drop .pets_but 
{
    border: 0;
    margin: 0;
    padding: 0;
    text-decoration: underline;
}
#pet .modal-dialog
{
    width: 568px;
}
#pet .modal-dialog img
{
    margin-bottom: 20px;
}
.check_avail .btn
{
    background: #a2127e;
    display: block;
    width: 100%;
    margin: 20px 0 0 0;
    color: #fff;
    border-radius: 9px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.4);
}
.right-drop .cout-form
{
    width: 80px;
    text-align: center;
    border: none;
}
.right-drop .cout-form:focus
{
    border: 0;
    outline: 0;
}
.host_barry 
{
    display: flex;
    justify-content: start;
    align-items: center;
}
.host_barry .barry_img
{
    margin-right: 20px;
}
.host_barry .barry_img img
{
    width: 64px;
    height: 64px;
    border-radius: 50%;
}
.host_barry .barry_name h5
{
    font-weight: 600;
}
.host_barry .barry_name p
{
    margin: 0;
}
.reivew_list
{
    list-style: none;
    display: flex;
    justify-content: start;
    align-items: center;
    padding: 0;
}
.reivew_list li
{
    margin-right: 20px;
}
.query_form
{
    box-shadow: 0 1px 6px #000;
    padding: 15px;
    /*width: 35%;*/
    border-radius: 10px;
}
.query_form input, .query_form button
{
    display: block;
}
.query_form input
{
    margin-bottom: 20px;
    width: 100%;
    border-radius: 7px;
    border: 1px solid #a2127e;
    padding: 5px;
}
.query_form button
{
    background: #a2127e;
    color: #fff;
}
.security
{
    display: flex;
    justify-content: center;
    align-items: center;
}
.foot-con 
{
    padding: 15px 0;
}
.foot-con h6
{
    font-weight: bold;
}
.house_pop_check
{
    width: 500px;
    box-shadow: 0 1px 9px #000;
    padding: 10px;
    border-radius: 6px;
    margin-bottom: 20px;
}
.house_pop_check h4
{
    margin-bottom: 20px;
}
.foot-con button
{
    text-decoration: underline;
}
.copyright
{
    background: rgb(247, 247, 247);
    padding: 25px 0;
}
.copyright p
{
    margin: 0;
}
.aminity_container .aminity_flex
{
    display: flex;
    justify-content: start;
    align-items: center;
}
.aminity_container .aminity_flex img
{
    width: 25px;
    height: 25px;
    margin-right: 20px;
}
.aminity_container .aminity_flex p
{
    margin: 0;
}
.aminity_container h5
{
    margin-bottom: 20px;
}
.aminity_container, .cancels_pol
{
    border-bottom: 1px solid #e3dede;
    padding: 20px 0;
}
/*************/
.cancels_pol .cancels_flex
{
    display: flex;
    justify-content: start;
    align-items: center;
}
.cancels_pol .left_pol
{
    width: 150px;
}
.cancels_pol .cancels_flex p
{
    margin-bottom: 0;
}
.cancels_pol h5
{
    margin-bottom: 25px;
} 
.cancels_pol .left_pol .smalls
{
    font-size: 12px;
}
/**********************************/
.qurybold > span
{
    color: #727171;
}
#more, #more1, #more2
{
    display: none;
}
.box-rate h5
{
    font-size: 19px;
    border: 1px solid #a2127e;
    padding: 5px;
    border-radius: 5px;
}

.modal-body{
    max-height: 80vh;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #080808 #d2cece;
}

.gallery {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
      gap: 10px;
      padding: 20px;
    }

    .gallery a img {
      width: 100%;
      height: auto;
      cursor: pointer;
      border-radius: 8px;
      transition: transform 0.3s ease;
    }

    .gallery a img:hover {
      transform: scale(1.05);
    }


/*************************************/
/******** Responsive *************/
@media (max-width: 1199px)
{
    .left_offer {
      flex: 0 0 250px;
    }
    .modal-dialog, #reviews .modal-dialog
    {
        max-width: 980px !important;
    }
    .right-drop
    {
        min-width: 85px;
    }
}
@media (max-width: 1023px)
{
    .search-bar
    {
        min-width: 286px;
    }
    .navbar .navbar-brand
    {
        font-size: 25px;
    }
    .language_ui
    {
        width: 100px;
    }
    .login_ui ul
    {
        right: 0;
    }
    .modal-container
    {
        display: block;
    }
    .modal-dialog, #reviews .modal-dialog
    {
        max-width: 500px !important;
    }
    .modal-con-left, .modal-con-right
    {
        width: 100% !important;
    }
    .modal-con-right .search-bar
    {
        margin: 30px 0;
    }
    .modal-con-left_1, .modal-con-left
    {
        display: block;
        margin-right: 0 !important;
    }
    .images_divison_left {
      flex: 0 0 380px;
    }
    .divson_resize img {
      width: 155px;
      height: 122px;
    }
    .check_form_inout .d-flex
    {
        display: block !important;
    }
    .check_form_inout .checks-inout.txt-right
    {
        text-align: left;
    }
    .check_form_inout .checks-inout input
    {
        float: right;
    }
    .check_form_inout .checks-inout
    {
        margin-top: 20px;
    }
    .right-drop
    {
        max-width: 100px;
        margin-top: 15px;
    }
    .left_offer {
      flex: 0 0 150px;
    }
    
}
@media (max-width: 767px)
{
    .navbar-toggler .fa
    {
        font-size: 29px;
    } 
    .collapse.show
    {
        margin-top: 25px;
    }
    .h1, h1
    {
        font-size: 31px;
    }
    .home_top_con
    {
        display: block;
        width: 100%;
    }
    .d-flex.homeimg_top
    {
        display: block !important;
    }
    .border-ra-left {
      border-radius: 10px 10px 0 0;
    }
    .divson_resize img {
      width: 247px;
      height: 193px;
      max-width: 100%;
    }
    .border-ra-right
    {
        border-radius: 0;
    }
    .place_offers .d-flex
    {
        display: block !important;
    }
    .right_offer, .check_form
    {
        margin-left: 0 !important;
    }
    .query_form
    {
        margin-top: 25px;
    }
    
}
@media (max-width: 639px)
{
    .home_top_con button
    {
        text-align: left;
    }
    .divson_resize img
    {
        width: 217px;
        height: 163px;
    }
    .modal-dialog, #reviews .modal-dialog
    {
        max-width: 460px !important;
        max-height: 500px !important;
    }
    .shared_icon
    {
        display: block;
    }
}
@media (max-width: 479px)
{
    .h1, h1
    {
        font-size: 21px;
    }
    .modal-dialog, #reviews .modal-dialog
    {
        max-width: 100% !important;
        max-height: 780px !important;
    }
    .modal-container
    {
        padding: 0;
    }
    .modal-con-right .search-bar 
    {
            min-width: 266px;
    }
    .modal-con-left, .modal-con-right
    {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .modal-con-right .search-bar input
    {
        height: 34px;
    }
    .modal-con-right .search-bar button
    {
        width: 20px;
        height: 20px;
    }
    .divson_resize img {
      width: auto;
      height: auto;
    }
    .con-home, .host_barry
    {
        display: block;
    }
    .whre_wilbe iframe
    {
        height: 280px;
    }
}