html,
body {
	height: 100%;
	/* The html and body elements cannot have any padding or margin. */
	-webkit-font-smoothing: antialiased;
	/*font: normal 14px arial,sans-serif; */

	font-family: 'Roboto', serif; font-style: normal; font-weight: 400;
	background-color: #000;
	color:#fff;
}

#swing1, #swing2, #swing3, #swing4, #swing5, #swing6{ width:100%; height: 100%; margin-bottom: 50px;}
#swing1 img, #swing2 img, #swing3 img, #swing4 img, #swing5 img, #swing6 img{ width:100%;}

#header {
	height:630px; max-height:630px; width: 100%;
	position: relative;
	overflow: hidden;

}
#top-social { padding-bottom: 10px; margin-left: -10px;}
#menu-social { display: none;}
/*
div#header-sky {
    width:100%;
    height:750px;
    margin:auto;
    background: url(../img/header-back.jpg) repeat 0 0;
}
*/
#postlist { margin-top: 20px;}
#header-sky { background: transparent url('../img/header-back.jpg') repeat-x top center;
/*
-moz-animation:move-clouds-back 400s linear infinite;
  -ms-animation:move-clouds-back 400s linear infinite;
  -o-animation:move-clouds-back 400s linear infinite;
  -webkit-animation:move-clouds-back 400s linear infinite;
  animation:move-clouds-back 400s linear infinite;
  */
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
  display:block;
}

.f-links img { display: inline-block; padding: 10px; margin-bottom: 20px; width: 80px;}

