@charset "utf-8";
/* CSS Document */
@import url(lightbox.css);
@import url(https://fonts.googleapis.com/css?family=Lobster+Two:400,400italic,700);
@import url(https://fonts.googleapis.com/css?family=Monda:400,700);
* {margin:0px; padding:0px;}
* {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
body {margin:0px; padding:0px; font-size:14px;}
p {font-family:'Calibri'; line-height:18px;}
h1 {font-family: 'Lobster Two', cursive;}
span.conser {font-family: 'Monda', sans-serif;}
.row, .blackbg, .banner, .logo a img, .slid ul li img, .slidthum, .mcon1, .graycon, .landmain, section.landsect, .contmain, .graycon ul li figure img, .footer, span.conser, span.slidco, .walkable figure img, .photpgalleris, .photpgalleris ul li img, .title-c, .col-ctype7 span, .col-ctype7 span div small, .locationMap figure img, .bordershad-left, .bordershad-right, .toplemon, .BnkDetails span, .paymentss figure img {width:100%;}
.left, .blackbg, .logo, ul.menu li, ul.menu li a, .slidthum, .slidthum ul li, .graycon ul li, .slid ul li img, .landmain, .contant, .graycon, section.landsect, .contmain, .footer, .photpgalleris, .photpgalleris ul li, .col-ctype7, .col-ctype5, .title-c, .col-ctype7 span, .col-ctype7 span div, .col-ctype7 span div small, .bordershad-left, .bordershad-right, .toplemon, .BnkDetails span, .BnkDetails span small, .BnkDetails span dfn, .paymentss figure img {float:left;}
.right, .banner, .asides, .nav, .readm, .mcon1, .walkable, .copyright span:last-child {float:right;}
ul.menu li, ul.menu li:hover ul, ul.menu li:hover ul li:hover ul {display:block;}
ul.menu li ul, ul.menu li:hover ul ul, .banner .flexslider ol {display:none;}
ul.menu li ul, span.conser, .banner .flexslider ul li a.flex-prev, .banner .flexslider ul li a.flex-next, span.slidco {position:absolute;}
ul.menu li, .graycon ul li, .banner .flexslider, .banner .flexslider ul.slides li {position:relative;}

.banner {margin-top:10px;}
.categories, .contmain {margin-top:15px;}
.graycon ul li:last-child {margin-right:0px;}
.BnkDetails span small {margin-right:15px;}
.graycon ul li, .photpgalleris ul li, .col-ctype7 {margin-right:20px;}
.mcon1 h3, span.conser h2, .title-c h2, .col-ctype7 span div small, .c-detailinfo span div {margin-bottom:5px;}
.eventconts p, .eventconts h2 {margin-bottom:10px;}
.contmain p, .landmain p, .landsect p, .contmain h1, .contmain, .facilitieshn ul li, .photpgalleris ul li, .col-ctype7 span, .locationMap h2, .BnkDetails span {margin-bottom:15px;}
.eventconts ul li, .title-c, .BnkDetails h2 {margin-bottom:20px;}

.readm a {padding:6px;}
span.conser, .eventconts {padding:10px;}
.footer {padding:15px;}

.contmain h1, .locationMap h2 {padding-bottom:3px;}
.banner .flexslider ul li a.flex-prev, .banner .flexslider ul li a.flex-next {font-size:0px;}
.col-ctype7, .col-ctype7 span div small, .BnkDetails, .BnkDetails span small {font-size:14px;}
span.conser h2 {font-size:15px;}
.eventconts h2 {font-size:18px;}
ul.menu li a, .title-c h2, .locationMap h2, .BnkDetails h2 {font-size:20px;}
.contmain h1 {font-size:25px;}
.col-ctype7 span div strong, .BnkDetails span small, .BnkDetails h2 {font-weight:700;}
.landsect P, .contmain p {text-align:justify;}
ul.menu, .graycon ul li {list-style:none;}
ul.menu li a, .readm a, .col-ctype7 span a, .copyright a {text-decoration:none;}
.eventconts h2, span.conser h2, .title-c h2 {text-transform:uppercase;}
p, .facilitieshn ul li {line-height:18px;}
.eventconts ul li {line-height:20px;}
.BnkDetails span dfn {font-style:normal;}
.title-c dfn {font-style:italic;}

/*============= COLOR CODE CSS ==============*/
ul.menu li a, ul.menu li a:hover, span.conser h2, span.conser dfn, span.conser p, .readm a, span.slidco, .eventconts, .copyright a:hover, .copyright, .copyright a {color:#fff;}
.readm a:hover, .col-ctype7 span a, .eventconts {color:#000;}
.title-c dfn {color:#6d6d6d;}
.redcolor strong, .title-c h2, .col-ctype7 span a:hover {color:#EB1A2F;}

ul.menu li ul {background:#333;}
.footer {background:#b8913d;}/*more gray*/
.eventconts {background:#f7f7f7;}/*more gray*/
.readm a {background:#EB1A2F;}/*smoe red*/
.toplemon {background:#000;}/*orange*/
.readm a:hover {background:#E5CC3B;}/*yellow*/
span.slidco, span.conser {background:url(../images/trans-bg.png) repeat left top;}

/*========= border and border radius ==============*/
.banner .flexslider ul li a.flex-prev, .banner .flexslider ul li a.flex-next {outline:none;}
ul.menu li:last-child, ul.menu li ul li {border-right:none;}
.contmain figure img, .photpgalleris ul li img {border:1px solid #8C8C8C;}
.photpgalleris ul li:hover a img {border:1px solid #e5cc3b;}
ul.menu li {border-right:1px solid #777;}
.contmain h1 {border-bottom:1px solid #EB1A2F;}
.locationMap h2 {border-bottom:1px solid #707070;}

/*========= navigation part ==============*/
ul.menu li a {padding:12px 7px;}
ul.menu li a:hover {background:url(../images/nav-hover.png) repeat-x left top;}

/* =============== SUB MENU CSS =============*/
ul.menu li ul {left:0px; top:44px;}
ul.menu li ul {width:147px;}
ul.menu li ul ul {top:0px; left:147px;}
.facilitieshn ul li {background:url(../images/dotedarrow.png) no-repeat left top; padding-left:35px;}

/* =============== PHOTO GALLERY CSS =============*/
.photpgalleris ul li {width:272px;}
.photpgalleris ul li img {height:250px;}
.col-ctype7 {width:442px;}
.col-ctype5 {width:400px;}
.col-ctype7 span div:first-child {width:100px;}
.col-ctype7 span div:last-child {width:378px;}

/* =============== GENERAL CSS =============*/
.bordershad-left {background:url(../images/bordershad-left.jpg) repeat-y left top; padding-left:34px;}
.bordershad-right {background:url(../images/bordershad-right.jpg) repeat-y right top; padding-right:34px;}
.blackbg {background:url(../images/pink-gradient-bg.jpg) no-repeat top left; background-size:cover;}
.container {margin:0 auto;}
.container {width:944px;}
.logo {margin:10px 0; width:300px;}
.nav {margin-top: 34px;}
.slid ul li img {height:350px;}
.slidthum {background:#4e000d; padding:15px 10px;}
.landmain {background:url(../images/container_bg.jpg) repeat left top;}
.contant {width:600px;}
span.conser {left:0px; bottom:0px;}
.landsect p {color:#272727;}
aside.asides {width:260px;}
.walkable {width:275px;}
.eventconts {height:340px;}
.banner .flexslider ul li a.flex-prev, .banner .flexslider ul li a.flex-next {top:43%; height:80px; width:50px;}
.banner .flexslider ul li a.flex-prev {left:3%; background:url(../images/left-barrowN.png) no-repeat left top;}
.banner .flexslider ul li a.flex-prev:hover {background:url(../images/left-barrowH.png) no-repeat left top;}
.banner .flexslider ul li a.flex-next {right:1.5%; background:url(../images/right-barrowN.png) no-repeat left top;}
.banner .flexslider ul li a.flex-next:hover {background:url(../images/right-barrowH.png) no-repeat left top;}
span.slidco {padding:10px; font-size:18px; font-style:italic; bottom:0px; left:0px;}
.graycon ul li {width:31.78%;}
.BnkDetails {width:55%;}
.BnkDetails span small {width:40%;}
.BnkDetails span dfn {}
.paymentss {width:45%;}

.n-title {
    font-size: 20px;
    margin-bottom: 7px;
    display: inline-block;
    margin-top: 7px;
}

.n-num {
    font-size: 23px;
    margin-bottom: 7px;
    font-weight: 600;
    /* margin-top: 7px; */
    color: #EB1A2F;
}

.room-r {
    display: inline-block;
    margin-left: 40px;
    border-left: 1px solid #a5a5a5;
    padding-left: 36px;
}

.d-inline { display: inline-block;}




.btn-whatsapp-pulse {
	background: #25d366;
	color: white;
	position: fixed;
	bottom: 20px;
	right: 8%;
	font-size: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 0;
	height: 0;
	padding: 35px;
	text-decoration: none;
	border-radius: 50%;
	animation-name: pulse;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
}

@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
	}
	80% {
		box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
	}
}

.btn-whatsapp-pulse-border {
	bottom: 120px;
	right: 20px;
	animation-play-state: paused;
}

.btn-whatsapp-pulse-border::before {
	content: "";
	position: absolute;
	border-radius: 50%;
	padding: 25px;
	border: 5px solid #25d366;
	opacity: 0.75;
	animation-name: pulse-border;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
}

@keyframes pulse-border {
	0% {
		padding: 25px;
		opacity: 0.75;
	}
	75% {
		padding: 50px;
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}