/* @font-face{



		src:url("font/AbrilFatface-Regular.ttf");



		font-family: 'family1';



		} */







/* @import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Lora:ital,wght@0,400..700;1,400..700&family=Noto+Sans+Myanmar:wght@100;200;300;400;500;600;700;800;900&display=swap"); */



@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Lora:ital,wght@0,400..700;1,400..700&display=swap');



:root {



  --default-font: "Roboto", system-ui, -apple-system, "Segoe UI", Roboto,



    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,



    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";



  --footer-font: "Lato", sans-serif;



  --nav-font: "Lora", serif;



}







body {



  background-color: #1e1e1e;

  color: #ffffff;



}

h1, h2, h3, h4, h5, h6 {

  font-family: "Lora", serif !important;

  font-weight: 500 !important;

}

p{

  font-family: "Lato", sans-serif !important;



}



/* .nav-background {



  background-color: #ffffff;



} */







.navbar {



  font-family: var(--nav-font);



  font-size: 16px;



  font-weight: 500;



  line-height: 19.2px;



  color: #000000;



}

/* .active a {

  color: #03e3fc !important;

} */



.dropdown-submenu {



  position: relative;



}



.dropdown-submenu a::after {



  transform: rotate(-90deg);



  position: absolute;



  right: 6px;



  top: 0.8em;



}



.dropdown-submenu .dropdown-menu {



  top: 0;



  left: 100%;



  margin-left: 0.1rem;



  margin-right: 0.1rem;



}







.hidden-md {



  display: none;



}



h1 {



  font-size: 36px;



}



h2 {



  font-size: 34px;



}



h3 {



  font-size: 28px;



}



h4 {



  font-size: 24px;



}



h5 {



  font-size: 20px;



}



h6 {



  font-size: 17px;



}







p {



  line-height: 25px;



  font-size: 16px;



  /* text-align: justify; */



  font-family: "Fira Sans", sans-serif;



}



a {



  color: #333;



  text-decoration: none;



}



.mb-20 {



  margin-bottom: 20px;



}



/* .fancybox-image,



.fancybox-spaceball {



  border-radius: 50%;



  border: 5px solid white;



  padding: 25px;



  background: #03e3fc;



}



.fancybox-thumbs__list a {



  border-radius: 50%;



  border: 3px solid #03e3fc;



  height: 97px;



  width: 100px;



}



.fancybox-thumbs__list a::before {



  border: none;



}



.fancybox-thumbs__list a.fancybox-thumbs-active {



  border: 7px solid #03e3fc;



} */







.input-group {



  position: relative;



  display: flex;



  box-shadow: none;



  align-items: stretch;



  width: 100%;



}



.form-control:focus {



  box-shadow: unset;



  border: unset;



}



.input-group-prepend {



  display: -ms-flexbox;



  display: flex;



}



.input-group > .input-group-prepend > .input-group-text {



  border-top-right-radius: 0;



  border-bottom-right-radius: 0;



  display: flex;



  -ms-flex-align: center;



  align-items: center;



  padding: 0.375rem 0.75rem;



  margin-bottom: 0;



  font-size: 1rem;



  font-weight: 400;



  line-height: 1.5;



  color: #555;



  text-align: center;



  white-space: nowrap;



  background-color: #f3f3f3;



  border: 1px solid #ced4da;



}



.input-group > .input-group-prepend > .input-group-text i {



  font-size: 18px;



}



.d-flex {



  display: flex;



  align-items: center;



}



.contact-information-detail .circle-icon {



  border: 2px solid #f3f3f3;



  border-radius: 100px;



  color: #43a826;



  font-size: 22px;



  height: 45px;



  line-height: 45px;



  transform: rotate(0deg);



  text-align: center;



  transition: all 0.7s ease 0s;



  display: table;



}



.contact-information-detail .iconbox_bg {



  background-color: #f3f3f3;



  border-radius: 100px;



  color: #43a826;



  line-height: 45px;



  padding: 2px;



  height: 45px;



  width: 45px;



  transform: scale(0.85);



  transition: all 0.7s ease 0s;



}



.contact-information-detail .circle-icon i {



  font-size: 25px;



}



.contact-information-detail .info {



  padding-left: 20px;



}



.contact-information-detail .info p {



  text-align: left;



}



.contact-information-detail .address-info {



  margin-top: 20px;



}



.contact-information-detail .circle-icon:hover .iconbox_bg {



  transform: scale(1);



}







.contact-us-page .form-bg .form-section {



  padding: 0px 0px;



}



.form-section form .pr-8 {



  padding-right: 8px;



}



.form-section form .pl-8 {



  padding-left: 8px;



}



.yellow {



  color: #fad608;



}



H2 {



  font-family: "Tenor Sans", sans-serif;



  font-weight: bold;



  color: #fad608;



}



.contact-us-page .contact-section .information {



  padding: 0px 0px;



}



.contact-us-page .contact-section .information .address {



  display: flex;



}



.contact-us-page .contact-section .information .address .contact-icon {



  min-width: 50px;



  height: 50px;



  margin-top: 4px;



  background-color: #fad608b6;



  color: rgba(255, 255, 255, 0.61);



  border-radius: 30px;



  display: inline-flex;



  justify-content: center;



  align-items: center;



}



.contact-us-page .contact-section .information .address h5 {



  margin-bottom: 3px;



  color: rgba(255, 255, 255, 0.658);



}



.contact-us-page .contact-section .information .address .contact-icon i {



  font-size: 20px;



}



