/*  Font Links */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,500,600,700'); /* font-family: 'Open Sans', sans-serif; */
@import url('https://fonts.googleapis.com/css?family=Merriweather:400,700'); /*font-family: 'Merriweather', serif;*/
@import url('https://fonts.googleapis.com/css?family=Droid+Serif:400,700'); /*font-family: 'Droid Serif', serif;*/
.acco_showing_img a[href="http://thandehotel.com/bagan/accommodation/economy"] {
   display: none;
}

* {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: 'Open Sans', sans-serif;
}

#bagan_hotel_header {
	width: 100%;
	height: auto;
/*	background: #f8e3c4;*/
	background: url(../images/bg2.jpg) repeat #fde8c9;
	padding-top: 30px;
}

.nav-justified li a {
	font-family: 'Open Sans', sans-serif;
	color: #000;
	font-size: 16px;
	font-weight: normal;
}

.nav-justified li a:hover {
	font-family: 'Open Sans', sans-serif;
	color: #000;
	font-size: 16px;
	font-weight: normal;
	text-decoration: none;
	background: transparent;
}
@media screen and (max-width: 1100px) {
	.nav-justified li a {
		padding: 8px;
		font-size: 13px;
	}
	.nav-justified li a:hover {
		font-size: 13px;
	}
}

.navbar-toggle,.icon-bar {
	border: 1px solid #EDC489;
}
#bagon_hotel_menu {
	width: 100%;
	height: auto;
	padding-top: 30px;
	background: url(../images/bg2.jpg) repeat #fde8c9;
}

#slider {
	width: 100%;
	height: auto;
}
.carousel-inner > .item > img {
    height: 600px;
}
.carousel-caption {
	bottom: 86px;
}
/*.carousel-caption {*/
/*    background: #00000054;*/
/*}*/
.carouselitem4 {
    background-position: right center;
}
@media screen and (min-width: 768px) {
    .carousel-caption {
        right: 35%;
        left: 35%;
    }
}
.carousel-caption h1 {
	color: #f98611;
	font-size: 60px; 
	font-family: 'Merriweather', serif;
}

.carousel-caption h2 {
	color: #f98611;
	font-family: 'Merriweather', serif;
	font-size: 30px;
	/*font-family: 'Merriweather', serif;*/
}

@media screen and (max-width: 1200px) {
	.carousel-caption {
		bottom: 97px;
		border-radius: 3px solid green;
	}

	.carousel-caption h1 {
		color:#fff;
		font-size: 30px;
	}	
}

@media screen and (max-width: 1000px) {
	.carousel-caption {
		bottom: 77px;
	}

	.carousel-caption h1 {
		color:#fff;
		font-size: 20px;
	}	
}

@media screen and (max-width: 600px) {
	.carousel-caption {
		bottom: 79px;
	}

	.carousel-caption h1 {
		color:#fff;
		font-size: 20px;
	}	
}

#slider .item img {
	width: 100%;
	object-fit: cover;
    height: -webkit-fill-available!important;
}

#thande_checkdate {
	width: 100%;
	height: auto;
	padding: 100px 0px;
	background: #fff;
	clear: both;	
}

#thande_checkdate1 {
	width: 100%;
	height: auto;
	padding: 20px 0px;
	background: #fff;
	clear: both;	
}

.carousel-indicators li {
	width: 30px;
	height: 30px;
	border-radius: 30px;
/*	width: 70px;
	height: 70px;
	border-radius: 70px;*/
}
		
.carousel-indicators .active {
	width: 30px;
	height: 30px;
	border:2px solid #624110;
	border-radius: 30px;
}

