/*
 * Bootstrap hidden/visible utils
 */
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}
.affix {
  position: fixed;
  -webkit-transform: translate3d(0, 0, 0);
       -o-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 400px) {
    ul.page-numbers li:first-child{
        clear: left;
        float: none;
        margin:0px auto 20px auto;
        display: block;
    }
    ul.page-numbers li:last-child{
        float:none;
        clear: left;
        margin:20px auto 0px auto;
        display: block;
    }
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}


/* iPhone 4, Opera Mobile 11 and other high pixel ratio devices ----------- */
@media
only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 640px) and (-o-min-device-pixel-ratio: 3/2),
only screen and (max-width: 640px) and (min--moz-device-pixel-ratio: 1.5),
only screen and (max-width: 640px) and (min-device-pixel-ratio: 1.5) {

/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

.free-event-flag {
	margin-left: 270px;
}

.not-responsive, .muzu-container {
	display: none!important;
	height: 0;
}

* {
	outline: #ffffff;
}

body,html {
	margin: 0 auto!important;
	width: 100%!important;
	padding: 0;
	overflow-x: hidden;
}

body {
    font-size: 1em;
    line-height: 1.4;
   /* padding-top: 300px;
    padding-top: 20px!important;*/
/*	padding: 46px 0 0 0!important; */
	position: relative !important;
	overflow: hidden !important;	
}

.wrapper {
	position: relative !important;
	overflow: hidden !important;
}

div[role=main] {
	overflow-y: scroll;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

label {
	display: none;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}


/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

.wrapper {
	background: #fff!important;
}

.sticky {
	position: relative!important;
}

#breadcrumbs-container.sticky {
	top: 0!important;
	position: relative!important;
	left: 0!important;
}
/*
 * Mobile Menu
 */

/*
 * preload logo
 */
.logo {
	background-image: url("/assets/img/new/logo.gif");
}

header.page-header {
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	width: 100%;
	min-height: 50px!important;			
	position: fixed !important;
	top: 0;
	left: 0;
	/*background: #cecdcd;*/
	/*overflow: hidden;*/
	z-index: 800!important;
	border: 0;
	/*padding: 6px 3px;*/
	padding-top: 6px;
	overflow-y: scroll; 
	/*
	border-top: 6px solid #fff;
	border-bottom: 6px solid #fff;*/
	text-align: center;
	/*-webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);*/		
}

header.page-header.unstuck {
	position: absolute !important;
    overflow: scroll;
	-webkit-overflow-scrolling: touch;
	box-sizing: border-box;
}

.freeze {
    overflow: hidden;
}

header.page-header * {
	text-align: left;
}

.wrapper {
	margin-top: 50px;
}
/* hide wordpress admin bar */
#wpadminbar {
	display: none;
}

.logo {
	clear: none !important;
	display: inline-block !important;
	height: 50px !important;
	float: none !important;
	border: 0;
	border-left: 3px solid #fff;
	border-right: 3px solid #fff;
	min-width: 150px;
}

.img-responsive {  
  	display: block;  
  	min-width: 150px;
  	max-width: 100%;
	height: 100%;
}

.mobile-menu {
	width: 50px;
	height: 50px;
	display: inline-block;
	float: left;
	text-indent: -10000px;
	overflow: hidden;
	background: url('../img/mobile-menu-icon.png') no-repeat top left;
	border: 0;
}
.mobile-search {
	width: 50px;
	height: 50px;
	display: inline-block;
	float: right;
	text-indent: -10000px;
	overflow: hidden;
	background: url('../img/mobile-search-icon.png') no-repeat top left;
	border: 0;
	/*margin-right: 35px;*/
}
		
#mobile-menu {
	clear: both;
	margin: 0;
	padding: 7px 0 7px 10px;
	list-style: none;
	border: 0!important;
	display: none;
	background: #fff;
	/*margin: 0 0 0 -3px!important;*/
	font-size: 18px!;
	background-color: #323232;
	color: #FFFFFF;
}
.menu-overlay {
	position: fixed; 
	width: 100%; 
	height: 100%; 
	top: 0; 
	left: 0; 
	opacity: 0.1; 
	background: #fff; 
	z-index: 700;
	overflow: hidden;
}

#mobile-menu {
	margin: 0;
	padding: 0;
}
	#mobile-menu a {
		display: block;
		padding: 6px 12px;
		border-bottom: solid 1px #707070;
		color: #FFFFFF;
		font-family: 'Open Sans', sans-serif;
		font-size: 15px;		
		text-decoration: none;
	}
	#mobile-menu ul.sub-menu {
		display: none;
		background-color: #000000;
		margin: 0;
		padding: 0;		
	}
	#mobile-menu ul.sub-menu li a {
		color: #cecece;
		padding-left: 24px;
		border-bottom: solid 1px #323232;
	}
	#mobile-menu ul.sub-menu li:last-child a {
		border-bottom: solid 1px #707070;
	}
.slide-on {
	background-position-x: right;
}
.slide-off {
	background-position-x: left;				
}