.contact-us-page .contact-section .information .address .info {



  padding-left: 15px;



  color: rgba(255, 255, 255, 0.589);



}



.contact-us-page .contact-section .information .gray {



  color: #eeeeee69;



  margin-top: 40px;



  margin-bottom: 40px;



}



.contact-us-page .contact-section .information .address a {



  color: rgba(255, 255, 255, 0.589);



}



.input-group > .input-group-prepend > .input-group-text {



  background-color: #d2d2d2;



  border: none;



  color: #000000;



}



.input-group > .form-control:not(:first-child) {



  color: #000000;



}



.contact-us-page .form-control {



  border: none;



}



.contact-us-page .contact-section .information {



  background-color: #000000;



  padding: 50px 30px;



}







.fiveth-button {



  width: 200px;



  height: 50px;



  border: 3px rgba(255, 255, 0, 0.494) solid;



  position: relative;



  color: rgba(255, 255, 0, 0.494);



}







.fiveth-button::before {



  content: "";



  display: block;



  width: 0;



  height: 100%;



  position: absolute;



  top: 50%;



  left: 50%;



  transform: translate(-50%, -50%);



  transition: all 0.6s ease-in;



}







.fiveth-button:hover:before {



  border-left: 3px yellow solid;



  border-right: 3px yellow solid;



  width: 100%;



  box-shadow: 0px 5px 25px 1px yellow;



}







.fiveth-button:hover {



  color: yellow;



  border: 3px yellow solid;



}





.travelimg, .travelimg-right{

  object-fit: fill;

  min-height: 409px  !important;

}





@media (min-width: 992px) and (max-width: 1199px) {



  h1 {



    font-size: 34px;



  }



  h2 {



    font-size: 30px;



  }



  h3 {



    font-size: 24px;



  }



  h4 {



    font-size: 22px;



  }



  h5 {



    font-size: 18px;



  }



  h6 {



    font-size: 16px;



  }







  p {



    line-height: 25px;



    font-size: 15px;



  }



}







@media (min-width: 768px) and (max-width: 991px) {



  h1 {



    font-size: 30px;



  }



  h2 {



    font-size: 28px;



  }



  h3 {



    font-size: 22px;



  }



  h4 {



    font-size: 20px;



  }



  h5 {



    font-size: 17px;



  }



  h6 {



    font-size: 15px;



  }



  p {



    font-size: 14px;



  }



  .contact-us-page .form-control {



    font-size: 13px;



  }



  .clearfix .btn {



    padding: 7px 15px;



  }



  .hidden-md {



    display: block;



  }



  .hidden-sm {



    display: none;



  }



}







@media (max-width: 767px) {



  .hidden-xs {



    display: none;



  }



  .hidden-md {



    display: block;



  }



  h1 {



    font-size: 26px;



  }



  h2 {



    font-size: 22px;



  }



  h3 {



    font-size: 18px;



  }



  h4 {



    font-size: 16px;



  }



  h5 {



    font-size: 15px;



  }



  h6 {



    font-size: 14px;



  }



  p {



    font-size: 13px;



  }



}







@media (min-width: 391px) and (max-width: 450px) {



}







@media (min-width: 376px) and (max-width: 390px) {



}



@media (min-width: 361px) and (max-width: 375px) {



}



@media (min-width: 321px) and (max-width: 360px) {



}



@media (min-width: 360px) and (max-width: 375px) {



}



@media (min-width: 420px) and (max-width: 450px) {



}







/*......................go top button......................*/



.scrollTop {



  text-decoration: none;



  cursor: pointer;



  background-color: #03e3fc;



  position: fixed;



  bottom: 10px;



  right: 10px;



  width: 40px;



  height: 40px;



  display: none;



  z-index: 100;



  font-size: 20px;



  text-align: center;



  border-style: solid;



  border-color: #03e3fc;



  justify-content: center;



  border-radius: 50px;



  align-items: center;



  color: #fff;



}



.scrollTop i {



  margin-top: 1px;



  font-size: 30px;



}







/* Myat Customize Style Start */







@media (min-width: 1700px) {



  .hotel-container {



    max-width: 1680px !important;



  }

  .navbaricon {

    

    width: 1680px;

    margin: 0px auto;

}







}







.hotel-row {



  padding: 20px 0px !important;



}



.book-btn {



  padding: 10px 20px;



  /* padding-bottom: inherit; */



  background-color: transparent;



  border: 1px solid #ffffff;



  font-family: var(--nav-font);



  line-height: 20px;



  font-size: 16px;



  border-radius: unset;



  position: fixed;



  top: 8%;



  right: 7%;



}

/* .fa-arrow-down{

  color: #fff;

} */



.book-btn:hover{

  color: #03e3fc !important;

  transition: 0.5s ease-in-out !important;

}



.hotel-navbar-menu {



  padding: 20px 0px;



}



.hotel-nav-item {



  margin-left: 30px;



}



.book-btn-div {



  padding: 25px 0px;



  display: flex;



  justify-content: flex-end;



}



/* .footer-info-bg{



	background-color: #000000;



} */



a:hover {



  text-decoration: none;



  cursor: pointer;



}



a.active {



  text-decoration: none;



}







/* Footer Section */



footer {



  background-color: #181818;



}



.footer-info-txt {



  font-family: var(--nav-font);



  font-weight: 400;



  font-size: 14px;



  line-height: 26px;



  text-align: justify;



  color: #ffffff;



  margin-bottom: 0px !important;



  padding: 10px 0px;



}



span {



  font-family: var(--nav-font);



  font-weight: 700;



  font-size: 15px;



  line-height: 26px;



  text-align: justify;



  color: #ffffff;



}