div[class^="room-button"] {
	width:220px; height:56px; text-align: center; color:#000; font-size:1.4em; padding-top:8px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
div[class^="big-room-button"] {
	width:360px; height:160px; text-align: center; color:#000; font-size:1.4em; padding-top:8px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.centerme { text-align:center;}
#header-title {background:url('../img/building.png') no-repeat center bottom;
height:630px; max-height:630px;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
max-height: 100%;
margin-bottom: -50px;

}

.messages_outter_box { position: fixed; width: 100%; top:0; right: 0; left: 0; z-index: 99999;}
.alert {padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px; text-align: center; font-size: 1.2em; text-align: center;}
.alert-danger { background-color: red;
border-color: red;
color: #fff }

.alert-info, .alert-success { background-color: #6a3d68;
border-color: red;
color: #fff }

a.close { color: #fff; opacity: 1;
filter: alpha(opacity=100)}
a.close:hover { color: #ccc; }

#header-title h1{ font-size:3.1em; font-family: 'Roboto Slab', serif; font-style: normal; font-weight: 700; padding-top:170px; padding-left:18%; color:#6a3d68;}
#header-title h3{color:#ffffff; margin-top:-10px; font-family: 'Roboto Slab', serif; font-style: normal; font-weight: 300; padding-left:18%;}
#header-title {padding-top:80px; padding-bottom:20px;}

/*
#header .smoke {

position: fixed;
  width: 150px;
  height: 150px;
  background:url('../img/smoke.png') no-repeat;
  top: 230px;
  right:250px;

}
*/

#header-top { color:#6a3d68; border-bottom:1px #6a3d68 solid; position: fixed;
	top: 20px;
	left: auto;
	right: auto;
	width:100%;
	margin:0 auto;
	padding-left: 30px;
	/* center all inline content */
}

#logo {width: 150px; height:150px; float:left; position:relative; padding-top:5px;}
#logobox-mobile {display: none;}
.navbar { border-bottom:none;}
.navbar {background: transparent; }
.navbar-header {height:150px;}
.navbar-brand, .navbar-nav li a {
	margin-top: 50px;
	padding-bottom: 20px;
	font-weight: bold;
	font-size: 1.4em;
	line-height: 20px;
	font-family: 'Roboto Slab', serif; font-style: normal; font-weight: 400;

}
.navbar .nav > li > a {height:40px; max-height: 40px; }
.navbar .nav > li > a:hover {color: #ffffff;}
.navbar .nav .active > a,.navbar .nav .active > a:hover {color: #ffffff;}

.fa:hover { color: #fff; }
.fa:hover > i { color: #fff; }

.accordion-heading { font-size:1.2em; margin-top:20px; margin-bottom:5px;}
.accordion-inner { margin-bottom:10px; color:#666666;}
.accordion-heading a{color:#2b2b2b; text-decoration: none;}
.accordion-heading a:hover {
	color: #666666;
	text-decoration: none;
}
.accordion-heading a:visited {
	color: #2b2b2b;
	text-decoration: none;
}

.post-sum { margin-bottom: 40px;}

#booking-menu a {color:red;}
#booking-menu a:hover {color: #ffffff;}
/* pagination */
.custom_pagination { text-align: center; margin: 30px 0; font-size: 20px; }
.custom_pagination a { color: #6a3d68; font-weight: 400; text-decoration: none; margin: 0 5px; padding: 2px 5px; font-size: 26px;}
.custom_pagination a:hover { color: #fff; text-decoration: none; box-shadow: 0 2px 2px -2px #fbba00; font-size: 26px;}
.custom_pagination a.active { color: #fff; text-decoration: none; font-size: 26px; box-shadow: 0 2px 2px -2px #fff;}
.fill_me_up { position: absolute; left: -5000px;}

/*
.navbar {background: #ffffff; height:110px; margin:0px; border-bottom:1px;
 position:fixed; z-index:100; width: 100%; }
	.navbar-header { height:110px; line-height: 110px;}
	.navbar .nav > li > a {color: #636363; line-height: 80px;}
	.navbar .nav > li > a:hover {color: #444246;}
	.navbar .nav .active > a,.navbar .nav .active > a:hover {color: #444246;}
	.navbar .nav li > a .caret, .tnav .navbar .nav li > a:hover .caret {border-top-color: #444246;border-bottom-color: #444246;}
	*/
	.textboxU {
		background-color: transparent;
		border-style: solid;
		border-width: 1px 1px 1px 1px;
		border-color: #6a3d68;
		outline:0;
		width:100%;
		padding-bottom:8px;
		padding-top:8px;
		padding-left: 20px;
		margin-bottom:20px;
	}
	.textboxF {
		background-color: transparent;
		border-style: solid;
		border-width: 1px 1px 1px 1px;
		border-color: #6a3d68;
		outline:0;
		width:100%;
		padding-bottom:5px;
		padding-top:5px;
		margin-bottom:5px;
		text-align:center;
	}
	.textareaboxU {
		background-color: transparent;
		/*background: url(../img/notebook.jpg);*/
		outline:0;
		border-style: solid;
		border-width: 1px 1px 1px 1px;
		border-color: #6a3d68;
		width:100%;
		line-height:34px;
		padding-bottom:5px;
		padding-top:5px;
		padding-left: 20px;
		margin-bottom:5px;
		resize: none;
	}

	#map-canvas {
		height: 450px;
		width: 100%;
		margin: 0;
		padding: 0px;
		margin-top:20px;



	/*
	width: 100%;
	height: 692px;

	*/
}
#contact-form { margin-top:30px; margin-bottom: 30px;}

.navbar-inner.scrolling {
	background: rgba(0,0,0,0.9);
}
#logo.besmaller{
	width: 90px; height: 90px;
}
#header-top.beseparator {
	top:75px;
	z-index: 1050;
}

h1, h2 {
	font-family: 'Roboto Slab', serif; font-style: normal; font-weight: 700;
	vertical-align:top;
	color:#6a3d68;
}

h3,h4,h5 {
	font-family: 'Roboto Slab', serif; font-style: normal; font-weight: 400;
	vertical-align:top;
	color:#6a3d68;
}
a:hover {
	color: #ffffff;
	text-decoration: none;
}
a {
	color: #666666;
	text-decoration: none;
}
a :visited {
	color: #666666;
	text-decoration: none;
}
.mobileL {text-align:left;}
.mobileR {text-align:right;}

.btn
{
	background-color: #6a3d68;
	border-color: #6a3d68;
	color:#ffffff;
	padding-left:30px; padding-right:30px; margin-top:20px;
	font-size:1em;
	font-weight:bold;
	border-radius: 0px;
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning {

	background-color: rgba(106,61,104, 0.5);
	border-color: rgba(106,61,104, 0.5);
	color:#ffffff;
}
.red {color: #ec3c11; font-weight:bold; margin-top:0px;}
.read-more {color: #ec3c11; font-weight:bold; margin-top:5px; text-align:right;}
.green {color: #6a3d68; font-weight:bold; margin-top:0px;}
.greenL {color: #6a3d68;  margin-top:0px;}
.post-head {color: #6a3d68;  margin-top:0px;}
.subhead {color: #ffffff; font-size:1.5em; }
#newsletter { padding-top:110px; padding-bottom:110px;
	background: #fff url('../img/newsletter-bg.jpg') no-repeat center bottom;
	height:615px; max-height:615px; width: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#bookingmessages { padding-top:110px; padding-bottom:110px;
	background: #fff url('../img/newsletter-bg.jpg') no-repeat center bottom;
	height:615px; max-height:615px; width: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	text-align:center; padding-top:30px; padding-bottom:50px;
}


/*
#building-left-bg { background: #fff url('../img/inbuilding.jpg') no-repeat center top;
height:100%; width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
*/
#home-about-left-bg { background: #fff url('../img/whatis.jpg') no-repeat center bottom;
height:480px; max-height:480px; width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

#home-about-glasses {background: rgba(0,0,0,0.0); padding-left: 210px;padding-top: 235px;}
#swing4 {visibility: hidden; background: transparent;}

#about {text-align:center; padding-top:30px; padding-bottom:50px;}
#lastabout {margin-bottom:30px; margin-top:30px;}

#home-rooms { background: transparent url('../img/wall_background.jpg') no-repeat center bottom;
height:1323px; max-height:1323px; width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#book-rooms { background: transparent url('../img/wall_background.jpg') no-repeat center bottom;
height: auto; width: 100%;

-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

}
#inside-rooms { background: transparent url('../img/wall_background.jpg') no-repeat center bottom;
height: auto; width: 100%;

-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

}

#home-about { padding-top:110px; padding-bottom:110px; height: 575px; margin-bottom: 110px;}
#home-about p { line-height: 34px;}


#home-about h1{ font-size: 5.0em; margin-top: 0px; border-bottom:1px #6a3d68 solid; padding-bottom:10px; padding-top:10px;}
#home-about h3{ font-size: 2.5em; font-weight: bold; margin-bottom: 0px; line-height: 14px;}

#thebuilding {  margin-bottom: 110px;}
#thebuilding p { line-height: 34px;}

#post-full img{width:100%; padding-bottom:30px;}
#post-social img{width:25px; height:25px; text-align:right; padding:0px; }
#post-social {height:30px;}
#post-full {padding-bottom:30px; margin-top:30px;}
.btn {margin-top:0px;}
#testimonials {  background:url('../img/thatothersay.jpg') no-repeat center bottom;
height:523px; max-height:523px;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
max-height: 100%;
padding-top:110px; padding-bottom:110px;
margin-top: 110px;
}
#home-theeight {  background:url('../img/the8_bg.jpg') no-repeat center bottom;
height:600px; max-height:600px;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

padding-top:40px; padding-bottom:110px;
margin-top: 110px;
}


.overlay {
	position: relative;
}

.overlay:after {
	position: absolute;
	content:"";
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
}

.overlay:hover:after  {
	opacity: .5;
}

.mov:after {
	border: 1px #6a3d68 solid;
}


    #prices { text-align:center; padding-top:120px; padding-bottom:120px;}
    #welcome { text-align:center; padding-top:170px; padding-bottom:120px;}
    #features { background:#eef0f2; padding-top:110px; padding-bottom:70px;}
    #features img { margin-right:10px; margin-bottom:0px;}
    .feat-bottom { margin-bottom:50px; }
    #features > .container-fluid { padding-left:100px; padding-right:100px;}
    .feat-logo{float:left;display:inline-block;}
    .feat-text{display:inline-block;}
    .heading { font-size:1.5em; height:75px; width:100%;}
    .textbottom {vertical-align:text-bottom;}
    .centerme { text-align:center;}
    #footer { background:#000 url('../img/footer-back.jpg') no-repeat center bottom;
    height:356px; max-height:356px; width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    max-height: 100%; text-align:center; padding-top:60px;}
    .footer-logo { margin-bottom: 20px; width:110px; height: 110px;}
    .footer-address { color:#fff; font-size: 1.3em; font-family: 'Roboto Slab', serif; font-weight: 400;}
    .footer-booking { color:#fff; font-size: 1.9em; font-family: 'Roboto Slab', serif; font-weight: 400;}



    /*-------------------------------*/
    /*    Carousel Fade Transition   */
    /*-------------------------------*/

    #fade-quote-carousel.carousel {
    	padding-bottom: 60px;
    }
    #fade-quote-carousel.carousel .carousel-inner .item {
    	opacity: 0;
    	-webkit-transition-property: opacity;
    	-ms-transition-property: opacity;
    	transition-property: opacity;
    }
    #fade-quote-carousel.carousel .carousel-inner .active {
    	opacity: 1;
    	-webkit-transition-property: opacity;
    	-ms-transition-property: opacity;
    	transition-property: opacity;
    }
    #fade-quote-carousel.carousel .carousel-indicators {
    	bottom: 10px;
    }
    #fade-quote-carousel.carousel .carousel-indicators > li {
    	background-color: #6a3d68;
    	border: none;
    }
    #fade-quote-carousel blockquote {
    	text-align: center;
    	border: none;


    }
    #fade-quote-carousel .profile-circle {
    	width: 100px;
    	height: 100px;
    	margin: 0 auto;
    	border-radius: 100px;
    }
    .item p {

    	font-family: 'Roboto Slab', serif; font-style: italic; font-weight: 400;
    }
/*
@media (max-width: 992px) {
	.navbar-header {
		float: none;
	}
	.navbar-toggle {
		display: block;
	}

	.navbar-collapse.collapse {
		display: none!important;
	}
	.navbar-nav {
		float: none!important;
		margin: 7.5px -15px;
	}
	.navbar-nav>li {
		float: none;
	}
	.navbar-nav>li>a {
		line-height: 34px;
		height: 34px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
}
*/

#lang_bar {
	height: 20px;
	list-style: outside none none;
	margin: 80px 0 0;
	padding: 0;
	text-align: right;
	width: auto;
}
#lang_bar li {
	display: inline-block;
	padding: 0 5px;
}

#lang_bar li a.active{
	color: #ec3c11;
}

#ourservices { margin-top: 10px; }
#ourservices h3 { text-align: center; margin: 20px 0; }

.social_icon { font-size: 20px; padding-left:5px; padding-right: 5px; margin-top:-5px;  position: relative; z-index: 1051; }
.social_icon i { color: #6a3d68;}


#post-social .social_icon { font-size: 20px; padding: 5px 12px; float: right; }
#post-social .social_icon i { color: #6a3d68; }

#cust_pagi  { text-align: center; list-style: none; margin-top: 20px; margin-bottom: 20px; }
#cust_pagi li { display: inline-block; }
#cust_pagi li a { border: none; border-radius: 0; color: #6a3d68; font-size: 18px; padding: 10px; }
#cust_pagi li a span { display: inline-block;  }
#cust_pagi li a:hover { color: #fff; box-shadow: 0 2px 2px -2px #aebf00; }
#cust_pagi li a.active { color: #fff; box-shadow: 0 2px 2px -2px #aebf00; }

#gallery_list {}

#gallery_cont { }
#gallery_cont .row { margin: 20px 0; }
#gallery_cont .img_link { color: #fff; }
#gallery_cont .img_link img { padding: 1px; background-color: #fff; }
#gallery_cont .img_link img:hover { padding: 1px; background-color: #ec3c11; opacity: 0.75; }
#gallery_cont .view_gallery { color: #ec3c11; }

#gallery_cont .gallery_title { margin-top: 20px; margin-top: 30px; text-align: center; border-bottom: 1px solid #cecece; }
#gallery_cont .gallery_title span {  }
#gallery_cont .gallery_title h3 { display: inline-block;
	font-size: 30px;
	font-weight: bold;
	margin: 20px;
	text-align: center;
	vertical-align: top;
	width: auto; }


	#gallery_cont .video_title { color: #777; }

	#single_gallery { }
	#single_gallery .row { margin: 20px 0; }
	#single_gallery .img_link { color: #fff; }
	#single_gallery .img_link img { padding: 1px; background-color: #fff; }
	#single_gallery .img_link img:hover { padding: 1px; background-color: #ec3c11; opacity: 0.75; }

	#single_gallery .gallery_title { margin-top: 20px; margin-top: 30px; }
	#single_gallery .gallery_title h3 { text-align: center; font-size: 30px; font-weight: bold; }
	#single_gallery .gallery_title h4 { text-align: center; font-size: 18px; }

	.select_lang {  }
	.select_lang img { height: 15px; width: auto; margin-right: 5px; }
	.select_lang i { margin-right: 5px; }

	#in_height { text-align: center; }
	#in_weight { text-align: center; }

	@media (max-width: 1200px) and (min-width: 992px) {
		#outer_basket #selected_slots {font-size:2.0em !important;  }
		#navigationbar ul { width: 100%;  text-align: center; margin-top: 70px;}
		#navigationbar ul li { padding-left: 10px; padding-right: 10px; margin:0px;}
	#navigationbar ul li a { padding:0px; margin:0px;/*height: 80px; line-height: 80px;*/ }

	#navigationbar { float: right; }
	#single_gallery img { width:100%;}
	#gallery_list img { width:100%;}
	#swing1, #swing2, #swing3, #swing4, #swing5, #swing6{ width:100%; height: auto; margin-bottom: 30px;}
	#header-sky { height: 380px;}
	#header-top {margin-top: -10px; padding-top: 0px; border-bottom: none;}

	#header { height: 420px;}
	#home-about, #newsletter, #testimonials, #header-title, #home-theeight { height: auto;  }
	#home-about h1, #home-about h3{ text-align: center;}
	#home-rooms {  height: auto; max-height:none;}
	.besmaller { font-size: 15px; padding-left: 120px;}
	#logo {display: none;}
	#logobox-mobile {display:inline-block;  padding:10px; margin-top: 25px; margin-left: 0px; }
	#logobox-mobile img {width: 90px; height: 90px; }
	#home-about-glasses { background: transparent; width:200px; padding-left:0;padding-top:200px; margin: 0 auto;}

}

@media (min-width: 768px) and (max-width: 992px) {
	.tag-new img { width: 50%;}
	#calendar th {font-size:0.9em !important; width: auto;}
	#outer_basket #selected_slots {font-size:1.8em !important;  }
	.calgreen, .unavailable, .closed, .part_booked, .fully_booked, .past { height: auto;}
	#swing1, #swing2, #swing3, #swing4, #swing5, #swing6{ width:100%; height: auto; margin-bottom: 30px;}
	#header-sky { height: 380px;}
	#header { height: 420px;}
	.carousel-caption { width:70%; top:50px;}
	.carousel-caption h1, p{ font-size:1.2em;}
	.item {padding-bottom:20px;}
	#home-about, #newsletter, #testimonials, #header-title, #home-theeight { height: auto;  }
	#home-about h1, #home-about h3{ text-align: center;}
	#home-rooms {  height: auto; max-height:none;}
	#header-top { top:5px; border-bottom: none;}

	#logo {display: none;}
	#logobox-mobile {display:inline-block;  padding:10px; margin-top: 25px; margin-left: 0px;}
	#logobox-mobile img {width: 70px; height: 70px; }

	#home-about-glasses { background: transparent; width:200px; padding-left:0;padding-top:220px; margin: 0 auto;}

	/* #logo { display: block; padding-top: 5px; width: 100%; float: none;  }
	#logo a { display: block; margin: 0 auto; padding-top: 5px; }
	#logo img { margin: 0 auto; }
	*/

	#navigationbar { text-align: center;  }
	#navigationbar ul { width: 80%;  text-align: center; margin-top: 60px;}
	#navigationbar ul li { padding-left: 7px; padding-right: 7px; margin:0px;}
	#navigationbar ul li a { padding:0px; margin:0px; font-size: 1.0em; }
	.navbar-header { height: auto;}


	.mobileL {text-align:center;}
	.mobileR {text-align:center;}
	.besmaller { font-size: 15px; padding-left: 80px;}
	#single_gallery img { width:100%;}
	#gallery_list img { width:100%;}

}

@media (max-width: 768px) {


	div[class^="room-button"] {
		width:110px; height:28px; text-align: center; color:#000; font-size:1.4em; padding-top:8px;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	div[class^="big-room-button"] {
		width:120px; height:54px; text-align: center; color:#000; font-size:1.4em; padding-top:8px;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}

	.tag-new {
		float: left;
		position: absolute;
		left: 30px;
		top: 10px;
		z-index: 1000;
	}
	.tag-new img { width: 50%;}

	#calendar th {font-size:0.8em !important; width: auto;}
	.calgreen, .unavailable, .closed, .part_booked, .fully_booked, .past, #calendar td { height: auto !important; line-height: 30px !important;}
	.closed { padding-right: 5px !important;}
	#top-social {  margin-right: 100px;}
	#swing1, #swing2, #swing3, #swing4, #swing5, #swing6{ width:100%; height: auto; margin-bottom: 30px;}

	#testimonials {margin-top: 10px;}
	#header-sky { height: 330px;}
	#header { height: 450px;}
	#header-title { padding-top: 0px; padding-left: 0px; }
	#header-title h1 {font-size: 2em;}
	#home-about, #newsletter, #testimonials, #header-title, #home-theeight { height: auto; padding-top:40px; padding-bottom:40px;  }
	#home-about h1, #home-about h3{ text-align: center;}
	#home-about-glasses {visibility: hidden; background: transparent; padding-left: 100px;padding-top: 235px; }
	#home-about p{ padding-left: 15px; padding-right: 15px; line-height: 24px;}
	#home-about-left-bg { display:none;}
	#home-rooms {  height: auto; max-height:none;}
	#header-top { top:5px; border-bottom: none;}
	.carousel-caption { width:70%; top:10px;}
	.carousel-caption h1, p{ font-size:1.1em;}
	.navbar-header { height: 100px; }
	.navbar-toggle { margin-top:55px;}
	.navbar-brand,
	.navbar-nav li a {
		line-height: 10px;
		height: auto;
		padding-top: 20px;
		margin-top: 0px;
		text-align:center;
	}
	.navbar-collapse { background: rgba(0,0,0,0.9); margin-top: 20px;}

	#logo, #top-social {display: none;}
	#menu-social {display: inline; width:100px; height:20px; margin:0 auto; }
	#logobox-mobile {display:inline-block;  padding:10px; margin-top: 25px; }
	#logobox-mobile img {width: 90px; height: 90px; margin:0 auto;}
	#menu-text {display:none;}
	.mobileL {text-align:center;}
	.mobileR {text-align:center;}

	#header-buttons { text-align:center;}
	#header-menu .head-login-register { font-size:1.1em; text-align:center;}
	#header-buttons { text-align:center;}

	#lang_bar { margin: 10px 0; text-align: center; }
	#single_gallery img { width:100%;}
	#gallery_list img { width:100%;}
	.greenL {margin-top: 10px;}
	.footer-address { color:#fff; font-size: 1.2em; font-family: 'Roboto Slab', serif; font-weight: 400;}
	.footer-booking { color:#fff; font-size: 1.7em; font-family: 'Roboto Slab', serif; font-weight: 400; width:200px; margin:0 auto;}

}

#abooking { padding-top:10px; padding-bottom:50px;}
table#calendar {border-collapse: separate;
	border-spacing: 4px;
	-webkit-border-horizontal-spacing: 4px;
	-webkit-border-vertical-spacing: 4px;
}
#calendar { font-size:15px;  }
#calendar th {background-color:transparent; color:#fff; text-align:center; font-size:1.3em; padding: 5px; width: 110px;}
#calendar #week {color:#6a3d68; background:transparent; height:45px}
#calendar #week a {font-size:34px; text-decoration:none; color:#6a3d68; padding:0 14px 0 14px}
#calendar #center_date { font-size:2.4em; color:#ffffff; margin:0 auto; text-align:center; font-weight:bold}
#calendar td { width: 110px; height: 100px; text-align: right;}

#calendar .prev-arrow { text-align: left;}
.calgreen:hover, .part_booked:hover {background: rgba(106,61,104, 0.5);}
.calselected {background: rgba(106,61,104, 0.5); display:block; text-decoration:none; color:#FFFFFF; height: 100px; line-height: 30px; padding-right: 10px;}
.calgreen, .unavailable, .closed, .part_booked, .fully_booked, .past { border: 1px transparent solid; -webkit-border-horizontal-spacing: 0px;
	-webkit-border-vertical-spacing: 0px;}
	.calgreen {display:block; text-decoration:none; color:#FFFFFF; height: 100px; background: #633863; line-height: 30px; padding-right: 10px; }
	.unavailable {text-decoration:none; color:#FFFFFF; height: 100px; background: #1f1f1f; line-height: 49px}
	.closed {text-decoration:none; color:#FFFFFF; height: 100px; background: #000; line-height: 98px; border: 1px #373737 solid; padding-right: 25px;}
	.part_booked{display:block; text-decoration:none; color:#FFFFFF;  height: 100px; background: #606060; line-height: 30px; padding-right: 10px;}
	.fully_booked{display:block; text-decoration:none; color:#FFFFFF;  height: 100px; background: #981817;  line-height: 30px; padding-right: 10px;}
	.past{text-decoration:none; color:#FFFFFF; height: 100px; background: #1f1f1f; line-height: 30px; padding-right: 10px;}
	/* light green 44b549 */
	.calgreen  span {display:none}

	.calgreen  span a:hover  {display: block;
		position: absolute;  width: 25px;
		padding: 5px; margin: 10px; z-index: 100;
		color: #AAA; background: black;
		text-align: center;}

		#lhs {margin: 0 auto;} /* Holds both the calendar and the basket */

		#outer_calendar { width:100%; }
		/*#outer_booking {  width:50%; float: left; padding-top: 20px; padding-left: 20px; }*/
		#outer_booking h1 { margin: 0px; }
		#outer_booking h2 { text-align: center;}
		#outer_booking p { font-size:2.0em; text-align: right;  height: 46px;}
		#outer_booking #booking {font-size:80%; text-align: center;}
		#outer_booking #booking th {background:#6a3d68; color:#FFFFFF; height:25px; padding-left:5px; text-align:center;}
		#outer_booking #booking td { padding-left:5px; text-align: left;}
		#outer_booking #booking tr:hover { background:rgba(106,61,104, 0.5); }

		#outer_price { height:44px;  float:right;}

	#outer_basket {display:none; /*float:right;  padding:20px; width:50%; text-align: left; */}
	#outer_basket .btn-warning { width: 100%;}
	#outer_basket #selected_slots {width:100%; min-height:20px; font-size:2.6em;  }
	#selected_slots { text-align: center;	font-family: 'Roboto Slab', serif; font-style: normal; font-weight: 700;
	vertical-align:top;
	color:#6a3d68; margin-top: 10px;}
	#selected_slots h2 { margin-top: 15px; margin-bottom: 5px;}
	#basket_details { width:100%;  color:#6a3d68; padding-top: 20px;}
	#basket_details label { font-size:2.0em; }
	#basket_details { width:100%; margin-bottom:10px;  text-align: left; background: none; color:#fff; }
	.text_box { width:100%; margin-bottom:10px; height: 44px; text-align: left; background: none; color:#fff; border: 1px #6a3d68 solid; padding-left: 20px;}
	#basket_details #currency { display: inline-block; color:#6a3d68; font-weight:bold; font-size:23px; padding:0 0 0 0}
	#basket_details #total { display: inline-block; height:32px; color:#6a3d68; font-weight:bold; font-size:23px; background-color:transparent; border:none}

	#btn_book {margin:10px 0 0 320px}

	#key {margin-top:25px; width:275px; height:60px; border:#CCCCCC 1px solid; color:#666666; font-size:11px}
	#key td {text-align:center; width:45px}
	#key_1 {background-color:#d80000}
	#key_2 {background-color:#a295dd}
	#key_3 {background-color:#d18800}
	#key_4 {background-color:#019500}
	#key_5 {background-color:#948e8e}
	.item-color1 {  background: #633863; border: 2px transparent solid; }
	.item-color2 {  background: #606060; border: 2px transparent solid;}
	.item-color3 {  background: #981817; border: 2px transparent solid;}
	.item-color4 {  background: #1f1f1f; border: 2px transparent solid;}
	.item-color5 {  background: rgba(106,61,104, 0.5);  border:red 2px solid; }
	.item-color1, .item-color2, .item-color3, .item-color4, .item-color5  { color:#fff; padding-top: 3px; text-align: center; width:110px; height:44px; margin-right: 2px; display: inline-block; font-size: 0.8em;}
	.item-color1:hover, .item-color2:hover, .item-color3:hover, .item-color4:hover { }
	.item-colors-actual { text-align: center; padding-top: 5px;}
/*
.input {width:220px}
textarea {width:220px}
form {float:left}
*/
#book {background:transparent; width:135px; height:32px; border:none; margin-top:5px}
#book:hover {background:transparent;}
#selected_date {width:288px; height:20px; background-color:#dfeefa; border:#4085d1 1px solid; font-size:14px; padding:4px 0 4px 10px; color:#4085d1; margin:20px 0 10px 0}


/* Messages */
.info, .error, .success {
	width:100%;
	margin:20px 0 0 0;
	padding:15px 40px 15px 50px;
	background-repeat: no-repeat;
	font-size:1.5em; font-weight:bold;
	background-position: 10px center;
	line-height:1.2em;
	text-align: center;
}

.error, .error a {
	color: #fff;
	border:#6a3d68 1px solid;
	background-color: transparent;
	background-image: url('../img/cal/knobs/error.png');
}

.info, .info a {
	color: #fff;
	border:#6a3d68 1px solid;
	background-image:url('../img/cal/knobs/info.png');
	background-color:transparent;
}

.success, .success a {
	color: #fff;
	border:#6a3d68 1px solid;
	background-color: transparent;
	background-image:url('../img/cal/knobs/success.png');

}


.classname {
	-moz-box-shadow:inset 0px 1px 0px 0px #e6cafc;
	-webkit-box-shadow:inset 0px 1px 0px 0px #e6cafc;
	box-shadow:inset 0px 1px 0px 0px #e6cafc;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c579ff), color-stop(1, #a341ee) );
	background:-moz-linear-gradient( center top, #c579ff 5%, #a341ee 100% );
	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c579ff', endColorstr='#a341ee');*/
	background-color:#c579ff;
	-webkit-border-top-left-radius:15px;
	-moz-border-radius-topleft:15px;
	border-top-left-radius:15px;
	-webkit-border-top-right-radius:15px;
	-moz-border-radius-topright:15px;
	border-top-right-radius:15px;
	-webkit-border-bottom-right-radius:15px;
	-moz-border-radius-bottomright:15px;
	border-bottom-right-radius:15px;
	-webkit-border-bottom-left-radius:15px;
	-moz-border-radius-bottomleft:15px;
	border-bottom-left-radius:15px;
	text-indent:0;
	border:1px solid #a946f5;
	display:inline-block;
	color:#ffffff;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:36px;
	line-height:36px;
	width:132px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #8628ce;
	margin-top:22px
}
.classname:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a341ee), color-stop(1, #c579ff) );
	background:-moz-linear-gradient( center top, #a341ee 5%, #c579ff 100% );
	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a341ee', endColorstr='#c579ff');*/
	background-color:#a341ee;
	}.classname:active {
		position:relative;
		top:1px;
	}

	.input-group-btn-vertical {
		position: relative;
		white-space: nowrap;
		width: 1%;
		vertical-align: middle;
		display: table-cell;

	}
	.input-group-btn-vertical > .btn {
		display: block;
		float: none;
		width: 100%;
		max-width: 100%;
		padding: 8px;
		margin-left:0px;
		position: relative;
		border-radius: 0;
		height:22px;
	}
	.input-group-btn-vertical > .btn:first-child {
		border-top-right-radius: 0px;
	}
	.input-group-btn-vertical > .btn:last-child {

		border-bottom-right-radius: 0px;
	}
	.input-group-btn-vertical i{
		position: absolute;
		top: 0;
		left: 4px;
	}
	.checkbox { padding:0; width:auto; height:25px; vertical-align:top; margin-right:10px; color:fff;}

	input[type="checkbox"] {
		display:none;
	}
	input[type="checkbox"] + label span {
		display:inline-block;
		width:20px;
		height:22px;
		margin:-1px 10px 0 0;
		vertical-align:middle;
		background:url('../img/check0.jpg') left top no-repeat;
		cursor:pointer;


	}
	input[type="checkbox"]:checked + label span {
		background:url('../img/check1.jpg') left top no-repeat;
		color:#000;
	}

	input[type="checkbox"]:checked + label { color:#6a3d68; }
	.radio label, .checkbox label { padding-left: 8px; font-size: 1.4em; font-weight: bolder;}

	.g-recaptcha { width:304px; text-align: center; margin: 0 auto;}

	div.batman {
		width: 50px;
		height:50px;

		position:fixed;

	}
	#persons { background: transparent; color: #6a3d68; border: 1px #6a3d68 solid;}
	*:focus {
		outline: 0;
	}


	.tag-new {
		float: left;
		position: absolute;
		left: 50px;
		top: 130px;
		z-index: 1000;
	}

	.shake:hover {
		-webkit-animation-name: lowshake;
		-webkit-animation-duration: 0.8s;
		-webkit-transform-origin:	50% 100%;
		-webkit-animation-iteration-count: 1;
		-webkit-animation-timing-function: linear;
	}
	@-webkit-keyframes lowshake {
		0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
		10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
		20% { -webkit-transform: translate(-2px, 0px) rotate(1deg); }
		30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
		40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
		50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
		60% { -webkit-transform: translate(-2px, 1px) rotate(0deg); }
		70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
		80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
		90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
		100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
	}





/*#shake1:hover {
			-webkit-animation-name: shake;
			-webkit-animation-duration: 0.8s;
			-webkit-transform-origin:	50% 100%;
			-webkit-animation-iteration-count: 1;
			-webkit-animation-timing-function: linear;
		}
#shake2:hover {
			-webkit-animation-name: shake;
			-webkit-animation-duration: 0.8s;
			-webkit-transform-origin:	50% 100%;
			-webkit-animation-iteration-count: 1;
			-webkit-animation-timing-function: linear;
		}

		@-webkit-keyframes shake {
			0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
			10% { -webkit-transform: translate(-1px, -2px) rotate(-2deg); }
			20% { -webkit-transform: translate(-3px, 0px) rotate(3deg); }
			30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
			40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
			50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
			60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
			70% { -webkit-transform: translate(2px, 1px) rotate(-2deg); }
			80% { -webkit-transform: translate(-1px, -1px) rotate(4deg); }
			90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
			100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
			}*/
