@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&display=swap');

body {
	font-family: 'Nunito', sans-serif !important;
	font-weight: 400; color:#000 !important;
	font-size: 13px;
	background:#fff !important;
}
.gm-style .gm-style-iw-c,
.gm-style .gm-style-iw-d {
    max-height: inherit !important;
    overflow: initial !important;
}

.gm-style .gm-style-iw-c {
padding: 12px !important;
}
.banner-text1 {
    color: #fff;
    text-align: center;
    z-index: 9;
}

.banner-text1 h3 a{
	color:#fff;
	text-decoration: none;
    padding: 15px 25px;
    border: 1px solid #fff;
    display: inline-block;
}

.banner-text1 h3 a:hover{
	background-color:#96669c;
    border: 1px solid transparent;
    
}

html {
  scroll-behavior: smooth;
}

p {
	font-size: 18px !important;
}
img {
	max-width: 100%;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
	position: relative;
	width: 100%;
	padding-right: 8px !important;
	padding-left: 8px !important;
}
.hc-text1 a{
border: #fff 3px solid;
    padding: 8px 15px;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    align-self: center;
    margin: auto;
}

.hc-text1 a{
    margin-bottom: 20px;
    display: block;
    width: fit-content;
    opacity: 0;
}
.hc-box.hc1:hover .hc-text1 a {
    opacity: 1;
	color: #fff;
	text-decoration:none;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
	width: 100%;
	padding-right: 8px !important;
	padding-left: 8px !important;
	margin-right: auto;
	margin-left: auto;
}

.row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -8px !important;
	margin-left: -8px !important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	margin-bottom: .5rem;
	font-weight: 700 !important;
	line-height: 1.2;
}

input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

a.closebtn:hover {
	color:#fff;
    text-decoration: none;
}

.transparent-bg {
	background: rgba(0,0,0,0.5);
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 100vh;
	top: 0;
}

.de-box1 a{
	/*background: #96669c;
    border: #96669c thin solid;*/
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    padding: 10px 15px;
}


.h-search input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color:rgba(255,255,255,0.8);
  opacity: 1; /* Firefox */
}

.h-search input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:rgba(255,255,255,0.8);
}

.h-search input::-ms-input-placeholder { /* Microsoft Edge */
  color:rgba(255,255,255,0.8);
}



.container {
	width:98% !important;
	max-width:1240px !important;
}

header {
	position: absolute;
	width: 100%;	
	z-index: 999; 
    top:0;
	display:flex;
}

.sticky {
  position: fixed;
  top: 0; background:#96669c;
  width: 100%;
  z-index:999;
}

.sticky + .content {
  padding-top: 102px;
}

/*header.sticky .logo{ width:auto;}*/

.logo {
	display: inline-flex;
	background: #96669c;
	color: #fff;	
    height: 100px;
    width: 270px;
    margin-right: 25px;
}
.logo a {
	color: #fff;
	align-self: center;
	width: 100%;
	text-align: center;
	font-size: 30px;
	font-weight: 900;
}

.logo a:hover{ color:rgba(255,255,255,0.8); text-decoration:none;}

nav {
	display: inline-block !important;
	width: auto;
}

nav ul {
	padding: 0;
	margin: 0;
}

nav ul li {
	list-style: none;
	display: inline-block;
}

nav ul li a { margin:0 10px;
	color: #fff;
	padding:0px;
}

