/*added by pooja 02-11-2020*/
@font-face {
    font-family: 'Comfortaa';
    src: url('../fonts/Comfortaa-Regular.woff2') format('woff2'),
        url('../fonts/Comfortaa-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Comfortaa';
    src: url('../fonts/Comfortaa-Bold.woff2') format('woff2'),
        url('../fonts/Comfortaa-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Comfortaa';
    src: url('../fonts/Comfortaa-Medium.woff2') format('woff2'),
        url('(../fonts/Comfortaa-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Comfortaa';
    src: url('../fonts/Comfortaa-SemiBold.woff2') format('woff2'),
        url('../fonts/Comfortaa-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Red Hat Display';
    src: url('../fonts/RedHatDisplay-Black.woff2') format('woff2'),
        url('../fonts/RedHatDisplay-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Red Hat Display';
    src: url('../fonts/RedHatDisplay-Medium.woff2') format('woff2'),
        url('../fonts/RedHatDisplay-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Red Hat Display';
    src: url('../fonts/RedHatDisplay-Bold.woff2') format('woff2'),
        url('../fonts/RedHatDisplay-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Red Hat Display';
    src: url('../fonts/RedHatDisplay-Regular.woff2') format('woff2'),
        url('../fonts/RedHatDisplay-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



body {
  padding: 0;
  margin: 0;
  font-family: 'Comfortaa' !important;
}
/*FOOTER icon color*/
.social-links a i{
    color: #333;
}
/**/
/*header*/
.nav-menu li a{
    color: #333;
    font-weight: 600;
    
}
.nav-menu li a:hover{
    color: #FEC93C;
    
}

/**/
/*product page*/
.start-from-btn-1 {
    display: none;
}
#close-toggle{
    display: none;
}
#sticky .navbar{
    background: transparent;
    box-shadow: none;
}
button.btn.start-from-btn.waves-effect.waves-light {
    padding: 5px 8px;
}
/**/
.descriptio-section-mobile{
  display: none;
}
ul{
  list-style: none;
}
 /*fonts 02-11-2020*/
.banner-text h2, .banner-text h3, .banner-text h4{
  
}
.nav-tab-conatiner strong {
  
}
.slider-heading-text label {
 
  font-weight: 700;
}
.accommodation-inner{
 
  font-size: 50px;
}
.gallery_box .box_data span{
  
  font-size: 25px;
}
.rate-text {
 
  font-weight: 700;
}
/*dropdown */
#suggesstion-box {
    z-index: 99999 !important;
}
#selectPackage{
    list-style: none;
    padding: 0 20px;
}
#selectPackage li{
    margin: 8px 0;
    padding: 5px;
    border-radius: 5px;
}
#selectPackage li:hover{
  background: #1D6F9E;
   color: white;
}
/**/
/* dropdown css */
.nav-menu  .dropdown-menu.show li a {
    color: #333;
    font-size: 16px;
    padding: 2px 10px;
    display: inline-block;
    white-space: inherit !important;
}
.dropdown-menu.show{
    white-space: none;
    width: 500px;
}
.dropdown-menu.show ul li a{
padding: 0!important;
}
.dropdown-menu ul li {
    width: 23%;
    margin: 0 5px;
}
@media (max-width: 767px){
.nav-menu ul li{
clear: both;
}
.dropdown-menu{
position: static !important;
transform: translate3d(0px, 0px, 0px)!important;
border: none;
}
.dropdown-menu ul {
border: none;
}
.dropdown-menu ul li {
    width: 100%;
    margin: 0;
    padding: 10px;
    border-bottom: 1px solid #ddd;
}
.mobile-nav a {
    border-bottom: 0px solid #ededed;
}
}
/************************************************

  Author -Deepak Rawat
  Date of Creation - 16 Oct 2020
  Copyright: ITFOX Technologies
*************************************************/
body {
  padding: 0;
  margin: 0;
  font-family: 'montserratregular';
}
/*02-11-2020*/

/*home page*/

#header.fixed-top.header-transparent #nav-2.nav-menu{
  display: none;
}
#header.fixed-top.header-transparent.header-scrolled #nav-2.nav-menu{
  display: block;
}
#header.header-scrolled #nav-1.nav-menu{
  display: none;
}

.header-icon{
  width: 40px;
}
.logo-background{
  width: 100px;
  height: 100px;
  transform: rotate(45deg);
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0px;
}
#header.header-scrolled .logo-background{
  width: 55px;
  height: 55px;
  border-right: 1px solid orange;
  border-bottom: 1px solid orange;
  position: absolute;
  top: 38px;
  left: 20px;
}
#header.header-scrolled .logo img {
  margin-top: 10px;
  margin-left: -16px;
}
#header.header-scrolled .logo {
  height: 0px;
}
.logo{
  z-index: 1;
}

#header .logo img {
  max-height: 65px;
}
.logo img {
  margin-top: 22px;
}

/****************/
.home-banner{
  /* background:url(../img/Home-banner.jpg),rgba(0,0,0,0.4); */
  background-size: cover;
  height: calc(100vh - 50px);
  background-position: center center;
  padding-bottom: 30px;
  height: 100vh;
  background-attachment: fixed;
  position: relative;
  display: grid;
  align-items: center;
}
.banner-text{
  margin: 13% 0% 0% 0%;
}
.banner-text h1{
  color: #fff;
  text-align: center;
  font-weight: 800;
  font-size: 4rem;
}
.banner-text h3{
  color: #fff;
  text-align: center;
  font-weight: 800;
  font-size: 3rem;
}
.search-container .form-control {
  /*padding-left: 6.375rem;*/
  line-height:3.6rem;
  height: 3.6rem;
  border-color: #FEC93B;
  border: 2px solid #FEC93B;
  border-radius: 8px !important;
}

.search-container .form-control-feedback {
  position: absolute;
  z-index:10001;
  margin-left: 5px;
  display: block;
  width: 5.375rem;
  height: 2.375rem;
  line-height: 3.375rem;
  text-align: center;
  pointer-events: none;
  color: #aaa;
}
.search-container .form-control-search{
  bottom: 28px;
  z-index: 2;
  font-size: 2rem;
  right: 15%;
  position: absolute;
  z-index: 2;
  display: block;
  width: 5.375rem;
  height: 2.375rem;
  line-height: 2.375rem;
  text-align: center;
  pointer-events: none;
  color: #aaa;
  cursor: pointer;
}
.search-container{
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    /* display:none; */
}
.custom-search-icon{
    color: #555555;
    z-index: 10002;
    cursor: pointer;
    position: absolute;
    right: 12px;
    padding: 1px;
    top: 0.4rem;
    font-size: 2.5rem;
    text-align: center;
}

.search-button {
    position: absolute;
    right: 15px;
    font-size: 2rem;
    top:5px;
    z-index: 1001;
    color: #454f63;
    background: transparent;
    border: none;
    outline:none !important
}
.horizontal-line{
    margin-top: 1.5rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 3px solid #FFFFFF;
}
.nav-tab-conatiner{
      max-width:750px !important;
}
.nav-tab-conatiner img{
      cursor:pointer;
}
.nav-tab-conatiner strong{
  color:#07689F;
  font-weight: 800;
  cursor:pointer;
}
.nav-tab-conatiner img{
  width: 45%;
  margin-left: auto;
  margin-right: auto;
}
.active-tab{
  background-color: #ffc93c;
}
.not-active-tab{
  background-color: #fff;
}
/* Back to top button */
.back-to-top {
  position: fixed;
  display: none;
  background:#ffc93c;
  color: #fff;
  width: 44px;
  height: 44px;
  text-align: center;
  line-height: 1;
  font-size: 16px;
  border-radius: 50%;
  right: 15px;
  bottom: 15px;
  transition: background 0.5s;
  z-index: 10002;
}

.back-to-top i {
  padding-top: 12px;
  color: #fff;
}

@media (max-width: 768px) {
  .back-to-top {
    bottom: 15px;
  }

}

/* Prelaoder */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #fff;
}

#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid #f2f2f2;
  border-top: 6px solid #18d26e;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -webkit-animation: animate-preloader 1s linear infinite;
  animation: animate-preloader 1s linear infinite;
}

@-webkit-keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  transition: all 0.5s;
  z-index: 997;
  padding: 0;
  background: rgba(0, 0, 0, 0.9);
}

#header.header-transparent {
  background: #FFF !important;
  border-bottom: 0px solid #FFC93C;
}
#header.header-scrolled .logo img{
  margin-top: -32px;
 }
#header.header-scrolled {
  background: #fff;
  box-shadow: 0 1px 1px 0 rgba(65,69,73,0.3), 0 1px 3px 1px rgba(65,69,73,0.15);
  padding: 18px 0;
  z-index: 99999;
  border-bottom:1px solid #FFC93C;
}
#header.header-scrolled .nav-menu a {
    color: #000;
}

#header .logo {
  font-size: 34px;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 3px;/*
  padding-left: 10px;*/
  /*border-left: 4px solid #18d26e;  */
}

#header .logo a {
  color: #fff;
}

/*#header .logo img {
  max-height: 40px;
}*/

@media (max-width: 992px) {
  #header .logo {
    font-size: 28px;
  }
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Desktop Navigation */
.nav-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.nav-menu > ul {
  display: flex;
}

.nav-menu > ul > li {
  position: relative;
  white-space: nowrap;
  padding: 10px 0 10px 28px;
}


.nav-menu .drop-down ul {
  display: block;
  position: absolute;
  left: 14px;
  top: calc(100% + 30px);
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  padding: 10px 0;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: 0.3s;
}

.nav-menu .drop-down:hover > ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}

.nav-menu .drop-down li {
  min-width: 180px;
  position: relative;
}

.nav-menu .drop-down ul a {
  padding: 10px 20px;
  font-size: 13px;
  text-transform: none;
  color: #333333;
}

.nav-menu .drop-down ul a:hover, .nav-menu .drop-down ul .active > a, .nav-menu .drop-down ul li:hover > a {
  color: #18d26e;
}

.nav-menu .drop-down > a:after {
  content: "\ea99";
  font-family: IcoFont;
  padding-left: 5px;
}

.nav-menu .drop-down .drop-down ul {
  top: 0;
  left: calc(100% - 30px);
}

.nav-menu .drop-down .drop-down:hover > ul {
  opacity: 1;
  top: 0;
  left: 100%;
}

.nav-menu .drop-down .drop-down > a {
  padding-right: 35px;
}

.nav-menu .drop-down .drop-down > a:after {
  content: "\eaa0";
  font-family: IcoFont;
  position: absolute;
  right: 15px;
}

@media (max-width: 1366px) {
  .nav-menu .drop-down .drop-down ul {
    left: -90%;
  }
  .nav-menu .drop-down .drop-down:hover > ul {
    left: -100%;
  }
  .nav-menu .drop-down .drop-down > a:after {
    content: "\ea9d";
  }
}

/* Mobile Navigation */
.mobile-nav-toggle {
  position: fixed;
  right: 15px;
  top: 18px;
  z-index: 100001;
  border: 0;
  background: none;
  font-size: 24px;
  transition: all 0.4s;
  outline: none !important;
  line-height: 1;
  cursor: pointer;
  text-align: right;
}

.mobile-nav-toggle i {
  color: #000;
}

.mobile-nav {
  position: fixed;
  top: 55px;
  right: 15px;
  left: 15px;
  z-index: 100001;
  overflow-y: auto;
  background: #fff;
  transition: ease-in-out 0.2s;
  opacity: 0;
  visibility: hidden;
  border-radius: 10px;
  padding: 10px 0;
  max-height: 80vh;
}

.mobile-nav * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mobile-nav a {
  display: block;
  position: relative;
  color: #333333;
  padding: 10px 20px;
  font-weight: 500;
  outline: none;
}

.mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a {
  color: #FEC93B;
  text-decoration: none;
}

.mobile-nav .drop-down > a:after {
  content: "\ea99";
  font-family: IcoFont;
  padding-left: 10px;
  position: absolute;
  right: 15px;
}

.mobile-nav .active.drop-down > a:after {
  content: "\eaa1";
}

.mobile-nav .drop-down > a {
  padding-right: 35px;
}

.mobile-nav .drop-down ul {
  display: none;
  overflow: hidden;
}

.mobile-nav .drop-down li {
  padding-left: 20px;
}

.mobile-nav-overly {
  width: 100%;
  height: 100%;
  z-index: 9997;
  top: 0;
  left: 0;
  position: fixed;
  background: rgba(26, 26, 26, 0.6);
  overflow: hidden;
  display: none;
  transition: ease-in-out 0.2s;
}

.mobile-nav-active {
  overflow: hidden;
}

.mobile-nav-active .mobile-nav {
  opacity: 1;
  visibility: visible;
}

.mobile-nav-active .mobile-nav-toggle i {
  color: #000;
}
.nav-menu ul li a i{
  color:#FEC93C;
}
/************** Main Css  Start  *************/
.slider-heading-text p{
  color:#ffc93c;
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: 0px;
}
.slider-heading-text label{
  color:#292929;
  font-size: 1.5rem;
  font-weight: 500;
}
.slider-conatiner .card{
  border-radius: 10px;
  box-shadow: 0 0px 0px 0 rgba(0,0,0,0.16), 0 0px 0px 0 rgba(0,0,0,0.12);
}
.slider-conatiner .card:hover{
  border-radius: 10px;
}
.slider-conatiner .card .card-img-top{
  border-radius:20px !important;
  cursor:pointer;

}
.img-slider{
  height: 280px;
}
.hostel-name{
  color: #1D6F9E;
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 0px;
}
.rate-text{
   color: #1D6F9E;
}


/*************** custom carousel start  *********/

.custom-carousel-control-left img{
    margin-left: -199px;
}
.custom-carousel-control-right img{
    margin-right: -199px;
}
.type-triangle-left {
    position: absolute;
    right: 0px;
    /*bottom: 100px;*/
    top: 75%;
    z-index: 9999;
    background-image: linear-gradient(to bottom right, #0d496b, #89daf1);
   color: #fff;
    padding: 8px 5px;
    min-width: 90px;
    font-size: 16px;
    height: 40px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    font-weight: 500;
   
}
.type-triangle-right{
    position: absolute;
    left: 0px;
    /*bottom: 100px;*/
    top: 75%;
    background: #fddb3a;
    background-image: linear-gradient(to bottom right, #e4400f,  #fddb3a);
    color: #fff;
    padding: 8px 5px;
    min-width: 90px;
    font-size: 16px;
    height: 40px;
    z-index: 9999;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    font-weight: 500;
  
}
.banner-bottom-container{
    position: absolute;
    bottom:0px;
    left: 0;
    right: 0;
}
.banner-bottom-img{
  height: 100px;
  width:100%;
}
.banner-bottom-container-product{
  position: absolute;
    bottom:15px;
}

.accommodation-container img{
  border-radius:20px !important;
}
/*Image width 30-11-2020*/
.first-img{
    width: 100%;
}
.first_img_box{
    overflow:hidden;
    border-radius: 20px !important;
    max-height: 655px;
    margin-top: 10px;
}
.accommodation-inner:hover .first-img{
    transform: scale(1.1);
}
.accommodation-inner:hover{
    color: #ffc74b;
}

/*.first-img-box{*/
/*    border-radius: 20px !important;*/
/*}*/
.first_img_box:hover .first-img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.first-img{
    width: 100%;
}
/**/
.accommodation-inner{
    text-align: center;
    z-index: 1;
    position: absolute;
    left:0px;
    bottom:45%;
    background: rgba(0,0,0,.4);
    color: #ffc74b;
    margin-left: auto;
    padding: 12px;
    font-weight: 700;
    margin-right: auto;
    width: 100%;
}
/*************** custom carousel end  *********/
/**************start bottom card conatiner *****/
  .blog-conatiner-card .card{
      border-radius:6%;
  }
   .blog-conatiner-card .card img{
      border-radius:6%;
      box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  }
 .stay-text{
    font-weight: 700;
    color: #737479;
 }
 
 .blog-read-more{
    font-size: 1rem !important;
    color: #548FB7 !important;
    padding: 10px 0px !important;
    box-shadow: 0px 0px 0px 0px !important;
    border: 0px !important;
    background-color: transparent !important;
 }
 .square {
    background:#EFBD38;
    width:5rem;
    height:5rem;
    box-shadow: 7px 2px 4px 4px #88888842;
    color: #000;
    border-radius: 13px;
}
.square h4{
    padding: 10px;
    text-align: center;
}
.traveling-blog-part{
    font-weight: 400;
    border: 0;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    top: -73px;
    background-color: #f2f5fd;
    position: absolute;
    width: 100%;
    right: 10px;
    /*added by pooja 29-10-2020*/
    z-index: 9999;
}
.blog-card{
  background-color: #EFF4FB;
}
.subscribe-newsletter-btn{
  color: #fff !important;
  background-color:#FEC93B !important;
}
/**************end bottom card conatiner *****/
/************overlap img container css start*************/
.overlap-container-img{
    border-radius: 26px;
    z-index: 9968;
    -webkit-transform: scale(1.2, 1.2);
}
.card:hover{
  border-radius: 26px;
  z-index: 9968;
  transform: scale(1.02);
}
/************offer slider css Start****************/
.rounded {
  border-radius: 1.25rem!important;
}
.offer.cascade-slider_container {
  position: relative;
  width: 100%;
  height: 338px;
  margin: 0 auto;
}

.offer .cascade-slider_item {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%) scale(0.8);
  transition: all 1s ease;
  z-index: -1;
}
.offer .cascade-slider_item.next {
    left: 54%;
    transform: translateY(-50%) translateX(-150%) scale(0.8);
    opacity: 1;
    z-index: 1;
}
.offer .cascade-slider_item.prev {
    left: 46%;
    transform: translateY(-50%) translateX(50%) scale(0.8);
    opacity: 1;
    z-index: 1;
}
.offer .cascade-slider_item.now {
  top: 58%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%) scale(1);
  opacity: 1;
  z-index: 5;
}
.offer .cascade-slider_item.now .cascade-slider-content{
   display: block;
   margin-top: 20px;
}
.offer .cascade-slider-content{
   display: none;
}
.offer .cascade-slider-content p{
   color: #000;
   font-size: 16px;
   font-family: "montserratregular";
   font-weight: 500;
}
.offer .cascade-slider-content label{
   color: #1D6F9E;
   font-size: 18px;
   font-weight: 500;
}
.offer .cascade-slider_arrow {
  display: inline-block;
  position: absolute;
  top: 42%;
  cursor: pointer;
  z-index: 5;
}