.carousel-indicators li img {
	width: 30px;
	height: 28px;
	border-radius: 30px;
}
/*.carousel-inner {*/
/*    height: 400px!important;*/
/*}		*/
@media (max-width: 800px) {
	.carousel-indicators {
		position: absolute;
		top: 87%;
	}
			
	.carousel-indicators li {
		width: 30px;
		height: 30px;
		border:none;
	}
			
	.carousel-indicators .active {
		width: 30px;
		height: 30px;
		border:none;
	}

	.carousel-indicators li img {
		width: 30px;
		height: 30px;
	}
}
@media scrren and (min-width: 801px) {
    .carousel-indicators{
        top: 88%;
    }
}

.box {
	border: 1px solid #EDC489;
	box-shadow: 1px 1px 1px #EDC489;
	border-radius: 3px;
	width: 70%;
    background: url(../images/bg.jpg) repeat;
	margin: 0 auto;
	padding: 50px 50px 35px 50px;
}

.box1 {
	border: 1px solid #EDC489;
	box-shadow: 1px 1px 1px #EDC489;
	border-radius: 3px;
	background: url(../images/bg.jpg) repeat;
	margin: 0 auto;
	padding: 50px 50px 35px 50px;
}

.btn-cursor {
	background: #624110;
	color: #fff;
}

.btn-cursor:hover {
	color: #fff;
}
#ser_fac {
	width: 100%;
	height: auto;
	padding: 50px auto;
	background: url(../images/bg2.jpg) repeat #fde8c9;
}

.ser_fac_header h1 {
	text-align: center;
	padding: 50px 0;
	color: #000;
	font-family: 'Merriweather', serif;
}
.detail_box {
	padding: 30px 0px 100px 0px;
}
.detail_box a {
	border: 1px solid #fff;
	text-decoration: none;
	padding: 10px 50px;
	color: #000;
	border-radius: 5px;
	font-family: 'Open Sans', sans-serif;
}

.detail_box a:hover {
	background: #624110;
}
.ser_fac_para p {
	text-align: center;
	color: #000;
	font-family: 'Open Sans', sans-serif;
	padding: 20px;
}

.detail_box a:hover {
	text-decoration: none;
	color: #fff;
}

#master_room {
	width: 100%;
	height: auto;
	background: linear-gradient(rgba(238, 238, 238,0.82), rgba(238, 238, 238, 0.82)), url(../images/master_room.jpg) no-repeat 100% 100%/ 100% 100%;

	padding-bottom: 30px;
}
.master_room_header {
	margin: 0 auto;
	text-align: center;
	padding: 30px 0;
}
/*.master_room_header item img {*/
/*    height: auto!important;*/
/*}*/
.master_room_header h1  {
	width: 100%;
	color: #000;
}
.master_room_header a {
	text-decoration: none;
	color: #000;
	font-size: 16px;
	font-family: 'Merriweather', serif;
}


#owl-demo .item{
  margin: 3px;
}
#owl-demo .item img {
    display: block;
    width: 80%;
  	height: auto;
  	border: 5px solid #ddd;
	box-shadow: 1px 1px 1px #ddd;
/*	transition: all .2s ease-in-out; */
}

/*#owl-demo .item img:hover {
*//*	opacity: 0.5;
	zoom: -2;*/
/*	transform: scale(1.1);
}*/
.item_name p {
	padding: 20px;
	width: 80%;
	text-align: center;
	color: #000;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
}

.item_name a {
	color: #000;
	text-decoration: none;
	margin: 0 auto;
	font-family: 'Open Sans', sans-serif;
}
#aboutus {
    width: 100%;
    height: auto;
    background: linear-gradient(rgba(29, 33, 41,0.83), rgba(29, 33, 41, 0.74)), url(../images/4.jpg) no-repeat center center / cover;
    padding-bottom: 50px;
    object-fit: cover;
}



.aboutus_left{
	padding: 80px 0;
}

.aboutus_header h1 {
	color: #fff;
	text-align: center;
	padding-bottom: 30px;
	font-family: 'Merriweather', serif;
}
.aboutus_button {
	width: 20%;
	height: 1px;
	background: #fff;
	margin: 0 auto;

}
.aboutus_para p {
	text-align: center;
	padding-top: 30px;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
}
.aboutus_right_para {
	padding: 90px 0;
}
.about_para1,.about_para2 {
	color: #fff;
}
#news {
	width: 100%;
	height: auto;
	background: #fff;
