/*
Theme Name: Hotels For Gays
Theme URI: #
Author: Devendra Yadav
Author URI: https://techbeeps.co.in/
Description: The Simple Home Caring based website
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Bootstrap, content-sharing, black, white, blue, one-column, two-columns, 
right-sidebar, flexible-width, custom-header, custom-menu, editor-style, 
featured-images, microformats, post-formats, rtl-language-support, sticky-post,
translation-ready
Text Domain: hotels
*/
/*--------------------WordPress Core--------------------*/

.faq li {
    padding: 5px;
    position: relative;
    margin-bottom: 0 !important;
    list-style: disc;
    font-size: 16px;
}
ul.faq li.q {
    list-style: none !important;
}
.faq li.a {
    background: none;
    display: none;
    color: #212529;
 padding: 0px 5px 5px 5px;
    font-size: 18px;
    font-weight: 400;
    list-style: none;
   /* margin-left: 30px;*/
}

.faq li ul { padding-left:25px; }

.single-post ul{list-style-type: disc;}
/*li.a p {
    list-style-type: disc;
    display: list-item;
}*/

.blog-slide li img.blogFeaturedImg {
    min-height: 180px;
    max-height: 180px;
}
.owl-carousel .owl-item img {
    height: 250px;
}
.b-box.b-box1:before,.b-box.b-box2:before {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9;
    background: #00000063;
    content: "";
}
.hb-box:before {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9;
    background: #00000063;
    content: "";
}
.hc-box:before {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9;
    background: #00000063;
    content: "";
}
.blog-b {
    position: absolute;
    bottom: 30px;
    left: 20px;
    color: #fff;
}
.blog-b {
    z-index: 99 !important;
}
.bg-gal:before {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9;
    background: #00000063;
    content: "";
}
.bg-sidebar1.bg-gal {
    position: relative;
}
.bg-gal {
    position: relative;
}
.d-flex.blog_bottom_banner {
    position: relative;
}
.d-flex.blog_bottom_banner .bottom_banner_filter {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
}
.read-next{
	 z-index: 99;
}
.banner-text1 {
    color: #fff;
    text-align: center;
     z-index: 99;
}
.b-text h3 {
    font-weight: 700;
    font-size: 26px;
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
}


.hc-box:after {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9;
    background: #00000063;
    content: "";
}
.hfgCity1 a{
    z-index: 99!important;
}
.hc-box{ position: relative;}
.hc-box .hc-hover a{ z-index: 9999!important;}

.hc-box:hover .hc-hover {z-index: 9999!important;}


.de-box:after, .de-box1:after {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9;
    background: #00000063;
    content: "";
}
.de-box h3, .de-box1 h3, .de-box1 h2 {
    z-index: 99!important;
	padding: 0 8px;
}
.de-box, .de-box1{ position: relative;}

.de-box1.destinationBox1:hover h2.hoverOverlay, .de-box1.destinationBox2:hover h3.hoverOverlay {
    z-index: 8 !important;
}


section.phil .item:after {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;
    background: #00000063;
    content: "";
    display: block;
    top: 0px;
}
section.phil .item{
position: relative;
}

nav.pagination li a {
    color: #333;
}
nav.pagination {
    text-align: center;
    display: flex;
    margin: auto;
    padding: 10px;
}
nav.pagination li a:hover {
    color: #96669c;
}

.invalids {
    border-bottom: 2px solid red !important;
}