.offer .cascade-slider_arrow-left {
  left: -50px; }

.offer .cascade-slider_arrow-right {
  right: -50px; }

.offer .cascade-slider_nav {
  position: absolute;
  bottom: -120px;
  width: 100%;
  text-align: center;
  z-index: 5;
}

.offer .cascade-slider_dot {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin: 1em;
  background: #FEC93B;
  list-style: none;
  cursor: pointer;
}
.offer .cascade-slider_item{
  /*border:2px solid #FEC93B;*/
  overflow: hidden;
}
.offer .cascade-slider_item.now img{
  width: 400px;
}
.offer .cascade-slider_item img{
  width: 375px;
}
.offer .cascade-slider_dot:hover { background: #555; }

.offer .cascade-slider_dot.cur { background: #555; }
/***************************************************/
/************overlap img container css start*************/
/*******start carousle with five image ****************/
.carousel-item.active{
  z-index: 10001 !important;
}
.carousel-itme-half-img{
  display: flex !important;
  flex-direction: row !important;
}
.carousel-item.carousel-itme-half-img{
  background-color: #fff !important;
  position: relative;
  float: left;
  width: 100%;
  margin-right: -100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden !important;
  transition: -webkit-transform .6s ease-in-out;
  opacity:0;
}
.carousel-itme-half-img-inner-last{
  border-radius: 12px;
  margin: 10px;
  flex: 1;
  display: flex;
  flex-direction: column;
  float: left;
  position: relative;
  margin-right: -59px;
}
.carousel-itme-half-img-inner{
  border-radius: 12px;
  flex: 1;
  margin: 8px;
  display: flex;
  flex-direction: column;
  float: left;
}
.custom-arrow{vertical-align: middle;}
/*******end carousle with five image ****************/
/************** Main Css  End  *************/

/**************** Css Start for placeholder **********/
.search-place::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color:#9E9E9E !important;
  font-size: 1.2rem;
  opacity: 1; /* Firefox */
}
/**************** Css End for placeholder **********/
/********start loaction  and rupees *******/
.loaction-rupees{
  width:7%;
}
/********end loaction  and rupees *********/
/*--------------------------------------------------------------
# Footer  CSS start
--------------------------------------------------------------*/
#footer {
  background: #41444d;
  padding: 0 0 30px 0;
  color: #eee;
  font-size: 14px;
}

#footer .footer-top {
  background: #52575d;
  padding: 60px 0 0px 0;
}

#footer .footer-top .footer-info {
  margin-bottom: 30px;
}

#footer .footer-top .footer-info h3 {
  font-size: 34px;
  margin: 0 0 20px 0;
  padding: 2px 0 2px 10px;
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 3px;
  /*border-left: 4px solid #18d26e;  */
}

#footer .footer-top .footer-info p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
  font-family: "Montserrat", sans-serif;
  color: #eee;
}

#footer .footer-top .social-links a {
  font-size: 18px;
  display: inline-block;
  background: #fff;
  color: #333;
  line-height: 1;
  padding: 8px 0;
  margin-right: 4px;
  border-radius: 10%;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
}

#footer .footer-top .social-links a:hover {
  background: #fff;
  color: #333;
}

#footer .footer-top h4 {
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 12px;
}

#footer .footer-top h4::before, #footer .footer-top h4::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
}

#footer .footer-top .footer-links {
  margin-bottom: 30px;
}

/*#footer .footer-top .footer-links ul {*/
/*  list-style: none;*/
/*  padding: 0;*/
/*  margin: 0;*/
/*}*/

/*#footer .footer-top .footer-links ul i {*/
/*  padding-right: 8px;*/
/*  color: #ddd;*/
/*}*/

/*#footer .footer-top .footer-links ul li {*/
/*  padding: 10px 0;*/
/*}*/

/*#footer .footer-top .footer-links ul li:first-child {*/
/*  padding-top: 0;*/
/*}*/

#footer .footer-top .footer-links a {
  color: #eee !important;
}

#footer .footer-top .footer-links a:hover {
  color: #ffc93c !important;
}

#footer .footer-top .footer-contact {
  margin-bottom: 30px;
}

#footer .footer-top .footer-contact p {
  line-height: 26px;
}

#footer .footer-top .footer-newsletter {
  margin-bottom: 30px;
}

#footer .footer-top .footer-newsletter input[type="email"] {
  border: 0;
  padding: 6px 8px;
  width: 65%;
}

#footer .footer-top .footer-newsletter input[type="submit"] {
  background: #18d26e;
  border: 0;
  width: 35%;
  padding: 6px 0;
  text-align: center;
  color: #fff;
  transition: 0.3s;
  cursor: pointer;
}



#footer .copyright {
  text-align: center;
  padding-top: 30px;
}

#footer .credits {
  text-align: center;
  font-size: 13px;
  color: #ddd;
}


.carousel-inner.vv-3 .carousel-item.active,
.carousel-inner.vv-3 .carousel-item-next,
.carousel-inner.vv-3 .carousel-item-prev {
  display: flex;
  background: #fff;
   opacity: 1;
}

.carousel-inner.vv-3 .carousel-item-right.active,
.carousel-inner.vv-3 .carousel-item-next {
  transform: translateX(17%);
}

.carousel-inner.vv-3 .carousel-item-left.active,
.carousel-inner.vv-3 .carousel-item-prev {
  transform: translateX(-17%);
}

.carousel-inner.vv-3 .carousel-item-right,
.carousel-inner.vv-3 .carousel-item-left {
  transform: translateX(0);
}
.carousel-inner > .item.next,
.carousel-inner > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(33%, 0, 0);
    -ms-transform: translate3d(33%, 0, 0);
    -o-transform: translate3d(33%, 0, 0);
    transform: translate3d(33%, 0, 0);
 }

.carousel-inner > .item.prev,
.carousel-inner > .item.active.left {
  left: 0;
  -webkit-transform: translate3d(-33%, 0, 0);
  -ms-transform: translate3d(-33%, 0, 0);
  -o-transform: translate3d(-33%, 0, 0);
  transform: translate3d(-33%, 0, 0);
}

.carousel-inner .active.left { left: -33%; }
.carousel-inner .active.right { left: 33%; }
.carousel-inner .next        { left:  33%; }
.carousel-inner .prev        { left: -33%; }
.carousel-control.left,.carousel-control.right {background-image:none;}
.gallery_box li:last-child{
    position: absolute;
    bottom: 10px;
    left: 25px;
}
.gallery_box li:first-child {
    left: -15px;
    width: 210px;
}
.gallery_box li:middle-child {
   top: 3px;
}
.gallery_box li{
    width:40%;
    max-width: 100% ;
    display:inline-block;
    float: left; text-align:
    center; overflow: hidden;
    position: relative;
    margin: 10px;
    border-radius: 20px;
  }
.gallery_box{ display: flow-root;}

.gallery_box li:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.gallery_box li img{-webkit-transition: transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;}
.gallery_box li:nth-child(even) {
    height: 270px;
}
.gallery_box li:nth-child(odd) {
    height:358px;
}
/*
.gallery_box li:nth-child(odd) .box_data{ background:rgba(0,0,0,0.17) }
.gallery_box li:nth-child(even) .box_data{ background:rgba(0,44,255,0.27) }  */
.gallery_box .box_data{
    position:absolute;
    top: 0;
    left: 0;
    right:0;
    bottom:0;
    color:#fff;
  }
.gallery_box .box_data span{
    position:absolute;
    top: 50%;
    transform: translateY(-50%);
    left:0 ;
    right:0;
    font-size:24px;
    background: rgba(0,0,0,.4);
    color: #ffc74b;
    font-weight: 700;
  }

/*@Author : pooja joshi
 @created date:
 @modified date:
 @description:
*/

/************************************************


  Author -Pooja joshi
  Date of Creation - 27 Oct 2020
  Copyright: ITFOX Technologies
*************************************************/
/*change by pooja*/
#recipeCarousel .carousel-inner .carousel-item{
  background-color: #fff;
}

/*banner-slider*/
#banner-carousel{
  z-index: 0;
}
/*.nav-menu ul li.active a {*/
/*  color: #ffc93c;*/
/*}*/
#header.header-scrolled .nav-menu ul li.active a {
  color: #ffc93c;
}
/*change by pooja 29-10-2020*/
/*.banner-bottom-container {
  right: 0;
  z-index: 99;
  bottom: 82px;
  left: 0px;
}*/
.banner-bottom-container-product {
  right: 0;
  z-index: 99;
  bottom: 0px;
  left: 0px;
}
/*end*/
#banner-carousel .carousel-item {
  height: 640px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
#banner-carousel .carousel-item.active {
  z-index: 0 !important;
}
#banner-carousel .carousel-indicators li {
  color: #ffc93c;
  background: #ffc93c;
  border-top: none;
  border-bottom: none;
}
#banner-carousel .carousel-indicators li.active{
  width: 40px !important;
  border-radius: 5px;
  color: #07689f !important;
  background-color:  #07689f;
}
#banner-carousel .carousel-indicators {
  bottom: -13px;
  left: 85%;
  margin: 0 !important;
}
#banner-carousel .carousel .carousel-control-prev-icon {
    background: url(../img/left-arrow.svg) !important;
}
#banner-carousel .carousel .carousel-control-next-icon {
    background: url(../img/right-arrow.svg) !important;
}

/*end banner-slider*/

/*description section*/
#myCarousel .carousel-inner .active.left {
  left: -25%;
}
#myCarousel .carousel-inner .next{
  left:  25%; }
.carousel-inner .prev    {
  left: -25%;
}
.carousel-control        {
 width:  4%;
}
.carousel-control.left,.carousel-control.right {
  margin-left:15px;background-image:none;
}
.carousel-inner .active.left {
  left: -25%;
}
.carousel-inner .next        {
 left:  25%;
  }
.carousel-inner .prev    {
 left: -25%;
}
#myCarousel .carousel-control{
 width:  4%;
}
#myCarousel .carousel-control.left,.carousel-control.right {
  margin-left:15px;background-image:none;
}

.text{
  font-weight: 500;
  color: #07689f;
  font-size: 16px;
  display: block;
}
.mr-top-120{
  margin-top: 120px;
}
/*add by pooja 28-10-2020*/
#sticky.stick {
  position: sticky;
  top: 85px;
  z-index: 10000;
  border-radius: 0 0 0.5em 0.5em;
}
#sticky.stick{
  margin-bottom: 10px;
}
.box{
  background-color: #fff;
  border-radius: 10px;
  border: 5px solid #ffc93c;
  padding: 20px 10px;
}

.bg-red{
  background: #f26522;
  padding: 1px 10px;
  border-radius: 5px;
  color: #fff;
  font-weight: 500;
}
.bg-yellow{
  background: #ffc93c;
  padding: 1px 10px;
  border-radius: 5px;
  color: #fff;
  font-weight: 500;
}
.box h4{
  color: #07689f;
  font-size: 25px;
  display: block;
  margin-top: 45px;
  font-weight: 500;
}
.box ul{
  border-top: 1px solid #ffc93c;
  border-bottom: 1px solid #ffc93c;
}
.box ul li img {
  width: 12px;
  margin-bottom: 4px;
}
/*.tab-content{
  margin-top: 20px;
}*/
.content{
  padding: 10px;
}
.box .content ul li{
  color: #07689f;
  font-size: 14px;
  font-weight: 500;
  list-style: none;
  position: relative;
}
.nav-tabs{
  border: none !important;
  display: block;
}
.nav-tabs .nav-link{
  color: #07689f;
  border: 1px solid #ffc93c;
  border-radius: 5px;
  margin-top: 5px;
  padding: 2px 8px;
  font-size: 14px;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #ffc93c;
    border: 1px solid #ffc93c;
}
/*End Tabs*/


/*tab conetent slider*/
#carousel-example-multi{
  overflow: hidden;
}
#carousel-example-multi .carousel-inner{
  width: 1646px;
}
#carousel-example-multi .carousel-item{
  display: inline-block;
  width: 15%;
  margin: 15px;
}
#carousel-example-multi .carousel-item.active{
  width: 270px;
}
#carousel-example-multi .carousel-item .card{
  width: 270px;
}
.carousel-item-top .card img {
  height: 215px;
  border: 2px solid #FEC93B;
}
.carousel-control-prev {
  z-index: 10001;
}
.carousel-control-next {
  z-index: 10001;
}
.custom-inner-carousel .carousel-item.active, .custom-inner-carousel .carousel-item-next, .custom-inner-carousel .carousel-item-prev {
    display: flex;
}
/*Query form*/
.query-btn{
  z-index: 1000;
}
.form{
  padding: 10px 15px;
}
.form-control{
  background-color: #ebebeb;
}
.form .btn{
  padding: 10px;
  font-size: 12px;
}
.black-text{
  font-size: 10px;
  font-weight: 600;
  display: block;
}
.tab-content h5{
  font-size: 22px;
  font-weight: 400;
  color: gray;
}
/*button*/
.start-from-btn{
  background: #ffc93c;
  color: #fff;
  font-size: 16px;
  text-transform: capitalize;
  padding: 5px 20px;
  box-shadow: none;
}
.start-from-btn:hover, .start-from-btn.active{
  box-shadow: none;
  color: #fff;
}
.book-now-btn{
  background-color: #00c851;
  color: #fff;
  font-size: 16px;
  text-transform: capitalize;
  padding: 10px 20px;
  box-shadow: none;
}
.book-now-btn:hover, .book-now-btn.avtive{
  box-shadow: none;
  color: #fff;
}
.icon-img{
  width: 20px;
}
.btn-text{
  color: #07689f;
  font-size: 20px;
  font-weight: 500;
}
.btn-text img{
  width: 35px;
}

/********************************************/
#recipeCarousel .carousel-inner .carousel-item{
  background-color: #fff;
}

/**********************************************/