/* .footer-spacing{



	padding:50px 0px;



} */



.footer-head {



  font-family: var(--nav-font);



  font-size: 24px;



  font-weight: 700;



  line-height: 28.8px;



  color: #000000;



}



.address-info {



  font-family: var(--nav-font);



  font-size: 24px;



  font-weight: 400;



  line-height: 32.72px;



  color: #ffffff;



}



.phone-block {



  width: 109px;



  margin: 0 auto;



}



.social-hr {



  border: 1px solid #ffffff;



  opacity: 20%;



  width: 50%;



  margin-left: 0px;



}



.footer-hr {



  border: 1px solid #ffffff;



  opacity: 20%;



  margin-bottom: 0px !important;



}



.hotel-footer-row {



  padding: 35px 0px !important;



}







/* Banner Section */



.page-title {



  position: relative;



  width: 100%;



  height: 295px;



  background-image: url(/images/banner/banner.jpg),



    linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.7));



  background-repeat: no-repeat;



  background-size: cover;



  background-position: center;



  background-blend-mode: overlay;



  color: #fff;



  display: flex;



  align-items: center;



}



.page-title .breadcrumbs ol {



  display: flex;



  flex-wrap: wrap;



  list-style: none;



  padding: 0;



  margin: 0;



  font-size: 16px;



  font-weight: 400;



}



.breadcrumbs {



  font-family: var(--nav-font);



}



.page-title .breadcrumbs ol li + li::before {



  content: "/";



  display: inline-block;



  padding-right: 10px;



  padding-left: 10px;



  color: color-mix(in srgb, var(--default-color), transparent 70%);



}



.breadcrumbs > ol > li.current {

  color: #03e3fc !important;

  font-weight: 700;

}



.hotel-contact-section {



  padding: 50px 0px !important;



  background-color: #1e1e1e;



}



.hotel-heading {



  color: #ffffff;



  font-family: var(--nav-font);



  font-size: 40px;



  font-weight: 700;



  line-height: 51.2px;



  text-align: center;



  text-align: center;



}



.title {



  text-align: center;



  margin-bottom: 50px;



  /* margin-top:50px; */



}



.hotel-submit-btn {



  background-color: transparent;



  border: 1px solid #702c90;



  border-radius: unset;



  padding: 10px 30px 5px;



  font-family: Questrial;



  font-size: 16px;



  line-height: 17px;



  color: #702c90;



}



.contact-block {



  background-color: #212121;



  color: #ffffff;



  padding: 10px 30px;



  margin-bottom: 10px;



  border: 1px solid #ffffff;



}

/* .address-block{

  max-height:400px !important;

} */



.contact-icon {



  font-size: 30px;



  /* margin-bottom: 15px; */



}



.reservation-form-control {



  border-radius: unset;



}



.hotel-form-group {



  margin-bottom: 40px;



}



.sendmail-btn {



  background-color: transparent;



  border-radius: unset;



  border: 1px solid #ffffff;



  font-family: var(--nav-font);



  color: #ffffff;



}



.hotel-form-section {



  padding: 0px 50px;



}



.footer-text {



  font-family: var(--footer-font);



  font-size: 16px;



  color: #ffffff;



  font-weight: 400;



  text-align: -webkit-auto;



}







/* Gallery Section */



.caption {



  position: absolute;



  top: 50%;



  color: #8a2913;



  width: 62%;



  left: 0;



  right: 0;



  margin: 0 auto;



  text-align: center;



  padding-top: 5px;



  font-size: 25px;



  font-weight: 500;



  background: rgba(255, 255, 255, 0.5);



  padding-bottom: 0;



}



