@charset "utf-8";

/* CSS Document 

*/

@import url('https://fonts.googleapis.com/css?family=Muli:300,400,600,800');
* {
	font-family:Muli;
	font-size:16px;
	padding:0;
	margin:0;
	box-sizing: border-box;
}
*:focus {
	outline: none;
}
.header, .innerBanner, .innerBanner img {
	width:100%;
	float:left;
	position:relative
}
.facebook:link,.facebook:visited{ background:url(../images/fb.png) left top; width:40px; height:40px; display:inline-block; background-size:cover; margin-right:5px}
.facebook:hover{ background-position:left bottom}

.instagram:link,.instagram:visited{ background:url(../images/social-instagram.png) left top; width:40px; height:40px; display:inline-block;background-size:cover; margin-right:5px }
.instagram:hover{ background-position:left bottom}

.linkedin:link,.linkedin:visited{ background:url(../images/social-linkedin.png) left top; width:40px; height:40px; display:inline-block;background-size:cover; margin-right:5px }
.linkedin:hover{ background-position:left bottom}

.twitter:link,.twitter:visited{ background:url(../images/social-twitter.png) left top; width:40px; height:40px; display:inline-block; background-size:cover}
.twitter:hover{ background-position:left bottom}







#navId .facebook:link,#navId .facebook:visited{ width:30px; height:30px; margin-top:5px}
#navId .instagram:link,#navId .instagram:visited{ width:30px; height:30px;margin-top:5px}
#navId .linkedin:link,#navId .linkedin:visited{ width:30px; height:30px;margin-top:5px}
#navId .twitter:link,#navId .twitter:visited{ width:30px; height:30px;margin-top:5px}