/*Start product listig page*/
.header-img{
  width: 27px;
}
.product-listing li a{
  color: #000;
}
  .mr-top{
    margin-top: 140px;
  }
  .search-container-1 {
    margin-left: auto;
    margin-right: auto;
 }
 .search-container-1 .form-control-feedback {
    position: absolute;
    z-index: 10001;
    margin-left: 5px;
    display: block;
    width: 5.375rem;
    height: 2.375rem;
    line-height: 3.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
 }
 .search-container-1 .form-control {
    height: 3rem;
    /* border-bottom: 2px solid #FEC93B !important; */
    border: none;
    background: #fff;
    box-shadow: 0px 0 5px 0px #ddd;
    border-radius: 5px;
 }
 .input-group>.custom-select:not(:first-child), .input-group>.form-control:not(:first-child) {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
 .search-place-1 .form-control {

    height: 3rem;
    /* border-bottom: 2px solid #FEC93B !important; */
    border: none;
    background: #fff;
    box-shadow: 0px 0 5px 0px #ddd;
    border-radius:5px !important;
 }
 .ssearch-container-1 .form-control:hover .search-container-1 .form-control:focus{

    height: 3rem;
    /* border-bottom: 2px solid #FEC93B !important; */
    border: none;
    background: #fff;
    box-shadow: 0px 0 5px 0px #ddd;
    border-radius:5px !important;
 }
 .search-place-1 .form-control:hover .search-place-1 .form-control:focus{

    height: 3rem;
    /* border-bottom: 2px solid #FEC93B !important; */
    border: none;
    background: #fff;
    box-shadow: 0px 0 5px 0px #ddd;
    border-radius:5px !important;
 }
 .icon-search-1 {
    position: absolute;
    right: 0px;
    font-size: 2rem;
    top: 5px;
    z-index: 1001;
    color: #454f63;
    background: transparent;
    border: none;
    outline: none !important;
 }

  .icon-search-1 {
    width: 45px;
  }
  .select-fancy select {
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: radio-container;
    appearance: none;
  }
  .search-place-1{
    padding:0;
    border-radius: 0;
  }
  .search-place-1.active, .search-place-1:focus{
    box-shadow: none;
  }
  .select-fancy select{
    color:#9E9E9E !important;
    font-size: 1.2rem;
    opacity: 1;
    margin-bottom: 20px;
  }
  .search-place-1::placeholder {
      color:#9E9E9E !important;
      opacity: 1;
      margin-bottom: 0px;
      font-size: 1.2rem;
    }
    .listing-box-inner ul{
      list-style: none;
    }

    .listing-box-inner .description-list li img{
      width: 15px
    }
    .description-list li{
      color: #1D6F9E;
    }
    .description-entity li{
      display: inline-block;
      text-align: center;
      margin-right: 7px;
      width: 14%;
    }
    .discription-entity-hr{
        display: none;
    }
    .bg{
      background: #1D6F9E;
      padding: 10px;
      border-bottom-right-radius: 25px;
      border-top-right-radius: 25px;
    }
    .bg .width{
      width: 68px;
      margin-top: 20px;
    }
    .bg h3{
      font-size: 20px;
      color: #fff;
      margin-top: 5px;
    }
    .bg .text-1{
      font-size: 20px;
      color: #e2bf46;
      font-weight: 100;
    }
    .bg span{
      color: #fff;
    }
    .bg .rupees-icon{
      width: 20px;
    }
    .listing-outer-box h1{
      color: #1D6F9E;
      font-weight: 600;
      font-size: 30px;
    }
    .listing-outer-box .col-sm-4, .listing-outer-box .col-sm-8{
      padding: 0px;
    }
    .listing-outer-box .img-z-index{
      z-index: 1;
      position: relative;
    }
    .img-z-index .type-triangle-right{
      position: absolute;
      left: 26px;
      bottom: 60px;
      background: #fddb3a;
      background-image: linear-gradient(to bottom right, #e4400f, #fddb3a);
      color: #fff;
      padding: 8px 8px;
      min-width: 120px;
      font-size: 12px;
      height: 35px;
      z-index: 9999;
      border-top-right-radius: 20px;
      border-bottom-right-radius: 20px;
      font-weight: 500;
      
    }
    .listing-outer-box .img-z-index img{
      height: 315px;
      width: 285px;
      position: absolute;
      top: 0px;
      left: 26px;
      overflow: hidden;
    }
    .listing-box-inner{
      border-top: 2px solid orange;
      border-bottom: 2px solid orange;
      /*border-right: 2px solid orange;*/
      /*border-bottom-right-radius: 25px;*/
      /*border-top-right-radius: 25px;*/
      /*overflow-x: hidden;*/

    }
    .listing-box-inner .text{
      font-weight: 500;
      color: #07689f;
      font-size: 10px;
      display: block;
    }
    /*pagination css*/
    .pagination li a{
      margin-right: 10px;
      padding: 6px 15px;
    }

/*****************************/
/*accommodation listing*/

.accommodation li{
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 10px;
}
.search-container-1 button{
  background: #fff;
  border: 2px solid #FEC93C;
  box-shadow: none;
  margin-top: 8px;
  color: #1D6F9E;
  
  font-size: 16px;
  font-weight: 600;
  border-radius: 10px;
  text-align: left;
  padding-left: 10px;
  text-transform: capitalize;
}
.search-container-1 button:hover, .search-container-1 button:focus{
  box-shadow: none;
  background-color: #cacaca;
  color: #1D6F9E
}
.btn-box{
  background: #ddd;
  padding: 8px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 500;
}
.accommodation .description span{
  font-size: 14px;
}
/****************************/


/**********************Booking Page CSS strat  ***********/
/*Date 05-11=2020*/
.mt{
  margin-top: 56px;
}
#map-container-google-1{
    height: 100%;
    overflow: hidden;
  }
.booknow-btn{
  width: 225px;
  margin-right: 25px;
}
.right-boder{
        border-right: 2px solid #07689F;
    }
.by-air:after {
    content: "";
    position: absolute;
    top: 16%;
    width: 100%;
    height: 2px;
    background-color:#FEF1CC;
}
.yellow-border{
    border: 2px solid #FEC93B;
}
.property-location-text{
  font-size: 1.5rem;
}
.divider-room-private{
  border-top: 2px solid #07689F;
}

.divider-room-type{
  border-top: 1px solid #FEC93B;
}
.room-type-list .nav-tabs {
  border: none !important;
  display: block;
  padding: 10px;
}
.room-type-list .nav-tabs .nav-item {
    margin-bottom: 5px;
}
.fade:not(.show) {
  opacity: 1;
}

.room-type-list ul li{
  list-style-type: none;
}
.rooms-type-heading{
  color:#07689F;
  font-weight:500;
}

.rooms-type-small-heading{
  color:#07689F;
  font-weight:500;
  
  margin-bottom: -5px;
}
.rooms-container{
  box-shadow: 0 0px 0px 0 rgba(0,0,0,0.16), 0 0px 1px 0 rgba(0,0,0,0.12) !important;
  border:3px solid #FEC93B;
  height: 100%;
}

.booking-paragraph p{
  text-align: justify;
}
.booking.cascade-slider_container {
  position: relative;
  width: 100%;
  height: 285px;
  margin: 0 auto;
}

.booking .cascade-slider_item {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 360px;
  transform: translateY(-50%) translateX(-50%) scale(0.3);
  opacity: 0;
  z-index: -1;
}
.booking .cascade-slider_item img{
  width: 360px;
  height: 100%;
}
.booking .cascade-slider_item.next {
  left: 54%;
  transform: translateY(-50%) translateX(-150%) scale(0.8);
  opacity: 1;
  z-index: 1;
}

.booking .cascade-slider_item.prev {
  left: 46%;
  transform: translateY(-50%) translateX(50%) scale(0.8);
  opacity: 1;
  z-index: 1;
}

.booking .cascade-slider_item.now {
  top: 42%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%) scale(1);
  opacity: 1;
  z-index: 5;
}

.booking .cascade-slider_arrow {
  display: inline-block;
  position: absolute;
  top: 50%;
  cursor: pointer;
  z-index: 5;
  background: #0000006b;
}

.booking .cascade-slider_arrow-left { left: 0; }

.booking .cascade-slider_arrow-right { right: 0; }

.booking .cascade-slider_nav {
  position: absolute;
  bottom: -120px;
  width: 100%;
  text-align: center;
  z-index: 5;
}

.booking .cascade-slider_dot {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin: 1em;
  background: #FEC93B;
  list-style: none;
  cursor: pointer;
}
.booking .cascade-slider_item{
  border: 1px solid #FEC93B;
  border-radius: 25px;
  overflow: hidden;
}
.booking .cascade-slider_dot:hover { background: #555; }

.booking .cascade-slider_dot.cur { background: #555; }

#accordionEx1 .card{
  background-color: transparent;
  box-shadow: none;
}
#accordionEx1 .card:hover{
  background-color: transparent;
  box-shadow: none;
  transform: none;
}
#accordionEx1 .card .card-header{
  background-color: transparent;
  box-shadow: none;
  position: relative;
  border: none;
}
#accordionEx1 .card .card-header:hover{
  box-shadow: none;
}
#accordionEx1 .card .card-body{
  margin-left: 25px;
}
.accordion-hr{
  position: absolute;
  top: 25px;
  left: 140px;
  width: 355px;
  background: orange;
  height: 1px;
}
.accordion-after .accordion-hr:after {
  display: none;
}
.collapsed.accordion-after .accordion-hr:after {
  display: block;
}
.accordion-hr:after {
  content: "";
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 20px solid orange;
  z-index: 999;
  position: absolute;
  top: 0;
  right: 0px;
}
.booking-page-icon{
  width: 25px;
}
.booking-page-icon-1{
  width: 28px;
}
.accordion .card-header h5{
  color: #1D6F9E;
  font-weight: 600;
}
.booking-page{
  width: 35px;
}
.break-long {
    word-break: break-word;
}
.contact-details label {
  font-size: 16px;
}
/*fixed book now button*/
#fixed.stick {
  position: fixed;
  top: 95px;
  right: 0;
  z-index: 999999;
  border-radius: 0 0 0.5em 0.5em;
}
/*DAte 10-11-2020*/
.Property-Amenities-icon{
  padding:0;
  display: inline-block;
}
.Property-Amenities-icon li {
  display: inline-block;
  width: 32%;
  margin-top: 15px;
}
.Property-Amenities-icon li img{
  width: 25px;
  margin-right: 5px;
}
.booking.cascade-slider_container .cascade-slider_item{
  width: 350px;
  height: 300px;
  overflow: hidden;
}
/*******************Booking Page css End ******************/

/*Login Page*/
.login-box{
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid #ddd;
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
  height: 100%;
}
.login-img-box{
  height: 175px;
  overflow: hidden;
}

.login-icon{
  width: 22px;
  float: right;
}
.login-box .login-text-1{
  font-size: 18px;
  color: #1D6F9E;
  font-weight: 800;
}
.login-text{
  font-size: 15px;
  color: #000;
}
.login-link{
  font-size: 15px;
  color: #1D6F9E;
  font-weight: 800;
}
.login-social-icon{
  padding: 0;
  margin:  0;
}
.login-social-icon li{
  display: inline-block;
  cursor: pointer;
}
.social-icon {
  width: 140px;
  display: inline-block;
  font-family: 'montserratregular' !important;
  cursor: pointer;
}
.after-hover{
  display: none;
}
.login-social-icon li:hover .after-hover{
  display: inline-block;
  transition: .2s;
  cursor: pointer;
}
.login-social-icon li:hover .before-hover{
  display: none;
}
.button-border{
  padding: 15px;
  border-radius: 20px;
  border: solid 4px transparent;
  background-image: linear-gradient(rgba(255, 255, 255, 0),
                     rgba(255, 255, 255, 0)),
                    linear-gradient(101deg, #1D6F9E, #FEC93C);
  background-origin: border-box;
  background-clip: content-box, border-box;

  box-shadow: 2px 1000px 1px #fff inset;
}
.button-border:hover{
  background-image: linear-gradient(rgba(255, 255, 255, 0),
                     rgba(255, 255, 255, 0)),
                    linear-gradient(101deg, #FEC93C, #1D6F9E);
}

/*.rating-stars{*/
/*  position: absolute;*/
/*  bottom: 10px;*/
/*}*/
.rating-stars ul {
  list-style-type: none;
  padding: 0;
  /*margin-left: 45px;*/
  display: inline-block;
  margin-bottom: 0;
}
.rating-stars ul li.star {
  display: inline-block;
}
/*.rating-stars span{*/
/*  margin-left: 10px;*/
/*}*/
.rating-stars img{
  width: 25px;

}
/*.description-entity {*/
/*    position: absolute;*/
/*    bottom: 0px;*/
/*}*/
.position-relative .discription-entity-hr {
    position: absolute;
    top: 5px;
    left: 12px;
    width: 100%;
}
/*    ****************END ***********************    */


/***************Start Media Query***********/



@media (max-width:767px) {
    .carousel {
        position: relative;
        overflow: hidden;
    }
    .description-entity {
        position: static;
        bottom: 6px;
    }
    .position-relative .discription-entity-hr {
        position: static;
        top: 5px;
        left: 12px;
        width: 100%;
    }
    .gallery_box li:first-child {
        left: 0px;
        width: 158px;
    }
    /*Details page */
     /*23-11-2020*/
    .close-button{
      display: block;
    }
    
/**/
    .banner-text h1 {
            font-size: 2rem;
        }
       
#sticky .navbar {
  background: #ddd;
}
 #sticky .navbar  {
   position: fixed;
   bottom: 0;
   left: 0;
   right: 0;
   z-index: 1000;
   display: flex;
   background-color: #ddd;
}
/*Date 20-11-2020*/
#sticky .navbar-collapse.collapse.show{
  position: fixed;
  left: 0;
  right: 50px;
  bottom: 85px;
}
.close-button{
    width: 15px;
    position: absolute;
    right: 0;
    top: -19px;

}
#close-toggle{
    background: #fff;
}
.navbar.navbar-light .navbar-toggler-icon img {
    width: 35px;
    /*margin-left: 15px;*/
}
.box .start-from-btn, .box .book-now-btn{
  display: none;
}
.bg-red{
 display: none;
}
.bg-yellow{
 display: none;
}
.box ul{
  padding: 0px;
}
/*.start-from-btn-1{*/
/*  margin-right: 40px;*/
/*}*/
#sticky .navbar .navbar-collapse {
  display: none !important;
}
#sticky .navbar .navbar-collapse.show {
  display: block !important;
}
.content {
  padding: 0px;
  margin-top: 0px;
}
.navbar.navbar-light .navbar-toggler-icon {
    background: transparent;
    margin-left: -15px;
    margin-bottom: 25px;
}

    /**/

  .banner-bottom-container {
    bottom: -1px;
  }
  .banner-text h2 {
    color: #fff;
    text-align: center;
    font-weight: 800;
    font-size: 2rem;
  }
  .banner-text {
    margin: 39% 0% 0% 0%;
  }
  .banner-text h3 {
    color: #fff;
    text-align: center;
    font-weight: 800;
    font-size:1.2rem;
  }
  .home-banner{
    background:url(../img/Home-banner.jpg),rgba(0,0,0,0.4);
    background-size: cover;
    height: calc(100vh - 50px);
    background-position: center center;
    padding-bottom: 30px;
    height: 80vh;
  }
  .banner-bottom-container {
    bottom: 160px;
  }
  .search-place::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color:#9E9E9E !important;
    font-size:0.8rem;
    opacity: 1; /* Firefox */
  }
  #header #nav-1.nav-menu{
    display: none !important;
  }
  #header.header-scrolled #nav-1.nav-menu{
    display: none !important;
  }
  #header.fixed-top.header-transparent.header-scrolled #nav-2.nav-menu{
    display: none;
  }
  #header .logo img {
    max-height: 45px;
  }
  .custom-carousel-control-left i{
    font-size:3rem;
    color: #666;
    margin-left:0px;
  }
  .custom-carousel-control-right i{
    font-size:3rem;
    color: #666;
    margin-right:0px;
  }
  .carousel-itme-half-img{
    flex-flow: column !important;
  }
  .search-container {
    width:100%;
    margin-left: auto;
    margin-right: auto;
  }
  .custom-carousel-control-left img{
    font-size:7rem;
    color: #666;
    margin-left:0px;
  }
  .custom-carousel-control-right img{
    font-size:7rem;
    color: #666;
    margin-right:0px;
  }
  /*@Author : pooja joshi
   @created date:
   @modified date:
   @description:
  */
  /*home page media query*/
  .logo-background {
    width: 60px;
    height: 60px;
    top: -13px;
    left: 11px;
  }
  .offer.cascade-slider_container {
    position: relative;
    width: 100%;
    height: 338px;
    margin: 0 auto;
    overflow: hidden;
  }
  .gallery_box{
    padding: 0;
    margin-top: 10px;
  }
  .gallery_box li:nth-child(odd) {
    height: 260px;
  }
  .gallery_box li:nth-child(even) {
    height: 180px;
  }
  .gallery_box li {
    width: 45%;
    max-width: 100%;
    display: inline-block;
    float: left;
    text-align: center;
    overflow: hidden;
    position: relative;
    margin: 7px;
    border-radius: 20px;
  }
  .gallery_box li:last-child {
    position: absolute;
    bottom: 12px;
    left: 0px;
  }
  .offer .cascade-slider_item.next {
    left: 50%;
    top: 37%;
  }
  .offer .cascade-slider_item.prev {
    left: 45%;
    top: 127px;
    /*right: 62px;*/
  }
  .offer .cascade-slider_item.now {
    top: 45%;
  }
  .offer .cascade-slider_arrow-left {
    left: 0;
    top: 120px;
  }
  .offer .cascade-slider_arrow-right {
    right: 0px;
    top: 120px;
  }
  .offer .cascade-slider-content label {
    font-size: 14px;
  }
  .offer .cascade-slider_arrow-left img{
    width: 20px
  }
  .offer .cascade-slider_arrow-right img{
    width: 20px;
  }
  .offer .cascade-slider_item.now .cascade-slider-content {
    width: 268px;
  }
  /*.offer .cascade-slider_item.now img {*/
  /*  width: 190px;*/
  /*  margin-left: 42px;*/
  /*}*/

  /*@date 07-11-2020*/
  .back-to-top {
    right: 0;
  }
  #header.header-scrolled .logo img {
    margin-top: -6px;
    margin-left: 0px;
    width: 50px;
  }
  #header.header-scrolled .logo-background {
    width: 35px;
    height: 35px;
    top: 15px;
    left: 26px;
  }
  #header.header-scrolled {
    height: 50px;
  }

  /*blog section*/
  .traveling-blog-part h3{
    font-size: 13px;
  }
  .traveling-blog-part{
    height: 171px;
    left: 37px;
    top: -86px;
    width: 210px;
  }
  .blog-img-box{
    overflow: hidden;
  }
  .blog-card .card-body img{
    height: 162px !important;
    width: 160px
  }
  .stay-text spa.ml-5{
      margin:0 !important;
  }
  h5.blog-text {
    font-size: 12px;
}
  #multi-item-example .carousel-inner{
    height: 478px;
  }
  #multi-item-example .carousel-inner.booking{
    height: 475px;
  }
  .type-triangle-right {
    bottom: 155px;
  }
  .type-triangle-left {
    bottom: 130px;
  }


  /****************product page********************/
  #recipeCarousel .carousel-inner.custom-inner-carousel .carousel-item.carousel-item-top .card {
    /*width: 192px;*/
    /*margin-left: -23px;*/
    background: #fff;
    box-shadow: none;
  }
  /* .description-section .box-position{
    display: none;
  }
  .description-section .tab-content{
    display: none;
  }
  .descriptio-section-mobile{
    display: block;
  }
  .descriptio-section-mobile .card{
    border-radius: 10px !important;
    margin-top: 5px;
  }
  .descriptio-section-mobile .card:hover{
    border-radius: 0px;
    transform: none;
    box-shadow: none;
  }

  .descriptio-section-mobile .card-header{
    background: #ffc93c;
  }
  .accordion .card-header h5 {
    color: #1D6F9E;
    font-weight: 600;
  }
  .collapse-icon{
    width: 25px;
    float: right;
  } */
  /*product listing page start*/
  .search-container-1{
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .listing-outer-box {
    /*border: 2px solid orange;*/
    /*margin-top: 5px;*/
    /*margin-bottom: 10px;*/
    /*border-radius: 25px;*/
    overflow: hidden;
  }
  .listing-outer-box .img-z-index img {
    height: 100%;
    width: 100%;
    position: inherit;
    top: 0;
    left: 0;
    overflow: hidden;
  }
  /*.listing-outer-box.trek .img-z-index img {*/
  /*  height: 100%;*/
  /*  width: 100%;*/
  /*  position: inherit;*/
  /*  top: -50px;*/
  /*  left: 0;*/
  /*  overflow: hidden;*/
  /*}*/
  .listing-box-inner {
    border: none;
    border-radius: 25px;
  }
  .img-z-index .type-triangle-right {
    left: -1px;
    bottom: 0;
    /*top: 20px;*/
  }
  .bg {
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: space-around;
  }
  .listing-outer-box h1 {
    font-size: 18px;
    margin: 15px 0 0 10px !important;
  }
  .listing-box-inner ul {
    list-style: none;
    padding: 0 10px;
  }
  .icon-img {
    width: 20px;
  }
    .listing-box-inner ul {
        list-style: none;
        padding: 0 10px;
        overflow: scroll;
        height: 170px;
    }

  /*booking Page*/
  .booking.cascade-slider_container .cascade-slider_item.next{
    display: none;
  }
  .booking.cascade-slider_container .cascade-slider_item.prev{
    display: none;
  }
  #fixed.stick {
    top: 55px;
    right: 0;
  }
  .Property-Amenities-icon li {
    display: inline-block;
    width: 49%;
    margin-top: 10px;
    font-size: 12px;
  }
  .Property-Amenities-icon li img{
    width: 25px;
    margin-right: 5px;
  }
  .room-type-list ul li {
    margin-top: 10px;
  }
  .room-type-list ul li a {
    padding: 3px;
  }
  .booking .cascade-slider_arrow {
    top: 34%;
    background: #0000005e;
  }
  .booking .cascade-slider_item.now {
    left: 48%;
  }
  .booking.cascade-slider_container .cascade-slider_item {
    width: 100%;
    height: 100%;
  }
  .booking .cascade-slider_arrow-right {
    right: 15px;
  }

  .right-boder {
    border-right: none;
  }
  .accordion-hr {
    width: 140px;
  }
  .accordion-hr:after {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 12px solid orange;
    top: 0;
    right: 0;
    left: 126px;
  }
  .booknow-btn {
    width: 166px;
    margin-right: 0px;
  }
  /************************88*/
  .carousel-itme-half-img {
    flex-flow: row !important;
  }
  .img-slider {
    height: 230px;
    width: 345px;
    }
    .banner-section img {
        width: 100%;
        height: unset !important;
    }
  #accommodation-best-choose .carousel-inner{
    width: 365px;
  }
  #accommodation-best-tour .carousel-inner {
    width: 365px;
  }
  #accommodation-best-stays .carousel-inner {
    width: 365px;
 }
 .offer .cascade-slider_item.prev ,  .offer .cascade-slider_item.next {
   display: none;
  }
  .offer .cascade-slider_item.now img {
        width: 400px;
        height: 175px;
    }
    .price-text{

    }
    /*26-06-2021*/
    .carousel-itme-half-img-inner {
     margin: 0px; 
}
}