p.notice-error.error {
    color: #ef0b0b;
}
.pop{background:#1194a9; color:#000; padding:15px; font-size: 21px; font-weight: 700; cursor:pointer;}
.pop-form input, .pop-form textarea, .pop-form select {
	background: none;
	border: none;
	border-bottom: #000 2px solid;
	width: 100%;
	padding: 10px;
	font-size: 16px;
}

.pop:hover{ color:#fff;}

.pop:hover img{-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);}


input:focus, textarea:focus, button:focus{ outline:none;}

.pop-form .btn{ background:#1194a9; width:100%; padding:10px; display:inline-block; text-align:center; color:#fff; border:none; margin-top:15px;}
.modal-header .close {
	padding: 1rem 1rem;
	margin: -1rem -1rem -1rem auto;
	position: absolute;
	right: 10px;
	top: 10px;
}
.modal-title { font-size:30px;
	margin-bottom: 0;
	line-height: 1.5;
	text-align: center;
	width: 100%;
}
.modal-header{ border-bottom:none; padding-bottom:0;}

.modal-content {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	pointer-events: auto;
	background-color: #fff;
	background-clip: padding-box;
	border: 5px solid rgba(0,0,0);
	border-radius: 0;
	outline: 0;
	padding: 10px;
}



.priceHotel {
	width: 100%;
	display: block;
	color: #fff;
	padding: 20px;
	font-size: 21px;
	font-weight: 700;
}
.banner-text .priceHotel {
	width: 100%;
	display: block;
	color: #fff;
	padding: 20px 0;
	font-size: 21px;
	font-weight: 700;
}

p span.priceHotel {
    margin-top: 30px;
    display: block;
    color: #fff;
    font-size: 21px;
}

.banner-text p span.priceHotel {
    margin-top: 0;
   
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
	padding: 0 10px !important;
	z-index: 99 !important;
}

h3.blogTitleFirst {
    width: 350px;
}

.blog-list h3 {
    min-height: 73px;
}

/*section.gallery img:hover {
    transform: scale(1.1);
}*/

.invalid {
    border-color: red !important;
}
p.alert-waning.text-center {
    color: #fb0;
}
.ajax-response-output {
    color: #fff;
    font-weight: 300;
    display: inline-block;
    font-size: 14px;
}

input#send_subscribe_act_btn {
    width: auto;
}


.alert-success {
    color: #379a4e;
    background-color: #e8e8e8;
    border-color: #c3e6cb;
    padding-top: 15px;
    font-size: 16px;
    line-height: 26px;
}
.our-products table {
    color: #fff;
     border: 1px solid #dee2e6;
     width: 100%;
    margin-bottom: 1rem;
}

.form-control:focus {  
    box-shadow: 0 0 0 0.0rem rgb(0 123 255 / 25%);
}
.header-contact a, .contact-info a {
    color: #3F3F41;
}
/*input.wpcf7-form-control.wpcf7-submit {
    color: #3ea4b6;
    background: #fff;
    border-radius: 10px;
    padding: 0px 28px;
    font-size: 16px;
    height: 40px !important;
    display: inline-block;
    line-height: 40px;
    font-weight: 700;
    box-shadow: 3px 3px 8px #358c9b;
    border: none;
    margin: auto;
    width: 50%;
}*/

.moreBtn{color: rgb(33, 37, 41);
    font-weight: 600;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    background: none;
    padding: 0px 0px 10px;}
 .h-search #searchHeader{   
position: absolute;
    background: none;
    border: none;
    right: 0;
    padding: 0;
    top: 0;
    width: auto;
 }
/*.slide-box {margin-left: -1px;}*/

/*=== For Images Size ====*/

.de-box{height:293.51px; width:100%; overflow:hidden; position:relative; display:flex; text-align:center;}
/*.de-box1{height:295.3px; width:100%; overflow:hidden; position:relative; display:flex; text-align:center;}*/
.de-box img{ max-width:100%; max-height:100%; align-self:center;height: 100%;width: 100%;}
/*.hc-box {height:448px;}
.hc-box {height:100%;}*/

.destinationBox1 {height:608.02px; width:100%; overflow:hidden; position:relative; display:flex; text-align:center;}
.destinationBox1 img{ max-width:100%; max-height:100%; align-self:center;height: 100%;width: 100%;}

.destinationBox2 {height:295.30px; width:100%; overflow:hidden; position:relative; display:flex; text-align:center;}
.destinationBox2 img{ max-width:100%; max-height:100%; align-self:center;height: 100%;width: 100%;}

.destinationBox3 {height:399.09px; width:100%; overflow:hidden; position:relative; display:flex; text-align:center;}
.destinationBox3 img{ max-width:100%; max-height:100%; align-self:center;height: 100%;width: 100%;}

.destinationBox4 {height:295.3px; width:100%; overflow:hidden; position:relative; display:flex; text-align:center;}
.destinationBox4 img{ max-width:100%; max-height:100%; align-self:center;height: 100%;width: 100%;}

.hfgCity1 {height:568.54px; width:100%; overflow:hidden; position:relative; display:flex; text-align:center;}
.hfgCity1 img{ max-width:100%; max-height:100%; align-self:center;height: 100%;width: 100%;object-fit: cover;object-position: center;}

.hfgCity2 {height:455px; width:100%; overflow:hidden; position:relative; display:flex; text-align:center;}
.hfgCity2 img{ max-width:100%; max-height:100%; align-self:center;height: 100%;width: 100%;}