.logo {
	position:absolute;
	top:20px;
	left:20px;
	z-index:99
}
.menuBox {
	float:right;
	position:fixed;
	top:20px;
	right:20px;
	z-index:999;
	bottom:0;
	background:#514947;
	width:50px;
	height:50px;
	border-radius:100px;
	cursor:pointer
}
.menuBox img {
	padding:15px 0 0 11px
}
nav {
	position: fixed;
	top:0;
	bottom:0;
	right:0;
	display:none;
	width:350px;
	background:url(../images/watermark1.png) no-repeat center 107px #514947;
	z-index:99
}
.topMobile {
	position:absolute;
	top:30px;
	right:100px;
	z-index:99
}
.topMobile, .topMobile p {
	color:#fff;
	font-size:26px;
	font-weight:300
}
.callIcon img {
	width:50px
}
.callIcon {
	position:fixed;
	bottom:20px;
	right:20px;
	z-index:99;
	animation: float 3s ease-out infinite;
}
#message-sent {
	color:#fff
}
.iconImg {
	margin-right:10px
}
 @keyframes float {
 50% {
 transform: translate(0, 20px);
}
}
.shadowFrame {
	width: 130px;
	margin-top: 15px;
}
.shadow {
	animation: shrink 3s ease-out infinite;
	transform-origin: center center;
 ellipse {
 transform-origin: center center;
}
}
 @keyframes shrink {
 0% {
 width: 90%;
 margin: 0 5%;
}
 50% {
 width: 60%;
 margin: 0 18%;
}
 100% {
 width: 90%;
 margin: 0 5%;
}
}
.aboutIntro.inner {
	margin-top:0
}
.aboutIntro.inner p, .aboutIntro.inner h1 {
	text-align:left
}
.aboutIntro.inner p {
	padding-bottom:20px
}
#menu {
	list-style:none;
	margin-top:60px;
}
.abt {
	margin:20px 0 20px 20px;
	box-shadow:15px 15px 0 0px rgba(214, 177, 110, 1)
}
.menuAddress {
	position:absolute;
	bottom:80px;
	left:0;
	padding:0 30px
}
.menuAddress p {
	color:#fff;
	font-size:14px;
	line-height:22px;
}
#menu a:link, #menu a:visited {
	color:#ebc887;
	font-size:18px;
	text-decoration:none;
	padding:8px 20px 8px 30px;
	float:left;
	width:100%
}
#menu a:hover {
	color:#fff
}
#menu li {
	border-bottom:1px solid rgba(235, 200, 135, 0.1)
}
#menu li {
	float:left;
	width:100%
}
.owl-next span, .owl-prev span {
	color:rgba(0, 0, 0, 0)
}
.owl-nav {
	margin:-150px 0 0 40px;
	position:relative;
	z-index:9999;
	width:200px
}
.owl-next span {
	background:url(../images/arrows.png) right top;
	width:56px;
	height:56px;
	display:inline-block
}
.owl-prev span {
	background:url(../images/arrows.png);
	width:56px;
	height:56px;
	display:inline-block;
	margin-right:20px
}
.punchline {
	color:#fff;
	font-size:36px;
	position:absolute;
	left:40px;
	top:40%;
	z-index:99999;
	border-left:5px solid #d6b16e;
	padding-left:20px;
	text-shadow:0 0 5px rgba(0, 0, 0, 0.5)
}
.punchline span {
	font-weight:bold;
	font-size:36px;
}
.punchline span.address {
	text-shadow:0 0 5px rgba(0, 0, 0, 0.5);
	font-size:20px;
	color:#d6b16e;
	padding-top:15px;
	display:block
}
.item img {
	width:100%
}
.item img.reraTop {
	width:auto;
	top:80%;
	right:20px;
	z-index:9999;
	position:absolute
}
.clear {
	clear:both
}
.aboutIntro {
	width:100%;
	float:left;
	text-align:center;
	padding:100px 10%;
	background:#02283c;
	margin-top:90px
}
h1 {
	margin:0 0 30px 0;
	font-weight:300
}
h1, h1 strong {
	font-size:30px;
	color:#ebc887;
	letter-spacing:1px
}
h1 strong {
	font-weight:800
}
.aboutIntro p {
	color:#fff;
	line-height:24px
}
.amenitiesBg {
	background:#514947;
	width:100%;
	float:left;
	padding:100px 0
}
.thBox {
	width:calc(25% - 40px);
	float:left;
	margin:0 20px;
	cursor:pointer;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.thBoxB {
	float:left;
	background:#000;
	position:relative
}
.thBoxB img.tt {
	opacity:0.5;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.thBoxB .th {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:9;
	text-align:center
}
.thBoxB .th.th1 {
	left:37px;
	top:0%;
	margin-top:69px
}
.thBoxB .th.th2 {
	left:55px;
	top:0%;
	margin-top:72px
}
.thBoxB .th.th3 {
	left:20px;
	top:0%;
	margin-top:60px
}
.thBoxB .th.th4 {
	left:40px;
	top:0%;
	margin-top:72px
}
.thFooter {
	width:100%;
	float:left;
	padding:15px;
	color:#fff;
	background:#423c3a;
	position:relative;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.arrow {
	position:absolute;
	right:0;
	margin-right:-11px;
	margin-top:-10px
}
.thBox:hover img.tt {
	opacity:1;
}
.thBox:hover .thFooter {
	color:#d6b16e
}
.callus {
	background:#d6b16e;
	padding:30px;
	text-align:center;
	color:#423c3a;
	font-size:30px;
	font-weight:300
}
.emailLeft {
	padding-left:40px
}
.slideshow {
	float:left;
	width:100%;
	position:relative
}
.smartArrow {
	position:absolute;
	bottom:60px;
	left:40px;
	z-index:999
}
.col6 {
	width:50%;
	padding:50px;
	background:#5e5756;
	float:left
}
h2 {
	font-weight:600;
	font-size:36px;
	color:#d6b16e;
	margin-bottom:10px
}
#message-sent {
	text-align:center
}
#message-sent a:link, #message-sent a:visited {
	text-decoration:none;
	font-weight:bold;
	color:#18479f;
	border:2px solid #18479f;
	border-radius:5px;
	padding:5px 10px
}
#message-sent a:hover {
	text-decoration:none;
	font-weight:bold;
	color:#195cda
}



::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 color: #fff;
font-weight:400
}

::-moz-placeholder { /* Firefox 19+ */
 color:  #fff;
font-weight:400
}

:-ms-input-placeholder { /* IE 10+ */
 color:  #fff;
font-weight:400
}

:-moz-placeholder { /* Firefox 18- */
 color:  #fff;
font-weight:400
}
.required.error {
	border:1px solid red !important
}
#message-sent, #apo-loader, #apo_email, #apo-message-sent {
	display:none
}
#contact-loader {
	display:none
}
label.error {
	display:none !important
}
label.error[for="author"] {
	display:block !important;
	color:red
}
.col6 select, .col6 input, .col6 textarea {
	width:100%;
	color:#fff;
	border:0px solid #ccc;
	padding:10px;
	margin:10px 0;
	float:left;
	border-radius:5px;
	font-size:16px;
	background:#726b6a
}
.col6 input.captcha {
	width:50%
}
.col6 input[type="submit"] {
	color:#fff;
	background:#c7a059;
	cursor:pointer;
	border:0
}
.col6 input[type="submit"]:hover {
	background:#d7b26e
}
.footerOuter {
	background:#02283c;
	float:left;
	width:100%;
	padding:50px 50px 25px 50px
}
.footer1 {
	width:150px;
	float:left
}
.footer2 {
	width:150px;
	float:left
}
.footer3 {
	width:calc(100% - 300px);
	float:left;
	text-align:center
}
.footer3 p {
	color:#fff;
	text-align:center;
	line-height:26px;
	padding:20px 0
}
.footerLinks {
	list-style:none;
	margin:20px auto 0 auto;
	display:inline-block
}
.footerLinks li {
	display:inline-block;
	float:left;
	margin:0 0px;
	border-left:1px solid #d2ae6d;
	padding:0 20px
}
.footerLinks li a:link, .footerLinks li a:visited {
	color:#d2ae6d;
	text-decoration:none
}
.footerLinks li a:hover {
	color:#fff
}
.footerLinks li:first-child {
	border:0
}
.footerBottom {
	background:#011724;
	float:left;
	width:100%;
	padding:20px 20px;
}
.footerLeft {
	width:50%;
	text-align:left;
	color:#fff;
	float:left;
	font-size:11px
}
.footerRight {
	width:50%;
	text-align:right;
	float:right
}
.footerRight img {
	float:right
}
.reraFooter, .mobileshow {
	display:none
}
.reraFooter {
	margin:15px 0 0 0
}
.boxFifty {
	float:left;
	width:50%;
}
.customBullet, .photoGallery {
	list-style:none
}
.customBullet li {
	background:url(../images/bullet.png) no-repeat left 3px;
	padding-left:25px;
	text-align:left;
	color:#fff;
	margin-bottom:8px
}
.photoGallery li {
	float:left;
	width:50%;
	border:1px solid #fff
}
.photoGallery li img {
	width:100%;
	opacity:0.7;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	float:left;
}
.photoGallery li img:hover {
	opacity:1
}
.res {
	background:#5e5756;
	float:left;
	width:100%
}
img.responsive {
	width:100%
}
.emailSide {
	margin-top:10px
}
.logoSide {
	width:150px;
	margin-bottom:10px
}
.quickEnq:link, .quickEnq:visited {
	background:#d5b06d;
	color:#fff;
	text-decoration:none;
	font-size:20px;
	padding:10px;
	width:100%;
	float:left;
	text-align:center;
	text-transform:uppercase;
	margin:15px 0
}
            @media (min-width: 320px) and (max-width: 767px) {
 body {
background:#02283c
}
 h2 {
font-size:30px
}
 .footer1, .footer2, .footer3, .footerLeft, .footerRight, .boxFifty, .abt {
width:100%
}
 .footerLinks li {
width:100%;
float:left;
text-align: center;
margin:10px 0
}
 .thBox {
width:90%;
margin:20px 5%;
max-width:280px
}
 .footerOuter {
padding:20px
}
 .callus {
font-size:20px;
}
 .logo {
width:180px
}
 .footerLinks li {
border-left:0
}
 .footerLinks li a {
border-bottom:1px solid #d2ae6d !important
}
 .footer1, .footer2, .footer1 img, .footer2 img {
margin:10px auto;
display:inline-block;
text-align:center
}
 .footerLeft {
padding-bottom:10px
}
 .footerRight img {
float: left
}
 .punchline, .punchline span {
font-size:20px
}
 .col6 {
width:100%;
padding:20px
}
 #owlCarouselSliderTop {
margin-top:120px
}
 .owl-nav {
margin-top:20px;
margin-left:10px
}
 .punchline {
position:relative;
padding-top:15px;
margin-left:10px;
left:0
}
 .owl-prev span {
width:30px;
height:30px;
background-size:65px;
margin-right:10px
}
 .owl-next span {
width:30px;
height:30px;
background-size:65px
}
 .item img.reraTop {
width:100px;
top:10px;
right:10px
}
 .reraFooter {
display:block;
margin:10px auto 0 auto
}
 .aboutIntro {
padding:30px 20px 60px 20px;
margin:0;
border-top:0px solid #fff
}
 .header {
padding-bottom:20px
}
 .mobileshow {
display: inline-block;
width:100%;
height:10px;
}
 .callus {
margin:0px 0 0 0;
}
 .emailLeft {
padding:0
}
 .callus img {
height:20px
}
 .smartArrow {
width:250px;
bottom:10px;
left:20px
}
 .topMobile {
display:none
}
 h1, h1 strong {
font-size:26px
}
 h1 {
margin-bottom:0;
   margin-top: 60px;
}
 .innerBanner {
margin-top:120px;
}
 .aboutIntro.inner {
border:0
}

 p.xtraspce {
padding-top:20px !important
}
 .thBoxB {
height:auto;
width:100%;
text-align:center;
margin:30px auto;
left:0;
background:none
}
 .thBox {
max-width:100%;
width:100%;
margin:0 auto;
float:none
}
 .thBoxB .th.th1, .thBoxB .th.th2, .thBoxB .th.th3, .thBoxB .th.th4 {
margin:0 auto;
position:relative;
left:0
}
 .mapBox {
width:100% !important
}
 .amenitiesBg {
padding:20px 0
}
 .mobileifrmae {
width:100% !important;
height:250px
}
}