html {
  height: 100%;
  box-sizing: border-box;
}
body {
  background-color: #fff;
  counter-reset: section;
  font-size: 14px;
  line-height: 27px;
  font-family: 'Poppins', sans-serif;
  margin: 0;
  /*min-height: 100%;*/
  /*position: relative;*/
}
ul, ol, h1, h2, h3, h4, h5, h6 {
  outline: none !important;
  margin: 0;
  padding: 0;
}

img {
  display: block;
  height: auto;
  max-width: 100%;
  /* width: 100%; */
}
iframe {
  max-width: 100%;
}
a:hover, a:focus {
  outline: none;
  text-decoration: none;
}
.clear {
  clear: both;
}
.b{border: 1px solid red;}

/* Scroll to top
---------------------------------- */
.scrollToTop {
  color: #fff;
  position: fixed;
  bottom: 5px;
  right: 5px;
  width: 50px;
  height: 50px;
  /*border-radius: 50%;*/
  text-align: center;
  cursor: pointer;
  background-color: #e5ad1a;
  z-index: 1005;
  display: none;
}
.scrollToTop i {
  line-height: 50px;
  font-size: 16px;
}
/*common css*/
.custom-container {
    max-width: 1200px;
    width: 100%;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
}
p{
  font-size: 16px; 
  margin-bottom: 0;
  line-height: 28px;
}

/*common css end*/
.col-panas{
  color: #e5ad1a !important;
}
.bgcol-panas{
  background-color: #e5ad1a;
}
.bg-grey{
  background-color: #f5f5f5;
}
.col-title,.col-text{
  color: #333333;
}
.mt-100{
  margin-top: 100px;
  }
  .font-Braxton{
    font-family: 'Great Vibes', cursive; 
}
.mb-all{margin-bottom: 65px;}
.panas-title-welcome {
    padding: 53px 103px 20px;
}
    .panas-title-welcome h1{ font-size: 36px;  font-weight: 500;}
.panas-title {
  font-size: 36px;
  font-weight: 500;
  text-align: center;
  position: relative;
  margin-bottom: 50px;
  z-index: 1;
}
.panas-title-left{text-align: left;   
  padding-left: 85px;
  position: static;
}
.panas-inner-title{text-align: left;
  padding-left: 0;
  margin-bottom: 20px;}