/*small screen*/
@media (max-width: 1023px) and (min-width: 768px){
.description-entity {
    position: static;
    bottom: 6px;
}
  /*booking page*/

  #header.header-scrolled{
    height: 80px;
  }
  #header.header-scrolled .logo img {
    margin-top: 0px;
    margin-left: 0px;
  }
  #header.header-scrolled .logo-background{
    top: 28px;
    left: 42px;
  }
  .booking .cascade-slider_item.next {
    left: 68%;
  }
  .booking .cascade-slider_item.prev {
    left: 31%;
  }
  #map-container-google-1{
    height: 100%;
    overflow: hidden;
  }
  .Property-Amenities-icon li {
    display: inline-block;
    width: 49%;
    margin-top: 15px;
  }
  .accordion-hr {
    width: 175px;
  }
    .room-type-list ul {
        padding: 0.5rem !important;
    }
    .room-type-list ul li a.active .room-type-list ul li{
        background-color: #000;
        color: #fff !important;
      }
      .listing-outer-box .img-z-index img {
        height: 365px;
        width: 296px;
        position: absolute;
        top: 32%;
        left: 26px;
        overflow: hidden;
      }
      .listing-outer-box .img-z-index img {
        height: 325px;
        width: 296px;
        top: 30%;
      }
      .img-z-index .type-triangle-right {
        bottom: 140px;
      }
      .listing-box-inner {
        border-radius: 25px;
        border: 2px solid orange;
      }
      .bg {
        display: flex;
        align-items: center;
        justify-content: space-around;
      }
      .offer.cascade-slider_container {
        width: 705px;
        }
      .offer .cascade-slider_item img {
        width: 265px;
      }
      .offer .cascade-slider_arrow-left {
        left: -22px;
        }
        .offer .cascade-slider_arrow {
        top: 72%;
        background: #0000008;
        }
        .offer .cascade-slider_arrow-right {
         right: -20px;
        }  .offer.cascade-slider_container {
        position: relative;
        width: 100%;
        height: 338px;
        margin: 0 auto;
        overflow: hidden;
      }
      .gallery_box{
        padding: 0;
        margin-top: 10px;
      }
      .gallery_box li:nth-child(odd) {
        height: 260px;
      }
      .gallery_box li:nth-child(even) {
        height: 180px;
      }
      .gallery_box li {
        width: 45%;
        max-width: 100%;
        display: inline-block;
        float: left;
        text-align: center;
        overflow: hidden;
        position: relative;
        margin: 7px;
        border-radius: 20px;
      }
      .gallery_box li:last-child {
        position: absolute;
        bottom: 12px;
        left: 0px;
      }
    .first-img {
        height: auto !important;
        margin-top: 42px;
    }
    .type-triangle-right {
        top:52%;
        height: auto;
        min-width: 75px;
        font-size: 14px;
    }
    .type-triangle-left {
        min-width: 75px;
        font-size: 14px;
        height: auto;
    }
    .img-slider {
    height: 160px;
}
.blog-img-box .card-img-top {
    width: 100%;
    height: 100%;
}

}

/*ipad Pro media query start*/
@media (max-width: 1300px) and (min-width: 1024px){
    .description-entity {
    position: static;
    bottom: 6px;
}
  .logo img {
    margin-top: 15px;
    margin-left: 3px;
  }
  .logo-background {
    width: 80px;
    height: 80px;
    left: 21px;
}
  .bg {
    background: #1D6F9E;
    padding: 20px 15px 25px 0;
  }
  #header.header-scrolled .logo img {
    margin-top: -12px;
    margin-left: 0px;
  }
  #header.header-scrolled .logo-background {
    left: 42px;
  }
  .bg .width {
    width: 68px;
    margin-top: 44px;
  }
  .listing-outer-box .img-z-index img {
    top: 15%;
  }
  .accordion-hr {
    width: 295px;
  }
  .offer .cascade-slider_item img {
    width: 265px;
  }
/*  .banner-text {*/
/*    margin: 42% 0% 0% 0%;*/
/*}*/
.offer .cascade-slider_arrow-right {
    right: 70px;
}
/*.home-banner {*/
/*    height: 100vh;*/
/*}*/
.cascade-slider_arrow{
    background: #00000082;
    top: 70%;
}
.offer .cascade-slider_arrow-left {
    left: 68px;
}
.offer .cascade-slider_item img {
    width: 330px;
}
.offer .cascade-slider_item.now img {
    width: 530px;
}
.type-triangle-right {
    top: 60%;
}
}

@media (min-width: 0px) and (max-width:500px) {
  .home-banner {    
    height: 75vh !important;
   }
  .banner-bottom-container {
    bottom: -1px !important;
  }
  .nav-tab-conatiner{
    margin-top: 70px;
  }
}
@media (min-width: 0px) and (max-width:375px) {
  .search-container .form-control-feedback {
    width: 2.375rem;
    height: 2.375rem;
  }
  .search-container .form-control {
    padding-left: 3.375rem;
  }
  .search-button {
    right: 8px;
  }
  .banner-bottom-container {
    bottom: -1px ;
  }
  .nav-tab-conatiner {
    margin-top: 20px;
  }
  #multi-item-example .carousel-inner {
    height: 410px;
  }
  #accommodation-best-activity .carousel-inner, #accommodation-best-choose .carousel-inner, #accommodation-best-tour .carousel-inner, #accommodation-best-stays .carousel-inner{
    width: 320px !important;
  }
  #accommodation-best-activity .carousel-inner .img-slider, #accommodation-best-choose .carousel-inner .img-slider, #accommodation-best-tour .carousel-inner .img-slider, #accommodation-best-stays .carousel-inner .img-slider{
    width: 298px;
    height: 400px;
  }
  #accommodation-and-trek .carousel-itme-half-img-inner {
    border-radius: 12px;
    flex: 1;
    margin: 30px;
    display: flex;
    flex-direction: column;
    float: left;

  }
  .traveling-blog-part h3 {
    font-size: 15px;
  }
  .traveling-blog-part {
    left: 32px;
    width: 175px;
  }
  .traveling-blog-part h3 {
    font-size: 12px;
    }
  .blog-read-more {
    font-size: 0.9rem !important;
    padding: 0 !important;
  }
  .gallery_box li {
    width: 45%;
  }
  .accommodation-inner {
    font-size: 40px;
  }
  .gallery_box .box_data span {
    font-size: 18px;
  }

  .offer .cascade-slider_item.now {
    top: 43%;
  }
  .offer .cascade-slider_item.prev ,  .offer .cascade-slider_item.next {
   display: none;
  }
  .offer .cascade-slider_item.now img {
        width: 400px;
        height: 175px;
    }
  #accommodation-and-trek .carousel-item.carousel-item-custom.active .card-img-top {
    width: 305px !important;
  }

    .carousel-itme-half-img-inner{
      border-radius: 12px;
      flex: 1;
      margin: 10px;
      display: flex;
      flex-direction: column;
      float: left;
    }
    .gallery_box li:first-child {
        left: 0px;
        width: 135px;
    }

}

.gallery-banner{
    background:url(../img/gallery-banner.jpg),rgba(0,0,0,0.4);
    background-size: cover;
    height: calc(100vh - 50px);
    background-position: center center;
    padding-bottom: 30px;
    height:50vh;
  }



 /*home page text underline image */
 img.underline {
    width: 280px;
}
.slider-image-box{
    position: relative !important;
    padding: 0;
    background: transparent;
    border: none;
}
 /**/

/*Home page css for slider accommdation*/
 #accommodation-and-trek{
    display: none;
 }
 .first-img{
    /*max-height: 660px;*/
    transition: transform 0.5s ease;
 }
 li.star {
    display: inline-block;
    margin-top: 60px;
}
    #stars{
    margin-top: 55px;
}
.icon-accommodation {
    position: absolute;
    bottom: 0px;
}
.position-relative hr {
    position: absolute;
    top: 15px;
    left: 12px;
    width: 100%;
}

 @media (max-width: 767px){

    ul.accommodation.mt-3 {
        display: none;
    }
     .contact-details label {
        font-size: 12px;
    }
    .booking-page-icon-1 {
        width: 24px;
    }


    /*.slide.home .carousel-item{*/
    /*    display:flex;*/
    /*}*/
    #accommodation-and-trek .carousel-inner {
       width: 365px;
    }
    #accommodation-and-trek .carousel-item.carousel-item-custom.active  .card-img-top{
     width: 350px;
    }
    .first-img{
       height: 400px;
       width: 100%;
    }
    .blog-img-box {
    overflow: hidden;
    }
    #stars {
    margin-top: 7px;
    padding: 0 0 0 25px;
    }
    .icon-accommodation {
        position: static;
        bottom: 0px;
    }
    .position-relative hr {
        position: static;
    }
    #close-toggle {
     display: block;
    }
    .text {
        font-size: 12px !important;
    }
    .start-from-btn-1 {
        display: block;
    }
    .btn-text {
        font-size: 16px;
    }
 }

 @media (min-width: 0px)and (max:width 375px){
    /* .gallery_box li{*/
    /*    width: 115px;*/
    /*}*/
    /*.gallery_box li:nth-child(even), .gallery_box li:nth-child(odd) {*/
    /*    height: 180px;*/
    /*    width: 135px;*/
    /*}*/
 }
 @media (min-width: 768px)and (max-width: 1023px){
    .icon-accommodation {
        position: static;
        bottom: 0px;
    }
    .position-relative hr {
        position: static;
        top: 15px;
        left: 12px;
        width: 100%;
    }
    .description-list ul{
        padding: 0;
    }
 }

 /************************************************/
/* Static Pages  */
.dropdown-menu show ul li{
    color: #333;
}
/*About us Image*/
.aboutus-image{
    background: linear-gradient(to right,#0000005e, #0000005e), url("../img/gallery-banner.jpg");
    height: 50vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }

    .contact-box{
      padding: 30px 25px;
      color: #000 !important;
      background-color: transparent;
      box-shadow: 0 0 4px 0px #ddd;
      height: 100%;
      border-radius: 5px;
    }
    .contact-box h3{
      font-size: 22px;
      font-weight: 700;
    }
    .contact-box p{
      font-size: 14px;
    }
    .contact-box span{
      font-size: 16px;
    }
    .contact-box-3 p{
      font-family: 'RedHatDisplay-Medium';
      font-size: 18px;
    }
    .contact-box:hover{
      box-shadow: none;
      color: #fff !important;
      transition: 0.2s;
      transform: scale(1.08);
      border-radius: 5px;
    }
    .contact-box-1:hover{
      background: linear-gradient(40deg, #45cafc, #303f9f);
    }
    .contact-box-2:hover{
      background:linear-gradient(rgb(250, 217, 97) 0%, rgb(247, 107, 28) 100%);
    }
    .contact-box-3:hover{
      background: linear-gradient(40deg, #303f9f, #45cafc);
    }
    .contact-page-hr{
      width: 50%;
      margin-top: 0.2rem;
      height: 1px;
      color: #fff;
      background: linear-gradient(40deg, #45cafc, #303f9f);
     }
     .contact-page-hr:hover{
      background: #fff;
     }
     .contact-box .after, .contact-box .before{
       width: 50px;
     }
     .contact-box .after{
      display: none;
     }
     .contact-box:hover .after, .contact-box:focus .after, .contact-box.active .after{
      display: block;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 10px;
     }
     .contact-box .before{
      display: block;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 10px;
     }
     .contact-box:hover .before, .contact-box:focus .before, .contact-box.active .before{
      display: none;
     }
     /*about us*/
     .about-us-box{
      background: #fff;/*
      box-shadow: 0 0 2px 0px #ddd;*/
      border: 1px solid #dddddd6e;
      padding: 20px 30px;
      text-align: center;
      height: 100%;
     }
     .about-text-background{
      background-color: #f7f7f7;
     }
     .about-text{
      font-size: 18px;
      line-height: 1.9em;
      color: #808291;
     }
     .small-text{
      display: block;
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      color: #a7a9b8;
     }
     .number.counter{
        background: -webkit-gradient(linear, left top, right top, from(rgb(255, 186, 131)), to(rgb(255, 165, 205)));
        -webkit-background-clip: text !important;
        text-fill-color: transparent !important;
        -webkit-text-fill-color: transparent !important;
        font-size: 40px;
        font-family: 'RedHatDisplay-Medium';
        vertical-align: middle;
        display: inline-block;
        font-weight: 700;
    }
    .number{
      background: -webkit-gradient(linear, left top, right top, from(rgb(255, 186, 131)), to(rgb(255, 165, 205)));
      -webkit-background-clip: text !important;
      text-fill-color: transparent !important;
      -webkit-text-fill-color: transparent !important;
      font-size: 40px;
      font-family: 'RedHatDisplay-Medium';
      vertical-align: middle;
      display: inline-block;
      font-weight: 700;
  }
  /*logo slider*/

  /* Slider */

  .slick-slide {
      margin: 0px 20px;
  }

  .slick-slide img {
      width: 100%;
      display: inline-block;
  }

  .slick-slider
  {
      position: relative;
      display: block;
      box-sizing: border-box;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
              user-select: none;
      -webkit-touch-callout: none;
      -khtml-user-select: none;
      -ms-touch-action: pan-y;
          touch-action: pan-y;
      -webkit-tap-highlight-color: transparent;
  }

  .slick-list
  {
      position: relative;
      display: block;
      overflow: hidden;
      margin: 0;
      padding: 0;
  }
  .slick-list:focus
  {
      outline: none;
  }
  .slick-list.dragging
  {
      cursor: pointer;
      cursor: hand;
  }

  .slick-slider .slick-track,
  .slick-slider .slick-list
  {
      -webkit-transform: translate3d(0, 0, 0);
         -moz-transform: translate3d(0, 0, 0);
          -ms-transform: translate3d(0, 0, 0);
           -o-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
  }

  .slick-track
  {
      position: relative;
      top: 0;
      left: 0;
      display: block;
  }
  .slick-track:before,
  .slick-track:after
  {
      display: table;
      content: '';
  }
  .slick-track:after
  {
      clear: both;
  }
  .slick-loading .slick-track
  {
      visibility: hidden;
  }

  .slick-slide
  {
      display: none;
      float: left;
      height: 100%;
      min-height: 1px;
  }
  [dir='rtl'] .slick-slide
  {
      float: right;
  }
  .slick-slide img
  {
      display: inline-block;
  }
  .slick-slide.slick-loading img
  {
      display: none;
  }
  .slick-slide.dragging img
  {
      pointer-events: none;
  }
  .slick-initialized .slick-slide
  {
      display: block;
  }
  .slick-loading .slick-slide
  {
      visibility: hidden;
  }
  .slick-vertical .slick-slide
  {
      display: block;
      height: auto;
      border: 1px solid transparent;
  }
  .slick-arrow.slick-hidden {
      display: none;
  }
  /*our team 16-12-2020*/
  .image-container{
    height: 100%;
    overflow: hidden;
    margin-top: 20px;
    position: relative;
    display: flex;
    align-items: center;
  }
  /*.text-box{
    display: none;
  }*/
  .text-box{
    opacity: 0;
    transform: scale(.6);
    position: absolute;
    left: 25px;
    right: 25px;
    top: 25px;
    bottom: 25px;
    padding: 10px;
    background: rgba(35,35,35,.8);
    color: #fff;
    text-align: center;
  }
  .image-container:hover .text-box{
    display: flex;
    opacity: 1;
    align-items: center;
    backface-visibility: hidden;
    transform: scale(1);
    transition: opacity .3s,-webkit-transform .6s;
    transition: transform .6s,opacity .3s;
    transition: transform .6s,opacity .3s,-webkit-transform .6s,-moz-transform .6s;
    font-size: 0;
  }
  .img-size{
    height: 400px;
    width: 400px;
  }
  #designation{
    font-size: 18px;
  }
  #heading{
    font-size: 30px;
    font-weight: 900;
  }
  #description-text{
    font-size: 20px;
  }
  .text-box h6{
    font-size: 14px;
    line-height: 1.5rem;
  }
  .text-box h3{
    font-size: 25px;
    line-height: 1.5rem;
    font-weight: 900;
  }
  .text-container{
      display: inline-block;
      width: -webkit-calc(100% - 1px);
      width: -moz-calc(100% - 1px);
      width: calc(100% - 1px);
      vertical-align: middle;
      font-size: 16px;
  }
  .modal-button{
    background: #548FB7;
    color: #fff;
  }
  .modal-button:hover{
    background: #1e4f71;
    color: #fff;
  }
  .modal{
       z-index: 100000;
  }
  .heading{
  color: #07689f;
  font-size: 25px;
  display: block;
  margin-top: 45px;
  font-weight: 900;
}
.terms-bullets li{
            list-style-type: circle;
         }
.accordion-ul{
            list-style-type:square;
         }
         .accordian-sub-ul{
            list-style-type:circle;
         }
         .career .card:hover, .career .card:focus, .career .card.active{
            transform: none;
            border-radius: 0px;
         }
         .rotate-icon{
            float: right;
         }
         .select{
            border-bottom: 1px solid #ddd;
            border-top: none;
            border-right: none;
            border-left: none;
            background: transparent;
            padding: 0;
         }
         .select:hover, .select:focus, .select.active{
            box-shadow: none;
            outline: none;
            background: transparent;
         }
         @media( max-width: 767px){
            .accordion .card-header h5 {
               color: #1D6F9E;
               font-weight: 600;
               font-size: 16px;
            }
            #conent-section img, #conent-section iframe{
                width: 350px !important;
                height: 350px !important;
            }
            .carousel-item-top .card img {
                height: 150px;
                border: 2px solid #FEC93B;
            }
         }
         .select{
            border-bottom: 1px solid #ddd;
            border-top: none;
            border-right: none;
            border-left: none;
            background: transparent;
            padding: 0;
         }
         .select:hover, .select:focus, .select.active{
            box-shadow: none;
            outline: none;
            background: transparent;
         }