/*	background: #EDC489;*/
	padding-bottom: 50px;
}

.news_header, .gallerys_header {
	padding-top: 50px;
}

.news_header h1, .gallerys_header h1  {
	text-align: center;
	padding-bottom: 50px;
	color: #000;
	font-family: 'Merriweather', serif;
}
.gallery_img img {
	width: 100%;
	min-height: 150px;
	padding-bottom: 30px;
}
.namess img {
	min-height: 300px;
}

#footer {
	width: 100%;
	height: auto;
	background: url(../images/bg2.jpg) repeat #fde8c9;
/*	background: #f8e3c4;*/
	/*background: #696969;*/
}
.awards_header h1 {
	text-align: center;
	color: #000;
	padding: 50px 0px;
	font-family: 'Merriweather', serif;
}

.address_header h1, .booknow_header h1 {
	color: #000;
	padding: 50px 0px;
	font-family: 'Merriweather', serif;
}

.footer {
	padding: 50px 0;
	text-align: center;
}

.list-inline > li {
	margin-top: 20px;
}

.list-inline > li >  a > .fa {
	color: #f8e3c4;
	line-height: 35px;
}

.fa:hover {
	color: #000;
}

.list-inline > li {
	width: 35px;
	height: 35px;
	border-radius: 35px;
	border: 1px solid #000;
	background: #000;
	margin-right: 5px;
	padding-left: 10px;
}

.footer_left p , .address p {
	color: #000;
	font-family: 'Open Sans', sans-serif;
}

.trip_box {
	text-align: center;
	border:1px solid transparent;
    background: #fff;

}

.trip_box p {
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
}

.trip_box img {
	text-align: center;
	margin: 0 auto;

}
.fullbox {
    height: 181;

}
.fullbox img {
    height: 181px;
    object-fit: contain;   
}
.right_row {
	margin-top: 30px;
}

.footer_bar  {
	background: url(../images/bg.jpg) repeat;
	padding: 15px 10px;
	color: #000;
	display:grid;
	
	gird-template-columns: repeat(1, 100%);
	justify-content: center;
}
@media screen and (min-width: 600px) {
    .footer_bar  {
        background: url(../images/bg.jpg) repeat;
        padding: 15px 10px;
        color: #000;
        display:flex;
        justify-content: space-between;
    }  
}
.footer_padd {
	padding-bottom: 50px;
}

.footer_bar span, .footer_bar a {
	color: #000;
	font-family: 'Open Sans', sans-serif;
}

.footer_bar a:hover {
	color: #000;
	text-decoration: none;
}

.bagan_thande_box {
	padding: 10px;
	background: #0b63b3 url(../images/booked.png) no-repeat right 100% / 100% 100%;
	text-align:left;
}

.booked_bottom {
	width: 50%;
	height: 1px;
	margin-left: 5px;
	background: #fff;
}

.booked_4 {
	color: #fff;
	background: #004f99;
	width: 99%;
	margin-top: -21px;
	margin-left: 1px;


}

.booked_4 a {
	text-decoration: none;
	color: #fff;
	padding-left: 10px;
}

.booked_1,.booked_2,.booked_3 {
	color: #fff;
}

@media screen and (max-width: 800px) {
	.aboutus_right_para {
		text-align: center;
	}
	.trip_box {
		margin-top: 30px;
	}
	.footer_center {
		padding-bottom: 50px;
	}
	.mobile_footer {
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
}
.footer_padd {
	margin: 0 auto;
}

/* Accommodation Page  */
#accommodation {
	width: 100%;
	height: auto;
	background: url(../images/bg.jpg) repeat;
}

.accommodation {
    padding: 10px;
    background: #fff;
}