.hero:before {



  content: "";



  background: color-mix(in srgb, #000000, transparent 50%);



  position: absolute;



  inset: 0;



  z-index: 2;



}







.image-container {



  position: relative;



  overflow: hidden;



}







.image-container img {



  width: 100%;



  height: auto;



}



.content {



  position: absolute;



  top: 40%;



  left: 0;



  width: 100%;



  background-color: rgba(0, 0, 0, 0.7);



  color: #fff;



  display: flex;



  justify-content: center;



  align-items: center;



  cursor: pointer;



  transition: opacity 0.5s ease;



}







.image-container:hover {



  cursor: pointer;



}







.padding-0 {



  padding-left: 0;



  padding-right: 0;



}







/* .image-container:hover .content{



  opacity: 1;



} */







.content h3 {



  font-size: 35px;



}







.gallery-item {



  overflow: hidden;



  border-right: 3px solid #ffffff;



  border-bottom: 3px solid #ffffff;



}







/* Home Page Section */



.home-para {



  font-family: var(--footer-font);



  font-size: 16px;



  font-weight: 500;



  line-height: 33px;



  text-align: justified;



  color: #ffffff;



}



.facilities-txt{

  font-size: 19px !important;

}



.roomrating {



  font-family: var(--nav-font);



  font-size: 48px;



  font-weight: 700;



  line-height: 61.44px;







  color: #ffffff;



}







.roomratinginfo {



  font-family: var(--nav-font);



  font-size: 20px;



  font-weight: 500;



  line-height: 25.6px;







  color: #ffffff;



}



.roomratingspace {



  margin-right: 50px;



}







.home-hr {



  border: 1.5px solid #7d533e;



}



.home-about-box {



  margin: 0 auto;



  padding: 100px 0px;



}



.about-info-box {



  max-width: 686px;



}



.button-hr {



  border: 1.5px solid #ffffff;



  width: 42px;



  margin: 10px;



}





.about-info-box h2::after {



  content: "";



  width: 120px;



  height: 1.5px;



  display: inline-block;



  background: #7d533e;



  margin: 10px 20px;



}



.side-text {



  font-family: var(--nav-font);



  font-size: 24px;



  font-weight: 500;



  line-height: 30.72px;



  text-align: center;



  margin-bottom: 10px;

  padding: 0px 30px;



}



.homeabout-div{



  max-width:516px;



  margin:0 auto;



}



.sidecaption {



  position: absolute;



  top: 38%;



  color: #000000;



  padding:0px 20px;



  left: -215px;



  /* right: 0; */



  margin: 0 auto;



  text-align: center;



  padding-top: 5px;



  background: #ffffff;



  padding-bottom: 0;



  transform: rotate(-90deg);



}







.package-section {



  background: #181818;

  padding: 50px 0px;



}



.facilities-section{

  padding: 50px 0px;

}



.gallery-section{

  padding:50px 0px;

}







.title h2::before {



  content: "";



  width: 120px;



  height: 1px;



  display: inline-block;



  background: #ffffff;



  margin: 10px 20px;



}







.title h2::after {



  content: "";



  width: 120px;



  height: 1px;



  display: inline-block;



  background: #ffffff;



  margin: 10px 20px;



}







/* Home Package Section */



.package-card {



  background: #181818;



  border: 1px solid #ffffff;



}



.package-text {



  font-family: var(--nav-font);



  font-size: 18px !important;



  font-weight: 500;



  line-height: 30.72px;



  width: auto;



  /* text-align: center; */



  /* width: 228px; */



}







.carousel-nav {



  font-size: 35px;



  position: absolute;



  top: 50%;



  left: 5%;



  right: 0;



}



.package-para {



  font-family: var(--nav-font);



  font-size: 16px;



  font-weight: 500;



  line-height: 20.48px;



  text-align: center;



  color: #ffffff;



}







/* .room-section{



  background-color: #181818;



} */







.room-card {



  /* width: 540px; */



  background: #181818;



  border: 1px solid #ffffff;



}



.room-hr {



  border: 1px solid #ffffff;



  /* width: 504px; */



  opacity: 20%;



}



/* .facilities-section {



  background-color: #181818;



} */



.facilities-block {



  border: 1px solid #ffffff;



}



.vr {



  border: 1px solid #ffffff;



  opacity: 20%;



  width: 36px;



  transform: rotate(-90deg);



  margin-top: 40px;



}







.para {



  font-family: var(--nav-font);



  font-size: 16px;



  font-weight: 500;



  line-height: 20.48px;



  text-align: center;



}



.testimonial-section {



  background-image: url(/images/home/chaungthar-testimonial.png);



  background-size: cover;



  background-repeat: no-repeat;



  background-position: center;



}







/* Sample Owl Carousel Slider  */



.carousel-wrapper {



  width: 1200px;



  margin: auto;



  position: relative;



  text-align: center;



  font-family: sans-serif;



}







.owl-carousel {



  margin-bottom: 100px !important;



}







.owl-carousel .owl-nav {



  overflow: hidden;



  height: 0px;



}







.owl-theme .owl-dots .owl-dot.active span,



.owl-theme .owl-dots .owl-dot:hover span {



  background: #5110e9;



}







.owl-carousel .item {



  text-align: center;



}







.owl-carousel .nav-button {



  height: 50px;



  width: 25px;



  cursor: pointer;



  position: absolute;



  top:160px !important;



  /* top: 110px !important; */



}







.owl-carousel .owl-prev.disabled,



.owl-carousel .owl-next.disabled {



  pointer-events: none;



  opacity: 0.25;



}







.owl-carousel .owl-prev {



  left: -35px;



}







.owl-carousel .owl-next {



  right: -35px;



}





.owl-prev:hover , .owl-next:hover{

  background-color: transparent !important;

  color:#03e3fc !important;

}







.owl-theme .owl-nav [class*="owl-"] {



  color: #ffffff;



  font-size: 45px;



  background: transparent;



}







.owl-carousel .prev-carousel:hover {



  background-position: 0px -53px;



}







.owl-carousel .next-carousel:hover {



  background-position: -24px -53px;



}







.owl-carousel .owl-item .quoteimg {



  display: block;



  width: auto;



}







.testimonial-info {



  font-family: var(--footer-font);



  font-size: 16px;



  font-weight: 400;



  line-height: 24pt;



  text-align: justified;



  color: #ffffff;



}







.testimonial-block {



  position: absolute;



  z-index: 9999;



  background-color: #1e1e1e;



  width: 828px;



}







/* .testimonial-block{



  



  z-index: 9999;



  background-color: #1E1E1E;



  width:828px;



  margin:0 auto;



} */







/* Home Page Hero Section */



#background {



  background-image: url(/images/home/headerImg.png);



  background-size: cover;



  background-repeat: no-repeat;



  background-position: center;



  height: 100vh;



}







.textinfo-box {



  padding: 40px 50px;

  min-height: 358px;



}







.ratingTxt {



  font-family: var(--nav-font);



  font-size: 16px;



  font-weight: 700;



  line-height: 20.48px;



}



.inner-box {



  width: 526px;



  margin: 0 auto;



}







.testimonial {



  margin-top: 50px;



  margin-bottom: 150px;



  display: flex;



  justify-content: center;



}







.whiteBox {



  position: relative;



}