/* Static Page Careers on Footer Css START  */
.accordion-ul{
   list-style-type:square;
}
.accordian-sub-ul{
   list-style-type:circle;
}
.career .card:hover, .career .card:focus, .career .card.active{
   transform: none;
   border-radius: 0px;
}
.rotate-icon{
   float: right;
}
.select{
   border-bottom: 1px solid #ddd;
   border-top: none;
   border-right: none;
   border-left: none;
   background: transparent;
   padding: 0;
}
.select:hover, .select:focus, .select.active{
   box-shadow: none;
   outline: none;
   background: transparent;
}
.modal .md-form{
    margin-top: 0.9rem;
    margin-bottom: 0.9rem;
}
.modal .md-form .validate {
   margin-bottom: 2.0rem;
}
.modal {
position: fixed;
top: 60px;
}
@media( max-width: 767px){
   .accordion .card-header h5 {
      color: #1D6F9E;
      font-weight: 600;
      font-size: 16px;
   }
   .modal-content {
       top: 75px;
   }
   .modal {
   position: fixed;
   top: 0px;
   }
}
@media( max-width: 576px){
  .modal-dialog {
   max-width: 500px;
   margin: 5.75rem auto;
}
.modal {
   position: fixed;
   top: 0px;
   }
}
/* Static Pages of Footer Css END  */

/* Experience Package List Css Start  */
.margin-top{
    margin-top: 100px;
}
/*Header Color change in thius page css*/
/*.nav-menu a{*/
/*    color:#000;*/
/*}*/
/*.nav-menu a{*/
/*    color:#000 !important;*/
/*}*/
/*End*/
 .listing-page-box ul{
    padding: 0;
 }
 .listing-page-box ul li{
    margin-top: 5px;
 }
 .listing-page-box .icon-size{
    width: 20px;
 }
 .listing-page-box h1 {
    color: #07689f;
    font-size: 30px;
    display: block;
    font-weight: 900;
 }
 .listing-page-box .border-left{
    border-left: 2px solid #ddd !important;
 }
 .location-icon-width{
    width: 50px;
 }
 .listing-page-box .span-text{
    text-decoration: line-through;
 }
 .listing-page-box .book-button{
    background: #ffc93c !important;
    color: #1D6F9E;
    font-weight: 800;
    font-size: 20px;
    padding: 5px;
 }
 .listing-page-box .book-button:hover{
    background:  #1D6F9E !important;
    color: #ffc93c;
 }
 .main-price-text {
    font-size: 25px;
    font-weight: bold;
    margin: 0;
    display: block;
 }
 .price-text{
    margin: 0;
    display: block;
 }
 .place{
    color: #07689f;
    font-size: 25px;
    display: block;
    font-weight: 900;
 }
 .cupon-text{
    position: absolute;
    bottom: 8px;
    left: 38%;
    border-radius: 15px;
 }
 .cupon-button{
    background: #1D6F9E;
    font-size: 16px;
    padding: 5px 15px;
    color: #fff;
 }
 .cupon-button:hover{
    background: #1D6F9E;
    font-size: 16px;
    padding: 5px 15px;
    color: #fff;
 }
 .listing-page-box .img-width{
    height: 215px;
 }
 .img-container{
    padding: 20px;
 }
 #stars{
    margin:0;
 }
 #stars span i{
    color: #ffc93c !important;
 }
 .starting-price-text span{
    font-size: 20px;
    font-weight: 800;
 }
 .listing-page-box .type-triangle-right {
    position: absolute;
    left: 19px;
    bottom: 50px;
 }
 @media (max-width: 767px){
    .mob-layout{
       display: inline-block;
    }
    .main-price-text{
       display: inline-block;
       font-size: 10px;
       color: #fff;
    }
    .price-text{
       display: inline-block;
       font-size: 10px;
       color: #fff;
    }
    .border-left{
       background: #fff;
       border-radius: 15px;
    }
    .listing-page-box{
       padding-bottom: 65px;
    }
    .mob-text-button{
       padding: 0px 9px;
       background: #1D6F9E;
       border-radius: 15px;
    }
    .listing-page-box .book-button {
       font-size: 14px;
       padding: 8px 40px;
    }
    .text-center.place-container {
       display: inline-flex;
       align-items: center;
    }
    .location-icon-width {
       width: 30px;
    }
    .place {
       font-size: 20px;
       margin-top: 5px !important;
    }
    .cupon-text {
     left: 8%;
    }
    .listing-page-box h1 {
       margin-top: 25px;
    }
    .starting-price-text{
       margin: 0;
    }
    .starting-price-text span{
       display: inline-block !important;
       font-size: 16px;
    }
 }

 @media (min-width: 768px) and (max-width: 1023px){
    .cupon-button {
       background: #1D6F9E;
       font-size: 10px;
       padding: 5px 15px;
       color: #fff;
    }
    .listing-page-box .book-button {
       background: #ffc93c !important;
       color: #1D6F9E;
       font-weight: 800;
       font-size: 13px;
       padding: 5px;
    }
    .listing-page-box h1 {
       font-size: 18px;
    }
 }
 @media (min-width: 1024px) and (max-width: 1366px){
     .listing-page-box h1 {
       font-size: 25px;
    }
    .cupon-button {
       font-size: 15px;
    }

 }


 /*filter css start*/
 .margin-top{
    margin-top: 100px;
 }
 #filter-background{
    background: #fff;
    box-shadow: 0 5px 8px 0px #ddd;
    padding: 12px 25px 25px 25px;
    border-radius: 20px;
    position: relative;
    overflow-y: auto;
 }
 #filter-nav{
    box-shadow: none;
    background: transparent;
 }
 .filter-heading{
    color: #1D6F9E;
    font-size: 25px;
    font-weight: 600;
 }
 /*.navbar-expand-sm .navbar-collapse {
    display: block !important;
 }*/
 /*#sticky-nav.stick {
    margin-bottom: 10px;
 }
 #sticky-nav.stick {
    position: sticky;
    top: 120px;
    z-index: 100;
    border-radius: 0 0 0.5em 0.5em;
 }
 #sticky-nav {
    display: block;
 }*/
 @media (max-width: 767px){
    #sticky-nav.stick {
       position: sticky;
       top: 120px;
       z-index: 100;
       border-radius: 0 0 0.5em 0.5em;
    }
    .navbar-expand-sm .navbar-collapse {

    }
    #sticky-nav.stick {
       margin-bottom: 10px;
    }
    #filter-background{
       background: transparent;
       box-shadow: none;
       padding: 10px;
    }
    #filter-nav {
       top: 90px;
       background: transparent;
       box-shadow: none;
       position: static;
       left: 0;
       z-index: 1000;
    }
    .margin-top {
        margin-top: 70px !important;
    }
    .navbar-toggler {
       background: #fff;
       box-shadow: 0 0 10px 0 #ddd;
       padding: 15px 28px;
       border-radius: 10px;
    }
    .toggler-button {
       width: 30px;
    }
    #sticky#sticky-nav {
       position: absolute;
       top: 0;
    }
    .filter-container{
       background: #fff;
       padding: 35px;
       z-index: 1;
       overflow: scroll;
    }
    .scrollbar {
        max-height: 78vh;
        padding: 10px;
        z-index: 1;
        background: #fff;
        overflow-y: scroll;
        overflow-x: hidden;
        margin-top: 15px;
    }
 }
/* Experience Package List Css END  */