.accommodation_inline li {
	list-style-type: none;
	float: left;
	padding: 10px;
}

.accommodation_inline li a {
	color: #000;
}

.accommodation_inline li a:hover {
	color: #bd945c;
	text-decoration: none;
}

.accomodation_wrapper {
	padding: 50px;
}

.fa-home {
	padding-right: 5px;
}

.acco_left_para p {
	text-align: justify;
}

.acco_header h1 {
	color: #000;
    font-family: 'Merriweather', serif;
}

.booking_box {
	margin-top: 70px;
	border: 1px solid transparent;
	padding: 20px 0 20px 0;
	box-shadow: 0 0 0 1px #ddd;
    background: url(../images/bg2.jpg) repeat #fde8c9;
}
.booking_box .booking_one {
	text-align: center;
	font-size: 24px;
	font-family: 'Merriweather', serif;
	color: #2a2a2a;
}
.booking_box .booking_two {
	text-align: center;
	font-size: 15px;
	font-family: 'Open Sans', sans-serif;
}
.reservation_header p {
	padding: 15px 0;
	text-align: center;
	color: #000;
	font-size: 24px;
	font-family: 'Merriweather', serif;
}

.reservation_box {
	margin-top: 50px;
	border: 1px solid transparent;
	padding: 20px;
	background: url(../images/bg2.jpg) repeat #fde8c9
}

.reservation_box1 {
	border: 1px solid transparent;
	padding: 20px;
	background: url(../images/bg2.jpg) repeat #fde8c9
}
.attra_back p {
	padding: 200px 0px 100px 0px; 
	color: #000;
	font-size: 60px;
	font-weight: 400;
	text-align: center;
	font-family: 'Merriweather', serif;
}
.btn-hover button {
	background: #5a5a5a;
	color: #fff;

}
.btn-hover button:hover {
	background: #03bab4;
	border: 0;
	color: #fff;
}

.location_header h2,.location_header h3 {
	font-family: 'Merriweather', serif;	
}

.location_header h2 {
	font-size: 24px;
}
.location_header h3 {
	font-size: 20px;
}
#googleMap {
	width: 100%;
	height: 300px;
}

.acco_img img {
	margin-top: 30px;
	width: 100%;
}
@media screen and (max-width: 500px) {
	.acco_header h1 {
		font-size: 25px;
	}
}
/* Sercie */

#facili_service {
	width: 100%;
	height: auto;
	background: url(../images/bg.jpg) repeat;
}
.service_list li {
	list-style-type: none;
}
.service_list i {
	padding-right: 15px;
}
.services_view {
	margin-bottom: 30px;
}
.serice_img img {
	width: 100%;
	height: 250px;
	object-fit: cover;
	margin-bottom: 30px;
}

#contact {
	width: 100%;
	height: auto;
	background:  url(../images/bg.jpg) repeat;
	padding:0;
}
.contactus {
	padding-top: 50px;
}
.fieldset {
	margin-top: 10px;
	border:1px solid #FFFFFF;
	background-color: #FFFFFF;
	border-radius: 4px;
}
.field label {
	color:#000;
	width: 30%;
	padding-left: 5px;
	font-weight: normal;
	float: left;
	text-align: left;
	display: block; 
	padding-top: 10px;
}
.field input {
	width: 50%;
	padding: 10px;
	background-color: transparent;
	border-radius: 0px;
	border:none;
	outline-style: none;
	color: #000;
	
}

.send input[type="submit"],.send input[type="reset"]  {
	width: 30%;
	background: #fde8c9;
	color: #000;
	font-weight: normal;
	padding: 10px 5px;
	margin-top: 10px;
	border:none;
}

