@import url('https://fonts.googleapis.com/css?family=Raleway');
@import url('https://fonts.googleapis.com/css?family=Macondo+Swash+Caps');
html,body {font:400 14px/20px 'Raleway', sans-serif; color:#333;}
img {max-width: 100%}

h1, h2, h3, h4, h5, h6 {margin:0; padding:0; text-shadow:none; padding:0 0 20px 0; text-transform: uppercase; line-height:100%; font-weight:700;}
h1 { font-size:45px;font-family: 'Macondo Swash Caps', cursive;}
h2 { font-size:30px; color:#058485;}
h3 { font-size:27px;}
h4 { font-size:24px;}
h5 { font-size:20px;}
h6 { font-size:18px;}

p {padding:0 0 20px 0; margin:0;}

.inner_wrapper ol, .inner_wrapper ul {margin-bottom:15px;}
.inner_wrapper li {padding-bottom:5px;}

/*.header { background:#666666; z-index:99999; position:relative; border-bottom: 3px solid #3bbebc;}*/
.header { background:#666666; border-bottom: 3px solid #fff;/*#3bbebc;*/}
/*.sticky {position:fixed; left:0; top:0;	z-index:99999; width: 100%;}*/
.logo { padding:9px 0;}

a, a:focus { outline:0; outline-width:0;}
.ca {text-align: center;}
.navbar-brand { display:none;}
.navbar { margin-bottom:0px;}
.navbar-default { background: none;  border:none;}

.navbar-nav { float:right;}

.navbar-default .navbar-nav > li > a {
background:transparent;
z-index:1;
	position:relative;
	overflow:hidden;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
	vertical-align:bottom;
	color:#fff;
	padding:30px 20px;
	font-size:15px;
}

.navbar-default .navbar-nav > li > a:before {
	content:"";
	position:absolute;
	width:0;
	height:100%;
	bottom:0;
	right:0;
	top:0;
	z-index:-1;
	overflow:hidden;
	border-radius:0;
	background:#ffdd00;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.navbar-default .navbar-nav > li > a:after {
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	bottom:0;
	left:0;
	overflow:hidden;
	border-radius:0;
	background:#666666;
	z-index:-2;
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	-o-transition:all 0.2s ease;
	transition:all 0.2s ease;
}
.navbar-default .navbar-nav > li > a:hover {
	color:#fff;
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	-o-transition:all 0.2s ease;
	transition:all 0.2s ease;
}
.navbar-default .navbar-nav > li > a:hover:after {
	background:#49bfbf;
	-webkit-transition:all 0.8s ease;
	-moz-transition:all 0.8s ease;
	-o-transition:all 0.8s ease;
	transition:all 0.8s ease;
}
.navbar-default .navbar-nav > li > a:hover:before {
	width:100%;
	left:0;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}


.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{color:#fff;}

.navbar-default .navbar-nav > .active > a:after, .navbar-default .navbar-nav > .active > a:hover:after, .navbar-default .navbar-nav > .active > a:focus:after {background: #ffdd00; color:#fff;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {background: #ffdd00; color:#fff;}
.navbar-default .navbar-nav > li > a:hover {background: #ffdd00; color:#fff;}
.dropdown-menu { border: none; background:#777;/*#2f4449;*/ color:#fff;}
.dropdown-menu > li > a { color:#fff; /*border-bottom: 1px solid #333;*/}
.dropdown-menu li:last-child a{border-bottom: 0px;}
.dropdown-menu > li > a:hover,  .dropdown-menu > li > a:focus{ color:#ccc; background: #333;}
.padding1 { padding:0}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {color:#fff;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{color:#fff;}
.dropdown-menu > .active > a{background: #ffdd00;color: #fff;}
.dropdown-menu > .active > a:hover,.dropdown-menu > li > a:hover{background-color: #ffdd00;color: #fff;}

.banner_wrapper{ /*background:#ccc;*/}

.banner_wrapper img{ width:100%}
.carousel-caption { top:70%; bottom:0px; width:80%; height:100%; padding:0px;text-align:center; }
.carousel-inner .item{  }
.carousel-caption p { font-size: 35px; line-height:40px; color:#fff; text-shadow: none; margin:0 0 0 -30%; background: rgba(0,0,0,0.4); padding:20px;}
.carousel-caption p span { color:#f1c40f;}


.carousel-indicators { left:0; margin-left:0px; width:100%; text-align:center; padding-right:0; bottom:0;}
.carousel-indicators li { background:#fff; border: 2px solid #000; width:15px; height:15px; margin:0 3px}
.carousel-indicators .active { background:#ffdd00; border: 2px solid #000;  width:15px; height:15px; margin:0 3px}

.carousel-control { top:45%; width:20px;}
.carousel-control.right, .carousel-control.left { background:none; height:20px;}
.carousel-control.left { left:20px;}
.carousel-control.right { right:20px;}

.top_container { background: #ddd url(../images/bg.jpg); padding:30px 0; text-align: center;}
.top_container p.toptxt { font-size:19px; line-height:25px;text-align:justify;}
.top_container .box { background:#f8f8f8; padding:20px; border: 1px solid #dadada; box-shadow:0px 0px 2px #ccc; text-align: center; }
.top_container .box .icon { width:100px; height: 100px; background:#f6db29; border-radius:50%; text-align:center; line-height:100px; margin:0 auto 20px; font-size:48px; color:#fff;}


.line { border-top: 1px solid #ccc; margin-bottom:20px;}




.btn_readmore {	
	
	font-weight:700;
	font-style:normal;
	text-transform:uppercase;
	color:#fff;
	padding:10px 15px;
	position:relative;
	letter-spacing:0;
	background:transparent;
	border-radius:0;
	box-shadow:none;
	text-shadow:none;
	border:none;
	outline:none;
	border-radius:0;
	z-index:1;
	position:relative;
	overflow:hidden;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
	display:inline-block;
}
.btn_readmore:before {
	content:"";
	position:absolute;
	width:0;
	height:100%;
	bottom:0;
	right:0;
	top:0;
	z-index:-1;
	overflow:hidden;
	border-radius:0;
	background:#000;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.btn_readmore:after {
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	bottom:0;
	left:0;
	overflow:hidden;
	border-radius:0;
	background:#f6db29;
	z-index:-2;
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	-o-transition:all 0.2s ease;
	transition:all 0.2s ease;
}
.btn_readmore:hover {
	color:#fff;
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	-o-transition:all 0.2s ease;
	transition:all 0.2s ease;
	text-decoration:none;
}
.btn_readmore:hover:after {
	background:#49bfbf;
	-webkit-transition:all 0.8s ease;
	-moz-transition:all 0.8s ease;
	-o-transition:all 0.8s ease;
	transition:all 0.8s ease;
}
.btn_readmore:hover:before {
	width:100%;
	left:0;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}


.hostel_wrapper {background:url(../images/hostel_bg.jpg) fixed no-repeat; background-size:cover;}
.hostel_txt {padding:50px 0; text-align:center; color:#fff; background: rgba(0,0,0,0.7);}
.hostel_txt p{ font-size:25px; line-height:35px;}
.hostel_txt p a{ font-size:14px; line-height:20px;}

.latest_photo {border-top:#fff 2px solid;}
.latest_photo div {padding:0;}
.latest_photo .thumbnail { border:0; border-radius: 0px; margin:0;}
.latest_photo .thumbnail a { display:block; position:relative;}
.zoom-icon {
    background: rgba(0, 0, 0, 0.4);
    bottom: 0;
    cursor: pointer;
    display: block;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.2s ease 0s;
}
.latest_photo .thumbnail a img,.gallery_wrapper .thumbnail a img {width:100%;}
.latest_photo .thumbnail a:hover .zoom-icon,.gallery_wrapper .thumbnail a:hover .zoom-icon { opacity:1; }
.zoom-icon { background:none !important; }
.ie8 .zoom-icon { background:url(../images/zoom-bg.png) !important; }
.zoom-icon:after {
	content:'';
	width:100%;
	height:100%;
	background:url(../images/zoom-bg.png);
	position:absolute;
	top:0;
	left:0;
	border-radius:0;
	z-index:10;
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-ms-transform:scale(0);
	-o-transform:scale(0);
	transform:scale(0);
	transition:400ms all 100ms;
	-webkit-transition:400ms all 100ms;
	-o-transition:400ms all 100ms;
}
.ie8 .zoom-icon:after { display:none; }
.zoom-icon:before {
	content:'';
	background:url(../images/zoom.png);
	width:78px;
	height:78px;
	margin:-39px 0 0 -39px;
	z-index:100;
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-ms-transform:scale(0);
	-o-transform:scale(0);
	transform:scale(0);
	transition:all 0.3s ease 0s;
}
.thumbnail:hover .zoom-icon:before {
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
}
.thumbnail:hover .zoom-icon:after {
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
}

.zoom-icon:before {
	position:absolute;
	top:50%;
	left:50%;
	display:block;
	margin:-39px 0 0 -39px;
	width:78px;
	height:78px;
	background:url(../images/zoom.png) 50% 50% no-repeat;
	content:"";
}

/*Preloading*/
#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	width:100%;
	height:100%;
	bottom:0;
	background-color:#fff; 
	z-index:999999; 
}
.sk-spinner-wave.sk-spinner {
  margin:-15px 0 0 -25px; 
  position:absolute;
  left:50%; 
  top:50%;
  width: 50px;
  height: 30px;
  text-align: center;
  font-size: 10px;
 }
 .ie8 .sk-spinner-wave.sk-spinner {display:none;}
.sk-spinner-wave div {
  background-color: #ccc;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
   animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
}
.sk-spinner-wave .sk-rect2 {-webkit-animation-delay: -1.1s;animation-delay: -1.1s;}
.sk-spinner-wave .sk-rect3 {-webkit-animation-delay: -1s;animation-delay: -1s; }
.sk-spinner-wave .sk-rect4 {-webkit-animation-delay: -0.9s;animation-delay: -0.9s;}
.sk-spinner-wave .sk-rect5 { -webkit-animation-delay: -0.8s;animation-delay: -0.8s;}

@-webkit-keyframes sk-waveStretchDelay {
  0%, 40%, 100% {-webkit-transform: scaleY(0.4);transform: scaleY(0.4);}

  20% { -webkit-transform: scaleY(1);transform: scaleY(1);}
}
@keyframes sk-waveStretchDelay {
  0%, 40%, 100% {-webkit-transform: scaleY(0.4);transform: scaleY(0.4);}
  20% { -webkit-transform: scaleY(1);transform: scaleY(1);}
}


.map_wrapper { background:url(../images/map.jpg) center no-repeat; background-size:cover; text-align:center; color:#fff; font-weight:700; height:350px;-webkit-filter: grayscale(100%);/* Safari 6.0 - 9.0 */filter: grayscale(100%);border-top:#666 2px solid;}
.map_wrapper:hover{-webkit-filter: grayscale(0%);/* Safari 6.0 - 9.0 */filter: grayscale(0%);}
.map_wrapper .pad1 { padding:167px 0 30px 0;}

.map_wrapper .btn_mail {
	
	color:transparent;
	text-shadow:none;
	background-color:transparent;
	border:0;
	margin-top:15px;
	background:url(../images/mail_icon.png) center top no-repeat;
	width:38px;
	height:34px;
	border-radius:0;
	padding:0;
	margin:6px 0 0 0;
	display:inline-block;
	-webkit-transition:0.38s;
	-moz-transition:0.38s;
	-o-transition:0.38s;
	transition:0.38s;
}
.map_wrapper .btn_mail:before, .map_wrapper .btn_mail:after { display:none; }
.map_wrapper .btn_mail:hover {
	background:url(../images/mail_icon.png) center bottom no-repeat;
	-webkit-transition:0.28s;
	-moz-transition:0.28s;
	-o-transition:0.28s;
	transition:0.28s;
}


.footer_wrapper { background:#222; padding:30px 0; color:#fff; font-size:12px;}
.footer_wrapper .socialmedia {text-align:center;}
.footer_wrapper .socialmedia a { color:#fff; display:inline-block; font-size:16px; transition: ease-in-out 1s;}
.footer_wrapper .socialmedia a i { width:35px; height:35px; border:2px solid #fff; border-radius:50%; text-align:center; margin:0 2px; display:block; line-height:30px; }
.footer_wrapper .socialmedia a:hover { text-decoration: none;}
.footer_wrapper .socialmedia a:hover i {border:2px solid #666; color:#666; transition: ease-in-out 1s; transform: rotateY(360deg);}
.footer_wrapper .devtxt {text-align:right;}

.pl { padding-left:0px;}
.pr { padding-right:0px;}
.gen_pic { border: 5px solid #ccc; padding:5px;}

.breadcrumb_wrapper { background:#333; padding:10px 0;}
.breadcrumb { background:none; margin:0;}
.breadcrumb li a { color:#fff; transition: ease-in-out 1s; }
.breadcrumb li a:hover {color:#777; text-decoration:none;}

.inner_wrapper {padding:30px 0;}


.gallery_wrapper {}
.gallery_wrapper ul { list-style:none; margin:0; padding: 0;}
.gallery_wrapper ul li {padding:10px; border: 1px solid #666; margin:0 15px 15px 0; background:#fff; float:left;}
.gallery_wrapper ul li img { border:0;}

label.error{color:#ff0000;}

#map-canvas{border:#666 1px solid;border-radius:4px;}
#map-canvas img{max-width:none !important;}

.thumb {margin-bottom: 30px;}

.photoframe {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ccc;
    box-shadow: 2px 2px 5px #999;
    margin-bottom: 5px;
    padding: 5px;
}

.videowrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.content_i {
    margin: 0 10px 0 0;
    color: #058485;
    font-size: 110%;
}