@charset "UTF-8";
@import "font-awesome.css";
@import "bootstrap.css";
@import "camera.css";
@import "jquery.fancybox.css";


html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; 
}

body {
  font-family: 'Raleway', sans-serif;
  margin: 0;  
  font-size:15px; 
  font-weight:400; 
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block; 
  position:relative; 
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; 
}
  
a {
background-color: transparent; 
}

a:active,
a:hover {
  outline: 0; 
}
ul,li { 
margin:0; 
padding:0; 
list-style:none;
}
header {
  background-color: #fff; 
display: inline-block;
position: relative;
width: 100%;
}

.navbar-brand {
    position: absolute;
    width: auto;
    left: 45%;
    top: 0;
    text-align: center;
    margin: auto;
}
.navbar-brand img { 
transition: all 0.35s ease 0.1s;
}
.navbar-brand > img {
display: inline-block;
margin-top: -15px;  
}
.slider { 
display: inline-block;
position: relative;
width: 100%;
}
.caption {
  left: 0;
  position: absolute;
  right: 0;
  top: 36%;
  z-index: 15; 
  text-align:center;
}

.caption h1 { 
font-size:42px; 
font-weight:700; 
color:#459b42;
margin: 0 auto; 
text-transform:uppercase; 
position:relative; 
text-align:center; 
margin-bottom:0px;
}
.caption h2 { 
font-size:26px; 
font-weight:700; 
color:#e04f92;
margin: 0 auto; 
position:relative; 
text-align:center;
margin-bottom:15px; 
font-family:'Alex Brush'; 
letter-spacing:2;
}
.caption h2 img { 
margin-top:1px;
}
.caption p { 
font-size:14px; 
font-weight:300; 
color:#000;
margin: 0 auto; 
position:relative; 
text-align:center;  
width:32%; 
margin-bottom:25px; 
line-height:26px;
}
.caption a { 
font-size:14px; 
font-weight:600; 
margin: 0 auto; 
position:relative; 
text-align:center; 
border-bottom:1px solid #000;
border-top:2px solid #000; 
color:#000; 
display:inline-block; 
padding:5px 0; 
text-decoration:none;
}
.caption a img { 
vertical-align:middle;
}
.avail {
	padding-top: 25px;
	background: #df4d90;
	margin-top: -5px;
	padding-bottom: 10px;
}
.about { 
padding:30px 0 0px 0; 
background:url(../images/abt-bg.png) no-repeat center bottom;  
}
.about .height { 
height:370px;
}
.about h2 { 
font-size:24px; 
font-weight:600; 
color:#df4d90; 
text-transform:uppercase; 
text-align:center; 
margin:0 0 30px;
}
.about h2 span { 
color:#333;
}
.about .head p { 
font-size:15px; 
font-weight:300; 
margin:0 auto; 
width:75%; 
text-align:center; 
}
.about .hall1 h4{
margin-top:20%; 
}
.about .hall2 h4{
margin-top:490px; 
}

.about .hall2 { 
position:relative;
}
.about .hall2 .midleimg { 
left: -77px;
position: absolute;
top: -25px;
}
.about .hall1 h4, .about .hall2 h4 { 
 font-size:20px; 
font-weight:600; 
color:#df4d90; 
text-transform:uppercase; 
}
.about .hall1 p, .about .hall2 p { 
line-height:26px; 
font-weight:300; 
margin-bottom:20px

}
.about .hall1 a, .about .hall2 a { 
font-weight:300; 
position:relative; 
border-bottom:2px solid #d0d0d0;
border-top:2px solid #d0d0d0; 
color:#000; 
padding:10px 100px 10px 0; 
text-decoration:none;
}
.features { 
background:url(../images/spl-bg.png) no-repeat center center; 
padding: 20px 0 35px; 
height:auto; 
}