/* Accomodation Package List Css Start   */
/*16-01-2021*/
button.btn.btn-block.filter-btn.waves-effect.waves-light {
    border-radius: 10px;
}
button.btn.btn-block.filter-btn.waves-effect.waves-light:hover {
    background-color: #4285f4;
}
/*15-01-2021*/
.search-box{
    background: #fff;
    box-shadow: 0 4px 8px 0px #ddd;
    padding: 20px 12px;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
}
/*End*/
/*13-01-2021*/
/* Arrow */
.select::after {
  content: '\25BC';
  position: absolute;
  top: 12px;
  right: 0;
  padding: 0 1em;
  color: #948f8f;
  cursor: pointer;
  pointer-events: none;
  -webkit-transition: .25s all ease;
  -o-transition: .25s all ease;
  transition: .25s all ease;
}

    /* 12-01-2021 */
    .pagination .page-item{
        margin-left: 5px;
        margin-right: 5px;
    }
    input#search_text_city {
        background: transparent;
        padding: 4px 0px 0px 6px;
        border: none;
    }
    .filter-icon{
        font-size: 20px;
    }
    .search-container-2 {
        background: #fff;
        box-shadow: 0 0 5px 0 #ddd;
        border: none;
        outline: none;
        padding: 0px;
        border-radius: 3px;
        height: 42px;
    }
    .select.search-container-2:hover, .select.search-container-2:focus{
        background: #fff;
        box-shadow: 0 0 5px 0 #ddd;
        border: none;
        outline: none;
        padding: 0px;
        border-radius: 3px;
        height: 42px;
    }
    .form-control.search-place-2:focus, .form-control.search-place-2:focus{
        box-shadow: none;
        border: none;
        outline: none;
    }
    .form-control {
         background-color: #fff !important;
    }
    select.form-control.search-place-2 {
        border: none;
    }
    .select{
        border: none !important;
        background: #fff;
        position:relative;
    }
    /*11-01-2021*/
    .margin-top {
       margin-top: 140px;
       }
    /*End*/
       /*Header Color change in thius page css*/
       /*.nav-menu a{*/
       /*color:#000;*/
       /*}*/
       /*.nav-menu a{*/
       /*color:#000 !important;*/
       /*}*/
       /*End*/
    /* filter css 08-01-2021 pooja joshi*/
        .filter-btn{
                  background: #FEC93B;
                  padding: 10px 20px;
                  box-shadow: none;
                  color: #fff;
                  font-weight: 900;
              }
              .filter-btn:hover{
                  background: #0F72DB;
                  color: #fff;
              }
              .search-container-1 .form-control {
                padding: 0px 0px 0px 15px;
            }
            .listing-page-box{
                background: #fff;
                box-shadow: 0 5px 8px 0px #ddd;
                padding: 12px 25px 5px 0px;
                border-radius: 20px;
                position: relative;
                overflow: hidden;
             }
             .listing-page-box ul{
                padding: 0;
             }
             .listing-page-box ul li{
                margin-top: 5px;
             }
             .listing-page-box .icon-size{
                width: 20px;
             }
             .listing-page-box h1 {
                color: #07689f;
                font-size: 21px;
                display: block;
                font-weight: 900;
             }
             .listing-page-box ul li span {
                color: #000;
                font-size: 14px;
            }
             .listing-page-box .border-right{
                border-right: 2px solid #ddd !important;
             }
             .location-icon-width{
                width: 50px;
             }
             .listing-page-box .span-text{
                text-decoration: line-through;
             }
             .listing-page-box .book-button{
                background: #ffc93c !important;
                color: #1D6F9E;
                font-weight: 800;
                font-size: 20px;
                padding: 5px;
                border-radius: 8px;
             }
             .listing-page-box .book-button:hover{
                background:  #1D6F9E !important;
                color: #ffc93c;
             }
             .main-price-text {
                font-size: 25px;
                font-weight: bold;
                margin: 0;
                display: block;
                color: #07689f;
             }
             .price-text{
                margin: 0;
                display: block;
             }
             .place{
                color: #07689f;
                font-size: 25px;
                display: block;
                font-weight: 900;
             }
             .cupon-text{
                position: absolute;
                bottom: 8px;
                left: 38%;
                border-radius: 15px;
             }
             .cupon-button{
                background: #1D6F9E;
                font-size: 16px;
                padding: 5px 15px;
                color: #fff;
                margin:0;
             }
             .cupon-button:hover{
                background: #1D6F9E;
                font-size: 16px;
                padding: 5px 15px;
                color: #fff;
             }
            .listing-page-box .img-width {
                height: 360px;
                width: 100%;
                position: absolute;
                top: -20px;
                left: 0px;
            }
           
             .type-triangle-right{
                 color: #fff !important;
             }
             .img-container{
                position: relative;
             }
             .img-container img{
                position: absolute;
                top:-140px;
             }
             #stars{
                margin:0;
             }
             #stars span i{
                color: #ffc93c !important;
             }
             .starting-price-text span{
                font-size: 20px;
                font-weight: 800;
             }
             .listing-page-box .type-triangle-right {
                position: absolute;
                left: 14px;
                bottom: 50px;
                top: 80px;
            }
            .border-left{
                border: none;
            }
            
             @media (max-width: 767px){
                .listing-page-box {
                    padding: 0 0px 0px 0px;
                }
                .mob-layout{
                   display: inline-block;
                }
                .main-price-text{
                   display: inline-block;
                   font-size: 10px;
                   color: #fff !important;
                }
                .price-text{
                   display: inline-block;
                   font-size: 10px;
                   color: #fff !important;
                }
                .main-price-text span{
                   color: #fff !important;
                }
                .price-text span{
                   color: #fff !important;
                }
                .palce-container{
                    background: #fff;
                    border-radius: 15px;
                    padding: 5px 20px;
                    width: 100%;
                    margin: 0 auto;
                }
                .listing-page-box .border-right {
                    padding: 0 45px;
                    border-right: 0px !important;
                }
                .listing-page-box{
                   padding-bottom: 65px;
                }
                .mob-text-button{
                   padding: 0px 9px;
                   background: #1D6F9E;
                   border-radius: 15px;
                }
                .listing-page-box .book-button {
                   font-size: 14px;
                   padding: 8px 8px;
                }
                .text-center.place-container {
                   display: inline-flex;
                   align-items: center;
                }
                .location-icon-width {
                   width: 30px;
                }
                .place {
                   font-size: 16px;
                   margin-top: 5px !important;
                }
                .cupon-text {
                 left: 8%;
                }
                .listing-page-box h1 {
                   margin-top: 25px;
                }
                .starting-price-text{
                   margin: 0;
                }
                .starting-price-text span{
                   display: inline-block !important;
                   font-size: 16px;
                }
                .img-container {
                    position: relative;
                    height: 268px;
                     width: 80%; 
                     margin: 15px auto; 
                    overflow: hidden;
                    border-radius: 20px;
                }
                .listing-page-box .img-width {
                    height: auto;
                    width: 100%;
                    position: absolute;
                    top: 0px;
                    left: 0;
                }
                .listing-page-box {
                    background: #fff;
                    box-shadow: 0 5px 8px 0px #ddd;
                    padding: 0 0px 45px 0px;
             }
             .listing-page-box .type-triangle-right {
                position: absolute;
                left: 0px;
                bottom: 50px;
                top: 200px;
            }
             }

             @media (min-width: 768px) and (max-width: 1023px){
                .cupon-button {
                   background: #1D6F9E;
                   font-size: 10px;
                   padding: 5px 15px;
                   color: #fff;
                }
                .listing-page-box .book-button {
                   background: #ffc93c !important;
                   color: #1D6F9E;
                   font-weight: 800;
                   font-size: 13px;
                   padding: 5px;
                }
                .listing-page-box h1 {
                   font-size: 18px;
                }
             }
             @media (min-width: 1024px) and (max-width: 1366px){
                 .listing-page-box h1 {
                   font-size: 25px;
                }
                .cupon-button {
                   font-size: 15px;
             }
        }
    }
    /* Accomodation Package List Css END   */

    /* Experience Package Details Css START   */
    #sticky.stick-1 {
        position: sticky;
        top: -192px;
        z-index: 10000;
        border-radius: 0 0 0.5em 0.5em;
    }
   .query-btn{
       padding: 14px !important;
   }
      .box .content ul li {
      list-style: inherit;
      }
      b {
      font-weight: bold;
      }
      ul {
      list-style: inherit;
      }
      /*.card{*/
      /*    overflow: hidden;*/
      /*}*/
      .ribbon-wrapper{
          width: 100px;
          height: 100px;
          overflow: hidden;
          position: absolute;
          top: 0px;
          right: -3px;
      }
      .navbar-expand-sm .navbar-collapse {
           display: block !important;
       }
      .ribbon.orange {
       background-color: #ffc93c;
       background-repeat: repeat-x;
       }
       .ribbon {
       font-size: 13px;
       color: #FFF;
       text-transform: uppercase;
       font-weight: 700;
       letter-spacing: .05em;
       line-height: 15px;
       text-align: center;
       transform: rotate(45deg);
       position: relative;
       padding: 7px 0;
       right: 0px;
       top: 20px;
       width: 128px;
       height: 30px;
       }

   /*Slider*/
   #recipeCarousel{
       z-index: 1000;
   }
   #sticky.stick {
       z-index: 1000;
   }
   #recipeCarousel .carousel-inner .carousel-item {
        background-color: transparent;
        transition: 0s;
   }
   .navbar-expand-lg .navbar-collapse {
       display: flow-root !important;
   }
   .close-button-1{
       width: 10px;
   }

   @media (max-width: 767px){
       #mob-none{
           display: none;
       }
       .btn-text {
       color: #07689f;
       font-size: 16px;
       font-weight: 500;
   }
   button.btn.start-from-btn.waves-effect.waves-light {
       padding: 5px 8px;
       font-size: 16px;
   }
   .navbar-toggler-icon {
       display: flex;
   }
   .btn-text img {
       width: 26px;
   }
   .side-button{
       margin-top: -5px;
   }
   .close-button-1{
       width: 10px;
   }
   .back-to-top {
       bottom: 64px;
   }
   .navbar-toggler{
       overflow: visible;
       width: 120px;
   }
   }

   /* Experience Package Details Css END   */

   /* Accomodation PAckage Details Css START */
   .box .content ul li {
    list-style: inherit;
    }
    b {
    font-weight: bold;
    }
    ul {
    list-style: inherit;
    }
     .fa {
     display: inline-block;
     font-size: 16;
     text-rendering: auto;
     color: #07689F;
     }

     p.voucher {
      color: #07689F !important;
      font-weight: bold;
     }
     .location-text{
     color:#07689f;
     font-size: 25px;
     margin: 0px;
     font-weight: 600;
     }
     .description span{
         font-size: 14px;
     }

     .note-editor{font-family:Arial}
     /* Accomodation PAckage Details Css END */

     /* cookie css on Footer */
     .cookie-container {
        position: fixed;
        bottom: -100%;
        left: 0;
        right: 0;
        background: #333;
        color: #f5f6fa;
        padding: 0 32px;
        box-shadow: 0 -2px 16px rgba(47, 54, 64, 0.39);

        transition: 400ms;
      }

      .cookie-container.active {
        bottom: 0;
      }

      .cookie-container a {
        color: #f5f6fa;
      }

      .cookie-btn {
        background: #548FB7 ;
        border: 0;
        color: #f5f6fa;
        padding: 12px 48px;
        font-size: 16px;
        margin-bottom: 16px;
        border-radius: 8px;
        cursor: pointer;
      }
      
    @media (min-width: 350px) and (max-width: 450px){
        .img-slider {
            height: 230px;
            width: 354px;
        }
        #accommodation-best-stays .img-slider {
            height: 230px;
            width: 364px;
        }
        #accommodation-best-choose .img-slider {
            height: 230px;
            width: 364px;
        }
        #accommodation-best-tour .img-slider {
            height: 230px;
            width: 364px;
        }
        #accommodation-best-activity .img-slider {
            height: 230px;
            width: 383px;
        }
    }
    
  /************************************************/
/* Logo Slider  */  
  .slider {
    animation: slidein 30s linear infinite;
    white-space: nowrap;
    .logos {
      width: 100%;
      display: inline-block;
      margin: 0px 0;
      .fab {
        width: calc(100% / 5);
        animation: fade-in 0.5s 
          cubic-bezier(0.455, 0.03, 0.515, 0.955) forwards;
      }
    }
  }

@keyframes slidein {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.nav-tabs .nav-link.active{
background-color: transparent;
border-color:#ffc93c !important;
}
.booking-page {
width: 25px;
margin-right: 6px;
}
.contactDtls #accordionEx1 .card:hover{
border-radius: 5px !important;
}
.contactDtls .accordion-hr:after {
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid orange;
right: -15px;
}
.contactDtls .accordion-hr{
background: none;
}
.contactDtls .accordion .card-header h5{
font-size: 16px;
color: #222;
}
.contactDtls #accordionEx1 .card .card-header{
border-radius: 5px;
margin-bottom: 10px;
background-color: #ffc93c4f;
}
.detailSelectdd{
border: 1px solid rgba(51, 51, 51, 0.125);
border-radius: 10px;
margin-bottom: 30px;
padding-bottom: 20px;
}
.availabeRooom {
  padding-bottom: 40px;
}
html {
scroll-behavior: smooth;
scroll-padding-top: 80px;
}
.contactDtls h3{
font-size: 24px;
color: #07689f;
font-weight: 900;
}
.booking-page-icon-1 {
width: 20px;
}
.contact11 label{
font-weight: 700;
}
.contact-details label {
font-size: 14px;
}
.leftBgContact{
border: 1px solid rgba(51, 51, 51, 0.125);
border-radius: 5px;
background: #F7F7F7;
  padding: 20px;
}
.rowTime{
background-color: #07689f;;
}
.detailSelectdd .img-fluid{
border-radius: 5px;
}
.booking-paragraph h2 span{
font-weight: 900;
font-size: 16px !important;
  border-bottom: 2px solid;
}
.detailSelectdd .img-fluid{
box-shadow: 0 0px 0px 0 rgb(0 0 0 / 16%), 0 0px 1px 0 rgb(0 0 0 / 12%) !important;
 }
 /*--------------*/
 /* Position the image container (needed to position the left and right arrows) */
.containerImagee {
position: relative;
}

/* Hide the images by default */
.containerImagee .mySlides {
display: none;
}
.mySlides img{
height: 600px !important;
object-fit: cover;
}
/* Add a pointer when hovering over the thumbnail images */
.containerImagee .cursor {
cursor: pointer;
}

/* Next & previous buttons */
.containerImagee .prev,
.containerImagee .next {
cursor: pointer;
position: absolute;
top: 40%;
width: auto;
padding: 16px;
margin-top: -50px;
color: #ffc93c !important;
font-weight: bold;
font-size: 20px;
border-radius: 0 3px 3px 0;
user-select: none;
-webkit-user-select: none;
}

/* Position the "next button" to the right */
.containerImagee .next {
right: 0;
border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.containerImagee .prev:hover,
.containerImagee .next:hover {
background-color:#ffc93c;
color: #fff !important;
}

/* Number text (1/3 etc) */
.containerImagee .numbertext {
color: #f2f2f2;
font-size: 12px;
padding: 8px 12px;
position: absolute;
top: 0;
}

/* Container for image text */
.containerImagee .caption-container {
text-align: center;
background-color: #222;
padding: 2px 16px;
color: white;
}

.containerImagee .row:after {
content: "";
display: table;
clear: both;
}

/* Six columns side by side */
.containerImagee .column {
float: left;
width: 16.66%;
height: 120px;
border:2px solid #ccc;
}
.containerImagee .column img {
height: 100%;
width: 100%;
object-fit: cover;
}
.room-type-list ul {
  flex-direction: inherit;
}
.room-type-list ul li{
margin-right: 10px;
}
.Property-Amenities-icon li {

margin-bottom: 15px;
}
.imgShow{
height: 200px;
}
.imgShow img{
height: 100%;
width: 100%;
object-fit: cover;
}
.priceViewww{
padding: 10px 10px;
  background-color: #07689f;
  opacity: 0.9;
  color: #fff;
  border-radius: 10px;
 text-align: center;
 margin-right: 15px;
  font-weight: 700;
  font-size: 15px !important;
}
.priceViewww span:nth-child(2){
text-decoration: line-through;
  font-size: 13px;
  flex-shrink: 0;
  margin-right: 6px;
}
.availblBtn{
color: #07689f;;
font-weight: 500;
cursor: pointer;
}

.CalUl{
list-style-type: none;
padding: 0;
margin: 0;
display: flex;
font-size: 14px;
justify-content: space-between;
padding: 0px 50px;
}
.CalUl li p{
text-align: center;
}
.CalUl li .day, .CalUl li .date{
color:#808080;
font-weight: 900;
}
.panelCal hr{
margin-top: 0px;
}
.panelCal .carousel-control-next, .panelCal .carousel-control-prev{
width: 5%;
}
.CalUl li .day{

}
.ekko-lightbox{
top: 0px;
}
.ekko-lightbox .modal-content{
background-color: #0a0000f0;
}
.ekko-lightbox .close{
color: #fff;
}
.ekko-lightbox .modal-title{
font-size: 20px;
font-weight: 900;
color: #fff;
}
.ekko-lightbox-container img{
max-height: 100%;
width: auto !important;
margin: auto;
display: block;
}
.ekko-lightbox-container{
height: auto;
max-height: 100%;
width: auto;
margin: auto;
max-width: 100%;
}
.ekko-lightbox .modal-content{
height:100%;
}
.ekko-lightbox .modal-dialog{
width: 100% !important;
max-width: 100% !important;
height:100%;
margin: 0;
}
.CalUl li .price{
color: #07689f;
font-weight: 900;
}
.panelCal {
display: none;
}
.roomActive{
justify-content: space-around;
font-size: 13px;
font-weight: 500;
}
.roomActive a{
background-color: #07689f;
color: #fff;
border-radius: 15px;
padding: 5px 13px;
}
.priceViewww:hover{
opacity: 1;
color: #fff;
}
.rooms-type-heading{
  font-weight: 900;
}
#more {display: none;}
.btnReadMore{
  padding: 2px 10px;
  font-size: 13px;
  border: none;
  border-radius: 15px;
  background: #ffc93c;
  color: #fff;
  outline: none !important;
}

@media(max-width:991px){
  .availabeRooom p{
    text-align: center !important;
  }
  .priceViewww{
    margin-left: 15px;
  }
  .right-boder{
    border-right: none;
  }

}
@media(max-width:767px){
.containerImagee .column{
  height: 40px;
}
.CalUl{
  font-size:11px;
  padding: 0px 35px;
}
.detailUnits{
  padding: 0px 15px;
}
.mySlides img{
  height: 300px !important;
 
}
.rowTime {
  font-size: 14px;
}
.accordion-hr{
  top:12px;
}
.contactDtls #accordionEx1 .card .card-header{
  padding: 10px;
}
#accordionEx1 .card .card-body{
  margin-left: 0px;
  padding:4px
}
.contact-details label {
  font-size: 11px;
}
.leftBgContact{
padding: 10px;
}
.Property-Amenities-icon li {
   width: 100%;

}
.divDetll {
  padding-left: 15px;
  margin-top: 20px;
}
.room-type-list .nav-tabs{
  padding-right: 0px !important;
}
.panelCal .carousel-control-next, .panelCal .carousel-control-prev {
  width: 10%;
}

}


/* =================================deepak--------------=========== */
.hero-slider {
width: 100%;
height: 700px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
z-index: 0;
}

@media (max-width: 991px) {
.hero-slider {
  height: 600px;
}
}

@media (max-width: 767px) {
.hero-slider {
  height: 500px;
}
}

.hero-slider .swiper-slide {
overflow: hidden;
color: #fff;
}

.hero-slider .swiper-container {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}

.hero-slider .slide-inner {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
background-size: cover;
background-position: center;
display: flex;
justify-content: center;
align-items: center;
text-align: left;
}

.hero-slider .swiper-button-prev,
.hero-slider .swiper-button-next {
background: transparent;
width: 55px;
height: 55px;
line-height: 53px;
margin-top: -30px;
text-align: center;
border: 2px solid #d4d3d3;
border-radius: 55px;
opacity:0;
visibility:hidden;
transition:all .3s ease;
}
.hero-slider:hover .swiper-button-prev,
.hero-slider:hover .swiper-button-next {
transform:translateX(0);
opacity:1;
visibility:visible;
}

@media (max-width: 767px) {
.hero-slider .swiper-button-prev,
.hero-slider .swiper-button-next {
  display: none;
}
}

.hero-slider .swiper-button-prev {
left: 25px;
transform:translateX(50px);
}

.hero-slider .swiper-button-prev:before {
font-family: "Font Awesome 5 Free";
content: "\f060";
font-size: 15px;
color: #d4d3d3;
font-style: normal;
display: inline-block
vertical-align: middle;
font-weight: 900;
}

.hero-slider .swiper-button-next {
right: 25px;
transform:translateX(-50px);
}

.hero-slider .swiper-button-next:before {
font-family: "Font Awesome 5 Free";
content: "\f061";
font-size: 15px;
color: #d4d3d3;
font-style: normal;
display: inline-block
vertical-align: middle;
font-weight: 900;
}

.hero-slider .swiper-pagination-bullet {
width: 12px;
height: 12px;
text-align: left;
line-height: 12px;
font-size: 12px;
color: #000;
opacity: 0.3;
background:#fff;
transition:all .2s ease;
}

.hero-slider .swiper-pagination-bullet-active {
opacity:1;
}

.hero-slider .swiper-container-horizontal > .swiper-pagination-bullets,
.hero-slider .swiper-pagination-custom,
.hero-slider .swiper-pagination-fraction {
bottom: 30px;
}

@media screen and (min-width: 992px) {
.hero-slider .swiper-container-horizontal > .swiper-pagination-bullets,
.hero-slider .swiper-pagination-custom,
.hero-slider .swiper-pagination-fraction {
/*     display: none; */
}
}
.swiper-pagination {
text-align:left;
}

.hero-slider .swiper-container-horizontal > .swiper-pagination-bullets{
bottom:50px;
  max-width: 1200px;
  padding: 0 15px;
  margin: 0 auto;
  left: 50%;
  transform: translateX(-50%);
}

@media (min-width: 767px) {
.hero-slider .swiper-container-horizontal > .swiper-pagination-bullets{
bottom:30px;

}
}
/*--------------------------------------------------------------
#hero-style
--------------------------------------------------------------*/
.hero-style {
height: 850px;
transition:all .4s ease;
}

@media (max-width: 991px) {
.hero-style {
  height: 600px;
}
}

@media (max-width: 767px) {
.hero-style{
  height: 500px;
}
}

@media screen and (min-width: 992px) {
.hero-style .container {
  padding-top: 95px;
}
}

.hero-style .slide-title,
.hero-style .slide-text,
.hero-style .slide-btns {
max-width: 690px;
}

.hero-style .slide-title h2 {
font-size: 100px;
font-weight: 600;
line-height: 1;
color: #ffffff;
margin: 0 0 40px;
text-transform: capitalize;
transition:all .4s ease;
}

@media (max-width: 1199px) {
.hero-style .slide-title h2 {
  font-size: 75px;
}
}

