*{
    padding: 0px;
    margin: 0px;
}

body{
    padding: 0px;
    margin: 0px;
    font-family: Georgia,Times, serif;
}
/****************start start homepage css**************************/
.TopHeaderMenu{
    padding: 0px 0px;
    background-color: #fff;
    min-height: 80px;
}

.TopHeaderMenu .navbar{
padding-top: 0px;
    padding-bottom: 0px;
}

.TopHeaderMenu .navbar-nav{
    text-align: right;
    display:block;
    width: 100%;
}
.TopHeaderMenu .navbar-nav .nav-item{
    display: inline-block;
}
.TopHeaderMenu .navbar-nav .nav-item .nav-link{
    color: #063048;
        font-size: 16px;
    font-size: 1rem;
    font-weight: 400;
    font-family: Helvetica,Verdana, Arial, sans-serif;
    padding:0 30px;
    

}

.TopHeaderMenu .navbar .navbar-brand {
    padding: 0.5em 0;
    margin-top: 0px;
}
.TopHeaderMenu .navbar .navbar-brand img{
    max-height: 103px;
    width: auto;
}

.banner{
    min-height:570px;
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;

}
.banner::before{
    content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    left: 0px;
    bottom: 0px;
    background: #000;
    opacity: 0.6;
    /*background-image: url("../images/Banner.jpg");*/
}

.BannerInputBox{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    min-height: 140px;
    width: 100%;
    background-color:rgba(93, 171, 123, 0.8);
}
.BannerInputBox .InputFormBox{
    margin-top: 35px;
}
.InputFormBox .input-group{
    margin: 10px 0px;
}
.InputFormBox .input-group .input-group-text{
     height: 60px;
     box-shadow: none;
     border: none;
     outline: none;
     background-color: #fff;

 }
.InputFormBox .input-group .input-group-text:hover{
    box-shadow: none;
    border: none;
    outline: none;
}
.InputFormBox .input-group .input-group-text:focus{
    box-shadow: none;
    border: none;
    outline: none;
}