/* .navbarcol{

  position: relative;

  z-index: 1;

}



.navbarcol:hover .master-nav-icon-title {

  color: #03e3fc;

}



.navbarcol:hover {

  border-bottom:3px solid #03e3fc;

  transition: 0.4s ease-in-out;

}



.navbarcol:hover .bottomnavicon{

  filter: opacity(0.5) drop-shadow(0 0 0 #03e3fc);

} */





.master-nav-icon-title {



  color: #ffffff;



  font-family: var(--nav-font);



  font-weight: 500;



  font-size: 18px;



  line-height: 23.04px;



}



.masternav-container {



  margin-right: 70px;



}



.master-nav-icon-wrap {



  display: flex;



  justify-content: center;



  margin-bottom: 10px;

  min-height: 40px;



}



.master-nav-item:hover {



  cursor: pointer;



  color: #7d533e;



  border-bottom: 4px solid #ffffff;



}







.hotel-nav-item a {



  color: #ffffff;



}







.navbaricon {



  position: absolute;



  /* bottom: 0; */

  bottom: 5px !important;



  left: 0;



  right: 0;



}



.bg-vid {

  position: relative;

  width: 100%;

  height: auto;

}







::-webkit-calendar-picker-indicator {



  filter: invert(1);



}







.dropdown-menu-right {



  position: absolute;



  right: 0;



  left: auto;



}







.booking-inner-form {



  padding: 30px 40px;



}

.room-booking-form{

  background-color: rgba(255, 255, 255, 0.1);



  border: 1px solid #ffffff;



  float: inline-end;

}



.booking-form {



  width: 320px;



  background-color: #1e1e1e;



  border: 1px solid #ffffff;



  float: inline-end;

  display: none;


}



/* .book-form-control {



  background-color: transparent;



  border: none;



  padding-left: 0px;



} */



.book-form-control {



  background-color: transparent;



  border-left:none;

  border-right:none;

  border-top:none;

  border-bottom:1px solid #ffffff;

  border-radius: unset;



  padding-left: 0px;



}

.book-form-control::placeholder{

  color: #ffffff;

  opacity: 1;



}

.ui-datepicker{

  background-color: #181818;

}

.ui-datepicker-header{

  background-color: #000000;

}

.ui-datepicker-header:focus{

  background-color: #000000;



}

.ui-datepicker-prev{

  background-color: #ffffff;

}

.ui-datepicker-next{

  background-color: #ffffff;

}

.iconspan{

        float: right;

        margin-right: 6px;

        margin-top: -20px;

        position: relative;

        z-index: 2;

        color: #ffffff;

}

.book-form-label {



  font-family: var(--nav-font);



  font-size: 16px;



  font-weight: 500;



  line-height: 20.48px;



  color: #7b7b7b;



}



.book-select-control {



  background-color: transparent;



  color: #ffffff;



  border: none;



  padding-left: 0px;



}







.book-select-control option {



  margin: 40px;



  padding-bottom: 30px;



  background: rgba(0, 0, 0, 0.3);



  color: #fff;



  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);



}







.book-form-control:focus {



  box-shadow: unset;



  border: none;



  border-radius: unset;



  background-color: transparent;



  color: #ffffff;



}







.book-select-control:focus {



  box-shadow: unset;



  border: none;



  border-radius: unset;



  background-color: transparent;



  color: #ffffff;



}











.reservation-title {



  font-family: var(--nav-font);



  font-size: 20px;



  font-weight: 500;



  line-height: 25.6px;



  text-align: left;



  color: #ffffff;



}







/* .bookingsection {



  position: absolute;



  top: 0;



  right: 0;



  left: 0;



} */







/* Carousel Thumbnail Slider */







.facilities-title {



  margin-top: 20px;



  margin-bottom: 20px;



  font-size: 25px;

  color: #03e3fc; 



  /* background-color: rgba(255, 255, 255, 0.3); */



  /* padding: 10px 20px;



  width: fit-content; */


/* 
  border-top: 1px solid #03e3fc;



  border-bottom: 1px solid #03e3fc; */



}

.facilities-title::before{
  content: "";
  width: 70px;
  height: 1px;
  display: inline-block;
  background: #03e3fc;
  margin: 10px 10px;
}







iconify-icon {



  display: inline-block;



  width: 1em;



  height: 1em;



  margin-right: 10px;



}



.darkroom {



  background-color: #212121;



}







.room-row {



  padding-top: 50px;
  padding-bottom: 100px;



}







.carousel-indicators li.thumbnail {



  width: 150px;



  margin-right: 10px;

  opacity: 0.5;



}



.carousel-indicators  .active{

  opacity: 1 !important;

  box-shadow: 0 0 5px !important;

  border-color: #D6BE82 !important;

}





.room-indicators{

  margin-top:100px  !important;

}







/* .carousel-indicators li.thumbnail:not(.active) {



  opacity: 0.7;



} */







.carousel-indicators {



  position: static;



  margin-top: 20px;

  cursor: pointer;



}



.room-carousel-indicators{

  margin-right: 0% !important;

  margin-left: 0% !important;

}







.roombox {



  margin-left: 50px;



  /* border: 1px solid #ffffff; */



}



/* .room-inner {



  padding: 20px 30px;



} */







.nav-pills {



  display: flex;



  justify-content: center;



}







.nav-pills .nav-link.active,



.nav-pills .show > .nav-link {

    background-color: transparent;

    border-radius: unset;

    border: 1px solid #ffffff;

    font-family: var(--nav-font);

    color: #ffffff;





}



.nav-pills .nav-link.active,



.nav-pills .show > .gallery-hr{

  display: block;

}









