/*background top bar*/
@*.bg-3 {
    background-image: url(/files/images/gallery/cda1ad51cf8d34d36d9c.png);
}*@
.breadcrumb-area {
    height:550px;
	box-sizing:border-box;
	padding-top:105px;
    margin-top:-130px
}
.bg-1, .bg-2, .bg-3, .bg-4, .bg-5 {
  background-attachment: scroll;
    background-clip: initial;
    background-color: rgba(0, 0, 0, 0);
    background-origin: initial;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 85%;
    position: relative;
	height:330px;
	margin-top:92px;
}
.overlay-dark-2:before {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}
.breadcrumb-text h2 {
    color: #ffffff;
    font-size: 36px;
    line-height: 26px;
    margin-bottom: 19px;
    text-transform: uppercase;
}
.breadcrumb-text p {
    color: #fff;
    margin-bottom: 7px;
}
.breadcrumb-bar {
        bottom: -25px;
    position: absolute;
}
.breadcrumb-bar .breadcrumb {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    line-height: 12px;
    margin: 0;
    
    text-align: left;
}
.breadcrumb-bar li:first-child {
    margin-left: 0;
}
.breadcrumb-bar li {
    color: #e3d287;
    font-family: "raleway";
    font-size: 18px;
    line-height: 14px;
    margin: 0 18px;
    position: relative;
    text-transform: capitalize;
}
.breadcrumb li a {
    color:#fff;
}
.breadcrumb li a:hover,.breadcrumb li a:active,.breadcrumb li a:focus {
    color:#b5876d;
    text-decoration:none;outline:none;
}
/*room list*/
.room-list::after {
    background: #ffffff none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    position: absolute;
    right: 0;
    width: 100%;
}
@*.room-list:hover {
    box-shadow: 0 0 15px 10px rgba(0, 0, 0, 0.1);
}*@
    .room-list:hover .p-amount {
        opacity:1;
    }
.room-list {
    margin-bottom: 50px;
    position: relative;
    transition: all 0.3s ease 0s;
	background: #FFF;
}


.room-list-text {
    padding-top: 5px;
    padding-left: 15px;
	padding-right:15px;
}
.room-list-text > h3 {
    margin-bottom: 15px;
}
.room-list-text > h3 a {
    color:#333;
    font-weight:600;
}
.room-list-text > h3 a:hover,.room-list-text > h3 a:active,.room-list-text > h3 a:focus {
    color:#725d2f;
    text-decoration:none;
    outline:none;
}
.room-list-text h4 {
    padding: 15px 0 18px;
}
.room-service p {
    font-family: "raleway";
    width: 77%;
}
.room-list .p-amount {
       background: #96835400 none repeat scroll 0 0;
    opacity: 1;
    left: 55px;
    text-align: center;
    transform: translateX(0px);
    transition: all 0.3s ease 0s;
    width: 130px;
    color: #968354;
    position: absolute;
    z-index: 2;
  border:1px solid;
	padding:5px;
}

.booking2 a:hover, 
.booking a:hover
{
	text-decoration:none;
	color: #FFF;
	background:#C5B683;
}

.p-amount > span {
    display: block;
   
    font-size: 20px;
    font-weight: 700;
}
.p-amount > span.count {
    font-size: 15px;
    font-weight: 400;
    padding-top: 3px;
        display: block;
   
}

/*Room banner-detail*/
.banner-detail {
    background-image: url(/Content/Img/Room/banner-detail.jpg);
}
.text2 i.fa {
    font-size:14px;
}



/*//datapicker*/
.date-room {
    width:100%;
}
.btn-room {
    border: #fff;
    background: #fff;
    
    color: #000;
    width: 100%;
    text-align:left;
    padding-left: 10px;
    margin-left:-3px;
}
.titel-icon {
    text-align:center;
}
    .titel-icon h6 {
        font-weight: 600;
    }
    .titel-icon .price {
        line-height: 40px;
    }
    .titel-icon .price .amout {
            font-weight: 700;
            font-size: 30px;
    }