.features h2 { 
color: #df4d90;
font-size: 24px;
font-weight: 600;
margin: 30px 0 30px;
text-align: left;
text-transform: uppercase;
}
.features h2 span {
  color: #333;
}
.feaul li { 
font-weight: 300; 
line-height:34px;
background:url(../images/dot_circle.png) no-repeat left center ; 
padding-left:25px;
}
.gallery { 
display:inline-block;
position:relative; 
width:100%;
}
.gallery .photo-gallery .fancy-div::before {
  background: url(../images/gal-fg.png) no-repeat center center ;
  bottom: 100%;
  color: #fff;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.85;
  padding: 35% 43%;
  position: absolute;
  transition: all 0.3s ease 0s;
  width: 100%;
  z-index: 1;
}
.gallery .photo-gallery .fancy-div:hover::before {
  bottom: 0;
}
.gallery .photo-gallery .fancy-div {
  overflow: hidden;
  padding: 0px;
  position: relative;
}

.gallery .photo-gallery .fancy-div h4 { 
font-weight: 500; 
font-size: 20px; 
color:#fff; 
  position: absolute;
  bottom: 100%;
  left: 0;
  transition: all 0.5s ease 0s; 
  text-align:center;
    width: 100%;
  z-index: 2;
}
.gallery .photo-gallery .fancy-div:hover h4 { 
  bottom: 40%;
}
.place { 
  background: url(../images/place-bg.png) no-repeat top center ; 
  height:1600px; 
  margin-top:-6px;
}
.place .place1 { 
margin-top:68%;
}
.place .place2 { 
margin-top:75%;
}
.place .place3 {
margin-top:82%;
}
.place .place4 {
margin-top:91%;
}

.place h4{ 
color:#df4d90;
font-weight: 700; 
font-size: 18px; 
text-align:center;
}
.place p{ 
color:#000;
font-weight: 300; 
font-size: 15px; 
text-align:left; 
line-height:34px
}
.place .reserve { 
margin-top:8%; 
text-align:center;
}
.place .reserve a { 
display:inline-block;
background:#333333;
padding:5px 20px; 
text-transform:uppercase; 
font-size:24px;
font-weight:700; 
color:#fff; 
text-decoration:none; 
}
.place .reserve p { 
color:#000;
font-weight: 400; 
font-size: 16px; 
text-align:center; 
line-height:34px; 
margin:0 auto; 
width:75%; 
margin-bottom:15px;
}
.footer { 
color:#fff;
}
.footer-top { 
padding:30px 0 0px; 
text-align:center; 
font-size: 16px; 
font-weight: 300; 
background: #333333; 
}

.footer-top .socail a { 
display: inline-block;
height: 34px;
width: 34px; 
margin:4px 0 5px 0;
}
.footer-top .socail span {
  display: inline-block;
  margin-right: 10px;
  margin-top: -30px;
  vertical-align: middle;
font-weight: 400; 
}

.footer-top .socail a.g { 
background:url(../images/social.png) no-repeat 0 0
}
.footer-top .socail a.t { 
background:url(../images/social.png) no-repeat -34px 0;
}
.footer-top .socail a.f { 
background:url(../images/social.png) no-repeat -68px 0;
}
.footer-top .socail a.l { 
background:url(../images/social.png) no-repeat -102px 0;
}