#wow-form {
	display: none;
	/*position: fixed;
	top: 55px;*/
	width: 100%;
    box-sizing: border-box;
    float:none;
    height: 200px;	
	background: #fff;
	z-index: 500;
	padding: 6px 12px;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
}

	#wow-form label {
		display: none;
	}

	#wow-form * {
		float: none /*!important*/;
		clear: left /*!important*/;
	}

	#wow-form span {
		width: 100%!important;
		/*margin: 0 0 0 6px;*/
        box-sizing: border-box;
		border: 0;
		overflow: visible;
		height: 49px;
		display: block;
		float: none!important;
		padding: 0;
        margin: 0;
	}
    #wow-form span.input-on {
        width: 100%!important;
    }

		.article-images {
			margin: 0 15px!important;
			width: 280px!important;
			height: 100px;
			min-height: 0;
			max-height: 200px;
		}

			.bx-slider {
				max-height: 100px;
			}

			.article-images img {
				width: 300px!important;
			}

		.article-images * {
			height: auto;
			min-height: 0;
		}

		.input-what input[type=text] {
			border-bottom: 3px solid #f2aa3f!important;
			margin-bottom: 8px;
			width: 100%!important;
		}

	.input-on {
		clear: both;
		border: 1px solid #333;
	}

		.input-on input[type=text] {
			display: none!important;
		}

	.input-on select, .input-on #date_range {
		background: #e7f2d8 url(../img/new/greencal.png) no-repeat 260px 7px;
		width: 303px;
		height: 44px;
		line-height: 44px;
		vertical-align: middle;
		-webkit-appearance: none;
		border: 0;
		border-radius: 0;
		outline: 0;
		color: #62882e;
		position: relative;
		padding: 0 10px 0 10px;
		margin-left: 3px;
		display: none;
	}

	.input-where input[type=text] {
		border-bottom: 3px solid #e12d77!important;
		margin-bottom: 3px;
		margin-top: 6px!important;
		background: #f9d3e4 url(../img/new/pinkcross.png) no-repeat 260px 7px!important;
	}

	#wow-form input[type=text], #wow-form input[type=submit] {
		/*width: 283px!important;*/
        box-sizing: border-box;
        width: 100%!important;
		float: none!important;
		display: block;
		z-index: 0;
        height: 44px !important;
	}

	#wow-form input[type=submit]:hover, #wow-form input[type=submit]:active {
		background: #000!important;
		text-indent: 0!important;
		text-align: center!important;
		color: #fff!important;
	}

	#wow-form input[type=submit] {
		/*width: 303px!important;*/
        width:100%!important;
		margin-left: 0!important;
		border-left: 0!important;
		text-align: center!important;
	}
    
    #wow-form .input-what input {
        background: #fceed9 url(../img/new/ojmag.png) no-repeat 97% 7px;
    }
    
    #wow-form .input-where input[type=text] {
        background: #f9d3e4 url(../img/new/pinkcross.png) no-repeat 97% 7px!important;
    }

	ul.pagination {
		display: none;
	}

	.sbHolder{
		background: #e7f2d8 url(../img/new/greencal.png) no-repeat 97% 7px;
		font-size: 13px;
		font-weight: normal;
		height: 44px;
		position: relative;
		/*width: 303px;*/
        width: 100%;
        padding: 0 6px;
        box-sizing: border-box;
		float: none;
		z-index: 50;
		clear: both;
		font-family: arial, sans-serif;
		color: #62882e;
		font-size: 16px;
		font-style: normal;
		line-height: 44px;
		margin-left: 0px!important;
		font-weight: normal;
		border-bottom: 3px solid #89bf3e!important;
		margin-bottom: 6px!important;
	}
    .sbSelector {
        width: 100%;
        box-sizing: border-box;
    }
    
    .sbOptions {
        width: 100%;
    }

#header-container, div[role=main], #content-container, footer, .wrapper {
	width: 100%;
	margin: 0 auto;
	background: #ffffff;
	/*position: absolute!important;*/
	display: block;
	clear: both;
	overflow: visible;
	border: 0;
	z-index: 700;
	height: auto;
	/*border-top: 1px solid #ffffff;*/	
}

div[role=main] {	
	-webkit-overflow-scrolling: touch;
	min-height: 510px;
}

div[role=main] {
	z-index: 50;
	top: 61px;
	margin-bottom: 70px;
}

.festivals-container .ad img {
	padding-left: 0;
}

/*
body, header, #header-container, div[role=main], #content-container, footer {
		position: absolute!important;
		overflow:visible!important;
		-webkit-overflow-scrolling:touch!important;
}*/

	div[role=main], #content-container {
		z-index: 200;
	}

	header {
		padding: 0;
	}

	header:after {
		content: ".";
		height: 0;
		width: 0;
		clear: both;
		overflow: hidden;
		text-indent: -1000px;
		display: block;
		position: relative;
	}

	#header-menu-search {
		width: 100%;
		clear: both;
		display: block;
		height: 170px;
		background: #fff;
	}

			#header-menu-search h4 {
				width: 289px;
				float: left;
				display: block;
				margin: 0;
				padding: 0 15px 0 0;
				text-align: right;
				font-size: 18px;
				line-height: 30px;
				font-weight: normal;
				font-family: 'pfdintextpro-regular',arial,sans-serif;
				text-transform: uppercase;
			}

			#header-menu-search label {
				width: 17.5%!important;
				height: 40px;
				line-height: 40px;
				float: left!important;
				display: block!important;
				margin: 0;
				padding: 0 10px;
				background: #d9d8d9;
				color: #FFF;
				font-size: 13px;
				font-family: 'pf_dindisplay_pro_mediumRg',arial,sans-serif;
				text-transform: uppercase;
			}

section#content-container {
	width: 100%;
	margin-left: 0;
}


.no-results {
	background: #fdb338!important;
	clear: both;
	position: relative;
	display: block;
	padding: 20px;
	width: 100% auto!important;
	margin: 6px 0!important;
	font-family: "pfdintextpro-regular", arial, sans-serif;
}