@media (max-width: 991px) {
.hero-style .slide-title h2 {
  font-size: 50px;
  margin: 0 0 35px;
}
}

@media (max-width: 767px) {
.hero-style .slide-title h2 {
  font-size: 35px;
  margin: 0 0 30px;
}
}

.hero-style .slide-text p {
opacity: 0.8;
font-family: Rajdhani;
font-size: 32px;
font-weight: 500;
line-height: 1.25;
letter-spacing: normal;
color: #ffffff;
margin: 0 0 40px;
transition:all .4s ease;
}

@media (max-width: 767px) {
.hero-style .slide-text p {
  font-size: 16px;
  font-size: 1rem;
  font-weight: normal;
  margin: 0 0 30px;
}
}

.hero-style .slide-btns > a:first-child {
margin-right: 10px;
}


/*--------------------------------------------------------------
#button-style
--------------------------------------------------------------*/
.theme-btn, .theme-btn-s2{
  background-color: #ffffff;
  font-size: 20px;
font-weight: 500;
line-height: 1.4;
text-align: center;
color:#2b3b95;
  padding: 9px 32px;
  border: 0; 
border-radius: 3px;
  text-transform: uppercase;
  display: inline-block;
  line-height: initial;
transition:all .4s ease;
}
a {
  text-decoration: none;
  transition: all 0.2s ease;
}
.theme-btn-s2{
  background-color: rgba(255, 255, 255, 0.9);
  color: #131e4a;
}
.theme-btn:hover, .theme-btn-s2:hover, .theme-btn:focus, .theme-btn-s2:focus, .theme-btn:active, .theme-btn-s2:active {
  background-color:#2b3b95 ;
  color: #fff;
}
.theme-btn-s3{
font-size: 16px;
font-weight: 500;
line-height: 1.5;
color: #ffffff;
text-transform: uppercase;
}
i.fa-chevron-circle-right{
height:22px;
width:22px;
}
a:hover {
  text-decoration: none;
}
@media (max-width: 991px){
.theme-btn, .theme-btn-s2, .theme-btn-s3 {
  font-size: 13px;
  padding: 15px 25px;
}
}
@media (max-width: 767px){
.theme-btn, .theme-btn-s2{
  padding: 13px 20px;
  font-size: 13px;
}
}



/* ============================end=================== */

/*************** custom carousel start  *********/

.custom-carousel-control-left img{
  margin-left: -199px;
}
.custom-carousel-control-right img{
  margin-right: -199px;
}

.type-triangle-left {
position: absolute;
right: 30px;
/* bottom: 100px; */
top: 10%;
z-index: 9999;
background-image: linear-gradient(to bottom right, #0d496b, #89daf1);
color: #fff;
padding: 8px 5px;
min-width: 90px;
font-size: 16px;
height: 40px;
/* border-top-left-radius: 20px; */
/* border-bottom-left-radius: 20px; */
font-weight: 500;
border-radius: 8px;
}
/* .type-triangle-left {
  position: absolute;
  right: 0px;
  top: 75%;
  z-index: 9999;
  background-image: linear-gradient(to bottom right, #0d496b, #89daf1);
 color: #fff;
  padding: 8px 5px;
  min-width: 90px;
  font-size: 16px;
  height: 40px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  font-weight: 500;
 
} */
/* .type-triangle-right{
  position: absolute;
  left: 0px;

  top: 75%;
  background: #fddb3a;
  background-image: linear-gradient(to bottom right, #e4400f,  #fddb3a);
  color: #fff;
  padding: 8px 5px;
  min-width: 90px;
  font-size: 16px;
  height: 40px;
  z-index: 9999;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  font-weight: 500;

} */

.type-triangle-right {
position: absolute;
/* left: 0px; */
right: 30px;
/* bottom: 185px; */
top: 8%;
background: #fddb3a;
background-image: linear-gradient(to bottom right, #e4400f, #fddb3a);
color: #fff;
padding: 8px 5px;
min-width: 90px;
/* font-size: 16px; */
height: 40px;
z-index: 9999;
/* border-top-left-radius: 20px; */
/* border-bottom-left-radius: 20px; */
font-weight: 500;
border-radius: 8px;
}

/*== ===add by deepak= ============ */

/* ========================= Deepak CSS Start==================== */
  footer .footer-copyright {
    position: relative;
    z-index: 1
}

footer .footer-copyright .copyright-inner {
    background: #fbfbfb12
}

footer .newsletter-main .section-title h2 {
    font-size: 24px
}

footer .newsletter-form button {
    width: 38%
}

footer .footer-payment {
    position: relative;
    z-index: 2
}

footer .footer-payment .col-lg-8.footer-payment-nav {
    margin-bottom: 1rem !important
}

footer .footer-payment .col-lg-4.footer-payment-nav {
    margin-bottom: 1.5rem !important
}

footer .footer-listing-main .footer-listing {
    border: 1px dashed #f1f1f157;
    padding: 20px
}

footer .footer-listing-main .footer-listing i {
    font-size: 36px;
    display: block
}

.social-links {
    display: inline-block
}

.social-links ul li {
    display: inline-block !important
}

.social-links ul li a {
    background: #ffffff26;
    color: #fff;
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    font-size: 17px;
    line-height: 2.4;
    border-radius: 50%
}

.social-links ul li a:hover {
    color: #fff;
    background: #029e9d
}

footer.footer1 {
    background-color: transparent
}

footer.footer1 h4:after {
    position: absolute;
    content: '';
    height: 2px;
    width: 50px;
    background: #029e9d;
    left: 0;
    bottom: 0
}

footer.footer1 .footer-upper .footer-links ul li {
    margin-bottom: 0;
    line-height: 2.5;
    display: block;
    color: #3f3f3f
}

footer.footer1 .footer-upper .footer-links ul li a {
    color: #3f3f3f
}

footer.footer1 .footer-upper .footer-links ul p span {
    color: #029e9d
}

footer.footer1 .footer-upper .footer-links input.nir-btn {
    border: none
}

footer.footer1 .footer-upper .footer-links input.nir-btn:hover {
    opacity: .8;
    background: #029e9d !important;
    color: #fff
}

footer.footer1 .footer-upper .footer-links .post-list {
    border-bottom: 1px dashed #ffffff30;
    padding-bottom: 10px;
    margin-bottom: 10px
}

footer.footer1 .footer-upper .footer-links .post-list:last-child {
    border: none;
    margin: 0;
    padding: 0
}

footer.footer1 .footer-upper .footer-links .post-list .post-image {
    width: 30%;
    border-radius: 0;
    overflow: hidden
}

footer.footer1 .footer-upper .footer-links .post-list span {
    font-size: 12px
}

footer.footer1 .footer-copyright .social-links ul li {
    display: inline-block
}

footer.footer1 .footer-copyright .social-links ul li a {
    background: #029e9d;
    color: #fff;
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    font-size: 17px;
    line-height: 2.5
}

footer.footer1 .footer-copyright .social-links ul li a:hover {
    color: #fff;
    background: #029e9d
}

footer.footermain {
    width: 100%;
    overflow: hidden;
    position: relative
}

footer.footermain::before {
    content: '';
    background: #181d20 url(../images/testimonial.png);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%
}

footer.footermain .footer-upper {
    position: relative;
    z-index: 1
}

.newsletter {
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover
}

.newsletter .newsletter-form {
  position: relative
}

.newsletter .newsletter-form form {
  border-radius: 0;
  overflow: hidden;
  position: relative;
  border: 1px solid #f1f1f1
}

.newsletter .newsletter-form form input {
  padding-right: 65px;
  border: none;
  height: 50px;
  outline: none
}

.newsletter .newsletter-form form button {
  position: absolute;
  right: 0;
  top: 0;
  padding: 15px 24px;
  transition: all ease-in-out .5s
}

.newsletter .newsletter-form form button:hover {
  background: #fdc703 !important;
  transition: all ease-in-out .5s;
  color: #fff;
  opacity: .8
}

.section-shape {
  position: absolute;
  /* top: -96px; */
  left: 0;
  width: 100%;
  height: 96px;
  background-size: contain;
  background-repeat: repeat-x;
  z-index: 1
}

.section-shape.section-shape1 {
  transform: rotate(180deg)
}

@media(max-width:991px) {
  .section-shape {
      background-size: cover
  }
}

@media(max-width:1100px) and (min-width:1024px) {
    footer .footer-listing-main .footer-listing {
        margin: 0 5px
    }
}

@media(max-width:991px) {
    footer .footer-upper {
        padding-bottom: 3rem
    }
    footer .footer-upper .footer-links {
        width: 100% !important
    }
    footer .newsletter .newsletter-main {
        text-align: center
    }
    footer .newsletter .newsletter-main .section-title {
        margin-bottom: 1rem
    }
    footer .newsletter .newsletter-main .newsletter-form {
        margin: 0 auto !important
    }
    footer .f-payment {
        margin-top: 1rem;
        text-align: center
    }
    footer .footer-listing-main .footer-listing {
        margin-top: 15px
    }
    footer .newsletter-form form {
        display: block !important
    }
    footer .newsletter-form button {
        width: 100%;
        margin: 10px 0 0 !important
    }
    footer.footer1 .section-title {
        width: 100%;
        text-align: center;
        margin-bottom: 2rem
    }
    footer.footer1 .newsletter .newsletter-main {
        text-align: center
    }
    footer.footer1 .newsletter .newsletter-main .newsletter-form {
        width: 80%;
        margin: 0 auto
    }
}

@media(max-width:767px) {
    footer .footer-copyright .copyright-inner {
        text-align: center
    }
    footer .footer-copyright .copyright-inner .copyright-text {
        margin-bottom: 15px
    }
    footer .footer-middle {
        padding-top: 0 !important
    }
    footer .footer-middle .footer-nav {
        width: 100% !important
    }
}







.banner {
  padding: 0;
  background-size: cover;
  background-position: center;
  background-repeat: repeat-x
}

.banner .slider {
  height: 680px;
  position: relative
}

.banner .slider .swiper-container {
  width: 100%;
  height: 100%
}

.banner .slider .swiper-container .swiper-slide {
  overflow: hidden
}

.banner .slider .swiper-container .swiper-slide .slide-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: cover;
  background-position: center
}

.banner .slider .swiper-container .swiper-slide .slide-inner .slide-image {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: cover;
  background-position: center
}

.banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content {
  top: 45.6%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  width: 40%;
  position: absolute;
  z-index: 9
}

.banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content .nir-btn-black:hover {
  background-color: #fff
}

.banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content>h1 {
  letter-spacing: 1px;
  font-weight: 700
}

.banner .slider .swiper-container-horizontal>.swiper-pagination-bullets {
  bottom: 40px
}

.banner .slider .swiper-pagination-custom .swiper-pagination-fraction {
  bottom: 40px
}

.banner .slider .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #fff;
  opacity: 1
}

.banner .slider .swiper-pagination-bullet-active {
  background: #029e9d
}

.banner .slider .swiper-container-vertical>.swiper-pagination-bullets {
  right: 50px
}

.banner .slider1 .swiper-container .swiper-slide .slide-inner .swiper-content {
  width: 40%;
  position: absolute;
  z-index: 999;
  right: auto;
  left: 7%;
  text-align: left
}

.banner .slider2 {
  padding: 0;
  height: 570px !important
}

.banner .slider2 .swiper-container .swiper-slide .slide-inner .slide-image {
  width: 100%
}

.banner .slider2 .swiper-container .swiper-slide .slide-inner .swiper-content {
  top: auto;
  transform: none;
  bottom: 0;
  left: 0;
  width: 100%;
  position: absolute;
  z-index: 999;
  right: 0;
  margin: 0 auto;
  padding: 40px;
  background: 0 0;
  box-shadow: none
}

.banner .slider2 .swiper-container .swiper-slide .slide-inner .swiper-content>h1.s-title1 {
  font-size: 28px
}

.banner .slider2 .swiper-container .swiper-slide .slide-inner .color-overlay {
  height: 100%
}

.banner .video-slider {
  height: auto
}

.banner .video-slider .swiper-content {
  top: 56%;
  transform: translateY(-50%);
  left: 0;
  width: 60%;
  right: 0;
  text-align: center;
  margin: 0 auto;
  position: absolute;
  z-index: 3
}

.banner .video-slider .swiper-content>h1 {
  font-size: 58px;
  letter-spacing: 1px;
  margin-bottom: 0
}

.banner .video-slider .video-banner video {
  width: 100%;
  display: block
}

.banner .banner-main {
  height: 630px;
  position: relative
}

.banner .banner-main .banner-image {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: top
}

.banner .banner-main .banner-content {
  top: 45%;
  right: 0;
  left: 0;
  width: 55%;
  position: absolute;
  z-index: 9;
  text-align: center;
  margin: 0 auto;
  transform: translateY(-50%)
}

.banner .banner-main .banner-content>h1 {
  font-size: 58px;
  letter-spacing: 1px;
  font-weight: 700
}

.banner .banner-main .banner-content p {
  font-size: 21px
}

.banner .banner-slide {
  height: 500px
}

.banner .banner-in .banner-image {
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: center;
  animation: movebounce 5s infinite
}

.banner .swiper-button-next {
  right: 30px
}

.banner .swiper-button-prev {
  left: 30px
}

.banner .swiper-button-next:after,
.banner .swiper-button-prev:after {
  background: #029e9d;
  font-size: 21px;
  padding: 10px 20px;
  color: #fff;
  transition: all ease-in-out .5s;
  height: 50px;
  width: 50px;
  border-radius: 50%
}

.banner .swiper-button-next:hover:after,
.banner .swiper-button-prev:hover:after {
  background: #fdc703;
  color: #fff;
  transition: all ease-in-out .5s
}

.banner .slider-before:before {
  background: #f1f1f1;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50%;
  height: 100%;
  z-index: 1
}

.banner .slick-content-inner {
  position: absolute;
  top: 45%;
  width: 60%;
  left: 0;
  right: 0;
  text-align: center;
  margin: 0 auto;
  z-index: 1
}

.banner .slider-thumbs {
  position: absolute !important;
  bottom: 0;
  width: 100%;
  left: 0;
  right: 0;
  background: #fdfdfd;
  margin: 0 auto !important;
  overflow: hidden
}

.banner .slider-thumbs .slick-prev,
.banner .slider-thumbs .slick-next {
  background: #029e9d
}

.banner .slider-thumbs .slick-prev {
  left: 10px
}

.banner .slider-thumbs .slick-next {
  right: 10px
}

.banner .slider-thumbs .slick-slide {
  opacity: .7
}

.banner .slider-thumbs .slick-slide.slick-current.slick-active.slick-center {
  opacity: 1
}

@media(max-width:1370px) and (min-width:1368px) {
  .banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content {
      width: 60%
  }
  .banner .slider1 .swiper-container .swiper-slide .slide-inner .swiper-content {
      width: 40%
  }
}

@media(max-width:1100px) {
  .banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content,
  .banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content1,
  .banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content2 {
      width: 75% !important
  }
  .banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content h1,
  .banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content1 h1,
  .banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content2 h1 {
      font-size: 48px
  }
  .banner .video-slider .swiper-content {
      width: 85% !important
  }
  .banner .video-slider .swiper-content h1 {
      font-size: 50px
  }
  .banner .banner-main .banner-content {
      width: 90%
  }
  .banner .slider.slider3 .swiper-container .swiper-slide .slide-inner .swiper-content1>h1 {
      font-size: 36px
  }
}

@media(max-width:991px) {
  .banner .slider .swiper-container .swiper-slide .slide-inner .slide-image {
      width: 100%;
      left: 0
  }
  .banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content {
      top: 60%;
      left: 0;
      right: 0;
      margin: 0 auto
  }
  .banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content h1 {
      font-size: 40px
  }
  .banner .slider .swiper-container .slider-before .swiper-content {
      top: 50% !important
  }
  .banner .slider .swiper-container .slider-before:before {
      background: #fdc703;
      width: 100%;
      opacity: .7
  }
  .banner .slider .swiper-container .slider-before span a,
  .banner .slider .swiper-container .slider-before h1 a,
  .banner .slider .swiper-container .slider-before p {
      color: #fff
  }
  .banner .banner-main {
      height: auto
  }
  .banner .banner-main .banner-content {
      top: 50%;
      transform: translateY(-50%)
  }
  .banner .banner-in .banner-content {
      width: 100% !important
  }
  .banner .banner-in .banner-content {
      width: 100% !important
  }
  .banner .banner-in .banner-content .input-box {
      border: none !important
  }
  .banner .banner-in .banner-content .nir-btn {
      padding: 14px 24px !important;
      margin: 0 1.5rem 1.5rem;
      width: 50% !important
  }
  .slider-thumbs {
      position: relative !important;
      bottom: 0;
      width: 100%;
      left: 0;
      right: 0;
      padding: 0;
      background: 0 0
  }
  .slick-content-inner {
      width: 90%;
      top: 50%;
      transform: translateY(-50%)
  }
  .search-banner-in .col-lg-6 {
      padding: 0 15px !important
  }
}