.panas-title h2 {
    color: #333333;
    padding-top: 80px;
}
.panas-inner-title h2{padding-top: 0px;}
.panas-title p {
    letter-spacing: 1px;
    font-family: 'Great Vibes', cursive;
    color: #e5ad1a;
    font-size: 30px;
    line-height: 37px;
    padding-top: 12px;
    display: inline-block;
}
.panas-title:before, .panas-title:after {
    content: "";
    position: absolute;
    background: #333;
    height: 1px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.white-border:before, .white-border:after { background: #fff;}
.panas-title:before {
    bottom: -10px;
    width: 200px;
}

.panas-title:after {
    bottom: -14px;
    width: 150px;
}
.panas-title-left:before, .panas-title-left:after {
    content: "";
    position: absolute;
    background: #fff;
    height: 2px;
    left: 20%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
/*PANAS BUTTON START*/
.col-btn{color:#464746; }
.pb-40{padding-bottom: 31px;}
.more-btn-gp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 60px;
    width: 100%;
    
}

.custom-btn {
  /*font-family: 'Raleway' sans-serif;*/
  font-size: 15px;
    border: 1px #fff solid;
    padding: 5px 20px;
    color: #fff;
    position: relative;
    -webkit-transition: all ease-in-out .5s;
    transition: all ease-in-out .5s;
    background: transparent;
    outline: 0;
}
.custom-btn-dark {
    padding: 5px 20px;
}
.custom-btn.custom-btn-light {
    border: 1px #e5ad1a solid;
    padding: 5px 30px;
}
.custom-btn.custom-btn-light:hover {
    background: #e5ad1a;
}
.custom-btn.custom-btn-light>i {
    background: #e5ad1a!important;
}
.custom-btn.custom-btn-light:hover span, 
.custom-btn.custom-btn-light:hover span i {
    color: #fff !important;
}
.custom-btn.custom-btn-light span{color:#464746;}
.custom-btn i.top-border {
    position: absolute;
    width: calc(100% - 10px);
    height: 1px;
    background: #fff;
    left: 5px;
    top: -4px;
    -webkit-transition: all ease-in-out .5s;
    transition: all ease-in-out .5s;
}
.custom-btn i.left-border {
    position: absolute;
    height: calc(100% - 10px);
    width: 1px;
    background: #fff;
    left: -4px;
    top: 5px;
    -webkit-transition: all ease-in-out .5s;
    transition: all ease-in-out .5s;
}
.custom-btn>span {
    font-weight: 400;
    color: #fff;
    -webkit-transition: all ease-in-out .5s;
    transition: all ease-in-out .5s;
}
.custom-btn i.right-border {
    position: absolute;
    height: calc(100% - 10px);
    width: 1px;
    background: #fff;
    right: -4px;
    top: 5px;
    -webkit-transition: all ease-in-out .5s;
    transition: all ease-in-out .5s;
}
.custom-btn i.bottom-border {
    position: absolute;
    width: calc(100% - 10px);
    height: 1px;
    background: #fff;
    left: 5px;
    bottom: -4px;
    -webkit-transition: all ease-in-out .5s;
    transition: all ease-in-out .5s;
}
.custom-btn:hover {
    background: #fff;

}
.custom-btn:hover span{color: #e5ad1a;}
.custom-btn:hover i.top-border {
    width: calc(100% + 8px);
    left: -4px;
}
.custom-btn:hover i.left-border {
    height: calc(100% + 8px);
    top: -4px;
}
.custom-btn:hover i.right-border {
    height: calc(100% + 8px);
    top: -4px;
}
.custom-btn:hover i.bottom-border {
    width: calc(100% + 8px);
    left: -4px;
}
/*PANAS BUTTON END*/

/******************** Navigation Menu ***********************/
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: .8em;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: .1rem;
  margin-right: .1rem;
}
.navbar-area {
  position: absolute;
    width: 100%;
    z-index: 9999;
    box-shadow: 3px -4px 5px 0px rgba(0, 0, 0, 0.75); 
}
.navbar-brand{padding: 2px 60px;
position: absolute;
top: 0;}
.navbar-brand img{margin-right: 20px;
width:70px;}
span.logo-name {
    display: block;
    padding: 30px;
    font-family: poppins;
    font-size: 20px;
    color: #fff;
}
/*.navbar-brand img{width: 100% !important;}*/
.sticky {
  color: #333;
    position: fixed !important;
    width: 100% !important;
    left: 0 !important;
    top: 0 !important;
    z-index: 9999 !important;
    border-top: 0 !important;
    background-image: none !important;
    border-top: 0 !important;
    background:rgba(255,255,255,.78);
    min-height: 24px !important;
    -webkit-box-shadow: 3px -4px 5px 0px rgba(0, 0, 0, 0.75); 
    -moz-box-shadow: 3px -4px 5px 0px rgba(0, 0, 0, 0.75); 
    box-shadow: 3px -4px 5px 0px rgba(0, 0, 0, 0.75); 
}
.w3-animate-top{position:relative;animation:animatetop 0.4s}
@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}

nav {
    position: relative;
}
.bg-light {
    background-color: rgba(0,0,0,.9) !important;
}

.navbar-light .navbar-nav .nav-link {
    color: #fff !important;
    font-size: 16px;
    font-weight: 500;
    padding: 15px;
    text-transform: uppercase;
    letter-spacing: 0.7px;
}
.navbar-light .navbar-nav .nav-link:hover {
    color: #e5ad1a !important;
}
.mrt-nav{margin-right: 75px;}
.sticky  .navbar-light .navbar-nav .nav-link{color: #fff !important;}
/*HEADER START*/



/*booking-form start*/
.banner{position: relative;}
.banner img,.bg-end img{width: 100%;}
.booking-form {
    margin: 0 auto;
    padding: 0px;
    /* bottom: 8px; */
    right: 71px;
    position: absolute;
    top: 20%;
    width: 30%;
    z-index: 91;
    background-color: rgba(255, 255, 255, .29);
    border: 10px solid #e5ad1a;
    border-color: rgba(229,173,26,0.7);
}
.booking-form h1{
  background-color: #fff;
   font-size: 27px;
   font-weight: 600; 
   text-transform: capitalize;
   padding: 12px 0;
 }
  .booking-form h1 i {
    font-size: 20px;
    padding-right: 12px;
    vertical-align: top;
    margin-top: 5px;
}
.booking-form .book-title {
  background-color: rgb(64, 0, 0);
  color: #fff;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  float: left;
  height: 80px;
  justify-content: center;
  padding: 20px 34px;
  width: 20%;
}
.booking-form .book-title h2 {
  font-size: 21px;
  font-weight: bold;
  margin-bottom: 0;
  text-transform: uppercase;
}
.booking-form .book-title p {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 22px;
}
.booking-form form {
  
padding: 6px 30px;
}
.booking-form form .form-group {
  display: inline-block;
  margin-bottom: 10px;
  position: relative;
  vertical-align: middle;
  padding: 2px;
  width: 100%;
}
.booking-form form .form-group .form-control {
  font-size: 14px;
  font-weight: 500;
  font-family: 'Raleway', sans-serif;
  background: #fff;
  border-radius: 0;
  box-shadow: none;
  height: 41px;
  color: #b3b3b3;
  padding: 10px 26px 10px 10px;
  width: 100%;
  -webkit-appearance: none;
}
.booking-form form .form-group input::placeholder,
select option, input[type="email"]::placeholder,
input[type="date"]::placeholder,
input[type="text"]::placeholder
{
  color: #b3b3b3;
}

.booking-form form .form-group i {
  /*background-color: #213a72;*/
  color: #b3b3b3;
  height: 40px;
  line-height: 40px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 7px;
  width: 40px;
}

.booking-form form .form-group .form-control::-moz-placeholder {
 color: #fff;
}

.btn-booking{position: absolute;bottom: -91px;left: 40%;}
.booking-form form .btn {
    background-color: #e5ad1a;
    color: #fff;
    border-color: transparent;
    border-radius: 0;
    display: block;
    /* height: 37px; */
    text-transform: uppercase;
    vertical-align: middle;
    padding: 11px 25px;
    font-size: 20px;
    font-weight: 500;
    transition: all 1s;
    width: 100%;
    margin-bottom: 20px;
}
.booking-form form .btn:hover{
  background: transparent;
  border: 1px solid #c0d000;
  color: #fff;}

.bookingForm {
  border: 1px solid #ccc;
  padding: 20px;
}
.bookingForm h4 {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    float: left;
    color: #000;
}


.bookingForm .form-group .form-control {
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
}
.bookingForm .input-wrap {
  margin-right: 0;
}
.bookingForm .form-check {
  margin-top: 15px;
  margin-left: 0;
}
.btn-primary:focus, .btn-primary.focus {
    box-shadow: none;
}
.booking-form select {
 -moz-appearance: none;
 -webkit-appearance: none;
 appearance: none;
 /*background: transparent url('example.png') no-repeat right center;*/
 padding: 2px 30px 2px 2px;
 border: none;
 color: #fff;
 font-size: 16px;
}

/*booking-form end*/
.about-list {
    padding: 5px 20px 8px 104px;
}
.about-list h6{
        padding-bottom: 10px;
}
.about-list p {font-family: 'Raleway', sans-serif;padding-bottom: 29px;}
.about-list ul{
    margin: 34px 0;
}
.about-list ul li{
    position: relative;
    padding: 11px 28px;
    font-weight: 300;
    list-style: none;
    }
.about-list ul li:before {
    content: "\f005";
    font-family: "Font Awesome 5 free";
    display: inline-block;
    left: 0px;
    top: 14px;
    position: absolute;
    padding-left: 0px;
    font-size: 12px;
    color: #fff;
}
/*SERVICES START*/
.service-main{
    margin-top: 34px;
}
.img-service{
    position: relative;
    overflow: hidden;
}
.img-service img{transition: all 2s; }
.img-service:hover img{transform: scale(1.1,1.1); cursor: pointer;}
.img-service img{width:100%;}
.content {
    position: absolute;
    bottom: 0px;
    background-color: #e5ad1a;
    width: 93%;
    padding: 10px 0 8px 0;
    opacity: .9;
}
.content a {
    color: #fff;
    font-size: 16px;
    letter-spacing: 1px;
}
.content a span{}
/*SERVICES END*/

/*ROOMS START*/
.room-main{
    margin-top: 0;
}
.img-room{
    position: relative;
}
.img-room:before{
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
     transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
  }
.img-room img{width:100%;}
.room-detail {
    position: absolute;
    bottom: 205px;
    /* background-color: #e5ad1a; */
    width: 100%;
    padding: 20px 14px;
    opacity: 1;
    /* box-shadow: 0px -1px 1px 1px rgba(229, 173, 26, 0.75); */
    z-index: 1;
}
.room-detail span.room-name{
    font-size: 35px;
    letter-spacing: 1px;
     font-family: 'Great Vibes', cursive; 
  }
  .room-price{
    position: absolute;
    top: 17px;
    left: 32px;
    z-index: 1;
  }
.room-price span{
  font-family: 'poppins',sans-serif; 
  font-size: 16px;
}
.room-detail a {
    color: #fff;
    font-size: 35px;
    letter-spacing: 3px;
}
.Book-Now{
  position: absolute;
  margin: 25px;
  top: 56%;
  left: 36%;
  opacity: 1;
  z-index: 1;
}
.Book-Now a {
    font-size: 16px;
    padding: 5px 25px 4px;
    display: block;
    font-family: Raleway;
    font-weight: 500;
}
 .room-main:hover .img-room:before {
    cursor: pointer;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to bottom right, #f9de95, #f6ca57);
    opacity: .2;
    transition: all 2s linear;
    -webkit-transition: all 2s linear;
}
/*ROOMS END*/

/*caraousel arrows rooms*/
.rooms-panas .owl-carousel .owl-nav {
    position: absolute;
    right: 5%;
    top: -97px;
}
.rooms-panas .owl-carousel .owl-nav > div {
  border: 1px solid #e5ad1a;
  color: #fff;
  display: inline-block;
  height: 30px;
  margin-left: 1px;
  text-align: center;
  top: 0;
  width: 30px;
  position: static;
  background-color: #e5ad1a;
  line-height: 55px;
  vertical-align: middle;
}
.rooms-panas .owl-carousel .owl-nav .owl-prev {
  background-color: #e5ad1a;
  border-color: #e5ad1a;
}
.rooms-panas .owl-carousel .owl-nav > div > i {
  display: block;
  line-height: 30px;
  font-size: 20px;
  color: #fff;
}
.rooms-panas .owl-carousel .owl-nav{
  display:block;
  border-color: #ddd;
  color: #ddd;
  cursor: no-drop;
}
/*caraousel arrows rooms*/
/*caraousel gallery*/
.gallery-panas .owl-carousel .owl-nav {
    position: absolute;
    right: 47%;
    bottom: -85px;
}
.gallery-panas .owl-carousel .owl-nav > div {
  border: 1px solid #e5ad1a;
  color: #fff;
  display: inline-block;
  height: 40px;
  margin-left: 6px;
  text-align: center;
  top: 0;
  width: 40px;
  position: static;
  background-color: #e5ad1a;
  line-height: 40px;
  vertical-align: middle;
  border-radius: 3px;
}
.gallery-panas .owl-carousel .owl-nav .owl-prev {
  background-color: #e5ad1a;
  border-color: #e5ad1a;
}
.gallery-panas .owl-carousel .owl-nav > div > i {
  display: block;
  line-height: 40px;
  font-size: 21px;
  color: #fff;
}
.gallery-panas .owl-carousel .owl-nav .disabled {
  border-color: #ddd;
  color: #ddd;
  cursor: no-drop;
}
/*caraousel gallery*/
/*gallery start*/
.masonry-grid .blogpost {
}
article.blogpost .overlay-container {
  display: block;
  overflow: hidden;
  position: relative;
}
.overlay-container img {
    width: 100%;
    height: 150px;
}
article .overlay {
  background-color: rgba(0, 0, 0, 0.75);
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: all 0.2s ease-in-out 0s;
  visibility: hidden;
  width: 100%;
}
article .overlay-links a {
  background-color: transparent;
  color: #fff;
  display: block;
  font-size: 23px;
  height: 50px;
  left: 50%;
  line-height: 50px;
  margin-left: -25px;
  margin-top: -25px;
  position: absolute;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 50px;
}
article.blogpost:hover .overlay {
  opacity: 1;
  visibility: visible;
}
/*gallery end*/
/*TESTIMONIAL*/
.testimonial-bg {
    background: url(../img/testi-bg.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-bottom: 0px;
    padding-bottom: 10px;
    margin-top: 200px;
}
.testimonial-bg:before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(229, 173, 26, 0.8);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.testimonial {
     background: rgba(187,139,12,.73);
  padding: 52px 43px;
  color: #fff;
  max-width: 84%;
  margin: 50px auto;
  /* text-align:  center; */
  /*box-shadow: 0px 0px 1px 0px rgba(255, 255, 255, 0.75);*/
}

.testimonials-section:before {
    width: 50px;
    height: 50px;
    pointer-events: none;
    position: absolute;
    content: '';
    bottom: 0;
    right: 0;
    background: white;
    background: linear-gradient(315deg, #dcad37 45%, #c49417 50%, #bd8e12 56%, #ab8117 80%);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: width, height;
    transition-property: width, height;
}
.circle-img {
  display: inline-block;
  vertical-align:  middle;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
  margin: 12px auto;
  -webkit-box-shadow: -2px 2px 1px -1px rgba(0, 0, 0, 0.46);
  -moz-box-shadow: -2px 2px 1px -1px rgba(0, 0, 0, 0.46);
  -o-box-shadow: -2px 2px 1px -1px rgba(0, 0, 0, 0.46);
  -ms-box-shadow: -2px 2px 1px -1px rgba(0, 0, 0, 0.46);
  box-shadow: -2px 2px 1px -1px rgba(0, 0, 0, 0.46);
  line-height:  80px;
}
.testimonial p {
  color: #fff;
  font-size: 14px;
  line-height: 27px;
  position: relative;
  letter-spacing: 1px;
  text-align: center;
  font-weight: 300;
  padding: 0px 7px;
}
.testimonial p:before {
 content: "\f10d";
   font-family: 'Font Awesome 5 free';
   font-weight: 900;
  margin: 0 10px 0 0;
  font-size: 38px;
  color: #fff;
  position:  absolute;
  top: -6px;
  left: -27px;
}
/*.testimonial p:after {content: "\f10e";*/
/*margin: 0 0 0 10px;*/
}

.testi-user{
    display: inline-block;
    vertical-align:  middle;
    padding-left: 15px;
}
.testi-user h6{color: #fff;}
.testi-user span{color: #fff;}
.testi-dots .owl-dots {
  max-width: 900px;
  margin: 10px auto 0 auto;
  display: block;
  text-align: center;
  padding-bottom: 60px;
}
.testi-dots .owl-dots .owl-dot {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-color: #e6e4e4;
  margin: 0 4px;
}
.testi-dots .owl-dots .owl-dot.active {
  background-color: #333;
}
.testi-dots .owl-nav { display: none;}
/*TESTIMONIAL*/
footer {
    background-color: #fafafa;
    border-top: 10px solid #e5ad1a;
}
ul.links{}
ul.links li{list-style: none;}
ul.links li a{text-decoration: none;
  color: #333333;
    display: block;
    padding: 5px 0;
    border-bottom: 1px dotted #474747;}
    ul.links li:hover a{color: #e5ad1a;}
.panas-footer .footer-title {
    color: #333333;
    overflow: hidden;
    position: relative;
    margin: 50px 0 10px;
    text-transform: capitalize;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: .05em;
}
.panas-footer h3.footer-end{
  margin-top: -50px;
  font-size:14px;
  font-weight: 100;
  text-transform: none;
  margin-bottom: 0;
  color: #fff;
  font-family: poppins;
}
.panas-footer .footer-title:before {
    /*content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;*/
}
/*.panas-footer .footer-end:before {border-bottom: none;}*/
.panas-footer .footer-title span {
    position: relative;
    display: inline-block;
    padding: 10px 10px 22px 1px;
}
.panas-footer .footer-title span {
    font-weight: 600;
    font-size: 20px;
    text-transform: uppercase;
}
.panas-footer .footer-end span {
    background-color: transparent;
    font-weight: 400;
    font-size: 14px;
}
.panas-foot{}
.panas-foot h6 {
    font-size: 26px;
    font-weight: 700;
}
.panas-foot:hover h6{color: #e5ad1a;}
.panas-foot h6 span{color: #7d7878;
  font-size: 22px;
  padding-left: 12px;
  display: inline-block;}
   ul.footer-contact li {
   font-size: 14px;
    list-style: none;
    /*color: #fff;*/
    position: relative;
    padding-left: 25px;
    padding: 7px 10px 7px 28px;
}
 ul.footer-contact li i {
    position: absolute;
    top: 12px;
    left: 0;
}
.contact-foot1{background-color: #edbc3a;padding: 20px;}
.bg-foot{background-color: #e5ad1a;}
.bgcol-icon{background-color: #edbc3a !important;}
.icon-footer{
  box-shadow: 0px 0px 4.9px 0.1px rgba(220, 213, 213, 0.75);
  background-color: #e2a70c;
  padding: 22px 22px 12px;
  margin-right: 13px;
  }
.icon-footer i{color: #fff;/* text-align: center; */vertical-align: super;font-size: 15px;}
.address{
    display: inline-block;
}

.address h5{
    color: #fff;
    font-weight: 300;
    font-size: 14px;
    padding-bottom: 6px;
    text-transform: none;
}
.address h6{
    color: #fff;
    font-weight: 300;
    font-family: 'poppins',sans-serif;
   text-transform: none;
   font-size:13px;
}
/*.bg-end{background: url(../img/footer-end-bg.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-bottom: 0px;
    padding-bottom: 90px;
    margin-top: 200px;}*/
.footer-main{
  /*position: absolute; top: 0; left: 0;*/}

a.webp {
    font-weight: 600;
    font-size: 13px;
    color: #347f0a;
}
/*breadcrumb start*/
.inner-bg{
    background:url("../img/inner-bg.jpg") 
  no-repeat center center;
  background-size: cover;
}
.bg-blue{background-color: rgba(0, 0, 0, 0.4);padding-bottom: 52px;}
.entry-title {
    font-weight: 700;
    letter-spacing: 0em;
    color: #fff;
    font-size: 48px;
    padding: 12% 0px 9px 0px;
}
.breadcrumb{background: transparent;}
.breadcrumb li a,.breadcrumb-item.active{color: #fff;}
.breadcrum-pad{padding: 40px 0 0 0;}
ol.breadcrumb{    margin: 0 auto;
    display: table;}
    .breadcrumb-item + .breadcrumb-item::before{color: #fff;}
    .seperator_inner {
  display: inline-block;
  margin: 10px 0 20px;
  position: relative;
  width: 170px;
}
.seperator_inner::before, .seperator_inner::after {
  border: 1px solid #fff;
  content: "";
  left: 0;
  position: absolute;
  top: 50%;
  width: 27%;
}
.seperator_inner::after {
  left: auto;
  right: 0;
}
.seperator_inner i {
  background: #ffffff none repeat scroll 0 0;
  display: inline-block;
  height: 9px;
  margin: 0 0 0 6px;
  transform: rotate(45deg);
  width: 9px;
}
.seperator_inner i.active {
  background-color: transparent;
  border: 1px solid #fff;
}
/*BreadCrumb End*/
/*about-inner*/
.about-list-inner{padding: 0;}
.about-list-inner ul li:before {
    content: "\f005";
    font-family: FontAwesome;
    color: #333;
}
.about-list-inner p{font-weight: 500;
font-size: 14px;}
.about-list-inner ul li {font-weight: 500;}
.about-img{}
.about-img img{}
hr {
    background-color: #e6e6e6;
    background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(255, 255, 255, 0) 25%, #e5ad1a 50%, rgba(255, 255, 255, 0) 75%) repeat scroll 0 0;
    border: 0 none;
    height: 2px;
    margin-bottom: 5.5em;
    margin-top: 4.2em;
}
blockquote {
    color: #e5ad1a;
    font-size: 1.2em;
    font-weight: 500;
    padding: 10px 20px;
    margin: 20px 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eeeeee;
}
.info-box-item {
    text-align: center;
    margin: 0px 0;
}
.info-box-item .fa {
    color: #e5ad1a;
    font-size: 3em;
}
.info-box-item h3 {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 16px 0 14px;
}
.info-box-item p {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
}
.info-box-item .fas {
    color: #e5ad1a;
    font-size: 3em;
}
.info-box-item i {
    color: #333333;
    font-size: 3em;
}
/*about-inner*/
/*Contact*/
.contact-form-box span{display: block;}
.contact-form-box {
    /*border: 1px solid #f2f2f2;*/
    display: block;
    padding: 0;
    /*-moz-box-shadow: 0px 3px 10px #f2f2f2;
    -webkit-box-shadow: 0px 3px 10px #f2f2f2;
    box-shadow: 0px 3px 10px #f2f2f2;*/
}
.contact-form form input[type="text"],
 .contact-form form input[type="email"],
 .contact-form form input[type="tel"],
  .contact-form form input[type="date"],
 .contact-form form textarea,
 .contact-form form select {
  border-radius: 0;
    border: 1px solid #e9e9e9;
    color: #999999;
    display: block;
    font-size: 15px;
    height: 54px;
    padding: 10px 20px;
    width: 100%;
    transition: all 500ms ease;
    background: #f8f8f8;
}
.contact-form form input[type="email"]::placeholder{color: #999999;}
.contact-form form textarea {
    height: 180px;
    margin-bottom: 10px;
    padding: 10px 20px;
}
h3.contact-title {
    font-size: 20px;
    color: #222;
    font-size: 20px;
    padding-bottom: 2px;
}
p.contact-title1{padding-bottom: 10px;}
.panas-btn {
    background-color: #e5ad1a;
    color: #fff;
    border: none;
    padding: 8px 29px;
    font-size: 16px;
}
.panas-btn:hover{background: transparent;
border: 1px solid #e5ad1a; color: #333;}

/*contact us end*/
.rooms-details-book{ border: 1px solid #dcdcdc;}
.rooms-details-book{}
.rooms-details-book .form-control{border-radius: 0; 
font-size:14px;}
.rooms-details-book form .form-group i {
    color: #8c8c8c;
    height: 40px;
    line-height: 40px;
    position: absolute;
    right: 11px;
    text-align: center;
    top: -1px;
    width: 40px;
}
.rooms-details-book form {
    padding: 16px;
}
.rooms-details-book h6 {
    font-size: 24px;
    padding: 12px;
    font-family: 'Poppins', sans-serif;}

.rooms-details-book form .form-group .form-control::-moz-placeholder {
 color: #fff;
}

.rooms-details-book select.form-control:not([size]):not([multiple]){color: #8c8c8c;}
.detail-room{
    /*width: 70%;*/
    padding-bottom: 60px;
}
.title-room-detail h1{
  line-height:  15px;
  font-size:25px;
  padding: 34px 0 5px;
  display: inline-block;
  /*border-bottom: 4px solid #e5ad1a;*/
  margin-bottom: 20px;
  }
  .title-room-detail h6{
    font-size: 21px;
    text-align: right;
    padding: 25px;
    display:  inline-block;
    float:  right;
}
.title-room-detail p{padding-bottom: 30px; font-size:16px;}
.title-room-detail h3{font-size: 22px;font-family: 'Poppins';
  /*border-bottom: 2px solid #c0d000;*/
  display: inline-block;
  margin-bottom:  20px;
  padding-bottom: 9px;
}
.detail-room .ro-facilitie ul li {
    margin: 0 1%;
    padding: 0;
    width: 18%;
    float: left;
    border-top: 4px solid #e3e3e3;
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    display: table;
    transition: all 2s;
}
.detail-room .ro-facilitie ul li:hover{ border-top: 4px solid #e5ad1a;}
.detail-room .ro-facilitie ul li .facilitie-i-box {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    position: relative;
    padding: 2em 0;
}
.detail-room .ro-facilitie ul li .facilitie-i-box img{margin: 0 auto;}
.detail-room .ro-facilitie ul li .facilitie-i-box h3 {
    font: 800 1em/1em "Raleway", sans-serif;
    margin: 0 0 0.8em;
    padding: 0;
    text-align: center;
    color: #0e1322;
    text-transform: uppercase;
}
/* Small devices (tablets, phones less than 767px) */
@media (max-width:767px) {
.scrollToTop {
  width: 40px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.4);
}
.scrollToTop i {
  line-height: 40px;
  font-size: 16px;
}
}