.no-results h1 {
	color: #fff;
}

.no-results p {
	margin-top: 0;
	width: 250px!important;
}


#main {
	-webkit-overflow-scrolling: touch;
	overflow: auto;
}

div#main:after {
	content: ".";
	height: 0;
	width: 0;
	clear: both;
	overflow: hidden;
	text-indent: -1000px;
	display: block;
	position: relative;
}

#utilities {
	clear: both;
	display: none;
}

#utilities ul {
	list-style: none;
	padding: 0;
	margin: 25px 250px 25px 25px;
}

	#utilities ul:after {
		content: ".";
		width: 0;
		height: 0;
		position: relative;
		display: block;
		text-indent: -10000px;
		overflow: hidden;
		clear: both;
	}

	#utilities ul li {
		float: left;
		width: 300px;
	}

	#utilities ul li a {
		text-decoration: none;
		color: #000000;
		font-family: 'pf_dindisplay_pro_mediumRg',arial,sans-serif;
	}

#header-utility-list {
	list-style: none;
	padding: 0 0 0 15px;
	margin: 10px 0;
	float: left;
	font-family: 'pf_dindisplay_pro_mediumRg',arial,sans-serif;
	font-size: 14px;
	font-weight: normal;
	position: relative;
	z-index: 5;
}
	#header-utility-list li {
		float: left;
		padding: 0 10px 0 0;
		line-height: 14px;
	}

		#header-utility-list li:first-child {
			font-family: 'pfdintextpro-regular',arial,sans-serif;
			font-size: 14px;
			color: #949599;
			line-height: 14px;
			margin: 0 10px 0 0;
			border: 0;
			border-right: 0;
			padding:  0 10px 0 0;
		}

			#header-utility-list li:first-child a {
				color: #949599;
				text-decoration: none;
				background: url('../img/arrow-down.gif') no-repeat right 5px;
				padding: 0 15px 0 0;
			}

#header-social-links {
	display: none;
	margin: 4px 0 0 0;
	width: auto;
	position: absolute;
	display: block;
	left: 0;
	right: 10px;
	z-index: 0;
	list-style: none;
	text-align: right;
}

	#header-social-links li {
		display: none;
	}

		#header-social-links li a {
			padding: 2px 3px 0 3px;
		}

#header-login-form {
	list-style: none;
	padding: 0;
	position: relative;
	float: right;
	font-family: 'pf_dindisplay_pro_mediumRg',arial,sans-serif;
	font-size: 14px;
	margin: 10px 15px 0 0;
	z-index: 5;
	display: none;

}

/*
 * Articles
 */

article.small-article {
	width: 100%;
	height: auto;
	display: block;
	float: left;
	overflow: hidden;
	margin: 0 auto 6px auto;
}

	article.small-article h1 {
		font-family: 'pf_din_text_cond_proregular',arial,sans-serif;
		font-weight: normal;
		font-size: 16px;
		padding: 10px 10px 5px 10px;
		margin: 0;
	}

		article.small-article h1 a {
			color: #000000;
			text-decoration: none;
			display: block;
			margin: 0;
		}

			article.small-article h1 a span {
				color: red;
				text-transform: uppercase;
			}

	article.small-article p {
		font-size: 14px;
		color:#222;
		font-family: 'Open Sans',arial,sans-serif;
		padding: 0px 10px 10px 10px;
		font-weight: 600;
		margin: 0;
	}
	article.small-article a.img {
		bottom: 0;
		display: block;
	}

		article.small-article a.img img {
			width: 100%;
			height: auto;
		}

.ad {
	width: 300px;
	height: 250px;
	background: #ffffff;
	display: block;
	position: relative;
	float: none;
	clear: both;
	display: block;
}

	.ad img {
		width: 250px;
		height: auto;
		display: block;
	}

section.twitter-container {
	width: 100%;
	/*height: 119px;*/
	position: relative;
	display: block;
	float: none!important;
	border: 0;
	margin: 3px;
	clear: both;
}


section#highlight-container {
	float: none;
	margin: 3px 0px 3px 0px!important;
	position: relative;
	display: block!important;
	width: 100%;
	overflow: hidden;
	height: 400px;
}

.sponsor-bar {
	width: 100%;
	display: block;
	border: 0;
	border-top: 6px solid #e9e9e9;
	border-bottom: 6px solid #e9e9e9;
	height: 190px;
	position: relative;
	float: left;
	margin: 9px 0;
}