@media(max-width:767px) {
  .banner .slider .swiper-container .swiper-slide .slide-inner::before {
      display: none
  }
  .banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content {
      width: 90% !important;
      left: 0;
      right: 0;
      top: 60%;
      text-align: center;
      margin: 0 auto
  }
  .banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content span {
      padding-left: 0
  }
  .banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content span:before {
      display: none
  }
  .banner .slider .swiper-container .swiper-slide .slide-inner .overlay {
      width: 100%
  }
  .banner .slider .swiper-button-prev,
  .banner .slider .swiper-button-next {
      display: none
  }
  .banner .swiper-button-prev,
  .banner .swiper-button-next {
      display: none
  }
  .banner .top50 .swiper-container .swiper-slide .slide-inner .swiper-content {
      top: 50%
  }
  .banner .swiper-button-prev,
  .banner .swiper-button-next {
      display: none
  }
}

@media(max-width:639px) {
  .banner .container {
      padding: 0
  }
  .banner .slider {
      overflow: visible;
      padding: 0 !important
  }
  .banner .slider .swiper-container .swiper-slide .slide-inner .slide-image {
      width: 100%;
      position: relative;
      top: inherit;
      left: inherit;
      right: inherit;
      transform: none
  }
  .banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content>h1 {
      font-size: 32px
  }
  .banner .slider .swiper-container-vertical>.swiper-pagination-bullets {
      display: none
  }
  .banner .video-slider .swiper-content {
      display: none
  }
  .banner .banner-main .banner-content>h1 {
      font-size: 28px
  }
  .search-banner-list .search-banner-item {
      display: block !important;
      text-align: center
  }
  .search-banner-list .search-banner-item .search-banner-item-ctn {
      width: 100% !important;
      margin: 15px 0 0 !important
  }
}

@media(max-width:400px) {
  .banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content .entry-meta,
  .banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content .entry-date,
  .banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content .entry-category {
      display: block !important;
      margin-bottom: 15px
  }
  .banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content .entry-author {
      margin-bottom: 15px
  }
  .banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content .entry-author .entry-date {
      margin-bottom: 0
  }
  .banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content>h1 {
      font-size: 24px
  }
  .banner .slider .swiper-container-vertical>.swiper-pagination-bullets {
      display: none
  }
  .banner .video-slider .swiper-content {
      display: none
  }
  .banner .banner-main .banner-content>h1 {
      font-size: 24px
  }
  .slider-thumbs,
  .slick-content-inner {
      display: none !important
  }
}




  /* =============================== Deepak CSS END================= */



/*== ===add by sumeet= ============ */

.formNewSec{
  border-radius: 5px;
 
  bottom: -5%;
  z-index: 999;
  left: 0px;
  position: absolute;
}
.formNewSec .tab-content{
  box-shadow: 0 9px 10px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
  border-radius:  5px;

}
.formNewSec ul{
  display: inline-flex;
  background: #fff;
  border-radius: 5px;
  overflow: hidden;
  min-height: 50px;
  align-items: center;
  margin-bottom: -3px;
  position: relative; 
}

.formNewSec ul a{
  padding: 15px 20px;
  border-radius: 5px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  background-color: #ffc93c;
  color: #fff;
  font-weight: 600;
}
.formNewSec ul a.active{
  color: #ffc93c;
  background-color: #fff;
}
.inlineForm{
  display: flex;
  justify-content: space-between;
}
.maniTb{
  width: 30%;
  padding: 0px 20px;
}
.maniTb .fa{
  font-size: 20px;
}
.maniTb label{
  text-align: left;
  display: block;
  font-weight: 500;
  font-size: 14px;
}
.maniTb .form-group{
  display: flex;
  flex-wrap: nowrap;
}
.maniTb .form-control{
  width: 100%;
  border: none;
  outline: none !important;
  font-weight: 600;
  color:#222;
}
.maniTb .form-control::placeholder{
  color: #222;
}
.maniTb .form-control:focus{
box-shadow: none;
}
.formNewSec button{
  padding: 10px 10px;
  width: 170px;
  background-color: #07689f !important;
  opacity: 0.9;
}
.formNewSec button:hover{
  opacity: 1;
}
.maniTb2{
  width: 40%;
}
.containerlbl {
  display: inline-block !important;
  position: relative;
  padding-left: 35px;
  width: 45%;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 17px;
}

/* Hide the browser's default radio button */
.containerlbl input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmarklbl {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.containerlbl:hover input ~ .checkmarklbl {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.containerlbl input:checked ~ .checkmarklbl {
  background-color: #ffc93c;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmarklbl:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.containerlbl input:checked ~ .checkmarklbl:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.containerlbl .checkmarklbl:after {
     top: 4px;
    left: 4px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: white;
}
@media(max-width:1024px){
 .formNewSec{
  width: 85% !important;
 }    
}
@media(max-width:991px){
  .formNewSec{
   width: 96% !important;
   left: 2%;
  } 
  .maniTb label{
      font-size: 13px;
  }   
  .maniTb .form-control{
      font-size: 12px;
  }
  .maniTb .fa {
      font-size: 15px;
  }
}
@media(max-width:767px){
  .inlineForm {
      flex-wrap: wrap;
  }
  .maniTb {
      width: 100%;
      padding: 0px 8px;
      margin-bottom: 8px;
  }
  .maniTb .form-group{
      align-items: center;
  }
  .formNewSec button{
      display: block;
      width: 100%;
  }
  .checkmarklbl{
      top:-2px;
  }
  .formNewSec{
      bottom: -28%;
  }
  .home-banner{
      margin-bottom: 40%;
  }
}
/*---------*/
.rooms-type-heading{
font-size: 18px;
}
.description span{
font-weight: 700;
}
.property-location-text{
display: block;
text-align: left;
color: #07689f;
font-weight: 900;
}
.rooms-container{
border:none;
box-shadow: none !important;
}
.rooms-container .nav-link {
  padding: 10px 10px;
}
/* .room-type-list .nav-tabs{
background-color: #f7f7f7;
} */
.room-type-list .nav-tabs{
background-color: #07689f;
justify-content: space-between;
}
.room-type-list .nav-tabs .nav-item {
margin-bottom: 0px;
margin-right: 0px;
width: 25%;

}
.nav-tabs .nav-link{
color: #ffc93c;
border:none !important;
border-bottom: 3px solid transparent !important;
text-align: center;
font-weight: 700;
border-radius: 0px;
}
.formAraBook{
background-color: #f7f7f7;
border-radius: 15px;
overflow: hidden;
padding-bottom: 15px;
position: -webkit-sticky;
position: sticky;
top: 80px;
}
.formAraBook label{
font-size: 12px;
}
.formAraBook .maniTb .form-control{
font-size: 13px;
}
.formAraBook .maniTb .fa {
font-size: 16px;
}
.formAraBook h4{
background-color: #07689F;
color: #fff;
font-weight: 700;
font-size:15px;
padding: 15px;
}
/*== ===add by sumeet= ============ */

/* =================================deepak--------------=========== */

.hero-slider {

width: 100%;

height: 700px;

display: -webkit-box;

display: -ms-flexbox;

display: flex;

position: relative;

z-index: 0;

}



@media (max-width: 991px) {

.hero-slider {

  height: 600px;

}

}



@media (max-width: 767px) {

.hero-slider {

  height: 500px;

}

}



.hero-slider .swiper-slide {

overflow: hidden;

color: #fff;

}



.hero-slider .swiper-container {

width: 100%;

height: 100%;

position: absolute;

left: 0;

top: 0;

}



.hero-slider .slide-inner {

width: 100%;

height: 100%;

position: absolute;

left: 0;

top: 0;

z-index: 1;

background-size: cover;

background-position: center;

display: flex;

justify-content: center;

align-items: center;

text-align: left;

}



.hero-slider .swiper-button-prev,

.hero-slider .swiper-button-next {

background: transparent;

width: 55px;

height: 55px;

line-height: 53px;

margin-top: -30px;

text-align: center;

border: 2px solid #d4d3d3;

border-radius: 55px;

opacity:0;

visibility:hidden;

transition:all .3s ease;

}

.hero-slider:hover .swiper-button-prev,

.hero-slider:hover .swiper-button-next {

transform:translateX(0);

opacity:1;

visibility:visible;

}



@media (max-width: 767px) {

.hero-slider .swiper-button-prev,

.hero-slider .swiper-button-next {

  display: none;

}

}



.hero-slider .swiper-button-prev {

left: 25px;

transform:translateX(50px);

}



.hero-slider .swiper-button-prev:before {

font-family: "Font Awesome 5 Free";

content: "\f060";

font-size: 15px;

color: #d4d3d3;

font-style: normal;

display: inline-block

vertical-align: middle;

font-weight: 900;

}



.hero-slider .swiper-button-next {

right: 25px;

transform:translateX(-50px);

}



.hero-slider .swiper-button-next:before {

font-family: "Font Awesome 5 Free";

content: "\f061";

font-size: 15px;

color: #d4d3d3;

font-style: normal;

display: inline-block

vertical-align: middle;

font-weight: 900;

}



.hero-slider .swiper-pagination-bullet {

width: 12px;

height: 12px;

text-align: left;

line-height: 12px;

font-size: 12px;

color: #000;

opacity: 0.3;

background:#fff;

transition:all .2s ease;

}



.hero-slider .swiper-pagination-bullet-active {

opacity:1;

}



.hero-slider .swiper-container-horizontal > .swiper-pagination-bullets,

.hero-slider .swiper-pagination-custom,

.hero-slider .swiper-pagination-fraction {

bottom: 30px;

}



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

.hero-slider .swiper-container-horizontal > .swiper-pagination-bullets,

.hero-slider .swiper-pagination-custom,

.hero-slider .swiper-pagination-fraction {

/*     display: none; */

}

}

.swiper-pagination {

text-align:left;

}



.hero-slider .swiper-container-horizontal > .swiper-pagination-bullets{

bottom:50px;

  max-width: 1200px;

  padding: 0 15px;

  margin: 0 auto;

  left: 50%;

  transform: translateX(-50%);

}

}

@media (min-width: 767px) {

.hero-slider .swiper-container-horizontal > .swiper-pagination-bullets{

bottom:30px;



}

}

/*--------------------------------------------------------------

#hero-style

--------------------------------------------------------------*/

.hero-style {

height: 850px;

transition:all .4s ease;

}



@media (max-width: 991px) {

.hero-style {

  height: 600px;

}

}



@media (max-width: 767px) {

.hero-style{

  height: 500px;

}

}



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

.hero-style .container {

  padding-top: 95px;

}

}



.hero-style .slide-title,

.hero-style .slide-text,

.hero-style .slide-btns {

max-width: 690px;

}



.hero-style .slide-title h2 {

font-size: 100px;

font-weight: 600;

line-height: 1;

color: #ffffff;

margin: 0 0 40px;

text-transform: capitalize;

transition:all .4s ease;

}



@media (max-width: 1199px) {

.hero-style .slide-title h2 {

  font-size: 75px;

}

}



@media (max-width: 991px) {

.hero-style .slide-title h2 {

  font-size: 50px;

  margin: 0 0 35px;

}

}



@media (max-width: 767px) {

.hero-style .slide-title h2 {

  font-size: 35px;

  margin: 0 0 30px;

}

}



.hero-style .slide-text p {

opacity: 0.8;

font-family: Rajdhani;

font-size: 32px;

font-weight: 500;

line-height: 1.25;

letter-spacing: normal;

color: #ffffff;

margin: 0 0 40px;

transition:all .4s ease;

}



@media (max-width: 767px) {

.hero-style .slide-text p {

  font-size: 16px;

  font-size: 1rem;

  font-weight: normal;

  margin: 0 0 30px;

}

}



.hero-style .slide-btns > a:first-child {

margin-right: 10px;

}





/*--------------------------------------------------------------

#button-style

--------------------------------------------------------------*/

.theme-btn, .theme-btn-s2{

  background-color: #ffffff;

  font-size: 20px;

font-weight: 500;

line-height: 1.4;

text-align: center;

color:#2b3b95;

  padding: 9px 32px;

  border: 0; 

border-radius: 3px;

  text-transform: uppercase;

  display: inline-block;

  line-height: initial;

transition:all .4s ease;

}

a {

  text-decoration: none;

  transition: all 0.2s ease;

}

.theme-btn-s2{

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

  color: #131e4a;

}

.theme-btn:hover, .theme-btn-s2:hover, .theme-btn:focus, .theme-btn-s2:focus, .theme-btn:active, .theme-btn-s2:active {

  background-color:#2b3b95 ;

  color: #fff;

}

.theme-btn-s3{

font-size: 16px;

font-weight: 500;

line-height: 1.5;

color: #ffffff;

text-transform: uppercase;

}

i.fa-chevron-circle-right{

height:22px;

width:22px;

}

a:hover {

  text-decoration: none;

}

@media (max-width: 991px){

.theme-btn, .theme-btn-s2, .theme-btn-s3 {

  font-size: 13px;

  padding: 15px 25px;

}

}

@media (max-width: 767px){

.theme-btn, .theme-btn-s2{

  padding: 13px 20px;

  font-size: 13px;

}

}







/* ============================end=================== */


/* =================================deepak--------------=========== */

/*--------------------------------------------------------------
#button-style
--------------------------------------------------------------*/

.theme-btn, .theme-btn-s2{

  background-color: #ffffff;

  font-size: 20px;

font-weight: 500;

line-height: 1.4;

text-align: center;

color:#2b3b95;

  padding: 9px 32px;

  border: 0; 

border-radius: 3px;

  text-transform: uppercase;

  display: inline-block;

  line-height: initial;

transition:all .4s ease;

}

a {

  text-decoration: none;

  transition: all 0.2s ease;

}

.theme-btn-s2{

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

  color: #131e4a;

}

.theme-btn:hover, .theme-btn-s2:hover, .theme-btn:focus, .theme-btn-s2:focus, .theme-btn:active, .theme-btn-s2:active {

  background-color:#2b3b95 ;

  color: #fff;

}

.theme-btn-s3{

font-size: 16px;

font-weight: 500;

line-height: 1.5;

color: #ffffff;

text-transform: uppercase;

}

i.fa-chevron-circle-right{

height:22px;

width:22px;

}

a:hover {

  text-decoration: none;

}

@media (max-width: 991px){

.theme-btn, .theme-btn-s2, .theme-btn-s3 {

  font-size: 13px;

  padding: 15px 25px;

}

}

@media (max-width: 767px){

.theme-btn, .theme-btn-s2{

  padding: 13px 20px;

  font-size: 13px;

}

}







/* ============================end=================== */


.maniTb{

  width: 30%;

  padding: 0px 20px;

}

.maniTb .fa{

  font-size: 20px;

}

.maniTb label{

  text-align: left;

  display: block;

  font-weight: 500;

  font-size: 14px;

}

.maniTb .form-group{

  display: flex;

  flex-wrap: nowrap;

}

.maniTb .form-control{

  width: 100%;

  border: none;

  outline: none !important;

  font-weight: 600;

  color:#222;

}

.maniTb .form-control::placeholder{

  color: #222;

}

.maniTb .form-control:focus{

box-shadow: none;

}

.formAraBook {
background-color: #f7f7f7;
border-radius: 15px;
overflow: hidden;
padding-bottom: 15px;
position: -webkit-sticky;
position: sticky;
top: 80px;
}

.formAraBook label{
font-size: 12px;
}
.formAraBook .maniTb .form-control{
font-size: 13px;
}
.formAraBook .maniTb .fa {
font-size: 16px;
}
.formAraBook h4{
background-color: #07689F;
color: #fff;
font-weight: 700;
font-size:15px;
padding: 15px;
}


@media (max-width: 575.98px) { 

  .exsm {
    font-size: 12px !important;
  }

  .roomActive a {
    padding: 4px 7px;
    margin-left: 1px !important;
  }

 }

 .lg-outer .lg-thumb-outer {
  background-color: #0d0a0a;
  display: inline-block;
  width: 100%;
  max-height: 350px;
}

.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}

.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}

.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
}

.lg-outer .lg-thumb-outer.lg-rebuilding-thumbnails .lg-thumb {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
}

.lg-outer .lg-thumb-outer.lg-thumb-align-middle {
  text-align: center;
}

.lg-outer .lg-thumb-outer.lg-thumb-align-left {
  text-align: left;
}

.lg-outer .lg-thumb-outer.lg-thumb-align-right {
  text-align: right;
}

.lg-outer .lg-thumb {
  padding: 5px 0;
  height: 100%;
  margin-bottom: -5px;
  display: inline-block;
  vertical-align: middle;
}

@media (min-width: 768px) {
  .lg-outer .lg-thumb {
    padding: 10px 0;
  }
}

.lg-outer .lg-thumb-item {
  cursor: pointer;
  float: left;
  overflow: hidden;
  height: 100%;
  border-radius: 2px;
  margin-bottom: 5px;
  will-change: border-color;
}

@media (min-width: 768px) {
  .lg-outer .lg-thumb-item {
    border-radius: 4px;
    border: 2px solid #fff;
    -webkit-transition: border-color 0.25s ease;
    -o-transition: border-color 0.25s ease;
    transition: border-color 0.25s ease;
  }
}

.thumbrow {
  flex-wrap: nowrap;
  margin: 0 !important;
  max-width: 2100px;
  overflow-x: auto;
            white-space: nowrap;
            background-color: #000;

}

.thumbcol {
  padding: 1px !important;
  overflow: hidden;
   display: inline-block;
            float: none;
            margin-right: 1px;
}

img.demo {
  
  opacity: 1 !important;
  border-radius: 4px;
    border: 2px solid #fff;

}



// Small devices (landscape phones, 576px and up)

@media (min-width: 375px) { 

  

 }


@media (min-width: 576px) { 

  

 }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }