/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

html,
body {
	background-color:#FFF;
}


.clr{
	clear:both;
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    color: #ffffff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.welcometext{
color:#006fa2;
font-family:"Century Gothic";
}

.homepagebanner{
	display:none;
}



.pagebanner{
	display:block;
	border-bottom:solid 13px #c88887;
    }

.mainwrapper_home{
	background:url(../images/introbg.jpg) fixed;
}

.mainwrapper_home .leftpanel{
	margin:0;
	padding:30px 0 0;
	background:url(../images/leftdesignbg.png) left no-repeat;
}



.mainwrapper_home .rightpanel{
	margin:90px 0 0;
	padding:50px 0;
	background:url(../images/rightdesignbg.png) right no-repeat;
}

.mainwrapper_hometext{
	width:100%;
	z-index:1000;
	position:absolute;
	color:#900;
	text-align:center;
	bottom:0;
	left:0px;
}



.mainwrapper{
background-color:#8ecf1d;
}



.img-portfolio {
    margin-bottom: 30px;
}

.homepage_content{
	text-align:justify;
	padding:2%;
}

.homepage_content h3{
font-family:"Freestyle Script";
font-size:55px;
color:#fffc00;
text-align:left;
margin-top:0;
}


.img-hover:hover {
    opacity: 0.8;
}

.bannerwrapper{
position:relative;
}

.bannerwrapper .header{
width:100%;
position:absolute;
z-index:1000;
}

.bannerwrapper .header .content{
width:100%;
margin:0 auto;
background: rgba(0, 0, 0, 0.5);
}

.bannerwrapper .header .content .col-md-3{

}

.rightblock{
display:block;
background:url(../images/phoneicon.png) left no-repeat;
color:#ffffff;
font-size:18px;
text-align:left;
font-style:italic;
height:45px;
padding:10px 0 0 46px;
margin-top:20px;
}

.bannerwrapper .header .content .col-md-9{
padding:0;
margin:0;
}

.social{
 margin-top:40px;
}

.bannerwrapper .header .content .col-md-7 a {
    color: #ffffff;
    text-decoration: none;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}


.bannerwrapper .header .content .col-md-7 a:hover {
    color: #ffe400;
    text-decoration: none;
        -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}

.contentblock{
position:absolute;
width:80%;
height:250px;
display:block;
top:-80px;
left:0;
right:0;
margin:auto;
text-align:center;	
z-index:1000;
}

.contentblock div{
background-color:#c88887;
margin:5px 0 5px 20px;
width:30%;
padding:15px;
border-radius:8px;
border:solid 3px #ffffff;
border-radius:40px 0 40px 0;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,c88887+54,c88887+100 */
background: rgb(0,0,0); /* Old browsers */
background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(200,136,135,1) 54%, rgba(200,136,135,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(200,136,135,1) 54%,rgba(200,136,135,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(200,136,135,1) 54%,rgba(200,136,135,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#c88887',GradientType=0 ); /* IE6-9 */

-webkit-box-shadow: 2px -5px 5px 0px rgba(0,0,0,0.56);
-moz-box-shadow: 2px -5px 5px 0px rgba(0,0,0,0.56);
box-shadow: 2px -5px 5px 0px rgba(0,0,0,0.56);
}

.contentblock div span, .contentblock div span a{
color:#ffffff;
text-align:center;
margin-top:15px;
display:block;
}




.div{
display:block;
margin:40px 0;
background: rgba(0, 0, 0, 0.7);
}

.divinnerpage{
display:block;
margin:90px 0;
background: rgba(87, 37, 27, 0.7); 
}

#contentwrapper, #contentwrapperinner{
background:url(../images/contentbg.png) fixed top;
display:block;
background-color:#ffffff;
position:relative;
}


#contentwrapper .span, #contentwrapperinner .span2{
display:block;
color:#ffffff;
padding:30px 70px;
text-align:justify;
font-size:14px;
}

#contentwrapper .nospace, #contentwrapperinner .span{
padding:0;
}


#contentwrapper span h1{
color:#ffffff;
padding:3px 20px 7px;
font-family:"Century Gothic";
margin:240px 0 40px 0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c88887+0,ffffff+100&1+0,0+100 */
background: -moz-linear-gradient(left, rgba(200,136,135,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(200,136,135,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(200,136,135,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c88887', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}


#contentwrapperinner span h1{
color:#ffffff;
padding:3px 20px 7px;
font-family:"Century Gothic";
margin:40px 0 40px 0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c88887+0,ffffff+100&1+0,0+100 */
background: -moz-linear-gradient(left, rgba(200,136,135,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(200,136,135,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(200,136,135,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c88887', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}

#contentwrapperinner .span2 .p{
display:block;
color:#ffffff;
padding:7px 10px;
font-size:16px;
color:#000000;
margin:10px 0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f2f2+0,f4d4d3+46,7db9e8+100&1+0,1+47,0+100 */
background: -moz-linear-gradient(-45deg, rgba(242,242,242,1) 0%, rgba(244,212,211,1) 46%, rgba(242,212,211,1) 47%, rgba(125,185,232,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(242,242,242,1) 0%,rgba(244,212,211,1) 46%,rgba(242,212,211,1) 47%,rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(242,242,242,1) 0%,rgba(244,212,211,1) 46%,rgba(242,212,211,1) 47%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#contentwrapperinner .span2 .facilityimg{
position:relative;
}

#contentwrapperinner .span2 .facilityimg .spannew1{
width:47%;
height:180px;
float:left;
}

#contentwrapperinner .span2 .facilityimg .spannew2{
width:47%;
height:180px;
margin:90px 0 0 10px;
float:left;
}

#contentwrapperinner .span2 .facilityimg .spannew1 img, #contentwrapperinner .span2 .facilityimg .spannew2 img{
border:solid 3px #ffffff;
border-radius:0 30px 0 30px;
}

#enquirywrapper{
display:block;
background:#7c4137;
}

#enquirywrapper p{
color:#ffffff;
padding:30px 10%;
text-align:justify;
font-size:18px;
}
#enquirywrapper h1{
color:#ffffff;
padding:30px 10% 10px;
font-family:"Century Gothic";
}



.nogap{
padding:0;
margin:0;	
border-right:#ffe400 solid 3px;
}	

.homepage_tour{
background:url(../images/tourbg.jpg) right;
background-color:#e2e4e5;
padding:5%;
}

.homepage_tour .block{
position:relative;
}

.homepage_tour .content{
width:100%;
position:absolute;
z-index:1000;
text-align:center;
font-size:55px;
top: 42%;
left:0%;
font-weight:bold;
color:#fffc00;
font-family:Vivaldi;
}

.homepage_tour .content a{
color:#fffc00;
text-decoration:none;
}


.homepage_tour .block img{
	opacity:1;
	border:solid 15px #7c4137;

}

.homepage_tour .block img:hover{
	opacity:0.4;
-webkit-transition:ease all .25s;
    -o-transition:ease all .25s;
    transition:ease all .25s;
}



.homepage_service{
background:url(../images/tourbg.jpg) right no-repeat;
background-color:#e2e4e5;
padding:5% 1%;
}

.homepage_service ul{
padding:0;
margin:0;
}

.homepage_service ul li{
list-style-type:none;
display:inline-block;
width:14%;
text-align:center;
font-weight:bold;
font-size:13px;
color:#900;
}

.homepage_service ul li img{
border:solid 15px #ffffff;
}

.homepage_service ul li span{
display:block;
padding-top:15px;
height:50px;
}


footer{
background-color:#c88887;
padding:20px;
color:#ffffff;
}

footer a{
color:#ffffff;
}

footer a:hover{
color:#f4fd01;
}

.banner{
height:510px;
}

.table{
width:100%;
}

.table .thead-dark{
background-color:#c88887;
}

.table tr th, .table tr td{
text-align:center;
}

.modal-title{
	font-size:27px;
	text-align:center;
	color:#ffffff;
}

.modal-header {
    padding: 15px;
    border-bottom:0;
}

.modal-content {
    position: relative;
    background-color: #c78786;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
	border-radius:60px 0 60px 0;
}

.modal-content label{
    color:#ffffff;
	margin-top:15px;
	font-size:15px;
}

.form-control {
background:rgba(255,255,255,0.5);
color:#000000;
border-radius:8px;
padding:20px;
margin:6px 0;
}

.dropdownoption{
width:100%;
background:rgba(255,255,255,0.5);
color:#000000;
border-radius:8px;
padding:11px;
margin:6px 0;
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #e2b5b5;
    border: 1px solid #ccc;
    border-radius: 4px;
}


.table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
	color:#000000;
	font-weight:bold;
}


.member img{
margin-bottom:20px;
}

.roomchart{
	
}


/* tour image hover effect */

.hovereffect {
width:100%;
height:100%;
float:left;
overflow:hidden;
position:relative;
text-align:center;
cursor:default;

-webkit-box-shadow: 0px 10px 25px -6px rgba(0,0,0,0.41);
-moz-box-shadow: 0px 10px 25px -6px rgba(0,0,0,0.41);
box-shadow: 0px 10px 25px -6px rgba(0,0,0,0.41);
}

.hovereffect .overlay {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0;
opacity:0;
background-color:rgba(0,0,0,0.5);
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out
}

.hovereffect img {
display:block;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;
border:dashed 1px #ffffff;
padding:5px;
border-radius:0 42px 0;
height:280px;
width:100%;
}

.hovereffect h2 {
text-transform:uppercase;
color:#fff;
text-align:center;
position:relative;
font-size:14px;
background:rgba(0,0,0,0.6);
-webkit-transform:translatey(-100px);
-ms-transform:translatey(-100px);
transform:translatey(-100px);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
padding:10px;
}

.hovereffect a.info {
text-decoration:none;
display:inline-block;
text-transform:uppercase;
font-size:13px;
color:#fff;
border:1px solid #fff;
background-color:transparent;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
margin:50px 0 0;
padding:7px 14px;
}

.hovereffect a.info:hover {
box-shadow:0 0 5px #fff;
}

.hovereffect:hover img {
-ms-transform:scale(1.3);
-webkit-transform:scale(1.3);
transform:scale(1.3);
}

.hovereffect:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
}

.hovereffect:hover h2,.hovereffect:hover a.info {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}

.hovereffect:hover a.info {
-webkit-transition-delay:.2s;
transition-delay:.2s;
}

/* tour image hover effect end*/




/*................pagination..................*/
.pagen{
		padding:8px;
		color: #fff;
		text-align:justify;
		font-size:12px;
	
		width:70px;
		height:10px;
		border:1px solid #c88887;
		background: #c88887;
		font-weight:bold;
		text-decoration:none;
		margin:1px;
	}
	
.pagen:hover{
		color: #ffffff;
		
		font-size:12px;
		width:70px;
		 background: #c88887;
		height:10px;
		border:1px solid #c88887;
		font-weight:bold;
		text-decoration:none;
	}
		.pagen1{
			font-size:12px;
			text-align:justify;
		padding:5px;
		color:#900;
		text-align:justify;
	    background: #ffffff;
		width:70px;
		height:10px;
		border:1px solid #999;
		
	}




@media(max-width:991px) {
.homepage_service ul li{
list-style-type:none;
display:inline-block;
width:30%;
text-align:center;
font-weight:bold;
font-size:13px;
color:#900;
margin:30px 10px;
}

.banner{
height:300px;
}

.contentblock div{
width:30%;
}

}




@media(max-width:767px) {
.homepage_service ul li{
width:45%;
}

.contentblock div{
width:27%;
}

#contentwrapper span h1{
margin:100px 0 40px 0;
font-size:20px;
}

.table{
width:1300px;
}

.roomchart{
width:100%;
overflow-x:scroll;
}

.rightblock{
display:block;
background:url(../images/phoneicon.png) left no-repeat;
color:#ffffff;
font-size:16px;
text-align:left;
height:45px;
padding:10px 0 0 46px;
margin-top:10px;
}

}

@media(max-width:640px) {
.banner{
height:250px;
}

.contentblock{
width:100%;
}

.contentblock div{
margin:5px 0 5px 0px;
width:32%;
}

.contentblock div span, .contentblock div span a{
color:#ffffff;
text-align:center;
margin-top:15px;
display:block;
font-weight:bold;
font-size:11px;
}

#contentwrapper .span, #contentwrapperinner .span2{
display:block;
color:#ffffff;
padding:30px 10px;
text-align:justify;
font-size:14px;
}

.hovereffect img {
display:block;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;
border:dashed 1px #ffffff;
padding:5px;
border-radius:0 42px 0;
height:280px;
width:100%;
}

}


@media(max-width:530px) {
.homepage_service ul li{
width:30%;
}

.banner{
height:200px;
}


.homepage_tour .content{
width:100%;
position:absolute;
z-index:1000;
text-align:left;
font-size:30px;
top: 42%;
font-weight:bold;
color:#fffc00;
padding-left:40px;
font-family:Vivaldi;
}


}


@media(max-width:480px) {
#contentwrapper .span{
display:block;
color:#ffffff;
padding:30px 10px;
text-align:justify;
font-size:18px;
}
}

@media(max-width:420px) {
.banner{
height:130px;
}
}

/* Float */
.hvr-float {

  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
  opacity:0.4;
}


.contactwrapper{
color:#ffffff;
padding:7%;
font-size:16px;
background: url(../images/contactbg.jpg) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}






.contactwrapper h1{
color:#ffffff;
padding:30px 0 10px;
font-family:"Century Gothic";
}


.tour{
margin:40px 0;
}



/* Responsive Styles */

@media(max-width:991px) {

.social{
 margin-top:0px;
}

.bannerwrapper .header{
width:100%;
position:static;
z-index:1000;
}


.bannerwrapper .header .content{
width:100%;
margin:0 auto;
background: rgba(0, 0, 0, 1);
}	
	
	
.mainwrapper_home .rightpanel{
	margin:0px 0 0;
	padding:20px 0;
	background:url(../images/rightdesignbg.png) right no-repeat;
}
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }
	

    header.carousel .carousel {
        height: 70%;
    }
}

@media(max-width:480px) {
.footertop img{
	float:right;
	width:40%;	
}
}

/* tour image hover effect */

.hovereffect {
width:100%;
height:100%;
float:left;
overflow:hidden;
position:relative;
text-align:center;
cursor:default;

-webkit-box-shadow: 0px 10px 25px -6px rgba(0,0,0,0.41);
-moz-box-shadow: 0px 10px 25px -6px rgba(0,0,0,0.41);
box-shadow: 0px 10px 25px -6px rgba(0,0,0,0.41);
}

.hovereffect .overlay {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0;
opacity:0;
background-color:rgba(0,0,0,0.5);
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out
}

.hovereffect img {
display:block;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;
}

.hovereffect h2 {
text-transform:uppercase;
color:#fff;
text-align:center;
position:relative;
font-size:14px;
background:rgba(0,0,0,0.6);
-webkit-transform:translatey(-100px);
-ms-transform:translatey(-100px);
transform:translatey(-100px);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
padding:10px;
}

.hovereffect a.info {
text-decoration:none;
display:inline-block;
text-transform:uppercase;
color:#fff;
border:1px solid #fff;
background-color:transparent;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
margin:50px 0 0;
padding:7px 14px;
}

.hovereffect a.info:hover {
box-shadow:0 0 5px #fff;
}

.hovereffect:hover img {
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
}

.hovereffect:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
}

.hovereffect:hover h2,.hovereffect:hover a.info {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}

.hovereffect:hover a.info {
-webkit-transition-delay:.2s;
transition-delay:.2s;
}

/* tour image hover effect end*/