section.full-article {
	margin: 15px 15px 30px 15px;
	position: relative;
	width: 100% auto;
	display: block;
}

	section.full-article:after {
		clear: both;
		position: relative;
		display: block;
		height: 0;
		width: 0;
		overflow: hidden;
		content: '.';
	}

	section.full-article article {
		width: 100%;
		position: relative;
		float: none;
		margin: 0 10px 0 0;
	}



		section.full-article article h1 {
			font-family: 'pf_din_text_cond_proregular',arial,sans-serif;
			font-size: 19px;
			font-weight: normal;
			color: #000;
			width: 100%;
			margin: 0 0 15px 0;
		}

			section.full-article article h1 span {
				display: block;
				line-height: 30px;
			}

		section.full-article article h2 {
			font-family: 'pfdintextpro-regular',arial,sans-serif;
			font-size: 15px;
			font-weight: normal;
			color: #999a9e;
			margin: 0;
		}

		section.full-article article p {
			font-family: Georgia, arial;
			font-size: 13px;
		}


	section.full-article div.full-article-imgs {
		width: 100%;
		float: none;
		margin: 0 10px 0 0px;
	}

		section.full-article div.full-article-imgs img {
			display: block;
			width: 100%;
			margin: 0 0 6px 0;
		}

	section.full-article div.full-article-copy {
		width: 100%;
		margin: 0 10px 0 0;
		float: none;
	}

	.full-article-copy h1 a {
		color: #000;
		text-decoration: none;
		cursor: text;
	}

	section.full-article aside {
		width: 100%;
		float: none;
		margin:  0 0 6px 0px;
		padding: 0;
		font-family: 'pf_dindisplay_pro_mediumRg',arial,sans-serif;
	}

		section.full-article aside ul {
			list-style: none;
			padding: 0;
			margin: 0;
		}

			section.full-article aside ul li {
				padding: 0;
				border: 0;
				margin: 0;
				position: relative;
				text-align: center;
				border-top: 6px solid #dfdfe0;
			}

				section.full-article aside ul li:after {
					clear: both;
					content: "-";
					height: 0;
					width: 0;
					position: relative;
					display: block;
					overflow: hidden;
				}

				section.full-article aside ul li h3 {
					font-family: 'pfdintextpro-regular',arial,sans-serif;
					font-size: 13px;
					color: #999a9e;
					margin: 6px 0;
					font-weight: normal;
				}



				section.full-article aside ul li p {
					font-family: Georgia, arial;
					font-size: 13px;
				}


	section.full-article h3 {
		font-weight: normal;
	}

		.info-links {
			padding: 3px;
			display: block;
			float: none;
			font-size: 13px;
			line-height: 13px;
			margin: 0 auto 10px auto;
			background: #999a9e;
			color: #FFFFFF;
			text-decoration: none;
			font-family: 'pf_dindisplay_pro_mediumRg',arial,sans-serif;
		}

		.train-line-search {
			clear: both;
			padding: 15px 0;
			display: none;
		}

		.book-link {
			background: #ed1e27;
			padding: 15px;
			float: left;
			display: block;
			font-family: 'pf_dindisplay_pro_mediumRg',arial,sans-serif;
			font-size: 17px;
			text-decoration: none;
			text-transform: uppercase;
			color: #ffffff;
			position: relative;
			margin:  0 0 30px 0;
		}

			.book-link:after {
				position: absolute;
				height: 26px;
				width: 100%;
				bottom: 0;
				left: 0;
				content: "-";
				text-indent: -10000px;
				overflow: hidden;
				right: 0;
				background: #000;
				filter: alpha(opacity=10);
				opacity: 0.1;
			}

				.lt-ie9 .book-link:after {
					background: #da1c24;
				}

		section.full-article div.full-article-copy small {
			display: block;
			width: 73px;
			height: 29px;
			background: url('../img/throughticketmaster.jpg') no-repeat top left;
			display: block;
			overflow: hidden;
			text-indent: -1000px;
			margin: 10px 0 0 10px;
			float: left;
		}

		.full-article-side-bar {
			float: none;
			width: 100%;
			margin: 0 auto 30px auto;
			text-align: center;
		}

			.full-article-side-bar img {
				width: 250px;
			}

		.weather-box {
			display: none;
			float: none;
			text-align: center;
			width: 90px;
			margin: 10px auto;
		}

			.weather-box p {
				margin: 0;
				font-family: 'pf_dindisplay_pro_mediumRg',arial,sans-serif!important;
				color: #999a9e!important;
			}

			.weather-box .temp {
				font-size: 34px;
				height: 59px!important;
				color: #0ebce1!important;
				font-family: 'pf_dindisplay_pro_mediumRg',arial,sans-serif;
			}


			.weather-box .temp, .weather-box .img {
				display: block;
				height: 30px;
				position: relative;
			}

				.weather-box .img {
					height: 44px;
					display: block;
					position: relative;
					margin-bottom: 15px;
				}

		.met-office-link {
			position: absolute;
			top: 5px;
			right: 0;
		}



		.book-icon {
			position: absolute;
			right: 10px;
			margin-top: -5px;
		}

		.book-icon-small {
			padding-left: 10px;
		}

		.cs-pagination {
			/*display: none;*/
		}

		aside#search-filter {
			width: 274px;
			float: left;
			display: none;
			margin: 15px;
			font-family: 'pf_dindisplay_pro_mediumRg',arial,sans-serif;
		}

			aside#search-filter h3 {
				clear: both;
				color: #9d9d9f;
				margin: 0px 0 20px 0;
				font-size: 20px;
				font-weight: normal;
				line-height: 20px;
				display: block;
			}

				aside#search-filter h3:before {
					clear: both;
					position: relative;
					display: block;
					height: 30px;
					width: 0;
					overflow: hidden;
					content: '.';
				}

				aside#search-filter h3.filter-events:before {
					height: 10px;
				}

			aside#search-filter input[type=checkbox] , aside#search-filter input[type=radio] {
				float: left;
				clear: left;
				line-height: 23px;
				margin:  5px 0 0 0;
			}

			aside#search-filter label {
				display: block;
				float: left;
				padding:  0 10px;
				margin: 0;
				line-height: 23px;
				font-weight: normal;
			}

			aside#search-filter input[type=text] {
				border: 0;
				margin: 0 0 10px 0;
				font-family: 'pf_dindisplay_pro_mediumRg',arial,sans-serif;
			}

			#slider-range {
				width: 80%;
			}

		section#search-results {
			width: 100%;
			display: block;
			float: left;
			border: 0;
			border-left: none;
			margin: 15px 0;
		}

			.search-results-nav {
				width: 90% auto;
				display: block;
				clear: both;
				text-align: center;
				margin: 0 auto 30px auto;
				position: relative;
			}

				.search-results-nav a {
					font-family: 'pfdintextpro-regular',arial,sans-serif;
					text-decoration: none;
					color: #000000;
					padding: 0 15px 0 0;
					background: url('/assets/img/more-results.jpg') no-repeat center right;
				}

				.search-result-category {
					float: none;
					left: 0;
					display: inline-block;
					background: #fff;
					color: #bd865d;
					position: absolute;
					font-size: 10px;
					line-height: 14px;
					padding: 3px 5px;
					text-transform: uppercase;
					top: 0;
				}

			section.featured-event-results {
				background: #fff7ec;
				margin: 0;
				display: block;
				border: 1px solid #fff7ec;
			}

				section.featured-event-results h6 {
					margin: 15px 20px;
					color: #989ba0;
					font-size: 13px;
				}


			section#search-results h1 {
				font-size: 12px;
				font-family: 'pf_dindisplay_pro_mediumRg',arial,sans-serif;
				text-transform: lowercase;
				color: #000;
				line-height: 16px;
				position: fixed;
				top: 62px;
				padding: 5px 0;
				border: 0;
				background: #fff;
				margin: 0px;
				font-weight: normal;
				width: 100%;
				display: block;
				z-index: 900!important;
				-webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
				box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
			}

				section#search-results h1 strong {
					font-weight: normal;
					font-family: 'pfdintextpro-regular',arial,sans-serif;
				}

				/*section#search-results h1:after {
					content:  "change search";
					position: absolute;
					right: 5px;
					top: 8px;
					width: 30px;
					font-size: 10px;
					line-height: 10px;
				}*/

				.advert-search {
					margin-left: 5px;
					margin-bottom: 5px;
				}

			section.search-results-list {
				float: none;
				width: 100%;
				display: block;
				/*margin: 60px 0 0 0;*/
				margin: 0;
				padding: 0 0 0 0;
				overflow: hidden;
				font-family: 'pf_dindisplay_pro_mediumRg',arial,sans-serif;
			}

				section.search-results-list article {
					width: 100%;
					margin-right: 0;
				}

				#map-canvas-600 {
					width: 100%;
				}

				.coming-soon {
					margin-left: 10px;
				}

				.cs-col-1 {
					display: none;
				}

				div.search-results-ad {
					float: none;
					margin: auto;
					display: block;
					width: 250px;
				}

					div.search-results-ad img {
						width: 250px;
					}

					.search-results-list article .result-copy-text {
						width: 100%;
						display: block;
						float: left;
						margin: 0;

					}

					.inspire-me, .ad {
						display: none;
					}
					
					.ad {
						display: block;
					}
					
					.ad img {
						width: 300px;
						height: auto;
						padding-left: 10px;
					}

					.search-results-list article:after {
						clear: both;
						position: relative;
						display: block;
						height: 0;
						width: 0;
						overflow: hidden;
						content: '.';
					}

					.search-results-list article .date {
						float: left;
						font-size: 18px;
						display: block;
						width: 80px;
						margin: 0;
					}

					.search-results-list article .img {
						width: 80px;
						display: none;
						float: left;
						margin: 0 10px 0 0;
					}

					.search-results-list article .result-copy {
						display: block;
						float: none;
						margin: 0;
						width: 90%;
						border-top: 0;
						padding: 0;
					}

					/*
					Registration / Classifieds
					*/
					#main1 {
						color: #1a1823;
						font-size: 14px;
						margin-top: 5px;
					}

					.column-side {
						width: 301px;
						float: left;
					}

					#main1 .block{
						background: #e9e9e9;
						min-height: 302px;
					}

					#main1 .primary{
						float: right;
						margin: 5px 0 6px;
						width: 912px;
					}

					#main1 .primary-group{
						background: transparent url(../img/primary-group.png) 0 0 repeat-y;
						margin: 0 0 6px;
					}

					#main1 .column-double{
						background: #999a9e;
						color: #fff;
						float: right;
						width: 606px;
					}

					#main1 h1,
					#main1 h2{
						color: #949599;
						font: 26px/1.07 'pf_din_text_cond_proregular', sans-serif;
						padding: 1em 25px 0;
						text-transform: uppercase;
					}

					#main1 p{
						font-family: 'Minion Pro', Georgia, serif;
						padding: 0 25px .5em;
					}

					/*Form styles */


					#main1 form{

					}

					#main1 form a{
						color: #000;
					}
					#main1 form .column{
						width: 200px;
						float: left;
					}

					#main1 form .last-column{
						width: 120px;
					}

					#main1 fieldset{
						padding: 25px 35px 35px;
					}

					#main1 .field{
						padding: 0 0 1em;
					}

					#main1 .field-column{
						clear: none;
						float: left;
						width: 180px;
					}

					#main1 form .field-group{
						border-bottom: 1px solid #c1c2c4;
						border-top: 1px solid #717174;
						padding-top: 1em;
					}

						#main1 form .field-group:first-child{
							border-top: none;
						}

						#main1 form .last-field-group{
							border-bottom: 0;
							padding-bottom: 1em;
						}


					#main1 label{
						display: block;
						font-family: 'pf_dindisplay_pro_mediumRg', sans-serif;
						padding-left: 10px;
					}

						#main1 label.instructions{
							font: 12px 'pf_din_text_cond_proregular', sans-serif;
							padding-right: 30px;
						}

						#main1 label.legend{
							font: 26px/1.07 'pf_din_text_cond_proregular', sans-serif;
							padding-bottom: 1em;
							text-transform: uppercase;
						}

							label.legend span{
								color: #fcb040;
								font: 'pfdintextpro-regular', sans-serif;
							}

						#main1 label .required{
							color: #ed1b24;
						}

						#main1 .inline-element{
							display: inline-block;
						}
							#main1 label.inline-element{
								padding-left: 0;
							}

						#main1 form .last-column label{
							padding-left: 20px;
						}

					#main1 input,
					#main1 select,
					#main1 textarea{
						border: 1px solid #828387;
						border-radius: 15px;
						display: block;
						font: 100%/1 'pf_din_text_cond_proregular', sans-serif;
						padding: 5px;
						width: 150px;
					}

						#main1 select{
							background: #c0c0c0;
						}

						#main1 textarea{
							width: 305px;
						}

						#main1 input.large{
							width: 220px;
						}

						#main1 button{
							line-height: 30px;
						}

						#main1 button.register, .group button[type=submit]{
						width: 100px;
						padding: 0 10px;
						height: 30px;
						display: block;
						border: 1px solid #81848d;
						margin: 0 0 0 15px;
						margin-top: 180px;
						width: 110px;

						background: #fab045 url('../img/key.jpg') no-repeat 5px 7px;
						font-family: 'pf_dindisplay_pro_mediumRg',arial,sans-serif;
						color: #ffffff;
						text-transform: uppercase;
						text-align: right;
						font-weight: bold;
						line-height: 13px;
						font-size: 13px;
						-webkit-border-radius: 15px;
						border-radius: 15px;
						}

						.group button[type=submit] {
							width: 140px;
							margin-top: 0;
						}

						#main1 button + a.button{
							padding: 7px 5px 8px;
							top: 0;
						}

						#main1 label.mandatory{
							float: right;
						}

						iframe {
							border: 0;
							width: 100%;
						}


		footer {
			border: 0;
			border-top: 6px solid #e9e9e9;
			border-bottom: 6px solid #e9e9e9;
			font-family: 'pf_dindisplay_pro_mediumRg',arial,sans-serif;
			font-size: 13px;
			color: #929294;
			display: none;
		}

			footer:after {
				content:  ".";
				clear: both;
				width: 0;
				height: 0;
				display: block;
			}

			footer a {
				color: #929294;
				text-decoration: none;
			}

		#footer-links {
			list-style: none;
			padding: 0;
			margin: 30px 50px 30px 50px;
			float: left;
			width: 125px;
		}


		footer div {
			width: 125px;
			margin: 30px 50px 30px 0;
			float: left;
		}

			footer div h6 {
				margin: 0;
				font-family: 'pfdintextpro-regular',arial,sans-serif;
				font-size: 13px;
				color: #929294;
			}

			footer div ul {
				margin:  0 0 0 0;
				padding: 0;
				list-style: none;
			}

		footer .copyright {
			float:  right;
			width: auto;
			margin: 30px 50px 30px 50px;
		}

		#ccc-icon {
			display: none!important;
		}

		.ccc-triangle {
			display: none;
		}

		.pagination {
			list-style-type: none;
			padding: 5px 0;
			margin: 10px 15px 20px 15px;
			display: block;
			text-align: center;
			background: #e9e9e9;
		}

