/*
 * jQuery FlexSlider v1.7
 * http://flex.madebymufffin.com
 *
 * Copyright 2011, Tyler Smith
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
 
/* Browser Resets */
.flex-container a,
.flexslider a {}
.flexslider h2 a, .flexslider p a {}
.flexslider a:hover {}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: none;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* -------------- SLIDE SHOW ------------------ */
.slide-show-wrapper {
	max-width: 1900px;
	overflow: hidden;
	margin: 0 auto;
}
.slide-show-wrapper .slide-show {
	max-width: 1370px;
	margin: 0 auto;
}
.flex-opacity-layers {
	list-style: none;
}
.newsSection .flex-opacity-layers {
    display: none;
}
.flex-opacity-layers .left {
    background: #FFF;
    height: 375px;
    left: -683px;
    opacity: 0.9;
    position: absolute;
    top: 0;
    width: 683px;
    border-right: 1px solid #FFF;
    z-index: 20;
}
.flex-opacity-layers .right {
    background: #FFF;
    height: 375px;
    right: -683px;
    opacity: 0.9;
    position: absolute;
    top: 0;
    width: 683px;
    border-left: 1px solid #FFF;
    z-index: 20;
}
.content .flexslider li {
    padding: 0;
    position: inherit;
    background-image: none;
}
.ie6 .slide-show-wrapper,
.ie6 .slide-show-wrapper .slide-show,
.ie7 .slide-show-wrapper {
	width: 1200px;
	height: 375px;
	margin:0 auto;
	max-width: none;
	overflow: hidden;
}

.ie6 .content .flexslider,
.ie6 .content .flexslider li  {
	width:870px;
	height: 354px;
}
.ie6 .content .flexslider {
	margin-bottom: 18px;
}
.ie7 .slide-show-wrapper .slide-show,
.ie6 .slide-show-wrapper .slide-show {
	width:1200px;
}
.ie7 .flex-opacity-layers .right,
.ie7 .flex-opacity-layers .left,
.ie6 .flex-opacity-layers .right,
.ie6 .flex-opacity-layers .left {
	opacity: 1;
	height: 100%;
}
.ie7 .slide-show-wrapper .flexslider .slides img,
.ie6 .slide-show-wrapper .flexslider .slides img {
	width: 125%;
}

/* --------------CONTENT PAGE ------------------*/
.content .flexslider .flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.content .flexslider .flex-caption { 
	height: auto;
	bottom:0;
	margin: 0 0 5px;
	padding: 15px 16px;
	position: absolute;
	text-align: right;
	top:auto;
	width:100%;
	background:#FFF;
	opacity: 1;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC43Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 60%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0.6))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 60%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 60%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 60%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 60%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 ); /* IE6-8 */
}
.content .flexslider .flex-caption h2,
.content .flexslider .flex-caption h3{
	margin:0;
	color: #FFF;
}
.content .flexslider .flex-caption a {
	color: #FFF;
}
.content .flex-direction-nav li a.prev {
    left:0;
}
.content .flex-direction-nav li a.next  {
    right:-6px;
}
.ie6 .flex-direction-nav li a.prev  {
    left:0;
    z-index: 40;
}
.ie6 .flex-direction-nav li a.next {
    right:0;
    z-index: 40;
}
/* FlexSlider Default Theme
*********************************/
.flexslider {
	padding: 0; 
	position: relative; 
	zoom: 1;
}
.flexslider .slides {zoom: 1;}
.flexslider .slides li {position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}