.hfgCity3 {height:446.54px; width:100%; overflow:hidden; position:relative; display:flex; text-align:center;}
.hfgCity3 img{ max-width:100%; max-height:100%; align-self:center;  width: 100%;  height: 100%; object-fit: cover;}

.msh-box {height:372.68px; width:100%; overflow:hidden; position:relative; display:flex; text-align:center;}
.msh-box img{ max-width:100%; max-height:100%; width: 100%; height:100%; align-self:center;}

.page-template-template-miscellaneous .hc-box {height:446.54px; width:100%; overflow:hidden; position:relative; display:flex; text-align:center;}
.page-template-template-miscellaneous .hc-box img{ max-width:100%; max-height:100%; align-self:center;  height: 100%;}

.gallery_fullImg {height:334.25px;width:100%;overflow:hidden;position:relative;}
.gallery_fullImg img {max-width:100%; max-height:100%; align-self:center; width: 100%;   height: 100%;    object-fit: cover;}

.gallery_mediumImg {height:334.25px;width:100%;overflow:hidden;position:relative;}
.gallery_mediumImg img {max-width:100%; max-height:100%; align-self:center; width: 100%;   height: 100%;}

.galleryImg {height:263.12px;width:100%;overflow:hidden;position:relative;}
.galleryImg img {max-width:100%; max-height:100%; align-self:center;  width: 100%;  height: 100%;}


.otherCity {height:234.12px;width:100%;overflow:hidden;position:relative;}
.otherCity img {max-width:100%; max-height:100%; align-self:center;  width: 100%;  height: 100%;}

.b-box1 {height:557.12px;width:100%;overflow:hidden;position:relative;}
.b-box1 img {max-width:100%; max-height:100%; align-self:center;  width: 100%;  height: 100%;}

#owl-demo .phil-box{height:414px;width:100%;overflow:hidden;position:relative;}
#owl-demo .phil-box img{max-width:100%; max-height:100%; align-self:center;  width: 100%;  height: 100%; object-fit: cover;
     object-position: center;}

.b-box2 {height:270.5px;width:100%;overflow:hidden;position:relative;}
.b-box2 img {max-width:100%; max-height:100%; align-self:center;  width: 100%;  height: 100%;}

.bl-img {height:260.33px;width:100%;overflow:hidden;position:relative;}
.bl-img img {max-width:100%; max-height:100%; align-self:center;  width: 100%;  height: 100%;}

.hc-box.hc1 {height:283.12px;width:100%;overflow:hidden;position:relative;}
.hc-box.hc1 .cityOtherHotels {max-width:100%; max-height:100%; align-self:center;  width: 100%;  height: 100%;    object-fit: cover;
    object-position: center;}
.hc-box.hc1 .othrGayFriendlyHotel {max-width:100%; max-height:100%; align-self:center;  width: 100%;  height: 100%; object-fit: cover;
     object-position: center;}


#owl-demo .owl-item {height:358.12px;width:100%;overflow:hidden;position:relative;}
#owl-demo .owl-item .item img {max-width:100%; max-height:100%; align-self:center;  width: 100%;  height: 100%; object-fit: cover; object-position: center;}
#owl-demo .owl-item .item {
    width: 100%;
    height: 100%;
}

.phil #owl-demo .owl-item {height:414px;width:100%;overflow:hidden;position:relative;}
.phil #owl-demo .owl-item .item img {max-width:100%; max-height:100%; align-self:center;  width: 100%;  height: 100%; object-fit: cover; object-position: center;}

.slide-box {height:699px;width:100%;overflow:hidden;position:relative;}
.slide-box img {max-width:100%; max-height:100%; align-self:center;  width: 100%;  height: 100%; object-fit: cover; object-position: center;}


slide-box


.mega-current-menu-item a, li.mega-menu-flyout a:hover  {
    border-bottom: 3px solid #fff !important;
    margin: 0px 10px 0px 10px !important;
        padding: 0 !important;
}

.cssmenu ul li:hover > ul > li {
    display: inline-table;
    position: relative;
    margin-bottom: 0;
}
.cssmenu ul ul li a {
    margin-bottom: -3px;
}
.cssmenu ul ul li:nth-child(15) ul, .cssmenu ul ul li:nth-child(16) ul, .cssmenu ul ul li:nth-child(17) ul, .cssmenu ul ul li:nth-child(18) ul {
    top: unset;
    bottom: 0;
}

@media screen and (max-width:767px) {
.pop{ font-size:16px;}
.pop img{ width:30px;}		
	
	}