/*
		.sbHolder{
			display: none!important;
			background-color: #e9e9e9;
			border: none;
			font-size: 13px;
			font-weight: normal;
			height: 40px;
			position: relative;
			width: 76.5%!important;
			float: right;
			margin-top: 1%;
			z-index: 100;
			margin-right: 0;
			font-family: 'pfdintextpro-regular',arial,sans-serif;
			color: #222!important;
			font-size: 15px;
			font-style: normal;
			font-weight: normal;
		}
		.sbSelector{
			display: block;
			height: 35px;
			left: 0;
			line-height: 35px;
			outline: none;
			overflow: hidden;
			position: absolute;
			text-indent: 15px;
			top: 5px;
			font-family: 'pfdintextpro-regular',arial,sans-serif;
			width: 170px;
			z-index: 100;
		}

		.sbToggle {
			margin-top: 7px;
		}
*/

		.sbOptions li:last-child {
			display: none;
		}

		.responsive-logo {
			display: block;
			width: 100%;
		}

		.responsive-logo, .responsive-logo a {
			width: auto;
			height: auto;
			overflow: hidden;
			display: block;
			float: left;
			margin: 0px 0px 0px 0;
		}

		.responsive-logo a img {
			width: 100%;
			height: auto;
		}

			.full-article.blog {
				width: 300px;
			}

			.full-article.blog article {
				width: 300px!important;
			}

			.full-article-blog {
					position: relative;
					width: 100%!important;
					display: block;
					margin-right: 6px;
					margin-left: -10px;
					float: left;
					overflow: hidden;
				}

				.full-article-blog h1, .full-article-blog h1 span {
					margin: 0px 0 5px 0!important;
					font-weight: normal!important;
					color: #000!important;
					font-size: 35px!important;
					line-height: 40px!important;
					font-family: 'pf_din_text_cond_proregular',arial,sans-serif!important;
				}

				.full-article-blog img {
					max-width: 300px!important;
					height: auto!important;
				}

				.wp-caption {
					max-width: 300px!important;
				}

				.full-article-blog iframe {
					width: 300px!important;
				}

				#commentsSection {
					display: none!important;
				}

				.blog-cat-tabs {
					width: 100%!important;
					float: left;
				}


		.breadcrumb {
			width: 100%;
		}

		.col-900, .col-600, .col-300 {
			box-sizing: border-box;
			padding: 0 10px;
			width: 100% !important;
			border-right: 0;
			height: 100%;
			min-height: auto;
			float: none;
		}

		.col-900 .col-900 {
			padding: 0;
		}

		.col-900 .col-300 {
			padding: 0;
		}
		.col-900 .col-600 {
			padding: 0;
            background:#FFFFFF
		}
		.col-300 .col-300 {
			padding: 0;
			width: 300px !important;
			margin: auto;
		}
		.col-300 #lateroomsajax {
			margin: auto;
		}
		.col-300 .no-margin {
			margin: 0;
		}

		.ad.col-300 {
			margin: 0 auto;
			width: 300px !important;
		}

		#wow_cta {
			width: 100% !important;		
			margin: 0;	
		}

		#wow_cta h2 {
			display: block;
		}

		#minicabit-widget iframe {
			width: 300px;
		}
		.event-social-box {
			margin-left: 15px;
			margin-bottom: 15px;
			width: 100%!;
			float: none;
		}
		.venue.editorial .col-600.fR {
			margin: 0;
		}
		.venue-information {
			margin-left: 0;
		}
		.venue-information .event-social-box .social-list {
			width: 260px;
		}

		blockquote {
			margin: 1em;
		}

		.late-room, .dealmonster, .accordion, .advert {
			/*margin-left: 8px;*/
			margin-bottom: 10px;
		}

		.late-room .rating {
			margin-left: 8px;
		}

		.venue-title, p.venue-address {
			padding-left: 15px;
			padding-right: 0;
			margin-bottom: 15px!important;
			padding-bottom: 0!important;
		}

		p.venue-address {
			width: 305px!important;
		}

		.venue-title {
			width: 290px;
		}

		.venue-info, .venue-info .col-300 {
			min-height: 0!important;
			height: auto!important;
			clear: both;
		}


		#map-canvas, #map-canvas2 {
			margin: 0 25px!important;
			width: 260px!important;
			height: 200px!important;
		}

		.comment-link, #comments {
			display: none;
		}

		.editorial.news {
			padding: 0 10px;
			width: 100%!important;
		}

		.editorial.news img.wp-post-image {
			width: 100%;
		}

		.editorial.news img.size-full {
			max-width: 100%!important;
			height: auto!important;
		}

		.editorial.news .date {
			width: 100%;
		}

		.comment-link {
			display: none!important;
		}

		.news-social {
			margin-bottom: 0;
			width: 60px;
		}
			.news-social .event-social-box,
			.event-social-box .social-list {
				width: auto;
			}
			.news-social li {
				display: block;
			}

		.copy-page {
			background: #fff;
			float: none!important;
			width: 92%!important;
			margin: 20px 10px 0 10px!important;
			padding: 0!important;
		}

		.mobile-numbers {
			/*background: url('../img/new/number-bg.gif') repeat top left;*/
			display: inline-block;
			color: #fff;
			/*letter-spacing: 9px;*/
			padding: 0 0 0 4px;
		}

			.search-title {
				margin-top: 20px;
				margin-bottom: 10px;
				margin-right: 0;
				width: 100%;
				position: relative;
			}

				.search-title .col-300 {
					text-align: left;
				}

			.mobile-numbers span {
				display: block;
				float: left;
				width: 16px;
				background: #000;
				color: #fff;
				height: 23px;
				line-height: 25px;
				text-align: center;
				font-size: 19px;
				margin-right: 2px;
			}


		.carousel {
			width: 100%;
			display: block;
			height: 344px;
			overflow: hidden;
			border: 0;
			margin: 0;
			position: relative;
			margin-left: 5px;
		}

			.carousel ul {
				list-style: none;
				padding: 0;
				margin: 0;
			}

			#carousel-detail li {
				width: 320px;
				height: 404px;
				margin-left: 5px;
				display: block;
				position: relative;
			}

				#carousel-detail a.carousel-detail-img {
					height: 190px!important;
					overflow: hidden;
					display: block;
					position: relative;
				}

				#carousel-detail img {
					border: 0;
					border-bottom: 3px solid #00bced;
					position: relative;
					display: block;
					z-index: 5;
					height: 190px!important;
					width: 320px!important;
				}

					#carousel-detail .after {
						background: #00bced;
						color: #fff;
						font-size: 12px;
						font-family: arial, sans-serif;
						position: absolute;
						left: 0;
						padding: 5px;
						zoom: 1;
						height: 16px;
						margin-top: -26px;
						z-index: 100!important;
					}

						#carousel-detail .after a {
							color: #fff;
							cursor: pointer;
							text-decoration: none;
						}

				#carousel-detail h3 {
					font-family: 'pfdintextpro-regular',arial, sans-serif;
					font-weight: normal;
					color: #000;
					display: block;
					padding: 5px 10px;
					font-size: 18px;
					line-height: 20px;
					margin: 0;
					text-decoration: none;
					text-transform: uppercase;
					text-overflow:ellipsis;
					margin: 0;
				}

					#carousel-detail h3 span {
						display: block;
					}

					#carousel-detail h3 a {
						color: #000;
						text-decoration: none;
						display: block;
					}

					#carousel-detail div {
						-webkit-transition-property: -webkit-transform;
						-webkit-transition-duration: 0.5s;
						-webkit-transition-timing-function: ease-out;
						-webkit-transform: translate3d(0px,0px,0px);
						z-index: 5;
					}

				.carousel-header {
					clear: both;
					font-family: pf_din_text_cond_proregular, arial, sans-serif;
					font-size: 15px;
					font-weight: normal;
					text-transform: uppercase;
					letter-spacing: 2px;
					padding: 15px 0 12px 0;
					text-align: center;
					overflow: hidden;
					display: block;
					position: relative;
					margin: 0;
					z-index: 0;
					width: 320px;
				}

				#carousel-nav {
					width: 310px;
					height: 80px;
					position: absolute;
					overflow: hidden;
					top: 265px;
					left: 5px;
					z-index: 20;
					display: block;
				}

					#carousel-nav ul {
						height: 316px;
						overflow: hidden;
						width: 2000px;
						position: relative;
						/*margin: -38px 0 0 0;*/
						margin: 0 0 0 -175px;
						border: 0;
						border-top: 1px solid #00bced;
						padding: 3px 0 0 0 ;
					}

						#carousel-nav ul li {
							display: block;
							height: 76px;
							overflow: hidden;
							width: 130px;
							margin-bottom: 3px;
							float: left;
							margin: 0 2px 0 2px;
						}

							#carousel-nav ul li img {
								width: 130px;
								height: auto;
							}

							#carousel-nav ul li.active {
								height: 76px;
							}

						#carousel-nav ul li.active img {
							border: 0;
							display: block;
						}

					#carousel-nav a {
						display: block;
						height: 76px;
						zoom: 1;
						filter: alpha(opacity=50);
						opacity: 0.5;
					}


					#carousel-nav li.active a {
						border: 0;
						height: 72px;
						overflow: hidden;
						display: block;
						border-bottom: 3px solid #00bced;
						zoom: 1;
						filter: alpha(opacity=100);
						opacity: 1;
					}

					#carousel-nav .button.next {
						width: 100%;
						position: absolute;
						display: none;
						bottom: -3px;
						background: #000000 url('../img/new/carousel-down.gif') no-repeat center center;
						height: 22px;
						filter: alpha(opacity=100);
						opacity: 1;
						text-indent: -10000px;
						overflow: hidden;
					}

					#carousel-nav .button.prev {
						width: 100%;
						position: absolute;
						display: none;
						top: -3px;
						height: 22px;
						background: #000000 url('../img/new/carousel-up.gif') no-repeat center center;
						filter: alpha(opacity=100);
						opacity: 1;
						text-indent: -100000px;
						overflow: hidden;
					}


		.responsive-left-margin {
			margin-left: 8px!important;
			margin-bottom: 8px!important;
			float: none!important;
		}


		section:not(.event) .latest-items, section:not(.editorial-news) .latest-items {
			width: 315px!important;
		}

		section.event .latest-items, section.editorial-news .latest-items {
			width: 300px!important;
		}
		
		.film-editorial img {
			width: 100%!important;
			height: auto!important;
		}
		
		.film-editorial-wrapper .latest-items {
			margin: 0;
		}
		
		.film-editorial-wrapper .editorial .col-600.fR, .film-editorial-wrapper .editorial-article {
			margin-left: 0;
			padding: 10px;
			width: auto!important;
		}
		
		.film-editorial-wrapper .social-list {
			float: none;
		}
		
		.film-editorial-wrapper .bxslider li img, .film-editorial-wrapper .bxslider li {
			width: 300px!important;
			height: auto;
		}
		
		.film-editorial-wrapper .bxslider {
			margin-top: 15px;
			width: 300px;
		}
		
		.film-editorial-wrapper .latest-items {
			width: 300px!important;
			display: none!important;
		}
		
		.film-editorial-wrapper .film-creds {
			padding-bottom: 15px!important;
		}
		
		.editorial-cinemas {
			margin: 0 0 10px 10px;
		}
		
		
		.editorial-search-item .result-copy-text h3, .editorial-search-item .result-copy-text p {
			width: 280px;
			max-width: 300px!important;
		}
		
		.editorial-600 {
			padding-left: 5px!important;
		}
		
		#wallpaper {
			display: none;
		}	
		