.Datepicker-Valid {
    border: 1px solid #e4e4e4;
    padding: 15px;
    background: #e4e4e4;
}
    .Datepicker-Valid form .pding {
        padding-bottom:5px;
        padding-top:5px;
    } 
        .Datepicker-Valid form .pding .nbr-left {
            padding-left:0px;
        }
        .Datepicker-Valid form .pding .nbr-right {
            padding-right:0px;
        }
      
         .pding a:hover, .pding a:active  {
                color: #f5f5f5;
                background-color: #a94442;
                border-color: transparent;
        }
         .pding .select-brd {
            border-radius:0px;
            
        }
.pding .br {
    border:transparent;
}
        .Datepicker-Valid form .pding .title {
               
                padding: 3px 0px 0px 3px;
        }
        .title span {
            margin-right:7px;
        }
        .title i {
            margin-right:7px;
            font-size:15px;
        }
        .Datepicker-Valid form .pding .title label {
               margin-bottom:15px;
                font-size:12px;
                margin-top:3px;
        }
            .Datepicker-Valid form .pding .date-ip input {
                 border: none;
                 box-shadow: none;
                     border-radius: 0px;
            }
    .Datepicker-Valid form .hr {
         margin-top:-20px;margin-bottom:-10px;
    }
.left-drop {
    left:-3px !important;
}

.hr {
    margin-top: -30px;
    margin-bottom: 20px;
}
.room-detail_amenities p, .room-detail_overview p {
    font-size: 14px;
    margin-bottom: 0;
}
.room-detail_amenities h6, .room-detail_overview h6 {
    text-transform: uppercase;
    color: #232323;
    font-size: 14px;
    margin-top: 25px;
}
.room-detail_amenities ul, .room-detail_overview ul {
    padding-left: 17px;
    margin-bottom: 0;
    margin-top: 5px;
}
.room-detail_amenities ul li, .room-detail_overview ul li {
    padding: 4px 0;
}
.room-list2 img, .room-list img
{
	width:100%;
	object-fit:cover;
	height:420px;
}


/*////thumnail*/
.hr-room {
    margin-top: 20px;
    margin-bottom: 20px;
}
.room-compare_title {
    font-weight: 700;
    margin: 0;
    font-size: 22px;
    line-height: 1;
    color: #232323;
}
.room-compare_item {
    margin-top: 30px;
}
img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    border: 0;
}
.room-compare_item .text2 {
    margin-top: 20px;
}
.room-compare_item .text2 h2 {
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
}   
.room-compare_item .text2 h2 a {
    color: #232323;
}
    .room-compare_item .text2 h2 a:hover {
        color:#e7c130;
        text-decoration:none;
    } 
.room-compare_item .text2 ul {
    margin-top: 10px;
    font-size: 14px;
    margin-bottom: 0;
    color: #333;
    padding-left: 0;
    list-style: none;
}
.room-compare_item .text2 ul li {
    padding: 4px 0;
    font-weight: 500;
}
/*slider*/
.flex-direction-nav .flex-next {
        right: 10px !important;
}
.flex-direction-nav a:before {
    font-size: 30px !important;
  
    color: #344a71 !important;
}
.flex-direction-nav .flex-prev {
    left: 10px !important;
    text-align: left ;
}
.btn-a .tbn-hover {
    padding:8px;
}
.btn-a .tbn-hover:hover,.btn-a .tbn-hover:active,.btn-a .tbn-hover:focus {
    text-decoration:none;
    outline:none;
}



.room-details-text {
    padding-top: 0px;
}
.room-details-title {
    line-height: 18px;
    margin-bottom: 34px;
    position: relative;
    text-transform: uppercase;
}
.room-details-title::after {
    background: #b5876d none repeat scroll 0 0;
    bottom: -10px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 90px;
}
.room-facilities {
    margin-bottom: 32px;
    overflow: hidden;
    padding-top: 22px;
}