.BottomFooter{padding: 30px 0px;font-size: 15px;font-family:Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;color: #686868;}
.BottomFooter a{color: #00396b;}
.social li{margin-right: 2px !important;}
.social li a{background:rgba(226, 246, 231, 0.70);border-bottom-color:rgba(226, 246, 231, 0.70);font-size: 1em;padding: 0.5em 0.7em;display: inline-block;text-align: center;vertical-align: middle;line-height: 1em;-webkit-border-radius: 0.25em;-moz-border-radius: 0.25em;border-radius: 0.25em;transition: 0.3s;}
.social li a:hover{background:rgba(226, 246, 231, 1);border-bottom-color:rgba(226, 246, 231, 1);}
.BottomFooter p{margin-bottom: 5px;}
.SocialMediaBox a i{
    height: 48px;
    width: 48px;
    border-radius: 50%;
    background-color: #fff;
    font-size: 26px;
    text-align: center;
    margin: 10px;
    padding-top: 10px;
    color: #063048;
    transition:500ms;
}
.CopyRightBox{
    padding-top: 20px;
}
.SocialMediaBox{
    padding-top: 20px;
}
.SocialMediaBox a i:hover{
    background-color:#7bc423;
    color: #fff;
}
        /****************end home page css**************************/

/****************start start placePricepage css**************************/
.TopHeadeTitle{
    min-height: 125px;
    padding-top: 24px;
}

.PriceMenu .dropdown-toggle::after{
    display: none;
}
.PriceMenu{
    margin-top: 10px;


}

.PriceMenu .nav-pills .nav-item a{
    font-weight: 500;
    /*font-size: 18px;*/
    color: #0b66fd;
    padding: 10px 15px;
}
.PriceMenu .dropdown-menu{box-shadow: 2px 5px 10px -3px grey;}
.more-filter{display: flex; flex-wrap: wrap; width: 350px; padding-top: 15px;}
.more-filter li{border-bottom: 1px solid #ddd; padding-bottom: 10px; margin:0 5px 10px; width: 150px;}
.PriceMenu .nav-pills .nav-item .dropdown-item:active{
    background-color: #fff;
}
.PriceMenu .nav-pills .nav-item .dropdown-item .form-check-inline{
    margin-right:50px ;
}
.PriceMenu .nav-pills .nav-item a i{
    /*position: absolute;*/
    padding-left: 5px;

}
.PriceMenu .nav-pills .nav-link.active, .PriceMenu .nav-pills .show > .nav-link {

    color: #fff !important;
    background-color: #007bff;

}

.PriceBoxShadow{
    box-shadow:0px 0px 6px 0px #ddd;
    border: 1px solid #ddd;
    height:auto;
    border-radius: 5px;
    margin:10px 0px 30px;
    overflow: hidden;
}
.PlaceImage{
    padding-right: 0px;
}
.PlaceImage>img{height:238px;width:100%;}
.PriceAndLocation{
     padding-left: 0px;
 }
.PriceAndLocation .PriceAndLocationBox{
    padding: 0px;
    background-color: #fff;
    height:238px;
    position: relative;
}
.PriceAndLocation .PriceAndLocationBox h4{white-space: nowrap; 
overflow: hidden;
text-overflow: ellipsis;}
.PriceAndLocation .PriceAndLocationBox h4 a{color: #777; text-decoration: none;}
.PriceAndLocation .PriceAndLocationBox h4 a:hover{color:#007bff;}
.PriceAndLocation .PriceAndLocationBox .PriceAndLocationBoxPadding{
    padding: 20px 20px 20px 20px;
}
.PriceAndLocation .PriceAndLocationBox .PriceAndLocationBoxPadding .RoomIcon p span img{
    width: 25px;
}
.PriceAndLocation .PriceAndLocationBox .PriceAndLocationBoxPadding .RoomIcon{
    padding-top: 5px;
    padding-bottom: 5px;
}
.PriceAndLocation .PriceAndLocationBox .PriceAndLocationBoxPadding .RoomIcon .paddingBathroomsText{
    padding-left: 0px;
}
.RoomIcon p .RoomText{
    font-size: 18px;
    font-weight: 300;
    margin-top: 2px;
    position: absolute;
    padding-left: 6px;

}
.RoomIcon p .RoomText strong{
    font-weight: 500;
}
.PriceAndLocation .PriceAndLocationBox .PriceInDoller{
    position: absolute;
    height: 70px;
    bottom: 0;
    left: 0;
    right: 0;
    background-color:rgba(179, 214, 194, 0.47);
    padding: 17px;
}
.PriceAndLocation .PriceAndLocationBox .PriceInDoller .PriceText{
    padding-top: 5px;
}
.LoadMoreButton{
    margin:30px 0;
}
.LoadMoreButton p{
    font-size: 24px;
    font-weight: 500;
    padding-top: 20px;
}
.PadingDivTwo30{
    padding: 0px 15px;
}



/****************end  placePricepage css**************************/


/****************start placedetailpage css**************************/

.SectionSlider{
    margin-top: 30px;

}
.SectionSlider .SliderOne{
    min-height:auto;
    margin-bottom: 20px;
}

.SliderOne .carousel-thumbnails .carousel-indicators img {
    max-width: 100px;
    height: 50px;
    overflow: hidden;
    display: block;
}


.SliderOne .carousel-thumbnails .carousel-indicators li {
    height: auto;
    max-width: 100px;
    width: 100px;
    border: none;
}
.SliderOne .carousel-thumbnails .carousel-indicators li.active {
    border-bottom: 4px solid #7bc423;

}
.SliderOne .carousel-indicators {

    position: absolute;
    right: 0;
    bottom: -80px;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 0%;
    margin-left: 0%;
    list-style: none;
    scroll-behavior: auto;

}

.BookingPerNight{
    margin-top: 30px;
    padding-left: 0px;
}

.BooKingBox {
    padding: 15px;
}

.BooKingBox .CHeckInCheckOut{
    width: 100%;
    border-radius: 5px;
    /*height: 160px;*/
    border: 1px solid #d3d8de;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.BooKingBox .CHeckInCheckOut .CheckInDate{
    width: 50%;
    border-right: 1px solid #d3d8de;
    height: 80px;
    float: left;
    padding: 8px;
}
.BooKingBox .CHeckInCheckOut .CheckOutDate{
    width: 50%;
    height: 80px;
    float: left;
    padding: 8px;
}
.BooKingBox .CHeckInCheckOut .TotalGuests{
    width: 100%;
    height: 80px;
    border-top: 1px solid #d3d8de;
    float: left;
    padding: 8px;
}
.BooKingBox .TotalDoller{
    padding-top: 10px;


}

.ButForBookNow{
    width: 100%;
    text-align: center;
}
.MenuOverView{
    border-bottom: 1px solid #d3d8de;
}
.MenuOverView .nav .nav-item{
    border-bottom: 3px solid transparent;
    font-size: 18px;
    color: #0b66fd;
}
.MenuOverView .nav .nav-item.active{

    border-bottom: 3px solid #0b66fd;


}
.MenuOverView .nav .nav-item.active a{
    color: #828181 !important;
}


.LoctionDetail{
}

.IconImageShow{
    text-align: center;
}
.IconImageShow img{
    margin: auto;
    width: 50px;
}
.PropertyManager{

}

.PropertyManagerVacasa{
    padding-left: 40px;
    padding-top: 20px;
}
.SimilarPropertiesImage{
    padding-top: 50px;
    padding-bottom: 80px;
}

.SimilarProperties{
    position: relative;
    text-align: center;
    margin-top: 30px;
    transition: 500ms;
}
.SimilarProperties .SimilarName{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 40px;
    color: #fff;
    background-color: #0009;
    font-size: 18px;
    font-weight: 500;
    padding-top: 5px;
    transition: 500ms;
}
.SimilarProperties:hover .SimilarName{
    height: 100%;
    padding-top: 30%;

}
.info-list{display: flex; list-style: none;}
.info-list li{width: 100%; background-color: #f7f7f8; padding: 15px; margin:5px; border-radius:4px;}
.info-list li img{margin-bottom:10px;}
.info-list li p{margin: 0; padding: 0!important;}
/**************** end placedetailepage css**************************/
@media only screen and (max-width: 500px) {
    .info-list{flex-wrap: wrap;}
    .info-list li{width: 48%; margin: 1%;}
}

/**************** start booking css**************************/
.TitelBoxInner{
    padding-top: 20px;
}
.CircleSpanDiv{
    padding: 10px 0px;
}
.CircleSpanDiv p{
    padding-top: 10px;
    margin: 0px;
    font-weight: 500;
}
.SectionBeingForBooking{
    padding-bottom: 30px;
}

.ControlPhone i{
    font-size: 100px;
    text-align: center;
    color: #fff;
}
.AssistanceCall{
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 30px;
}

.FormGallery{
    border-radius: 5px;
    float: left;
    margin-bottom: 30px;
}
.FormGallery .GalleryImage{
    padding: 5px;
}

.FormAriveDateDepatDate{
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #d3d8de;
    height: 170px;
    width: 100%;
    /*margin-bottom: 30px;*/

}

.FormAriveDateDepatDate .FormAriveDateDepatDateLeft{
    height: 85px;
    width: 33%;
    float: left;
}
.FormAriveDateDepatDate .FormAriveDateDepatDateMiddle{
    height: 85px;
    width: 34%;
    float: left;
    border-left: 1px solid #d3d8de;
    border-right: 1px solid #d3d8de;
}
.FormAriveDateDepatDate .input-group-text{
    border: none;
    background-color: #fff;
}
.FormAriveDateDepatDate .FormAriveDateDepatDateFull{
    height: 85px;
    width: 100%;
    float: left;
    border-top: 1px solid #d3d8de;
    padding: 0px 10px;
}
.FormAriveDateDepatDate label{
    /*margin: 0px;*/
    text-align: center;
    color: #828181;
    width: 100%;
    padding-top: 8px;
}
.FormAriveDateDepatDate .TextLeftCenter{
    text-align: center;
}
.FormAriveDateDepatDate input{
    font-size: 14px;
    padding: 0px;
    height: 40px;
}

.PaymentProtection{
    border-radius: 5px;
    padding: 30px;
    margin-bottom: 30px;
}
.BoxShadowBlogBox .NightAndTotal{
    font-size: 18px;
    font-weight: 500;
    float: left;
    /*color: #828181;*/
    padding-top: 15px;
}
.BoxShadowBlogBox .NightAndTotalTwo{
    font-size: 18px;
    font-weight: 500;
    float: right;
    /*color: #828181;*/
    padding-top: 15px;
}

.FormCheckInputPosition{
    position: absolute;
    right: 200px;
    width: 20px;
    height: 20px;


}
.auth-form-light {
    background: #ffffff;
}
.font-weight-light {
    font-weight: 300 !important;
}

.slider { margin: 50px 0 10px!important;}
.flexslider{margin-bottom: 10px;}
#carousel li {margin-right: 5px;}
#slider img {height:400px;}
#carousel img {display: block; opacity:0.3; cursor: pointer; height: 80px; width: 120px;}
#carousel img:hover {opacity: 1;}
#carousel .flex-active-slide img {opacity: 1; cursor: default;}
.flex-direction-nav a:before{font-size: 34px;}
.text_info{line-height:30px;}
.text_info .img_icon{position: relative; top:-2px;}
.font-13{font-size: 13px;}