.nav-pills .nav-link {



  border-radius: 0.25rem;



  color: #ffffff;



}







.facilities-list {



  width: 500px;



  margin: auto;



  margin-top: 35px;



  font-family: var(--nav-font);



}







.facilities-list > li {



  color: #ffffff;



  list-style: none;



  position: relative;



  display: flex;



  align-items: center;



  margin-bottom: 8px;



}







.facilities-list > li::before {



  content: "";



  display: inline-block;



  height: 20px;



  width: 20px;



  position: absolute;



  left: -35px;



  background-image: url(/images/icons/hotel.png);



  background-position: center;



  background-repeat: no-repeat;



  background-size: contain;



}







.contact-mail {



  overflow: hidden;



}



.contact-icon {



  width: 60px;



  /* margin-right: 15px; */



}



.contact-address {



  width: auto;



}







.mapsection {



  margin: 50px 0px;



}







.banner-title {



  font-family: var(--nav-font);



  font-size: 26px;



  font-weight: 500;



  line-height: 30.72px;



  width: 228px;



}







.hotel-package-text {



  font-family: var(--nav-font);



  font-size: 22px;



  font-weight: 500;



  line-height: 30.72px;



  width: 228px;



}



.package-info {



  padding: 0px 50px;



}



.package-title{

  font-size: 35px;

  text-shadow: 2px 1px #ffffff;

  padding: 0px 50px;

}



.recommend-icon{

  padding:0px 50px;

}







.home-package-title {



  color: #03e3fc;



  font-family: var(--nav-font);



  margin-bottom: 20px;



  font-size: 26px;
  padding-left: 50px !important;
  padding-top: 20px;
  /* text-decoration: underline overline; */



  /* background-color: rgba(255, 255, 255, 0.4); */



  /* padding: 10px 20px; */

  /* border-bottom: 1px solid #ffffff; */





}

.home-package-title::before{
  content: "";
  width: 70px;
  height: 1px;
  display: inline-block;
  background: #03e3fc;
  margin: 10px 10px;
}



.roomtype {



  color: #03e3fc;



  font-family: var(--nav-font);



  font-size: 25px;



}



.quotetext {



  font-size: 32px;



}







.quotetext:before {



  content: "\275D";



  font-family: "fontawesome";



  font-size: 30px;



  padding-right: 10px;



}



.quotetext:after {



  content: "\275E";



  font-family: "fontawesome";



  font-size: 30px;



  padding-left: 10px;



}







.aboutsection {



  padding-top: 50px;



  padding-bottom: 100px;



}







.aboutroomsection {



  background-color: #212121;



  padding-bottom: 100px;



}







.about-card {



  background-color: transparent !important;



  color: #ffffff;



}



.about-card .card-body {

  border-bottom: 1px solid #ffffff;

  background: #111;

}







.product-big {



  border: 1px solid #e1e1e1;



  text-align: left;



}



.product-big .unit {



  min-height: 366px;



  display: flex;



}



.product-big .unit-left {



  flex-basis: 50%;



}



.product-big .unit-body {



  display: flex;



  align-items: center;



}



.product-big-body {



  padding-right: 85px;



}



.product-big-figure {



  position: relative;



  overflow: hidden;



  display: block;



}







.product-big-price-wrap {



  position: absolute;



  overflow: hidden;



  text-align: center;



  line-height: 1;



  font-weight: 500;



  letter-spacing: 0.025em;



  text-transform: uppercase;



  font-family: "Montserrat", sans-serif, Arial, sans-serif;



  color: rgba(255, 255, 255, 0.4);



  background: transparent;



  z-index: 1;



}



.travelquote {



  font-size: 27px;



}



.phone-address {



  width: 75%;



  margin: 0 auto;



}



.roomguest {



  font-family: var(--nav-font);



  font-size: 20px;



  font-weight: 500;



  line-height: 25.6px;



  text-align: left;



  color: #ffffff;



}



.dropdown-toggle:after {



  content: none;



}



.nav-background-home {



  position: absolute;



  z-index: 9999;



  left: 0;



  right: 0;



}







/* Hamburger Menu For Home Page */



.button_container {



  position: relative;



  height: 27px;



  width: 35px;



  cursor: pointer;



  z-index: 100;



  transition: opacity 0.25s ease;



}



.button_container:hover {



  opacity: 0.7;



}



.button_container.active .top {



  transform: translateY(11px) translateX(0) rotate(45deg);



  background: #fff;



}



.button_container.active .middle {



  opacity: 0;



  background: #fff;



}



.button_container.active .bottom {



  transform: translateY(-11px) translateX(0) rotate(-45deg);



  background: #fff;



}



.button_container span {



  background: #ffffff;



  border: none;



  height: 5px;



  width: 100%;



  position: absolute;



  top: 0;



  left: 0;



  transition: all 0.35s ease;



  cursor: pointer;



}



.button_container span:nth-of-type(2) {



  top: 11px;



}



.button_container span:nth-of-type(3) {



  top: 22px;



}



.facilities-block div{

  margin-top: 1rem;

}







.overlay {



  position: fixed;



  background: #181818;



  top: 0;



  left: 0;



  width: 100%;



  height: 0%;



  opacity: 0;



  visibility: hidden;



  transition: opacity 0.35s, visibility 0.35s, height 0.35s;



  overflow: hidden;



}



.overlay.open {



  opacity: 0.9;



  visibility: visible;



  height: 100%;



}



.overlay.open li {



  animation: fadeInRight 0.5s ease forwards;



  animation-delay: 0.35s;



}



