/* CSS Document */
/*
Theme Name: Hotel-GG
Theme URL:https://hotelgurugrand.com/cms/
Description: full responsive website!
Tags:responsive, bootstrap, Hotel CMSMS theme, template for Hotel.
Copyright: Hotel Gurugrand Pvt. Ltd. - 2021 : All Rights Reserved.
*/
@charset "utf-8";

/*::::::::::::::::::::::FONTS IMPORT:::::::::::::::::::::::*/
@import url(http://fonts.googleapis.com/css?family=Oswald:300,400,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,600,700,300,800);
@import url(http://fonts.googleapis.com/css?family=Black+Ops+One);
@import url(https://fonts.googleapis.com/css?family=Poiret+One&subset=latin,latin-ext,cyrillic);
@import url(https://fonts.googleapis.com/css?family=Abril+Fatface&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Bevan);
@import url(https://fonts.googleapis.com/css?family=Wire+One);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500italic,700,500,700italic,900,900italic);
@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');
/*::::::::::::::::::::::CSS IMPORT:::::::::::::::::::::::*/



#wrapper-inner{
background:#ffffff;	
margin:0 auto;
width:100%;	
}

.innerpage-bg{
background:rbga(1,28,136,0.6);
min-height:200px;
max-height:300px; 
}
/* ===========
TITLE
===========*/
.innerpage-bgimg{
height:100%;
background:rbga(1,28,136,0.6);
position:relative;
vertical-align: middle;
margin-bottom:-20px; 	
padding:30px 0px 50px 0px;
}

.title-main{
 z-index: 1;
font-size:15px;
line-height:100%;
font-weight:300;
letter-spacing:0.9px;
text-transform:uppercase;
-webkit-font-smoothing: antialiased !important; 
font-family: 'Oswald', sans-serif;
 position: relative;
 margin-bottom:15px;
}

.a1{
color:#494a4e;
}
.a2{
color:#fff;
}
.a3{
color:#494a4e;
}
.a4{
color:#eecd6e;
}

.title-main .text-ac{
	text-align:center;
}
.title-main .text-lc{
	text-align:left;
}

.title-main .text-rc{
	text-align:right;
}



.title-main:after{
transition: all 0.5s ease, padding 2.8s linear;
	-ms-transition: all 0.5s ease, padding 2.8s linear;
	-webkit-transition: all 0.5s ease, padding 2.8s linear;
	-moz-transition: all 0.5s ease, padding 2.8s linear;
	-o-transition: all 0.5s ease, padding 2.8s linear;
content:"";
width:20px;
height:25px;
border-bottom:2px solid #eecd6e;
  position: absolute;
  left:0;
  z-index:1;
}

.title-main:hover:after{
width:40px;	
}



.innerpage-title{
 z-index: 1;
font-size:50px;
line-height:130%;	
font-weight:700;
letter-spacing:1px;
text-transform:none;
-webkit-font-smoothing: antialiased !important; 
}


.innerpage-title .c { 
text-align: center; 
color:#fff;
font-family: 'Poppins', sans-serif;
}

.innerpage-title .c2 { 
text-align: center; 
color:#3a3a3a;
font-family: 'Poppins', sans-serif;
}
.innerpage-title .c3 { 
text-align: center; 
color:#fff;
font-family: 'Poppins', sans-serif;
}

.innerpage-title .c4 { 
text-align: center; 
color:#3a3a3a;
font-family: 'Poppins', sans-serif;
}


.innerpage-title .l { 
text-align: left;
color:#3a3a3a;
font-family: 'Poppins', sans-serif;
}

.innerpage-title .l2 { 
text-align: left;
color:#fff;
font-family: 'Poppins', sans-serif;
}

.innerpage-title .r { 
text-align: right; 
color:#fff;
font-family: 'Poppins', sans-serif;
}
.innerpage-title .r2 { 
text-align: right; 
color:#3a3a3a;
font-family: 'Poppins', sans-serif;
}




.p-lite p{
margin-top:30px;
font-size:14px;
line-height:160%;
font-weight:400;
font-family: 'Poppins', sans-serif;
letter-spacing:0.5px !important;
text-transform:none;	
}

.p-lite span{
font-size:20px;
line-height:160%;
font-weight:700;
color:#494a4e;	
}



.m-left{
	margin-left:40%;
}

.m-right{
	padding-right:40%;
}
.m-center{
	margin-left:10%;
	margin-right:10%;
}



@media(max-width:767px){
.innerpage-bgimg{
min-height:250px;
height:100%; 
background:rbga(1,28,136,0.6);
vertical-align: middle;	
padding:30px 20px;
}

.innerpage-title{	
font-size:28px;	
letter-spacing:0.7px;
}

.p-lite p{
margin-top:10px;
font-size:14px;
line-height:160%;
font-weight:400;
font-family: 'Poppins', sans-serif;
letter-spacing:0.3px;
text-transform:none;	
}
/* TITLE MARGIN */

.m-left{
	margin-left:0%;
}

.m-right{
	padding-right:0%;
}

.m-center{
	margin-left:5%;
	margin-right:5%;
}


.breadcrumb-bg{margin:5px;}

}


	
.breadcrumb-bg{
text-align:center;
background:none;
padding:15px 0px 5px 0px;
color:#fff;	
font-weight:400;
line-height:130%;
font-size:13px;
letter-spacing:0.5px;
vertical-align: middle;
width:100%;
border-top:2px solid rgba(255,255,255,0.09);
}


.breadcrumb-bg a{
color:#fdfe95;
font-weight:400;
font-size:13px;
letter-spacing:0.5px;
}

.innerpage-content{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
} 


		
.bg-a{	
background:#FFF; 
padding:40px 0px 40px 0px;
margin:0;
width:100%;
}
	
.bg-b{
background:#EDF1F2; 
padding:70px 0px 50px 0px;
margin:0;
width:100%;
}	
	
.bg-c{
background:#f6f6f6; 
padding:70px 0px 50px 0px;
margin:0;
width:100%;
}
.bg-d{
background:#7f8fd2; 
margin:0; 
padding:70px 0px 50px 0px;
width:100%;
color:#fff !important;
}	
	
.bg-d a{
color:#494a4e !important;
}




	
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	
	
.m-left{
	margin-left:20%;
}	
.m-right{
	margin-right:20%;
}

.m-center{
	margin-left:10%;
	margin-right:10%;
}	

}
	

	
@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	
.m-left{
	margin-left:10%;
}	
.m-right{
	margin-right:10%;
}

.m-center{
	margin-left:5%;
	margin-right:5%;
}
.side-bar-display{
	
	display:none !important;
	
}  
		

}

.contentinner-area{
text-align:justify;
font-weight:400; 
font-size:14px; 
font-family: 'Poppins', sans-serif;
line-height:160%;
color:#494a4e;
}

.contentinner-area h4{
font-size:24px;
font-weight:700;
line-height: 150%;
margin-bottom:25px;
z-index:1;
color:#494a4e;
font-family: 'Poppins', sans-serif;
}


.contentinner-area h3{
font-size:24px;
font-weight:700;
line-height: 150%;
margin-bottom:30px;
z-index:1;
color:#494a4e;
font-family: 'Poppins', sans-serif; 
}
/*
.contentinner-area h3:after{
transition: all 0.5s ease, padding 2.8s linear;
	-ms-transition: all 0.5s ease, padding 2.8s linear;
	-webkit-transition: all 0.5s ease, padding 2.8s linear;
	-moz-transition: all 0.5s ease, padding 2.8s linear;
	-o-transition: all 0.5s ease, padding 2.8s linear;
content:"";
width:20px;
height:40px;
border-bottom:3px solid #494a4e;
  position: absolute;
  left:0;
  z-index:1;
  margin-left:15px;
}
*/



.contentinner-area li{
list-style:none; 
line-height:160%;
padding:5px 0px 5px 40px;
border-bottom:1px dashed rgba(0,0,0,0.09);
position: relative;
}
.contentinner-area li:hover{
color:#1a1a1a;
background: linear-gradient(to right, rgba(238, 205, 110, 0.95), rgba(255, 255, 255, 0.95)) !important;
}

.contentinner-area li:last-child {	
border-bottom:none;		
}
 
.contentinner-area li:before {
    content: "\f138";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #1a1a1a;
    font-size: 15px;
    position: absolute;
    left:15px; 
	vertical-align: middle !important;
}

/* ==========*/

.contentinner-area li em{
color:#eecd6e;
margin-right:20px;
}

.contentinner-area img{	
margin:15px;
text-align:justify;
max-width:50%;
height:auto;
}

.img-left img{
float:left !important;
margin-left:0px !important;
margin-right:20px;
text-align:justify;
max-width:50%;
height:auto;
margin-bottom:10px;
}

.img-right img{
float:right !important;
margin-right:0px !important;
margin-left:20px;
text-align:justify;
max-width:60%;
height:auto;
margin-bottom:10px; 
}

.img-full img{
	width:100% !important;
	margin:0 0 20px 0;
	height:auto;
	}


	
	
	

@media (max-width:767px){


	
.img-left img{

margin-right:0px;
max-width:100%;
height:auto;
}

.img-right img{
margin-left:0px;
max-width:100%;
height:auto;
}

.img-full img{
	width:98;
	margin:0 1% 20px 1%;
	height:auto;
	}

.contentinner-area img{	
margin:15px 0;
text-align:justify;
max-width:100%;
height:auto;
} 
.side-bar-display{
	
	display:none !important;
	
}  

}




/*    
Gallery page    
     */

.contentinner_gallery{
text-align:left;
font-weight:400; 
font-size:15px; 
font-family: 'Poppins', sans-serif;
line-height:160%;
color:#494a4e;
}



.contentinner_list li:before {
    content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #494a4e;
    font-size: 15px;
    position: absolute;
    left:-1px; 
	vertical-align: middle !important;
}

.contentinner_list li{
list-style:none; 
line-height:160%;
padding:5px 0px 5px 20px;
border-bottom:1px dashed rgba(0,0,0,0.05);
position: relative;
}
.contentinner_list li:hover{
color:#323232;
}

.contentinner_list li:last-child {	
border-bottom:none;		
}

.contentinner_gallery h3{
font-size:24px;
font-weight:700;
line-height: 150%;
margin-bottom:35px;
z-index:1;
color:#494a4e;
font-family: 'Poppins', sans-serif;
position:relative;
}

.contentinner_gallery .display-block{	
display:block;
max-width:100%;
margin-bottom:50px;		
}


.contentinner_gallery h3:after{
transition: all 0.5s ease, padding 2.8s linear;
	-ms-transition: all 0.5s ease, padding 2.8s linear;
	-webkit-transition: all 0.5s ease, padding 2.8s linear;
	-moz-transition: all 0.5s ease, padding 2.8s linear;
	-o-transition: all 0.5s ease, padding 2.8s linear;
content:"";
width:20px;
height:40px;
border-bottom:3px solid #494a4e;
  position: absolute;
  left:0;
  z-index:1;
  margin-left:0px;
}

.contentinner_gallery h4{
font-size:20px;
font-weight:700;
line-height: 150%;
margin-bottom:45px;
z-index:1;
color:#494a4e;
font-family: 'Poppins', sans-serif;

}

.contentinner_gallery .link li{
list-style:none !important;
font-family: 'Poppins', sans-serif; 
}

.contentinner_gallery .link li:before {
    content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #eecd6e;
    font-size: 15px;
    position: absolute;
    left:0px; 
	vertical-align: middle !important;
}


.contentinner_gallery .list li{
list-style:none !important;
font-family: 'Poppins', sans-serif; 
}
.contentinner_gallery .list li:hover{
color:#1a1a1a;
}

.contentinner_gallery .icon:last-child {	
border-bottom:none;		
}


.contentinner_gallery .icon {
	padding: 15px 0;
	margin-left:20px;
    color: #494a4e;
    border-bottom:1px dashed rgba(0,0,0,0.05);
	vertical-align: middle !important;
}

.contentinner_gallery .icon img {
	margin-top:-10px;
    float: left;
    width:45px;
	height:45px;
	margin-right: 23px;
	display:block;
}

.contentinner_gallery .list li{
width: 100%!important;
}	

@media(max-width: 767px) {
	
.contentinner_gallery .list li{
width: 100%!important;
}	
	
.contentinner_gallery .icon {
    float: left;
}
}


@media(max-width: 768px) {
.contentinner_gallery .icon:last-child {	
border-bottom:1px dashed rgba(0,0,0,0.05);	
}

}



.contentinner_gallery .title {
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0 0 30px;
    font-size: 18px;
    color: #494a4e;
}
.contentinner_gallery .title:before{
    content: '';
    position:relative;
    float: left;
    width: 40px;
    height: 2px;
    display: block;
    margin: 13px 10px 0 0;
    background: #494a4e;
}


/*
.contentinner_gallery li{
list-style:none; 
line-height:160%;
padding:3px 0px;
border-bottom:1px dashed rgba(0,0,0,0.1);
}
.contentinner_gallery li:hover{
color:#323232;
}
.contentinner_gallery li em{
color:#494a4e;
margin-right:15px; 
position:relative;
}
*/

/*==================== 
I WIDGET
=====================*/

.i-widget {
  margin: 20px 0px;
  padding-left: 0;
  list-style:none;
 display: inline-block;
  margin-right:0px;
}

.i-widget li{
  float:none;
  margin-bottom:5px;
  display: inline-block;
}

.i-widget li a {
  background:#f5f5f5;
  border-radius: 4px;
  color: #888;
  display: inline-block;
  padding: 5px 15px;
}

.i-widget li a:hover{
  background:#494a4e;
  color: #FFFFFF;
}

/*================
TRIP FACTS
==================================*/	  	
	.trip-facts {
	display:inline;
	display: inline-block;
	text-align:center;
    font-family: 'Poppins', sans-serif;
	line-height: 120%;
	margin-bottom:30px;
	}
	
.trip-facts img{
width:75px;
height:auto; 	
margin:0px auto;
padding:5px;

transition: all 0.5s ease, padding 2.8s linear;
	-ms-transition: all 0.5s ease, padding 2.8s linear;
	-webkit-transition: all 0.5s ease, padding 2.8s linear;
	-moz-transition: all 0.5s ease, padding 2.8s linear;
	-o-transition: all 0.5s ease, padding 2.8s linear;
}

.trip-facts:hover img{
	border:1px solid #ddd;
	
	 box-shadow:0 5px 15px rgba(0,0,0,.1);
	-webkit-box-shadow:0 5px 15px rgba(0,0,0,.1); 
   -moz-box-shadow:0 5px 15px rgba(0,0,0,.1);
}

	  
.trip-facts h2{	
font-size:17px;
font-weight:700;
padding-bottom:10px;
margin-bottom:10px;
letter-spacing:1px;
color:#666666; 
text-align:center;
border-bottom:2px solid #666666;
font-family: 'Oswald', sans-serif;
}	  

	  
.trip-facts span{	
font-size:16px;
font-weight:400;
margin-bottom:20px;
color:#494a4e; letter-spacing:1px;
text-align:center;
font-family: 'Poppins', sans-serif;
}


	  
@media (max-width:767px){ 
.trip-facts h2{
font-size:16px;
}
.trip-facts span{	
font-size:15px;
}	  

}	  	  