.single-facility {
    float: left;
    width: 33.3333%;
}
.single-facility > span {
    display: block;
    
    line-height: 25px;
    margin-bottom: 10px;
}
.single-facility span i {
    font-size: 18px;
    padding-right: 10px;
}
.single-facility .fa-check {
    color: #1db000;
}
.single-facility .fa-times {
    color: #ce0707;
    margin-right: 3px;
}
     .room-list2::after {
            background: #ffffff none repeat scroll 0 0;
            bottom: 0;
            content: "";
            height: 1px;
            position: absolute;
            right: 0;
            width: 100%;
        }

        .room-list2:hover, .room-list:hover {
            box-shadow: 0 0 15px 10px rgba(0, 0, 0, 0.1);
        }

            .room-list2:hover .p-amount2 {
                opacity: 1;
            }

        .room-list2 {
            margin-bottom: 50px;
            position: relative;
            transition: all 0.3s ease 0s;
        }


        .room-list-text2 {
            padding-top: 5px;
            padding-left: 15px;
        }

            .room-list-text2 > h3 {
                margin-bottom: 15px;
            }

                .room-list-text2 > h3 a {
                    color: #333;
                    font-weight: 600;
					text-transform: capitalize;
                }

                    .room-list-text2 > h3 a:hover, .room-list-text2 > h3 a:active, .room-list-text2 > h3 a:focus {
                        color: #b5876d;
                        text-decoration: none;
                        outline: none;
                    }

            .room-list-text2 h4 {
                padding: 15px 0 18px;
            }

        .room-service2 p {
            font-family: "raleway";
            width: 77%;
        }

        .room-list2 .p-amount2 {
             background: #96835400 none repeat scroll 0 0;
    opacity: 1;
    left: 55px;
    text-align: center;
    transform: translateX(0px);
    transition: all 0.3s ease 0s;
    width: 130px;
    color: #968354;
    position: absolute;
    z-index: 2;
    border:1px solid;
			padding:5px
        }

        .p-amount2 > span {
            display: block;        
            font-size: 17px;
            font-weight: 700;
			line-height:15px;
        }
        .p-amount > span {
    display: block;
    font-size: 17px;
    font-weight: 700;
			    line-height: 15px;
}
.booking a 
{  position: absolute;
    /* bottom: 185px; */
    bottom: -45px;
    right: 250px;
    background: #2a5c3c;
    color: #fff;
    padding: 9px 30px;
    font-size: 19px;
    margin-right: -15px;
    /* text-transform: uppercase; */
    text-decoration: none;
    box-shadow: 0px 1px 5px 0px rgba(32, 33, 36)
}
.booking2 a
{   position: absolute;
    /* bottom: 185px; */
    bottom: -45px;
    right: 232px;
    background: #2a5c3c;
    color: #fff;
    padding: 9px 30px;
    font-size: 19px;
    /* text-transform: uppercase; */
    text-decoration: none;
	box-shadow: 0px 1px 5px 0px rgba(32, 33, 36)

}
.p-amount > span.count {
    font-size: 15px;
    font-weight: 400;
    padding-top: 3px;
        display: block;
   
}

            .p-amount2 > span.count2 {
                font-size: 15px;
                font-weight: 400;
                padding-top: 3px;
                display: block;
                
            }
		
		.min767
		{
			display:block;
		}
		.max767
		{
			display:none;
		}
		

.room-infomation h3
{
	color:#e3d287;
	padding:0px 15px;

}

.item-room-list.thumbnail img
{
	height:350px;
	object-fit:cover;
}
.item-room-list.thumbnail .room-description
{
	    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-height: 1.5em;
    max-height: 60px;
	padding:0 15px;
	margin-bottom:20px;
}

.detail
{
	text-align:right;
	
}
.col-md-6.col-sm-6.item-room:hover
{
	  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.detail a
{
	color:#000;
	font-weight:600;
	
}
.room-information a:hover,
.detail a:hover
{
	color:#947233;
	font-weight:600;
	text-decoration: none;
}
div#accommodation {
    margin-bottom: 40px;
}

@media  (max-width: 767px)
	{
		.min767
		{
			display:none!important;
		}
		.max767
		{
			display:block!important;
		}
		
		.booking2 a
		{
			bottom:0px;
				    right: 15px;

		}
		.room-list-text
		{
			padding-bottom:5px;
		}
		.room-list
		{
			padding-bottom:10px;
		}
		.item-room-list.thumbnail img
{
	height:250px;
	object-fit:cover;
}
		.bg-1, .bg-2, .bg-3, .bg-4, .bg-5
		{
			margin-top:70px;
		}
		.detail a {
    justify-content: flex-end;
    text-decoration: underline;
    margin-top: 0px;
}
		
}
.booking a, .room-list2 .p-amount2, .room-list .p-amount, .booking2 a
{
	border-radius:6px;
}
.nav-pills > li
{
	z-index:10;
}