nav ul li a:hover{ border-bottom:#fff 1px solid; color:#fff; text-decoration:none;}



.h-search {
	right: 10px;
	position: absolute;
	margin-top: 32px;
	max-width: 210px;
	width: 100%;
}

.h-search input { width:100%;
	background: none;
	border: none;
	border-bottom: #fff thin solid;
	color: #fff; font-weight:700;
	padding:5px 35px 5px 5px; font-size:14px;
}

.h-search input:focus{ outline:none;}


.h-search button {
	position: absolute;
	background: none;
	border: none;
	right: 0;
	padding: 0;
	top:0;
}

.banner{ width:100%; height:auto; display:inline-block; background-size: cover !important; padding-top:180px; min-height:100vh;}

.banner-text{ color:#fff;}

.banner-text span {
	font-size:36px;
	font-weight: 400;
	display: block;
}

.banner-text h1 {
	font-size: 72px;
	font-weight: 700;
        text-transform: uppercase;
}

.banner-text a {
	border: #fff 2px solid !important;
	padding: 8px 20px;
	display: inline-block;
	color: #fff;
	margin: 30px 0;
	font-size:18px;
	font-weight: 700;
}

.banner-text a:hover{ background:#96669c; color:#fff; border:#96669c 2px solid !important; text-decoration:none;}

.blog-slide{ color:#fff; margin-right:90px;}

.blog-slide h4 {
	font-size:24px;
	font-weight: 600;
}

.blog-slide ul {
	padding: 0;
	margin: 0;
	width:100%;
	max-width:164px;
}

.blog-slide ul li {
	list-style: none;
	display: inline-block;
	position: relative;
	margin-bottom: 15px;
	height:164px
}
.blog-slide ul li img{
	height:100%;
}
.blog-slide ul li span {

	
	position: absolute;
    align-self: center;
    text-align: center;
    width: 100%;
    font-size: 18px;
    text-align: left;
    padding: 10px;
    line-height: 24px;
    font-weight: 700;
    width: 100%;
    height: 100%;
    z-index: 9;
    background: #00000063;
    content: "";
	
}

.blog-slide ul li span a {
	display: none;
	transition: 0.3s;
}

.blog-slide ul li:hover span a {
	transition: 0.3s;
	color: #fff;
	border: #fff thin solid;
	font-size: 14px;
	padding: 0px 10px;
	margin-top: 10px;
	display: block;

	text-align: center;
	height:36px;
	line-height:36px;
}
.blog-slide ul li:hover span a:hover{ text-decoration:none;}



.hb-box{ position:relative;}

.hb-box span {
	position: absolute; 
	align-self: center;
	text-align: center;
	width: 100%;
	font-size: 24px;
	text-align: left;
	padding: 20px;
	line-height: 30px;
	font-weight: 700;
	bottom:0;
	z-index:9;
}

.hb-box span em{ font-style:normal; display:block; width:100%;}


.hb-box span a{ display:none;}

.hb-box:hover span a {
	color: #fff;
	border: #fff thin solid;
	font-size: 14px;
	display: inline-block;
	padding: 0px 10px;
	margin-top: 10px;
}

.owl-nav .owl-next, .owl-nav .owl-prev, .rating-icon, .hc-text1 em img, .hc-text em img, .banner-text em img {
    filter: hue-rotate( 
118deg) saturate(0.4);
}
.hb-box span a:hover{ text-decoration:none; }

.h-social {
	position: absolute;
	right:10px;
	bottom:53px;
}

.social-h{ width:50px; height:100%;}

.loadmore {
	padding: 20px;
	text-align: center;
	position: absolute !important;
	bottom: 20px;
	width: auto !important;
	left: 0;
	right: 0;
}

.loadmore:hover img{ margin-top:-10px; behavior: 'smooth'}


.phil {
	width: 100%;
	display: block;
	padding: 60px 0 60px;
	background: #fff;
}

.phil h2 {
	font-size: 36px;
	font-weight: 700;
	border-bottom: #96669c 2px solid;
	display: inline-block;
	margin-bottom: 30px;
      text-transform: uppercase;
}


.phil h3 {
	font-size:28px;
	font-weight: 700;
      text-transform: uppercase;
}


.phil-box{ width:100%; height:auto; position:relative;}

.phil-box div {
	position: absolute;
	bottom: 20px;
	width: 100%;
	text-align: center;
	color: #fff;
	z-index: 9;
	font-weight: 600; text-transform:uppercase;
}

.phil-box  a {
	border: #fff thin solid;
	font-size: 16px;
	padding: 8px 20px;
	display: block;
	color: #fff;
	width: 160px;
	margin: 15px auto 0;
}

.phil-box h3{}



.phil-box div a:hover{ background:#96669c; border:#96669c thin solid; color:#fff; text-decoration:none;}

.h-destination{ width:100%; height:auto; display:inline-block; padding:50px 0;}
.h-destination h2.hotelTitle{margin-top:20px;}
.h-destination h2{font-size:36px;
	font-weight: 700;
	border-bottom: #96669c 2px solid;
	display: inline-block;
	margin-bottom: 30px;}

.de-box{ width:100%; height:auto; display:block; position:relative; cursor:pointer; margin-bottom:16px;}

.de-box img{ width:100%; height:100%;}

/* .de-box h3 {
	position: absolute;
	top:45%;
	width: 100%;
	text-align: center;
	color: #fff;
	z-index: 9;
	font-weight: 600;
	text-transform:uppercase;
	padding:0px 15px;
} */

.de-box h3 {
	position: absolute;
    top: 30%;
    width: 100%;
    text-align: center;
    color: #fff;
    z-index: 9;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0px 15px;
    transform: translateY(-50%);
    height: 150px;
    /*display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;*/
}

.de-box h3 .termTitle {
	height: 70px;
    overflow: hidden;
    display: block;
    font-weight: inherit;
}

.page-id-146 .de-box h3 .termTitle {
    height: auto;
    overflow: hidden;
    display: block;
    font-weight: inherit;
    font-size: 1.75rem;
}

.blog-box h3 {
	text-transform:none;
}
.blog-box span{ padding:0 5px; }
.tax-hotel-cat .de-box h3{
	padding:0 10px;
    height: 145px;
	/*top:30%;*/
}

.de-box h3 a { 
	display:none;
	position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    }

.de-box:hover h3 a {
	border: #fff thin solid;
	font-size: 15px;
	padding: 8px 20px;
	display: block;
	color: #fff;
	margin-top: 15px;
	clear: both;
	max-width: 160px;
	margin: 10px auto -90px;
}

.de-box h3 a:hover{ background:#96669c; border:#96669c thin solid; color:#fff; text-decoration:none;}


.de-box1{ width:100%; height:auto; display:flex; position:relative; cursor:pointer; margin-bottom:16px;}

.de-box1 img{ width:100%; height:100%;}

.de-box1 h2 {
    position: absolute;
    bottom: auto;
    width: 100%;
    text-align: center;
    color: #fff;
    z-index: 9;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: none;
    font-size: 56px;
    align-self: center;
    margin-bottom: 0;
}

.de-box1 h3 {
	position: absolute;
	bottom: 40%;
	width: 100%;
	text-align: center;
	color: #fff;
	z-index: 9;
	font-weight: 700;
	text-transform: uppercase;
	border-bottom: none;
	font-size:30px;
}

.de-box1 .hover-text{ display:none;}

.de-box1:hover .hover-text {
	background: rgba(150,102,156,.8);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 99;
	display: flex;
	
}

.de-box1:hover h3{z-index:8 !important;}
.de-box1:hover h2{z-index:8 !important;}
.de-box1 .hover-text span {
	text-align: center;
	vertical-align: middle;
	top: 0;
	bottom: 0;
	align-self: center;
	width: 100%;
}

.de-box1 .hover-text span a {
	color: #fff;
	font-size:36px;
	text-decoration: none;
	width: 100%;
	display: block;
	padding:3px 15px !important;
}

.home .de-box1 .hover-text span a {
	/*color: #fff;
	font-size:26px;
	text-decoration: none;
	width: 100%;
	display: block;*/
	/*text-transform: uppercase;*/
	
    color: #fff;
    font-size: 30px;
    text-decoration: none;
    width: 100%;
    display: block;
}

.de-box1 .hover-text span a:hover { text-decoration:underline;}

.mb-10{ margin-bottom:16px !important;}


.hover-text.sm-text1 span a {
	color: #fff;
	font-size: 24px !important;
	text-decoration: none;
	width: 100%;
	display: block;
}

.slide-box{ width:100%; height:auto; display:block; position:relative;}

.slide-text{ position:absolute; bottom:130px; color:#fff; width:100%; text-align:center; z-index:9;}

.slide-box img{ width:100%; max-width:100%;}

.slide-text h2 {
	font-size: 30px;
	font-weight: 700;
}

.slide-text span {
	width: 100%;
	display: inline-block;
	font-size:21px;
}


.slide-text a {
	color: #fff;
	border: #fff thin solid;
	padding: 10px 20px;
	display: inline-block;
	margin-top: 15px;
}

.slide-text a:hover{ background:#96669c; border:#96669c thin solid; color:#fff; text-decoration:none;}

.slide-text span img{ display:inline-block !important; width:34px !important;}

.slide-text p{ max-width:66%; margin:auto;}


footer{ padding:50px 0; background:#e9e9e9 !important;}

.footer-logo{ color:#000; font-size:40px; font-weight:700; display:inline-block;}


.ilga-logo{ float:right;width: 70px;}

.newsletter{ width:100%; height:auto; display:inline-block; text-align:center;margin-top:40px;}

.newsletter input {
	background: none;
	border: none;
	border-bottom: #000 thin solid;
	width: 100%; padding: 10px;
	font-size: 18px;
}

.newsletter input:focus{ outline:none;}

.newsletter .subscribe_btn {
	color: #000;
	border: #000 2px solid;
	padding: 5px 30px;
	background: none;
	margin-top: 20px;
	font-weight: 600;
}

.newsletter button:hover{ background:#96669c; color:#fff;}

.f-links{ width:100%; height:auto; padding:0; margin:30px 0 0; text-align:center;}

.f-links li{ list-style:none; display:inline-block;}

.f-links li a{ color:#000; padding:5px 10px; font-weight:600; border:#e9e9e9 2px solid;}

.f-links li a:hover{border:#000 2px solid; text-decoration:none;}

.copyright {
	text-align: center;
	margin-top:30px;
	font-size: 18px;
}

.cat-box {
	width: 100%;
	background: #96669c;
	height: 100%;
	padding: 20px;
	text-align: center;
	display: flex;
	min-height: 200px;
}

.cat-box h3{
	color: #fff; width:100%; margin:0;
	font-size: 30px;
	font-weight: 600;
	align-self: center;
}

.cat-box h3 a {
	color: #fff; 
	font-size:26px;
	font-weight: 600;
}

.cat-box:hover h3 a { text-decoration:none; outline:none; color:rgba(255,255,255,0.8);}


.search-hotel-list {
	background: #fff;
	padding:80px 0;
}

.search-box {
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	border-bottom: #000 thin solid;
	padding-left: 80px;
	padding-bottom: 10px;
	padding-right: 30px;
}

.search-box input {
	border: none; width:100%;
	background: none;
	font-size: 20px;
}

.search-box input:focus{ outline:none !important;}


.search-box img{ position:absolute; left:20px; top:0;}

.hotel-list{ background:#fff;}

.de-box span {
	width: 100%;
	display: block;
	text-align: center;
	font-size: 18px; margin:5px auto;
}

.banner-text p{ max-width:550px;font-size: 36px !important;}

.recent-post{ padding:50px 0 0;}

.b-box{ width:100%; height:auto; position:relative;}

.blog-b{position:absolute; bottom:30px; left:20px; color:#fff;}

.blog-b h5{ display:block; margin-bottom:15px;}

.blog-b p {
	font-size: 14px !important;
	padding-right: 20px; max-width:75%;
}

.blog-b a {
	border: #fff thin solid;
	color: #fff;
	padding: 5px 10px;
	font-size: 14px;
	display: inline-block;
}

.blog-b a:hover { color:#fff; background:#96669c; border-color:#96669c; text-decoration:none;}

.w-100 {
	width: 100% !important;
	height: auto;
}

.title {
	font-size: 40px; font-weight:700;
	margin-bottom: 30px;
}

.mb-16{ margin-bottom:16px;}

.b1 a {
	font-size: 14px;
	border-bottom: #fff 2px solid !important;
	border: none;
	padding: 0;
}


.blog-list{ width: 100%;
    height: 100%;
    display: block;
    margin-bottom: 40px;
    position: relative;
    padding-bottom: 75px;
    
}
    a.blogReadMore {
    position: absolute;
    bottom: 40px;
}

.blog-list h3 a{ border:none; padding:0;
	font-size:24px;
	font-weight: 700;
	margin-top: 15px;
}

.blog-list h3 a:hover{ color:#96669c; background:none;}


.blog-list p {
	font-size: 16px !important;
}

.blog-list a {
	font-size: 14px;
	border: #000 2px solid;
	color: #333;
	padding: 5px 10px;
	margin-top: 5px;
	display: inline-block;
}

.blog-list a:hover { background:#96669c; border-color:#96669c; color:#fff; text-decoration:none;}

.bl-img{ width:100%; height:auto; position:relative;}

.bl-img div { display:none;}

.blog-list:hover .bl-img div {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,0.5);
	display: flex;
	padding: 20px;
}

.bl-img div span {
	color: #fff;
	border: #fff 2px solid;
	border-radius: 20px;
	padding: 3px 10px;
	align-self:flex-end;
	margin: 0 5px;
	font-size: 14px;
	font-weight: 700;
}

.nav-icon{ display:none;}

.hide-desk{ display:none;}

.bl-slider{ display:none !important;}

.banner-text1{ color:#fff; text-align:center;z-index:99;}

.banner-text1 span {
	font-size:30px;
	font-weight: 400;
	display: block;
}

.banner-text1 h1 {
	font-size:60px;
	font-weight: 700;
}

.b-text{ padding:50px 30px 50px 0;}

.gray-bg{ background:#e9e9e9;}

.side-b{ padding:50px 50px 0px 50px !important; height:100%;}

.side-b h3{ font-size:30px; font-weight:600; margin-bottom:15px;}

.side-b div{ margin-bottom:30px;}

.side-b h4 {
	font-size: 24px;
	font-weight: 600;
	margin-bottom:5px;
	margin-top: 12px;
}

.side-b h4 a{ color:#000;}

.side-b span a {
	color: #000;
	font-size: 15px;
	text-align: right;
	width: 100%;
	display: block;
	font-weight: 600;
}

.blog-c{ padding:50px 0;}

.blog-c h2 {
	color: #000;
	text-align: center;
	font-size: 50px;
	font-weight: 700;
	margin: auto;

}

.b-text h3 {
	font-weight: 700;

}

.b-text h4{ font-weight:700;}

.backto {
	position: absolute;
	bottom: 20px;
	color: #000;
	font-size: 24px;
	text-align: center;
	width: 100%;
	left: 0;
	text-decoration: underline;
}

.backto:hover{ color:#96669c;}

.read-next {
	color: #fff;
	font-size: 21px;
	font-weight: 700;
	position: absolute;
	top: -78px;
	right: 22px;
	left: auto;
}

.read-next:hover{ color:#fff;}

.contact-form h3{ font-size:36px; margin-bottom:20px;}

.form-control {
	display: block !important;
	width: 100% !important;
	height: calc(1.5em + .75rem + 2px);
	padding: .375rem .75rem !important;
	font-size: 1rem !important;
	font-weight: 400 !important;
	line-height: 1.5 !important;
	color: #000 !important;
	background-color: #fff !important;
	background-clip: padding-box;
	border: none !important;
	border-radius: 0 !important;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	border-bottom: 2px solid #000 !important;
}

.form-control:focus{ outline:none; box-shadow:none !important;}

.sbtn {
	background: #96669c;
	color: #fff;
	width: 100%;
	display: block;
	border: none;
	height: 46px;
	font-size:18px;
}

.r-more{ color:#000; border-bottom:#000 2px solid; text-decoration:none;}

.r-more:hover{ color:#96669c; border-bottom:#96669c 2px solid; text-decoration:none;}

.hc-r .r-more {
	margin-bottom: 22px;
	display: inline-block;
}

.hc-r .r-more-text {
	margin-bottom: 0;
	color: #000;
	border-bottom: #000 thin solid;
	font-size: 15px; cursor:pointer;
	font-weight: 600;
}

.hc-r .r-more-text:hover{ color:#96669c; border-bottom:#96669c thin solid; text-decoration:none;}


.gay-ht{ width:100%; padding:0px 0;}

.gay-ht h3 {
	font-size: 28px;
	font-weight: 700;
}

.blue-btn {
	font-size: 14px;
	border: #000 2px solid;
	color: #333;
	padding: 5px 10px;
	margin-top: 5px;
	display: inline-block;
}

.blue-btn:hover {
	background: #96669c;
	border-color: #96669c;
	color: #fff;
	text-decoration: none;
}

section{ padding:50px 0;}

.sub-title h2{font-size:36px;
	font-weight: 700;
	border-bottom: #96669c 2px solid;
	display: inline-block;
	margin-bottom: 30px;    text-transform: uppercase;}

.gap-left{ padding-left:50px !important;}


.faq-bg{ background:#d3d3d3;}

/* FAQ Accordian CSS */

.faq{ padding:0; margin:0;}

.faq li { padding: 20px; position:relative; margin-bottom:0 !important; list-style:none; font-size:16px;}

.faq li.q {
	padding: 5px 5px 10px;
	font-weight: 700;
	font-size: 24px;
	cursor: pointer;
	color: #000;
}
.faq li.a {
	background: none;
	display: none;
	color: #212529;
	padding: 0px 5px 20px;
	font-size: 18px;
	font-weight: 400;
}

.hc-box{ width:100%; height:auto; position:relative; display:block;}

.hc-box:hover .hc-hover {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: flex;
	background: rgba(150,102,156,.8);
	z-index: 9;
	text-align: center;
}

#more {display: none;}


.rating-icon {
	background: url(../images/rating-bg.png) no-repeat center top;
	background-size: 100%;
	width: 60px;
	color: #fff;
	font-size: 28px;
	font-weight: 700;
	text-align: center;
	position: absolute;
	left: 30px;
	height: 80px;
	line-height: 70px;
}

.top-right{ position:absolute; right:20px; top:15px;}

.top-right img {
	width: 40px !important;
	background: rgba(17,147,169,1);
	padding: 5px;
	border-radius: 50%;
	margin: 0 3px;
}
/*.top-right img{ width:40px !important;}*/

.hc-text{ position:absolute; bottom:30px; color:#fff;z-index: 99;}

.hc-text em img{ width:38px;}

.hc-text h3 {
	font-size: 36px;
	display: inline-block;
}

.hc-text span {
	background: #fff;
	color: #96669c;
	padding: 2px 18px;
	border-radius: 40px;
	font-size: 16px;
	margin: 0 10px;
	vertical-align: super;
}

.hc-text em {
	width: 100%;
	display: block;
}

.hc-text p{ max-width:60%; margin-top:10px; margin-left:30px;    text-align: left;}

.r-more1{ color:#fff; border-bottom:#fff 2px solid; text-decoration:none;}

.r-more1:hover{ color:#fff;}

.hc-hover{ display:none;}

.hc-hover div {
	align-self: center;
	margin: auto;
}

.hc-hover div h6 {
	color: #fff;
	font-size: 21px;
	padding-top: 25px;
	display: block;
	margin: 0;
}

.hc-hover a {
	border: #fff 3px solid;
	padding: 8px 15px;
	color: #fff;
	font-weight: 700;
	font-size: 18px;
	align-self: center;
	margin: auto;
}

/*.hc-hover a {
	border: #fff 3px solid;
	padding: 10px 30px;
	color: #fff; font-weight:700;
	font-size: 21px;
	align-self: center;
	margin: auto;
}*/

.hc-hover a:hover{ color:#fff; background:#96669c; text-decoration:none;}

.hc-text1{ position:absolute; bottom:30px; color:#fff; left:30px; right:30px; text-align:center;z-index: 99;}
.single .hc-box:hover .hc-text1 {
    z-index: 9;
}
.hc-text1 h3 {
	font-size: 36px;
	display: block;
}

.hc-text h3:hover {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display:flex;
	background: rgba(150,102,156,.8);
	z-index: 9;
	text-align: center;
}

.tax-hotel-cat .hc-text h3:hover {
    position: unset;
    /* left: 0; */
    /* right: 0; */
    /* top: 0; */
    /* bottom: 0; */
    display: inline-block;
    background: none;
    /* z-index: 9; */
    text-align: center;
    width: 100%;
}

/*.hc-text h3:hover .hc-hover {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display:flex;
	background: rgba(150,102,156,.8);
	z-index: 9;
	text-align: center;
}*/




.hc-text1 span {
	background: #fff;
	color: #96669c;
	padding: 2px 18px;
	border-radius: 40px;
	font-size: 16px;
	margin:10px; display:inline-block;
}

.hc-text1 em {
	width: 100%;
	display: block;
}

.hc-text1 em img{ width:26px;}

/*.hc1 .top-right img{ width:20px !important}*/
.hc1 .top-right img {
    width: 30px !important;
    height: 30px !important;
}
.hc1 .rating-icon {
	background: url(../images/rating-bg.png) no-repeat center top;
	background-size: 100%;
	width: 40px;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	position: absolute;
	left: 30px;
	height: 52px;
	line-height: 52px;
}

.hc1 .hc-text1 h3 {
	font-size: 24px;
	display: block;
}

.s-by{ width:100%; height:auto; display:block; background:#96669c; margin-top:-110px;}
.s-by ul{ padding:20px; margin:0; text-align:center;}
.s-by li{ list-style:none; display:inline-block; width:24%;}
.s-by li span {
	color: #fff;
	font-size: 16px;
	display: block;
	font-weight: 700;
	padding: 10px 0px 0;
}
.s-by li img{ width:50px;}

.top-right h4{ font-size:30px; color:#fff;}

.top-right h5{ font-size:26px; color:#fff; text-align:right;}

.r-more2 {
	color: #000; font-size:30px; font-weight:700;
	text-decoration: none;
}

.r-more2:hover{color:#96669c; text-decoration:none;}

.msh-box{ width:100%; height:auto; display:flex; position:relative;}

.msh-box h3{ color:#fff; font-size:46px;}

.msh-box a{ display:none;}

.msh-box:hover a {
	color: #fff;
	font-size: 18px;
	border: #fff 2px solid;
	padding: 5px 15px;
	font-weight: 700;
	text-decoration: none;
	display: inline-block;
	position: absolute;
	bottom: 40px;
	left: 0;
	right: 0;
	margin: auto;
	width: 170px;
	text-align: center;
}

.msh-box:hover a:hover{ background:#96669c; color:#fff; border-color:#96669c; text-decoration:none;}

.msh-box div{ position:absolute; bottom:auto; left:20px; right:20px; text-align:center; align-self: center;}

.h-about h2{ font-size:40px; font-weight:700;}

.h-about span{ margin-right:15px;}

.book-btn {
	font-size: 18px;
	font-weight: 600;
	padding: 8px 28px;
	color: #000;
	text-decoration: none;
	display: inline-block;
	margin: 15px 0;
	border: #000 2px solid;
}

.single .book-btn {
    font-size: 18px;
    font-weight: 600;
    padding: 8px 28px;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    margin: 15px 0;
    border: #96669c 2px solid;
    background: #96669c;
}

.single .book-btn-dest {
    font-size: 18px;
    font-weight: 600;
    padding: 8px 28px;
    color: #000;
    text-decoration: none;
    display: inline-block;
    margin: 15px 0;
    border: #000 2px solid;
    
    
}

.book-btn:hover, .single .book-btn-dest:hover {
	background:#96669c; color:#fff; border:#96669c 2px solid; text-decoration:none;
}

.amenites{ width:100%; display:inline-block; padding:0px 0; margin:80px 0;}

.amenites-op{ background:rgba(150,102,156,.8); padding:50px 0px; height:100%; width:100%; display:block; color:#fff; max-width:490px;}

.amenites-op::before {
	background: rgba(150,102,156,.8);
	height: 80px;
	width: 100%;
	content: "";
	display: block;
	margin-top: -130px;
}

.amenites-op::after {
	background: rgba(150,102,156,.8);
	height: 80px;
	width: 100%;
	content: "";
	display: block;
	margin-bottom: -130px;
}


.inn{padding:30px;}


.amenites-op h3{ font-size:30px;}

.amenites-op ul{ padding:0; margin:0;}

.amenites-op ul li{ list-style:none; display:inline-block; width:50%; display:inline-block; position:relative; font-weight:700;}

.amenites-op ul li img{ width:60px; margin-right:10px;}

.gallery{ width:100%; display:block;}

.gallery h2{ font-size:36px; margin-bottom:30px;}

.review-text p{ color:#fff; font-size:16px !important}

.review-text p em{ font-size:30px;}

.pull-right{ float:right;}

.review-slider{ padding:50px 0px;}

.hc-box img{ width:100%;}

.mob-search-icon{ display:none;}

button:focus{ outline:none !important; box-shadow:none !important;}

.mb-150{ margin-bottom:150px;}

.desk-view{ display:block;}
.mob-view{ display:none;}


.morecontent span {
    display: none;
}
.morelink {
	display: inline-block;
	color: #000;
	border-bottom: #000 thin solid;
}

.morelink:hover{color:#96669c; text-decoration:none;
	border-bottom:#96669c thin solid;}

.more {
	width: 100%;
	display: block;
	margin-bottom: 10px;
}

.blod-tag{ width:100%; height:auto; display:block; text-align:center; }

.blod-tag span {
	display: inline-block;
	font-size: 18px;
	border: #fff 2px solid;
	border-radius: 40px;
	padding: 3px 20px;
	/*margin: 5px auto;*/
	margin: 5px 2px;
}


.info_content {
	display:block;
}
.info_content div:nth-child(1){
	display:flex;
    min-width: 30%;
    margin-right: 10px;
}
.info_content div:nth-child(1) a {
    width: 100%;
    display: block;
    height: 150px;
    overflow:hidden;
    object-fit: contain;
    object-position:center;
}
.info_content div:nth-child(1) a:focus {
outline:none;
}
.info_content div:nth-child(1) a img{ 
	width:100% !important; 
    height: 100% !important;
}




 @media (max-width:1170px) {
 
 .wpmm-strees-row-and-content-container>ul.wp-megamenu-sub-menu {
 	height: calc(100vh - 215px) !important;
 }

.logo {
	height: 100px;
	width: 320px;
	margin-right: 20px;
}

.logo a{ font-size:22px;}

.h-search{ max-width:140px;}

.s-by li span{ font-size:16px;}

.s-by li img {
	width: 50px;
}


}
 @media (max-width:1024px) {

header.sticky .h-search{ display:none;}

.h-search {
    position: absolute;
    width: 100%;
    top: 35px;
    max-width: 50%;
    right: 20px;
    left: auto;
    min-width: 300px;
    margin: auto;
}
.nav-icon {
	display: block;
	width: 46px;
	max-width: 100%;
	height: 30px;
	position: absolute;
	right: 10px;
	top: 38px; cursor:pointer;
}

.hide-mob1{ display:none !important;}

.search-hotel-list{ padding:40px 0 0;}


}

@media (max-width:991px) {

.hb-box span {
    font-size: 20px;
    line-height: normal;
}

.hide-mob{ display:none !important;}	
	
.banner-text {
	margin-top: 60px;
}

.hide-desk{ display:block;}

.blog-slide {
	color: #fff;
	margin-right: 0;
	width: 100%; display:inline-block;
}

.h-social {
    position: relative;
    right: 4px;
    top: auto;
    border: 0;
    bottom: 0;
}

.h-social a{ display:inline-block !important;}

.bl-slider{ padding:20px 40px; display:inline-block;}

.container {
	width: 94% !important;
}

.de-box h3{ font-size:1.5rem;}

.cat-box h3 a {
	font-size: 21px;
}

.h-destination.bg-white{ padding-bottom:0px; padding-top:25px;}

header .d-flex{ display:inline-block !important;}

.bl-slider{ display:block !important;}

.side-b {
	padding: 30px 30px 0px 30px !important;
}

.gap-left{ padding-left:8px !important;}

.banner-text h1 {
	font-size: 50px;
}	

.bl-slider{ padding:0px 0;}

	
}


 @media (max-width:767px) {

.logo {
	height: 80px;
	width: 200px;
	margin-right: 20px;
}
.nav-icon{ top:25px;}

.banner-text h1 {
	font-size: 51px;
	font-weight: 700;
}

.banner-text span{ font-size:26px;}

.h-destination h2{ font-size:28px;}

.hover-text.sm-text1 span a{ font-size:36px;}

.cat-box {
	width: 100%;
	background: #96669c;
	height: auto;
	padding: 20px;
	text-align: center;
	display: inline-block;
	min-height: auto;
	margin-bottom: 20px;
}

p {
	font-size: 16px !important;
}

.banner-text a {
	border: #fff 2px solid !important;
}

.banner-text a:hover {
	border: #96669c 2px solid !important;
}

.search-box {
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	border-bottom: #000 thin solid;
	padding-left: 46px;
	padding-bottom: 10px;
}

.search-box img {
	position: absolute;
	left: 0px;
	top: 0;
}

.search-box input {
	border: none;
	width: 100%;
	background: none;
	font-size: 16px;
}

.search-hotel-list {
	background: #fff;
	padding: 30px 0 0;
}

.blog-b h3{ font-size:1.25rem;}

.banner-text1 h1 {
	font-size: 36px;
}

.side-b img{ width:100%;}

.blog-c h2{ font-size:30px; padding:20px;}

.blog-c {
	padding: 30px 0;
}

.b-text {
	padding: 30px 0px 30px 0;
}

.contact-form h3 {
	font-size: 24px !important;
	margin-bottom: 20px;
}

.s-by ul {
	padding: 10px 0;
}

.s-by li span {
	font-size: 14px;
	padding: 0;
}

.sby{ padding:0px;}

.mb-10 {
    margin-bottom: 16px !important;
}

.banner{ padding-top:110px;}

.blog-b p{ display:none;}

.mob-search-icon {
    display: block;
    position: absolute;
    right: 71px;
    top: 24px;
}

.h-search { display:none;
    position: absolute;
    width: 100%;
    top: 90px;
    max-width: 95%;
    right: 0;
    left: 0;
    min-width: 300px;
    margin: auto;
}

.side-b div:last-child{ margin-bottom:10px;}

.rating-icon {
	background: url(../images/rating-bg.png) no-repeat center top;
	background-size: 100%;
	width: 40px;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	position: absolute;
	left: 30px;
	height: 80px;
	line-height: 50px;
}

.top-right img {
	width: 30px !important;
}

.top-right {
	position: absolute;
	right: 12px;
	top: 12px;
}

.hfgCity1{
    height:auto !important;
}

.hc-text p {
	max-width: 60%;
	margin-top: 10px;
	display: none;
}

.hc-box .r-more1{ display:none;}

.hc-text em img {
	width: 20px;
}

.hc-text h3 {
	font-size: 21px; margin-bottom:0px;
	display: inline-block;
	margin-left: 30px;
}

.hc-text span {
	background: #fff;
	color: #96669c;
	padding: 2px 18px;
	border-radius: 40px;
	font-size: 12px;
	margin: 0 10px;
	vertical-align: text-top;
}

.hc-text1 h3 {
	font-size: 21px;
	display: block;
}

.hc-text1 span {
	background: #fff;
	color: #96669c;
	padding: 2px 18px;
	border-radius: 40px;
	font-size: 12px;
	margin: 10px;
	display: inline-block;
}

.gay-ht {
	width: 100%;
	padding:0px 0 !important;
}

.phil {
	padding: 40px 0 40px;
}

.gallery img{ width:100%;}

.mb-150{ margin-bottom:110px;}

.desk-view{ display:none;}
.mob-view{ display:block;}

	 
	 
/* custom css dev */	 
.wpmm-type-widget  ul.wp-megamenu-sub-menu {
    display: none;
}	
	 

	 
.wpmm-strees-row-and-content-container>ul.wp-megamenu-sub-menu>li>ul.wp-megamenu-sub-menu>li>ul.wp-megamenu-sub-menu>li {
    max-width: 100% !important;
}
	 
/* custom css end */	 

}

 @media (max-width:575px) {

.banner-text h1 {
	font-size: 36px;
	font-weight: 700;
}

.banner-text span {
	font-size: 18px;
}

.banner-text a {
	padding: 3px 20px;
	display: inline-block;
	color: #fff;
	margin: 15px 0 30px;
	font-size: 16px;
	font-weight: 700;
}

.banner-text {
	margin-top: 20px;
}

.h-social{ text-align:left;}

.phil h2{ font-size:24px; margin-bottom:18px;}

.phil {
	width: 100%;
	display: block;
	padding: 25px 0 45px;
	background: #fff;
}

.h-destination h2 {
	font-size: 24px;
}

.h-destination{ padding:30px 0;}

.de-box1 .hover-text span a{ font-size:24px;}

.hover-text.sm-text1 span a {
	font-size: 24px;
}

.slide-text h2 {
	font-size: 24px;
	font-weight: 700;
}

.slide-text h2 {
	font-size: 24px;
	font-weight: 700;
}

.slide-text p{ display:none;}

.footer-logo{ font-size:26px;}

.ilga-logo {
	float: right;
	width: 80px;
}

.newsletter h3{ font-size:21px; margin-top:20px;}

.copyright{ font-size:16px;}

.phil h3 {
	font-size: 16px;
	font-weight: 700;
}

.gay-ht h3 {
	font-size: 16px;
	font-weight: 700;
}

.bl-img div span{ font-size:13px;}

.b-text h3 {
	font-weight: 700;
	font-size: 26px;
	margin-bottom: 20px;
}

.msh-box h3 {
	color: #fff;
	font-size: 34px;
}

.r-more2{ font-size:21px; margin-bottom:20px; display:inline-block;}

.s-by li {
	list-style: none;
	display: inline-block;
	width: 49%;
	padding: 10px;
}

.amenites-op ul li{ width:100%;}

.hc-hover a {
	border: #fff 3px solid;
	padding: 10px 18px;
	color: #fff;
	font-weight: 700;
	font-size: 16px;
	align-self: center;
	margin: auto;
}

.blod-tag span {
	font-size: 14px;
	border: #fff 2px solid;
	padding: 3px 15px;
}

.info_content div:nth-child(1) {
	min-width: 120px;
}
.info_content div:nth-child(1) a {
height: 120px;
}


}

 @media screen and (max-width:479px) {

.h-about span {
	margin-right: 0;
	display: block;
}
.info_content {
	flex-direction: column;
}
.info_content div:nth-child(1) {
    min-width: 100%;
    margin-right: 0px;
    margin-bottom: 10px;
}



}


@media (max-width:1024px){
    div#mySidenav {
        top: 60px !important;
    }
}