.overlay.open li:nth-of-type(2) {



  animation-delay: 0.4s;



}



.overlay.open li:nth-of-type(3) {



  animation-delay: 0.45s;



}



.overlay.open li:nth-of-type(4) {



  animation-delay: 0.5s;



}



.overlay nav {



  position: relative;



  height: 40%;



  top: 45%;



  left: 7%;



  transform: translateY(-50%);



  font-size: 50px;



  font-family: var(--nav-font);



  font-weight: 400;



}



.overlay ul {



  list-style: none;



  padding: 0;



  margin: 0 auto;



  display: inline-block;



  position: relative;



  height: 100%;



}



.overlay ul li {



  display: block;



  height: calc(100% / 4);



  min-height: 50px;



  position: relative;



  opacity: 0;



}



.overlay ul li a {



  display: block;



  position: relative;



  color: #fff;



  text-decoration: none;



  overflow: hidden;



}



/* .overlay ul li a:hover:after,



.overlay ul li a:focus:after,



.overlay ul li a:active:after {



  width: 100%;



}



.overlay ul li a:after {



  content: "";



  position: absolute;



  bottom: 0;



  left: 50%;



  width: 0%;



  transform: translateX(-50%);



  height: 3px;



  background: #fff;



  transition: 0.35s;



} */







@keyframes fadeInRight {



  0% {



    opacity: 0;



    left: 20%;



  }



  100% {



    opacity: 1;



    left: 0;



  }



}







.overlay-menu-icon {



  margin-right: 25px;

  width:50px  !important;



}



.overlay-menu > ul > li > a {



  text-decoration: none;



  cursor: pointer;



}



/* .hotellogo {



  position: fixed;



  left: 10%;



} */



/* .navicon {



  margin-top: 50px;



} */



/* .book-btn-group {



  position: fixed;



} */



.contact-txt {



  font-family: var(--footer-font);



  font-size: 16px;



  font-weight: 400;



  line-height: 19.2px;



  text-align: left;



  color: #ffffff;



}



.home-menu {



  position: fixed;



  left: 0;



  top: 0;



  right: 0;



  z-index: 99;



  background-color: #181818;



}



.room-inner-section {


    margin-top: -20px !important;
  /* padding: 20px 30px; */



}



.swiper {



  width: 100%;



  padding-top: 50px;



  padding-bottom: 50px;



}







.swiper-slide {



  background-position: center;



  background-size: cover;



  width: 60% !important;



  height: auto;



}







.swiper-slide img {



  display: block;



  width: 100%;



}



.swiper-container {



  position: relative;



  width: 100%;



  max-width: 1300px;



  margin: 0 auto;



  height: 100%;



}



.my-tab-list .tab-content .tab.show {



  display: block;



}



.my-tab-list .tab-content .tab {



  position: relative;



  text-align: center;



  animation-name: fade;



  animation-duration: 1s;



  animation-timing-function: ease-in-out;



}



#accommodation .my-tab-list .tab-navbar {



  -webkit-box-pack: center;



  justify-content: center;



}



body .my-tab-list .tab-navbar {



  display: flex;



  margin-top: 10px;



}



.my-tab-list .tab-navbar .tab-nav.active, #accommodation .my-tab-list .tab-navbar .tab-nav:hover {



  border-color: #D6BE82;



  box-shadow: 0 0 5px;



}



.my-tab-list .tab-navbar .tab-nav {



  border: 2px solid transparent;



}



body .my-tab-list .tab-navbar .tab-nav {



  margin-left: 3px;



  margin-right: 3px;



  transition: 0.5s;



}



.video-navbar-section {

  position: relative;

  height: auto;

  overflow: hidden;

  .video{

    width: 100vw;

    height: 100%;

    object-fit: cover;

  }

}



.checkcalendar1,.checkcalendar2{

  position: absolute;

  top: 10px;

  right: 10px;

}



.form-btn{

  position: relative;

}

.checknowicon {

  position: absolute;

  z-index: 99;

  top: 30%;

  right: 15%;

}



.hotellogo{

  z-index:99999;

  margin-left: 20px;

}


button:focus {
    outline: none !important;
}

.mm-navbar {
    background: #1e1e1e;
    color: #fff;
}
footer a,footer a:hover {
    color: #fff;
}



/* Media Query */



@media(min-width: 992px){



  .navbaricon  .col-lg-2 {



    -webkit-box-flex: 0;



    flex: 0 0 10.666667% !important;



    max-width: 10.666667% !important;



  }



}



@media (min-width: 768px) {



  .navbaricon .col-md-2 {



      -webkit-box-flex: 0;



      flex: 0 0 13.666667%;



      max-width: 13.666667%;



  }



}















@media(min-width: 1400px){









}







@media (min-width: 992px) and (max-width: 1399px) {



 



  /* .package-card{



    height: 450px;



  } */





  .package-text{



    font-size: 20px;



  }

  /* .room-card{

    height: 655px;

  } */



}







@media(min-width: 768px) and (max-width: 991px){



  /* .package-card{



    height: 400px;



  } */



  .package-text{



    font-size: 20px;



  }



  .para{



    /* text-align:left; */



    margin-top:20px;



  }



  .about-info-box{



    margin-top:50px;



    padding:0px 20px;



  }



  .master-nav-icon-title{



    font-size: 15px;



  }

  .facilities-block{

    margin-bottom:20px;

  }



}