.footer-top .foot-links a { 
color:#fff; 
text-transform:uppercase;
font-size: 14px; 
font-weight: 400; 
display:inline-block;
margin:30px 0; 
padding:0 6px; 
}
.footer-top .foot-links a:hover { 
color:#e04f92; 
}
.footer-top .foot-links a.active { 
color:#e04f92; 
}
.footer-bottom { 
background:#141414;
font-size: 14px; 
font-weight: 300; 
padding:25px 0 15px; 
text-align:center;
}
.footer-bottom p a { 
color:#e04f92; 
}
.inner { 
overflow:hidden;
}
.inner-bg .inr { 
position:absolute; 
left:0; 
top:30%; 
width:100%;

}
.inner-bg .inr h1 { 
background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
border-radius: 25px;
color: #df4d90;
font-size: 40px;
font-weight: 700;
text-align: center;
}
.about.inner { 
background: rgba(0, 0, 0, 0) url("../images/abt-inr-bg.png") repeat scroll center top;
padding: 50px 0 0;
}
/*.about.inner h2 { 
color:#fff;
}*/
.abtimg { 
max-height: 400px;
max-width: none;
width: auto;
}
.about.inner .row2{ 
position:relative;
}
.about.inner p{ 
line-height:24px; 
font-weight:600; 
color:#000;
}
.about.inner .overlay { 
background: rgba(255,255,255, 0.5) none repeat scroll 0 0;
height: 400px;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.facimg img { 
border:2px solid #df4d90; 
margin-bottom:15px; 
display:inline-block;
}
.facimg p { 
position:relative; 
overflow:hidden; 
}
.facimg p span { 
position:absolute; 
background:#000;
bottom:100%;
width:98%; 
height:50px; 
left:1%; 
color:#fff; 
padding:0 5px; 
transition : all 0.3s;
}
.facimg p:hover span  { 
bottom:13%;
} 
/*.inner .photo-gallery .fancy-div:before {
  border-bottom: 187px solid #df4d90;
  border-left: 187px solid transparent;
  bottom: 0;
  content: "";
  height: 0;
  opacity: 0.7;
  position: absolute;
  right: 0;
  transition: all 0.3s ease 0s;
  width: 0;
}*/
.inner .photo-gallery .fancy-div { 
margin-bottom:15px;
}
.inner .photo-gallery a {
  position: relative; 
  margin-bottom:15px;
  
}
.inner .photo-gallery .fancy-div h4 { 
margin:0; 
position:relative; 
z-index:9;
}
.inner .thumbnail {
  /*background: #df4d90 none repeat scroll 0 0;*/
  box-shadow: none;
  height: 100%;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 90%; 
}
.inner .thumbnail iframe { 
  vertical-align:middle;
}
.inner .thumbnail a {
  color: #fff;
  display: block;
  font-size: 40px;
  height: 80px;
  left: 50%;
  line-height: 70px;
  margin: 0 auto 0 -41px;
  position: absolute;
  text-align: center;
  text-decoration: none;
  top: -100px;
  width: 80px;
  z-index: 4;
}
.inner .thumbnail:hover a {
    top:50%;
    margin-top:-30px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3 s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.inner .thumbnail .mask {
  background: #181a1c none repeat scroll 0 0;
  height: 100%;
  left: 0;
  opacity: 0.85;
  position: absolute;
  top: 100%;
  transition: all 0.2s ease-out 0s;
  width: 100%;
}
.inner .thumbnail:hover .mask { 
top:0;
}
.inner .tour h4 { 
text-transform:uppercase; 
color:#df4d90; 
font-weight:600; 
margin-top:0; 
}
.tour p { 
text-align:justify; 
margin-bottom:20px;
}
.inner .contact-form {
  background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
  margin-top: 0;
  padding: 20px;
  position: relative;
  z-index: 110;
}
.inner .map-canvas {
  color: #29383f;
  height: 500px;
  width: 100%; 
  margin-top:2%;
  /*left: 0;
  margin-bottom: 20px;
  position: absolute;
  right: 0;
  top: 0;*/
}
.inner .contact-form h3, .inner .reserve-form h3 {
  color: #df4d90;
  padding-bottom: 0px; 
  text-transform:uppercase; 
  letter-spacing:-1px; 
  margin:5px 0; 
  font-size:22px;
}
.inner .contact-form p, .inner .reserve-form .inner {
  color: #df4d90;
  font-size: 19px;
  font-weight: 500;
  line-height: 35px;
  margin-top: 2%;
  text-align: center;
}
.inner .contact-form .invisible, .inner .reserve-form .invisible {
  display: none;
  visibility: visible;
}
.inner .contact-form .error, .inner .reserve-form .error {
  font-size: 11px; 
  color:#f00;
}

@media screen and (max-width: 1199px){ 
.nav > li > a {
  font-size: 14px;
  padding: 10px;
}
.navbar-brand {
  left: 41%;
}
.about .hall2 .midleimg {
  left: -50px;
  position: absolute;
  top: -25px;
  width: 420px;
}
.caption {
  top: 25%;
}
.caption h1 {
  font-size: 36px;
}
.caption p {
  line-height: 22px;
}
.place .place1 {
  margin-top: 81%;
}
.place .place2 {
  margin-top: 89%;
}
.place .place3 {
  margin-top: 98%;
}
.place .place4 {
  margin-top: 106%;
}
.place h4 {
  text-align: left;
}
}
@media screen and (max-width: 991px) { 
.nav > li > a {
  font-size: 12px;
  padding: 10px 7px;
}
.navbar-brand {
  left: 39%;
}
.caption h1 {
  font-size: 28px; 
  margin:0;
}
.caption h2 {
  font-size: 18px;
   margin: 0 auto 5px;
}
.caption p {
  line-height: 18px;
   margin: 0 auto 5px;
}
.about .hall2 .midleimg {
  left: -50px;
  position: absolute;
  top: -25px;
  width: 345px;
}
.about .hall2 h4 {
  margin-top: 350px;
}
.place { 
background:none; 
height:auto; 
position:relative;
}
.place .container { 
width:99%;
}
.place .div-sm-xs { 
position:absolute; 
top:0; 
left:0; 
z-index:1; 
width:100%
}
.place .place1 {
  margin-top: 78%;
}
.place .place2 {
  margin-top: 86%;
}
.place .place3 {
  margin-top: 94%;
}
.place .place4 {
  margin-top: 104%;
}
.place h4 {
  font-size: 17px;
  font-weight: 600;
  text-align: left;
}
.place p {
  font-size: 14px;
  line-height: 26px;
}
.footer-top .foot-links a {
  font-size: 13px;
  padding: 0 5px;
}
.footer-bottom {
  font-size: 14px;
}
.place .reserve {
  margin-top: 14%;
  text-align: center;
}
}


@media screen and (max-width: 900px){ 
.place .reserve {
  margin-top: 9%;
  text-align: center;
}
.place p {
  font-size: 14px;
  line-height: 24px;
}
}


@media screen and (max-width: 850px){ 

.place .reserve {
  margin-top: 1%;
  text-align: center;
}
.place p {
  font-size: 14px;
  line-height: 20px;
}
}
@media screen and (max-width: 800px){ 

.place .reserve {
  margin-top: 4%;
  text-align: center;
}
}


@media screen and (max-width: 767px){ 
.navbar-brand {
  left: 0%;
  margin: auto;
  position: absolute;
  text-align: center;
  top: 0;
  width: auto;
  padding: 10px 0;
}
.nav > li > a {
  font-size: 12px;
  padding: 5px 7px;
}
.caption {
  top: 27%;
}
.caption h1 {
  font-size: 22px;
  margin: 0;
}
.caption p {
   width: 100%;
}
.about .head p {
  width: 100%;
}
.about .hall1 h4 {
  margin-top: 10%;
}
.about .hall2 .midleimg {
  left: 0;
  position: relative;
  top: 0;
  width: 100%;
}
.about .hall2 h4 {
  margin-top: 0;
}
.place h4 {
  font-size: 15px;
  font-weight: 500;
  text-align: left;
}
.feaul li {
  font-size: 14px;
  line-height: 24px;
}
.place p { 
display:none;
}
.place .reserve {
  margin-top: 20%;
  text-align: center;
}

.place .reserve p {
  font-size: 14px;
  line-height: 22px;
  width: 95%;
  display:block;
}
.logo-md {
  height: 100px;
}
.navbar {
  min-height: 85px;
}
.navbar-toggle {
margin-top: 40px;
}
.footer-top .foot-links a {
  margin: 10px 0 0;
}
.footer-top {
  padding: 30px 0 15px;
}
}
@media screen and (max-width: 550px){ 
.place .reserve {
  margin-top: 15%;
  text-align: center;
}
.place .reserve p { 
display:none;
}
.caption {
  top: 27%;
}
.caption h1 {
  font-size: 16px;
  margin: 0;
}
.caption h2 {
  font-size: 15px;
  margin: 0 auto 5px;
}
.caption a {
  display: none;
}
}

@media screen and (max-width: 360px){ 
.feaul li {
  font-size: 11px;
  line-height: 24px;
}

}