/* Caption style */
/* IE rgba() hack */
.flex-caption { 
	position: absolute; 
	top:0;
	right: 0;
	background-color:rgba(64, 125, 200, 0.85);
	padding: 22px;
	margin: 16px 0;
	width: 420px;
	float: right;
	color: #fff;
	zoom: 1;
	height: 343px;
	z-index: 10;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9407dc8', endColorstr='#d9407dc8',GradientType=0 );
}
.ie8 .slide-show-wrapper .flex-caption {
	right: 12px;
}
.ie6 .slide-show-wrapper .flex-caption {
	z-index: 10;
	right:24px;
}
.ie6 .content .flex-caption {
    width:870px;
    z-index:10;
}
.ie6 .content li {
    height: 200px;
}
.flex-caption h2 {
	font-size: 3.1em;
	color: #FFF;
	margin: 0 0 100px;
	opacity: 1;
}
.flex-caption h2 a {
	color: #FFF;
}
.flex-slider h2 span{
	color: #A77DC3;
}
.flex-caption .subtext{
	position: absolute;
	bottom:38px;
	width:90%;
}
.flex-caption p{
	opacity:1;
}
.flex-caption .more,
.flex-caption .arrow {
	bottom: 0;
	position: absolute;
}
.flex-direction-nav li a.prev {
	background: url(//www.qmaccommodation.co.uk/media/assets-qmaccommodationhospitality/siteassets/images/accom-left.png) no-repeat scroll 0 0 transparent;
    background-position: 0 0;
    left: -45px;
	width: 45px;	
	height: 45px;
	z-index: 30;
}
.flex-direction-nav li a.next {
	background: url(//www.qmaccommodation.co.uk/media/assets-qmaccommodationhospitality/siteassets/images/accom-right.png) no-repeat scroll 0 0 transparent;
    background-position: 0 0;
    right: -45px;
	width: 45px;	
	height: 45px;
	z-index: 30;
}
.content .flex-direction-nav li a.prev {
    left:0;
}
.content .flex-direction-nav li a.next {
    right:0;
}
.flex-direction-nav li a {
    cursor: pointer;
    display: block;
    height: 29px;
    position: absolute;
    text-indent: -9999px;
    top: 46%;
    width: 20px;
	box-shadow: none;
}
/* Control Nav */
.flex-control-nav {width: 100%; padding: 0; text-align: center; margin-top: 20px; margin-bottom: -35px; display: none;}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0; box-shadow: none;}
.flex-control-nav li a {width: 13px; height: 13px; display: block; background: url(../images/bg_control_nav2.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px; box-shadow: none;}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}
@media only screen and (min-width: 1474px) {
	.flex-caption {
		margin: 16px 100px;
	}
}
@media only screen and (max-width: 1475px) {
	.slide-show-wrapper  .slide-show {
	    max-width: 1200px;	
	}
	.flex-caption {
		margin: 16px 15px;
	}
}
@media only screen and (max-width: 1230px) {
	.slide-show-wrapper  .slide-show {
		max-width: 1108px;
	}
}
@media only screen and (max-width: 1215px) {
	.slide-show-wrapper  .slide-show {
		max-width: 1050px;
	}
	.flex-direction-nav li a.prev {
	    left: -12px;
	}
	.flex-direction-nav li a.next {
	    right: -12px;
	}
}
@media only screen and (max-width: 1100px) {
    .slide-show-wrapper  .slide-show {
		max-width: 960px;
	}
}
@media only screen and (max-width: 990px) {
	.slide-show-wrapper .slide-show {
	    max-width: 860px;
	}
}
@media only screen and (max-width: 870px) {
	.slide-show-wrapper  .slide-show {
	    max-width: 750px;
	}
	.flex-caption {
	width: 350px;
	}
	.flex-caption h2 {
	    font-size: 2.28em;
	}
}
@media only screen and (max-width: 768px) {
	.slide-show-wrapper .slide-show {
	    max-width: 738px;
	}
	.flex-caption {
	    width: 310px;
	}
	.content .flex-direction-nav li a {
	    top:40%;
	}
	.flex-direction-nav li a.prev {
	    left: -15px;
	}
	.flex-direction-nav li a.next {
	    right: -15px;
	}
	.content .flex-direction-nav li a.prev {
	    left: 0;
	}
	.content .flex-direction-nav li a.next {
	    right: 0;
	}
}
@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :landscape) {
	.flex-caption h2 {
    	font-size: 4em;
    }
}

@media only screen and (min-width: 200px) and (max-width: 767px) {
	.slide-show-wrapper  .slide-show {
    	max-width: 100%;
	}
	.flexslider .slides li{
	
		overflow: hidden;
	}
	.slide-show-wrapper .flexslider .slides img{
	        height:auto;
		max-width: 125%;
		margin-left: -12%;
	} 
	.flex-caption { 
	    background-color: #407DC8;
		position: relative; 
		padding: 15px;
		width: 100%;
		color: #fff;
		zoom: 1;
		margin: -5px 0 0;
		opacity: 1;
		height: auto;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	.flex-caption h2 { 
		font-size: 1.9em;
		margin-bottom: 18px;
	}
	.flex-caption .subtext{
	position: relative;
	bottom: auto;
	}
	.flex-caption .more,
	.flex-caption .arrow {
	bottom: none;
	position: relative;
	}
	.flex-opacity-layers {
    	display: none;
	}
	.flex-direction-nav li a {
		top:10%;
	}
	.flex-control-nav {
		display: block;
	}
	.flex-direction-nav li a.prev {
	    left: 0;
	}
	.flex-direction-nav li a.next {
	    right: 0;
	}
}
@media only screen and (min-width: 200px) and (max-width: 380px){
	.flex-caption {
		height:235px;
	}
	.content .flexslider {
		margin: 0 -15px;
	}
	.content .flexslider .flex-caption,
	.slide-show-wrapper .flexslider .flex-caption {
		background: #407dc8;
		position: relative; 
		padding: 15px;
		width: 100%;
		color: #fff;
		zoom: 1;
		margin: -5px 0 0;
		opacity: 1;
		text-align: left;
		height: auto;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	.flexslider .slides li{
	
		overflow: hidden;
	}
	.slide-show-wrapper .flexslider .slides img{
		max-width: 200%;
		margin-left: -50%;
	} 
	.content .flexslider .slides img {
		max-width: 100%;
		margin: 0;
	}
	.flex-direction-nav li a.next,
	.flex-direction-nav li a.prev {
		background-size: 27px;
		top:22%;
	}
	.slide-show-wrapper .flex-direction-nav li a.next,
	.slide-show-wrapper .flex-direction-nav li a.prev {
	    top:16%;
	    }
	.flex-direction-nav li a.next{
		margin-right: -18px;
	}
	.flex-direction-nav li a.prev {
		margin-left: -3px;
	}
	.content .flex-direction-nav li a.next {
		margin-right: -18px;
	}
	.content .flex-direction-nav li a.prev {
		margin-left: 0;
	}
	.flex-control-nav {
		display: block;
	}
}

      	.inner .flexslider {
      		overflow: hidden;
      	}
      	.inner .flex-opacity-layers {
      		position: absolute;
      	}