@media(min-width:576px) and (max-width: 767px){



  /* .package-card{



    height:365px;



  } */



  .package-text{



    font-size: 20px;

    width: auto;



  }



  .para{



    /* text-align:left; */



    margin-top:20px;



  }





  .about-info-box{



    margin-top:50px;



    padding:0px 20px;



  }



  .hotel-heading{



    font-size: 32px;







  }



  .roomrating{



    font-size:30px;



  }



  .sendmail-btn{



    font-size:18px;



  }



  .navbaricon {



    position: relative;



    margin-top:40px;



  }



  .master-nav-icon-title{



    font-size: 15px;



  }



  .home-about-box{



    padding:100px 0px;



  }

  .title h2::before{

    width: 50px;

  }

  .title h2::after{

    width: 50px;

  }

  .hotel-heading{

    font-size: 30px;

  }

  .facilities-block{

    margin-bottom:20px;

  }









}



@media(min-width: 420px) and (max-width: 575px){



  /* .package-card{



    height: 397px;



  } */

/* 

  .para{



    text-align:left;



  } */



  .package-text{



    width: auto;

    font-size: 23px;



  }



  .sidecaption{



    left: -165px;



  }

  .side-text{

    font-size: 20px;

  }



  .about-info-box{



    margin-top:50px;



    padding:0px 20px;



  }



  .hotel-heading {

    font-size: 28px;

  }



  .roomrating{



    font-size:30px;



  }



  .sendmail-btn{



    font-size:16px;



  }



  .navbaricon {



    position: relative;



    margin-top: 45px;



  }



  .master-nav-icon-title{



    font-size: 14px;



  }



  .home-about-box{



    padding:80px 0px;



  }

  .title h2::before{

    width: 80px;

  }

  .title h2::after{

    width: 50px;



  }

  .about-info-box h2::after{

    width:50px;

  }

  .facilities-block{

    margin-bottom:20px;

  }







}



@media(min-width: 320px) and (max-width: 419px){



  /* .package-card{



    height: 375px;



  } */



  /* .para{



    text-align:left;



  } */



  .package-text{



    width: auto;

    font-size: 23px;



  }



  .navbaricon {



    position: relative;



    margin-top: 45px;



  }



  .master-nav-icon-title{



    font-size: 13px;



  }

  .side-text{

    font-size: 16px;

  }



  .sidecaption {

    left: -125px;

    padding:0px 0px !important;

  }



  .about-info-box{



    margin-top:50px;



    padding:0px 20px;



  }



  .hotel-heading{



    font-size: 28px;







  }



  .roomrating{



    font-size:28px;



  }



  .sendmail-btn{



    font-size:15px;



  }



  .home-about-box{



    padding:80px 0px;



  }

  .about-info-box h2::after{

    width: 60px;

  }

  .title h2::before {

    display: none;

  }

  .title h2::after{

    display: none;

  }

  .package-para{

    font-size:15px;

  }

  .facilities-block{

    margin-bottom:20px;

  }







}





/* Myat Latest Update Start */

.overlay-menu-item{

  font-size: 22px;

  margin-left: 50px;

  font-family: "Lato", sans-serif !important;

}



.travellearnmore:hover, .learnmore:hover{

  color: #03e3fc !important;

}



.sendmail-btn:hover{

  color: #03e3fc !important;

  transition: 0.5s ease-in-out;

}







.hotel-nav-item > .nav-link:hover{

  color: #03e3fc !important;

  transition: 0.3s;

}



.hotel-nav-item.active > .nav-link{

  color: #03e3fc !important;

  transition: 0.3s;

}



.gallery-icon{

  font-size: 40px !important;

}



.accordion-title::after {

  float: right !important;

  font-family: FontAwesome;

  content:"\f067";

  margin-left: 100px;

  border-radius: 100px;

  background-color: rgba(255, 255, 255, 0.241);

  display: flex;

  justify-content: center;

  align-items: center;

  width: 30px;

  height: 30px;

  min-height: 0px;

}

/* .accordion-title.collapsed::after {

  float: right !important;

  content:"\f067";

} */



/* .accordion-title[aria-expanded="true"]::after{

  content:"\f067";

  float:right !important;

}



.accordion-title[aria-expanded="false"]::after{

  content:"\f067";

  float:right !important;

} */



a.btn.travelbtn.text-white.accordion-title[aria-expanded="true"]:after {

  content: '\f068';

  float: right !important;

}





















.accordion-title{

  font-size: 17px;

}



.travelbtn{

  background-color: transparent;

  border:2px solid #03e3fc;

  width: 60%;

  text-align: justify;

}



.travelbtn:hover{

  background-color: #03e3fc;

  border: 2px solid #fff;

  transition: 0.5s ease-in-out;

}



.pckg-title{

  border-left: 4px solid #03e3fc;

}



.travelcardbody{

  margin-top: 25px;

  background-color:#010101;

  border:1px solid #fff;

  border-radius:0;

}



.pckg-para{

  line-height: 23pt;



}



.travelflex{

  display: flex;

  justify-content: center;

  margin-bottom:20px;

}







/* .travellearnmore:visited, .learnmore:visited{

  color: #03e3fc !important;

} */







/* .travellearnmore:active , .learnmore:active{

  color: #03e3fc !important;

} */





/* Myat Latest Update End */





/* .input-container input {

  border: none;

  box-sizing: border-box;

  outline: 0;

  padding: .75rem;

  position: relative;

  width: 100%;

}



input[type="date"]::-webkit-calendar-picker-indicator {

  background: transparent;

  bottom: 0;

  color: #ffffff;

  cursor: pointer;

  height: auto;

  left: 0;

  position: absolute;

  right: 0;

  top: 0;

  width: auto;

} */



/* Myat Customize Style End */