.field textarea {
	width: 60%;
	padding: 10px;
	background-color: transparent;
	border-radius: 0px;
	border:none;
	outline-style: none;
	color: #000;
	

}
.info {
	font-size: 16px;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
}
.info span {
	font-weight: normal;
}
.con_in1 {
	padding: 30px 0px;
}
/* Reservation */
#reservation {
	width: 100%;
	height: auto;
	background:  url(../images/bg.jpg) repeat;
	padding-bottom: 30px;
}
.reservation {
	padding: 50px 0px;
}
.reser_left_header {
	padding-bottom: 30px;
}
.reser_left_header h3,.reser_left_header h5 {
	text-align: center;
	font-family: 'Merriweather', serif;	
}
input.btn-block[type="button"] {
	width: 30%;
	margin: 0 auto;
}
.reser_booking {
	margin: 30px 0px;
}

/* Gallery Page */
.gallery {
	width: 100%;
	height: auto;
	background:  url(../images/bg.jpg) repeat;
}
.model img {
	width: 100%;
	height: auto;
}
.model {
	background: #fde8c9;
	margin: 0 auto;
	padding: 10px;
}

.gal_box {
	margin-top: 30px;
}

.all_gallery img{
	border: 3px solid #fde8c9;
	box-shadow: 1px 1px 1px #fff;
}
.all_gallery img {
	width: 100%;
	max-height: 300px;
	margin-top: 50px;
}
.all_gallery:hover img{
	cursor: pointer;
}
.pagination {
	margin-top: 30px;
}
.pagination>li>a, .pagination>li>span {
	margin-left: 10px;
	color: #000;
}
.pagination>li>a:hover, .pagination>li>span:hover {
	background: #fde8c9;
	color:#000;
	border-color: #fde8c9;
}
.pagination > .active >  a {
	background: #fde8c9;
	color: #000;
	border:#fde8c9;
}

/* Map */
#map {
	width: 100%;
	height: auto;
	background: url(../images/bg.jpg) repeat;
}

.map {
	padding: 30px 0px 50px 0px;
}

.map_box {
	margin-top: 50px;
	background: #fcf6ed;
	width: 100%;
	height: auto;
	padding: 50px;
}

.map_header h3 {
	font-family: 'Merriweather', serif;	
}

.map_para p {
	font-family: 'Open Sans', sans-serif;
}
.map_image_right p,.map_image_left p {
	text-align: center;
	font-family: 'Open Sans', sans-serif;	
}
.map_image_left img {
	width: 100%;
}
/* Dining Spa*/
.dining {
	width: 100%;
	height: auto;
	background:  url(../images/bg.jpg) repeat;
	padding: 50px 0px;
}
.dining_gal img,.spa_gal img {
	width: 100%;
	margin-top: 30px;
	border: 3px solid #fde8c9;
	box-shadow: 1px 1px 1px #fff;
}
.dining_spa_header h3 {
	color: #000;
	font-family: 'Merriweather', serif;		
}
.dining_header h4,.spa_header h4 {
	color: #000;
	font-family: 'Merriweather', serif;	
	padding-top: 30px;
}
.visa_only{
	padding: 20px 0px;
}
 @media screen and (min-width: 768px) {
	.trip-advisor-box {
	    display: grid;
	    grid-template-columns: repeat(3, 1fr);
	    grid-gap: 2em;
	    flex-wrap: wrap;
	}
 }
/* Modify data bagan home */


.ser_fac_imgview img {
    width: 100%;
}
@media screen and (min-width: 600px) {
    .servicesandfacilities {
        display: grid;
        grid-template-columns: repeat(2, auto);
        grid-gap: 2em;
    }   
}
@media screen and (min-width: 992px) {
    .servicesandfacilities {
        display: grid;
        grid-template-columns: repeat(4, auto);
        grid-gap: 1em;
    }  
    .ser_fac_imgview img {
        height: 200px;
    }
}
.img-respon {
    width: 100%;
    /*height: 600px;*/
}
/*.img-respon img {*/
/*    object-fit: cover;*/
/*}*/
.accoupdatesuperior img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}
.diningspa img {
    width: 100%;
    height: 120px;
    object-fit: cover;
}
/* New Update */
.caronseinner1 img {
    
}