/*
 * Festival search form
 */

.search-fest {
	margin: 0 10px;
	height: auto;
	background: none;
	float: none;
}
	.search-fest h2 {
		text-transform: uppercase;
		text-align: center;
		font-size: 18px;
		line-height: 26px;
		margin: 10px 0 6px 0;
	}
	.search-fest h2 span {
		display: block;
		text-align: center;
		padding: 5px 0;
	}
	.search-fest .input-responsive {
		overflow: hidden; 
		padding-right: 0;
	}
		.search-fest .input-responsive .search-fest-text {
			width: 100%;
			height: 44px;
			line-height: 40px;
			border: 1px solid #a0a0a0;
		}
		.search-fest .input-responsive .search-fest-text[placeholder]{
			line-height: normal;
		}
		.search-fest .search-fest-btn {
			float: right;
			width: 44px;
			height: 44px;
			border: 1px solid #a0a0a0;
			border-width: 1px 1px 1px 0;
			margin: 0;
		}
		.search-fest .search-fest-btn:before {
			text-align: center;
			padding: 0;
			width: 44px;
			height: 44px;
			line-height: 40px;
			font-size: 20px;
		}
	a.search-all {
		display: block;
		text-decoration: none;
		background: #e5e5e5;
		color: #b6b6b6;
		line-height: 44px;
		margin: 6px 0;
		border-bottom: 1px solid #b7b7b7;
		text-align: center;
	}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */



.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}
}

* {
	outline: none!important;
	-webkit-appearance: none!important;
	-webkit-focus-ring-color: none!important;
}