/*This site is built using an Object Oriented CSS Methodology*/
/*----------------------*\
     Contents
\*----------------------*/
/*
Reset
Shared
Clearfix
Main
Header
Content
Footer
Media
Island
Type
Images
Tables
Misc (accessibilty and colours)
Flexslider
Mediaqueries
*/

/*-----------------------*\
     $reset 
\*-----------------------*/ 
/*Thanks to CSS Wizardry*/
*{
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
}
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr,
a,abbr,address,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strong,sub,sup,tt,var,
b,u,i,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{
	margin:0;
	padding:0; 
}
article,aside,details,figcaption,figure,footer,
header,hgroup,main,menu,nav,section{
	display:block;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
strong,b,mark{
	font-weight:700;
	font-style:inherit;
}
em,i,cite,q,address,dfn,var{
	font-style:italic;
	font-weight:inherit;
}
abbr[title],dfn[title]{
	cursor:help;
	border-bottom:1px dotted;
}
ins{
	border-bottom:1px solid;
}
a,u,ins{
	text-decoration:none;
}
del,s{
	text-decoration:line-through;
}
pre,code,samp,kbd{
	font-family:monospace;
}
small{
	font-size:0.75em;
}
img{
	border:none;
	font-style:italic;
}
input,
select,option,optgroup,
textarea{
	font:inherit;
}

/*----------------------*\
     $shared
\*----------------------*/
h1,h2,h3,h4,h5,h6,
ul,ol,dl,
p,
table,
form,
pre,
hr,
.source{
	margin-bottom:10px;
	margin-bottom:1rem;
}
ul,ol,dd{
	margin-left:1em;
}
.text-content ul {
  margin-left:25px;
}
label,
.text-input,
textarea,
.btn{
	cursor:pointer;
}
.text-input:active,
.text-input:focus,
textarea:active,
textarea:focus{
	cursor:text;
}
.float-l{
	float:left;
}
.float-r{
	float:right;
}
.clear-l{
	clear:left;
}
.clear-r{
	clear:right;
}
.clear-b{
	clear:both;
}
.align-c{
	text-align:center;
}
.align-r{
	text-align:right;
}
.no-padding{
	padding:0;
}
.no-margin{
	margin:0;
}
.mobileMenu{
	width:100%;
}
/*----------------------*\
	$clearfix
\*----------------------*/
.cf:before,
.cf:after{
	content:"";
	display:table;
	overflow:hidden;
}
.ie8 .cf:before{
	display:inline;
}
.cf:after{
	clear:both;
}
.cf{
	zoom:1;
}
/*----------------------*\
     $main
\*----------------------*/
html{
	overflow-y:scroll;
	line-height:1.5;
	font-size:10px;
	letter-spacing:0;
	min-height:100%;	
}
body{
	min-width:320px;
	font-family: "azo-sans-web",sans-serif;
	font-weight:300;
	color:rgb(115,115,115);
	left:0;
	font-size:13px;
	font-size:1.3rem;
}
.container{
  width:90%;
  max-width: 1240px;
  margin:0 auto;
}
.logobar .container{
  max-width: 3000px;
}
.outercontainer {
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding: 0;
  position: relative;
}
.store .container {
  padding:30px 0 0 0;
}
.storeindex .container {
  padding:0 0 30px 0;
}
.home-boxes .container {
    max-width: 1265px;
}
.home-boxes h1 {
    display:none;
}

/*------------------------------------*\
	$type
\*------------------------------------*/
/* Large */
.giga{
	font-size:72px;
	font-size:7.2rem;
}
.mega{
	font-size:48px;
	font-size:4.8rem;
}
.kilo{
	font-size:33px;
	font-size:3.3rem;
}
h1,.h1{
	font-size:35px;
	font-size:3.5rem;
	color:rgb(0,117,188);
  font-weight:300;
  text-align:center;
}
h2,.h2{
	font-size:30px;
	font-size:3rem;
  color: rgb(0,117,188);
  font-weight: 300;
  line-height: 1.4;
}
h3,.h3{
  font-size:27px;
  font-size:2.7rem;
  font-weight:300;
  color:rgb(0,117,188);
  margin-bottom:0.5em;
}
.text-content h3 {
  padding-top:30px;
  margin-bottom:0;
}
h4,.h4{
	font-size:22px;
	font-size:2.2rem;
  font-weight:300;
  color:rgb(0,117,188);
}
h5,.h5{
	font-size:18px;
	font-size:1.8rem;
}
.text-content h5 {
  padding-top:15px;
  margin-bottom:10px;
  color:rgb(0,117,188);
  font-weight:400;
}
h6,.h6{
	font-size:17px;
	font-size:1.7rem;
}
p,.para, li {
	font-size:15px;
	font-size:1.5rem;
	line-height:1.4;
}

/* Small */
small,.milli{
	font-size:12px;
	font-size:1.2rem;
}
.nano{
	font-size:10px;
	font-size:1rem;
}
/* Weights */
.light{
	font-weight:300;
}
.regular{
	font-weight:400;
}
.semi-bold{
	font-weight:600;
}
.bold{
	font-weight:700;
}
.capitals{
	text-transform:uppercase;
}
.letter-spacing{
	letter-spacing:1px;	
}

/*--- LINKS ---*/
a{
	color:rgb(0,117,188);	
}
a:hover{
	text-decoration:underline;
}

/*--- LISTS ---*/
li > ul,
li > ol{
	margin-bottom:0;
}

/*--- QUOTES ---*/
q{ quotes:"‘" "’" "“" "”"; }

q:before{ content:"‘"; content:open-quote; }
q:after{ content:"’"; content:close-quote; }

q q:before{ content: "“"; content: open-quote; }
q q:after{ content: "”"; content: close-quote; }

blockquote{ quotes: "“" "”"; }
blockquote p:before{ content: "“"; content: open-quote; }
blockquote p:after{ content: ""; content: no-close-quote; }
blockquote p:last-of-type:after{ content: "”"; content: close-quote; }

blockquote{
	text-indent:-0.4em;
}



@font-face {
  font-family: 'hay';
  src: url('../css/icons/font/hay.eot?63454947');
  src: url('../css/icons/font/hay.eot?63454947#iefix') format('embedded-opentype'),
       url('../css/icons/font/hay.woff2?63454947') format('woff2'),
       url('../css/icons/font/hay.woff?63454947') format('woff'),
       url('../css/icons/font/hay.ttf?63454947') format('truetype'),
       url('../css/icons/font/hay.svg?63454947#hay') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'hay';
    src: url('../font/hay.svg?63454947#hay') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "hay";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: auto;
  margin-right: 0;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
 
.icon-fb:before { content: '\e800'; } /* '' */
.icon-tw:before { content: '\e801'; } /* '' */
.icon-insta:before { content: '\e802'; } /* '' */
.icon-menu:before { content: '\e803'; } /* '' */
.icon-car:before { content: '\e804'; } /* '' */
.icon-food:before { content: '\e805'; } /* '' */
.icon-wifi:before { content: '\e806'; } /* '' */
.icon-parking:before { content: '\e807'; } /* '' */
.icon-bus:before { content: '\e808'; } /* '' */
.icon-car2:before { content: '\e809'; } /* '' */
.icon-clock:before { content: '\e80a'; } /* '' */
.icon-disabled:before { content: '\e80b'; } /* '' */
.icon-mag:before { content: '\e80c'; } /* '' */
.icon-phone:before { content: '\e80d'; } /* '' */
.icon-toilets:before { content: '\e80e'; } /* '' */
.icon-train:before { content: '\e80f'; } /* '' */
.icon-website:before { content: '\e810'; } /* '' */
.icon-wifi2:before { content: '\e811'; } /* '' */
.icon-info:before { content: '\e812'; } /* '' */
.icon-satnav:before { content: '\e813'; } /* '' */
.icon-cash:before { content: '\e814'; } /* '' */
.icon-click:before { content: '\e815'; } /* '' */
.icon-head:before { content: '\e816'; } /* '' */
.icon-lostproperty:before { content: '\e817'; } /* '' */
.icon-star:before { content: '\e818'; } /* '' */
.icon-photo:before { content: '\e819'; } /* '' */
.icon-camera:before { content: '\e81a'; } /* '' */
.icon-angle-left:before { content: '\f104'; } /* '' */
.icon-angle-right:before { content: '\f105'; } /* '' */
.icon-angle-up:before { content: '\f106'; } /* '' */
.icon-angle-down:before { content: '\f107'; } /* '' */
/*------------------------------------*\
	$images
\*------------------------------------*/
img{
	max-width:100%;
	width:auto;
	height:auto !important;
	display:block;
}
.inline-img-right, .inline-img-left{
	width:100%;
	margin:2em 0;	
}
.intro {
  padding:20px 0;
}
/*--
.intro .container {
  background:rgb(255,255,255);
}
--*/

/*----------------------*\
     $flexslider
\*----------------------*/
/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.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; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; 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;}

/* FlexSlider Default Theme
*********************************/
.flexslider { background: rgb(230,230,230); position: relative;  zoom: 1;z-index:0;max-width:1240px;margin: 0 auto;}
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0; position:static;}
.flex-direction-nav li {position:static;}
.flex-direction-nav a {width: 48px; height: 47px; margin: -20px 0 0; display: block; background: url(../img/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity:1; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: 5%; }
.flex-direction-nav .flex-prev {left: 5%;}
.flexslider .slides > li:first-child {display: block; -webkit-backface-visibility: visible;}
.flexslider.loading .slides > li:first-child { opacity: 1 !important; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {display:none;width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}

/*------------------------------------*\
  $bgstretcher
\*------------------------------------*/
.bgstretcher {
  overflow: hidden;
   width: 100%;
   z-index: 1;
}
.bgstretcher, .bgstretcher ul, .bgstretcher ul li {
  position: absolute;
  top: 0;
  bottom: 0;
}
.bgstretcher ul, .bgstretcher ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.bgstretcher img{
 max-width:100%;
}
.bgstretcher-area, .bgstretcher-page{
   height:100%;
}
/*------------------------------------*\
	$tables
\*------------------------------------*/
table{
	width:100%;
}
/*------------------------------------*\
	$header
\*------------------------------------*/
header {
  z-index: 5;
  height: 100px;
}
.header {
  height: 79px;
  background-color:rgb(4,175,232);
}
.header-mov {
  background-color:rgb(255,255,255);
}

.header-fixed {
  left: 0;
  position: fixed;
  top: 0;
  z-index: 30;
  height: 79px;
  width: 100vw;
}
.header-top {
  z-index: 10;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
.header-logo {
  opacity:1;
  width: 155px;
  display: block;
  padding: 0;
  float: left;
  margin: 17px 0 0 15px;
  transition: .3s ease;
  -moz-transition: .3s ease;
  -webkit-transition: .3s ease;
  -o-transition: .3s ease;
}
.header-logo_mov {
  opacity:0;
  width: 155px;
  display: block;
  padding: 0;
  float: left;
  margin: 17px 0 0 -155px;
  transition: .3s ease;
  -moz-transition: .3s ease;
  -webkit-transition: .3s ease;
  -o-transition: .3s ease;
}
.header-mov .header-logo {
  opacity:0;
}
.header-mov .header-logo_mov {
  opacity:1;
}
.subnav {
  width: auto;
  float: right;
  display: block;
  text-align: left;
  margin: 0 0 5px 0;
  padding: 10px 10px 0 0;
  line-height: 0;
  transition: .3s ease;
  -moz-transition: .3s ease;
  -webkit-transition: .3s ease;
  -o-transition: .3s ease;
}

.subnav a {
  color: rgb(255,255,255);
  margin:0;
  padding:0 1px;
  font-weight:400;
  display:inline-block;
  line-height: 1;
  float:left;
}
.subnav a.subnav-dsk {
  display:none;
}
.subnav a i {
  font-size: 21px;
  font-size: 2.1rem;
}
.subnav a .postcode {
  line-height: 1;
  float: right;
  margin: 3.5px 0 0 5px;
}
.subnav .dsk {
  display:none;
  font-weight:100;
}
.menu-icon {
  margin:-20px 15px 0 0;
  display: block;
  float: right;
  text-align: right;
  padding: 6px 10px;
  font-weight: 600;
  letter-spacing: 1px;
  border:1px solid rgb(255,255,255);
  color: rgb(255,255,255);
  line-height: 0.9;
  clear: left;
}
.header-mov .menu-icon {
  border:1px solid rgb(0,117,188);
  color: rgb(0,117,188);
}
.header-nav {
  z-index: 10;
  width: 100vw;
  height:100vh;
  top:0;
  position: absolute;
  background: rgb(0,117,188);
  background: rgba(0,117,188,0.9);
  display: block;
  padding: 80px 5% 20px 5%;
  right: -100vw;
  transition: .3s ease;
  -moz-transition: .3s ease;
  -webkit-transition: .3s ease;
  -o-transition: .3s ease;
}
.header-nav.active {
  top: 0;
  right:0;
  opacity: 1;
  transition: .3s ease;
  -moz-transition: .3s ease;
  -webkit-transition: .3s ease;
  -o-transition: .3s ease;
}
.header-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.header-nav li {
  padding: 7px 0;
  float: left;
  clear: left;
}
.header-nav li a {
  font-size: 20px;
  font-size: 2rem;
  font-weight:300;
  color: rgb(255,255,255);
  line-height: 1.6;
  display: block;
  padding: 0 10px;
  float: left;
  clear: left;
  text-transform: uppercase;
  transition: .3s ease;
  -moz-transition: .3s ease;
  -webkit-transition: .3s ease;
  -o-transition: .3s ease;
}
.header-nav li a:hover {
	color:rgb(0,117,188);
	text-decoration:none;
}
.header-social {
  display: none;
  transition: .3s ease;
  -moz-transition: .3s ease;
  -webkit-transition: .3s ease;
  -o-transition: .3s ease;
}
.header-mov .subnav a {
  color: rgb(0,117,188);
}
/*----------------------*\
     $footer
\*----------------------*/
footer {
  background: rgb(255,255,255);
  text-align: center;
  color: rgb(115,115,115);
  padding: 40px 0;
}
footer  ul {
    margin: 0;
    list-style:none;
}
footer p {
  line-height: 1.7;
}
footer a {
  color:rgb(115,115,115);
  font-size:15px;
  font-size: 1.5rem;
  line-height: 1.7;
}
footer .blue {
	color:rgb(0,117,188);
	font-weight:500;
}
footer h4 {
	color:rgb(0,117,188);
	text-transform:uppercase;
	margin-bottom:0;
  font-size:14px;
  font-size: 1.4rem;
  letter-spacing:1px;
}
.foot-block {
	display:block;
	width:100%;
	margin:0 auto 30px auto;
}

.foot-one img {
  width: 220px;
  margin: 0 auto;
}
.foot-three a {
  color: rgb(0,117,188);
  font-size: 35px;
  font-size: 3.5rem;
  margin: 0 5px;
}
.foot-three a:hover {
  color: rgb(236,99,29);
}
.foot-four p, .foot-four a {
  font-size:12px;
  font-size: 1.2rem;
}
/*----------------------*\
     $home
\*----------------------*/
.home-js-ph {
  display:block;
  margin-bottom:-5px;
}
.home-js-dsk {
  display:none;
  margin-bottom:-5px;
}
.flexslider ul{
	margin:0;
	padding:0;
	list-style:none;
	padding: 0;
}
.owl-hero {
  width:100%;
  height:100%;
  max-width: 1240px;
  margin:0 auto;
  min-height: 200px;
}
.owl-carousel{height:auto;}
.owl-height {min-height: 10px; height:auto !important; }
.homehero {
	width:100%;
	margin: 0 auto;
	padding: 0;
}
.home-box {
  margin: 0 auto 20px auto;
  width: 100%;
  display: block;
}

input {
  padding: 10px;
  width: 100%;
  margin: 0 0 10px 0;
  background-color: rgb(255,255,255);
  border: none;
  -webkit-appearance: none;
  outline: none;
  box-shadow: none !important;
  font-size: 15px;
  font-size: 1.5rem;
}
button, .travel-container .button {
  width: auto;
  margin: 0;
  color: rgb(255,255,255);
  display: block;
  font-size: 15px;
  font-size: 1.5rem;
  text-transform: uppercase;
  line-height: 1.7;
  padding: 0 2em;
  background-color: rgb(0,117,188);
  -webkit-appearance: none;
  border: none;
  border-radius: 0;
  letter-spacing: 2px;
  font-family: "azo-sans-web",sans-serif;
  font-weight:300;
  float:right;
  transition: .3s ease;
  -moz-transition: .3s ease;
  -webkit-transition: .3s ease;
  -o-transition: .3s ease;
}
button:hover {
  background: rgb(236,99,29);
}
.travel-container input {
  background:rgb(255,255,255);
  border:1px solid rgb(0,117,188);
}
.travel-container .button {
  float:inherit;
  width:100%;
}
.travel-container form {
    clear: both;
    display: block;
    width: 100%;
    margin: 0 auto 20px auto;
}
.owl-carousel .owl-item {
  float: left;
}
.logobar {
  width: 100%;
  padding: 30px 0;
  color: rgb(255,255,255);
  overflow:hidden;
}
.logobar a.logobar-extra {
  width: 100%;
  margin:0 auto;
  text-align:center;
  font-size:27px;
  font-size:2.7rem;
  display:block;
}

/* 
.innerpage .logobar {
  background: rgb(229,227,226);
} */

/* 
 *  Core Owl Carousel CSS File
 *  v1.3.3
 */


/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel{
  .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both;
  }
  .owl-animated-in {
    z-index: 0;
  }
  .owl-animated-out {
    z-index: 1;
  }
  .fadeOut {
    animation-name: fadeOut;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
/*
 *  Owl Carousel - Auto Height Plugin
 */

.owl-height {
  transition: height 500ms ease-in-out;
}

/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;

  .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden; /* fix firefox animation glitch */
  }

  .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
  }

  .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px);
  }

  .owl-wrapper,
  .owl-item{
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
  }

  .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
  }
  .owl-item img {
    display: block;
    width: 100%;
  }

  .owl-nav.disabled,
  .owl-dots.disabled {
    display: none;
  }

  .owl-nav .owl-prev,
  .owl-nav .owl-next,
  .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .owl-nav button.owl-prev,
  .owl-nav button.owl-next,
  button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding:0!important;
    font: inherit;
  }

  &.owl-loaded {
    display: block;
  }

  &.owl-loading {
    opacity: 0;
    display: block;
  }

  &.owl-hidden {
    opacity: 0;
  }

  &.owl-refresh .owl-item {
    visibility: hidden;
  }

  &.owl-drag .owl-item {
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  &.owl-grab {
    cursor: move;
    cursor: grab;
  }

  &.owl-rtl {
    direction: rtl;
  }

  &.owl-rtl .owl-item {
    float: right;
  }
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}
/*
 *  Owl Carousel - Lazy Load Plugin
 */

.owl-carousel {
  .owl-item {
    .owl-lazy {
        opacity: 0;
        transition: opacity 400ms ease;
    }

    /**
      This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
      calculation of the height of the owl-item that breaks page layouts
     */
    .owl-lazy[src^=""], .owl-lazy:not([src]) {
      max-height: 0;
    }

    img.owl-lazy {
      transform-style: preserve-3d;
    }
  }
}


.owl-theme {
  // Styling Next and Prev buttons
  .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;

    [class*='owl-'] {
      color: $nav-color;
      font-size: $nav-font-size;
      margin: $nav-margin;
      padding: $nav-padding;
      background: $nav-background;
      display: inline-block;
      cursor: pointer;
      border-radius: 3px;

      &:hover {
        background: $nav-background-hover;
        color:$nav-color-hover;
        text-decoration: none;
      }
    }
    .disabled {
      opacity: $nav-disabled-opacity;
      cursor: default;
    }
  }

  // Styling dots
  .owl-nav.disabled + .owl-dots {
    margin-top: 10px;
  }

  .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;

    .owl-dot {
      display: inline-block;
      zoom: 1;
      *display: inline;

      span {
        width: $dot-width;
        height: $dot-height;
        margin: $dot-margin;
        background: $dot-background;
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity 200ms ease;
        border-radius: $dot-rounded;
      }

      &.active,
      &:hover {
        span {
          background: $dot-background-active;
        }
      }
    }
  }
}






.logoitem a img {
  -webkit-transition: all 350ms ease-in;
  -o-transition: all 350ms ease-in;
  -moz-transition: all 350ms ease-in;
  width: 75%;
  margin: 0 auto;
  max-width: 150px;
}
.infobar {
	background:rgb(0,117,188);
  background-image:url(../img/barback.jpg);
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
	color:rgb(255,255,255);
	padding:30px 0;
}
.home-boxes {
    padding: 20px 0;
}
.home-fact {
	display:block;
	width:90%;
	margin:0 auto;
	text-align:center;
	padding:15px 0;
}
.infobar a {
	color:rgb(255,255,255);
}
.infobar .info-icon {
    display: block;
    margin: 0 auto 25px auto;
    width: 50%;
    max-width: 110px;
}
.infobar .home-fact:first-of-type .info-icon {
    max-width: 60px;
}
.infobar a:hover {
	text-decoration:none;
}
.home-fact i {
  font-size:80px;
  font-size:8rem;
  line-height:0.8;
}
.home-fact:first-of-type i {
  font-size:70px;
  font-size:7rem;
  line-height: 1.2;
}
.home-fact:last-of-type i {
  font-size:85px;
  font-size:8.5rem;
}
.home-box .label {
    position: absolute;
    z-index: 5;
    top: 0;
    right: 0;
    width: 60%;
}
.infobar h2 {
	font-weight:200;
	line-height:1;
  color:rgb(255,255,255);
}
/*----------------------*\
     $general
\*----------------------*/
.innerhero {
  width:100%;
}
.innerhero {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}
.innerhero img {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
}

.pagehead {
  text-align:center;
  width:100%;
  margin:30px auto;
  max-width:840px;
}
.pagehead p {
  font-size:16px;
  font-size:1.6rem;
}
/*----------------------*\
     $store index
\*----------------------*/
.shopsmenu {
  list-style: none;
  margin: 0 auto 0;
  text-align: center;
}
.shopsmenu h2 {
  margin: 0 auto 30px auto;
}
.shopsmenu li {
  width: 48.5%;
  margin: 0 0.75% 10px 0.75%;
  float: left;
  border: 1px solid rgb(0,117,188);
  background:rgb(255,255,255);
  padding: 10px;
  transition: .3s ease;
  -moz-transition: .3s ease;
  -webkit-transition: .3s ease;
  -o-transition: .3s ease;
}
.shopsmenu li:hover {
  background:rgb(240,240,240);
}
.shopsmenu li.hidden {
  display:none;
}
.categories {
  padding: 6px 0 0 0;
  background: rgb(255,255,255);
  border: 1px solid rgb(0,117,188);
  color: rgb(255,255,255);
  display: block;
  width: 240px;
  margin: 20px auto;
  text-align: left;
  font-weight:400;
}
.categories .reveal i {
    color: rgb(0,117,188);
    float: right;
    display: inherit;
    margin: 0 17px 0 0;
}
.categories p {
  margin-bottom: 6px;
  padding-left: 10px;
  color: rgb(0,117,188);
  text-align: left;
  cursor: pointer;
  text-transform: uppercase;
  font-weight:400;
  letter-spacing:1px;
}
.revealcontent {
  display: block;
  float: left;
  clear: both;
  padding: 0;
  position: absolute;
  z-index: 9;
  -webkit-box-shadow: 2px 2px 6px 0 rgba(0,0,0,0.3);
  box-shadow: 2px 2px 6px 0 rgba(0,0,0,0.3);
}
.tabs {
  display: block;
  float: left;
  background: rgb(255,255,255);
  padding: 10px;
  width: 100%;
}
.directory-category-tab {
  display: block;
  cursor: pointer;
  text-align: left;
  color: rgb(115,115,115);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.6;
  float: left;
  margin: 0 30px 8px 0;
  width: 100%;
}
.searchbox {
  width: 240px;
  display: block;
  margin: 0 auto;
}
.searchbox .icon-mag {
  display:none;
}
.searchbox input {
  width: 100%;
  color: rgb(0,117,188);
  padding: 7px;
  margin: 0 0 0.5em 0;
  text-align: center;
  -webkit-appearance: none;
  border: 1px solid rgb(0,117,188);
  background: rgb(255,255,255);
  font-size: 14px;
  font-size: 1.4rem;
}
.searchbox button {
  width: 100%;
  color: rgb(255,255,255);
  -webkit-appearance: none;
  border: none;
  padding: 8px;
  text-align: center;
  cursor: pointer;
  background: rgb(0,117,188);
  font-size: 14px;
  font-size: 1.4rem;
  transition: .3s ease;
  -moz-transition: .3s ease;
  -webkit-transition: .3s ease;
  -o-transition: .3s ease;
  border-radius:0;
  text-transform:uppercase;
  letter-spacing:1px;
}

/*----------------------*\
     $store
\*----------------------*/
.store-sidenav {
  display:none;
}
.store-sidenav .sidenav-block {
  display:block;
  width:100%;
  margin:0 auto 10px auto;
}
.store-sidenav a.category {
  font-size: 14px;
  font-size: 1.4;
  text-transform: uppercase;
  color:rgb(115,115,115);
  font-weight:400;
  letter-spacing:1px;
}
.store-sidenav a.category i {
  color:rgb(0,117,188);

}
.store-sidenav a.category:hover {
  text-decoration:none;
  color:rgb(0,117,188);
}
.store-sidenav a {
  font-size: 16px;
  font-size: 1.6rem;
  color:rgb(0,117,188);
}
.store-sidenav a:hover {
  text-decoration:none;
  color:rgb(0,0,0);
}
.store-sidenav ul {
  list-style:none;
  margin:0;
  padding:0;
}

.store-sidenav li {
  margin: 0 0 3px 0;
}
.store-img {
    display:none;
  height: auto !important;
}
.store-details {
  text-align:center;
  padding:20px;
}
.store-details .pagehead img {
  width: 60%;
  max-width: 180px;
  margin: 0 auto;
}
.store-details h1 {
  display:none;
}
.store-container {
  background:rgb(255,255,255);
}
.store h1 {
  font-size:1px;
  line-height:0;
  opacity:0;
}
.store-details .pagehead {
  width: 90%;
  margin: 10px auto;
}
.store-details_phone, .store-details_hours, .store-details_web {
  display: block;
  width: 100%;
  margin: 0 auto 7px auto;
}
.store-details_web {
    margin: 0 auto;
}
.store-details_phone p, .store-details_web p {
  font-size: 15px;
  font-size: 2.1rem;
}
.store-details_small p {
  padding-top:40px;
  font-size: 12px;
  font-size: 1.2rem;
  width:90%;
  margin:0 auto;
}
.store-details i {
  font-size: 55px;
  font-size: 5.5rem;
  color: rgb(0,117,188);
}
.store-details .store-details_map {
  margin-top:20px;
}
.store-details .store-details_map a {
  background: rgb(0,117,188);
  color: rgb(255,255,255);
  padding: 5px 50px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top:40px;
}
.store-details .store-details_map a:hover {
  background: rgb(236,99,29);
}
/*----------------------*\
     $bgstretcher
\*----------------------*/
.bgstretcher {
  background: #fff;
  overflow: hidden;
  width: 100%;
  z-index: 1;
}
.bgstretcher, .bgstretcher UL, .bgstretcher UL LI {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.bgstretcher UL, .bgstretcher UL LI {
  margin: 0;
  padding: 0;
  list-style: none;
}
.bgstretcher img{
  max-width:none;
}
.bgstretcher-area, .bgstretcher-page{
  height:100%;
}

/*----------------------*\
     $store plan
\*----------------------*/
.map-wrap {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    background: rgb(255,255,255);
    padding: 0 30px;
}
.storeplan {
  width:100%;
  margin:0 auto;
  padding:0;
  max-width:900px;
}
img#store-plan{
	pointer-events: none;
}
.caption{
  background-color:rgb(255,255,255);
  border:2px solid rgb(0,117,188);
  display:none;
  padding:0 0.5em 3em 0.5em;
  position:fixed;
  width:200px;
  z-index:10; 
}
.caption__logo{
  margin:0 auto;
  width:80%;  
  overflow:hidden;
}
.caption__logo img{
  margin:0 auto;
  overflow:hidden;
}
.caption__bd {
  margin:0 auto;
  width:90%;  
}
.caption__bd p {
  font-size:14px;
  font-size:1.4rem; 
  text-align:center;
  margin-bottom: 0;
}
.caption__bd h2{
  font-size:14px;
  font-size:1.4rem; 
  color:rgb(0,117,188);
  text-transform:uppercase;
  text-align:center;
  font-weight:700;
  line-height:1.2;
}
.caption-days{
  font-weight:700;
  padding-top:0.25em;
}
.caption__bd .tel-title{
  padding:1em 0 0.5em 0;
  margin:0;
}
.caption__bd .hours-title{
  padding:0 0 0.25em 0;
  margin:0;
}
/*----------------------*\
     $offers
\*----------------------*/
.offers ul {
  list-style: none;
  margin: 0 auto 0;
}
.offers ul li {
  display: block;
  width: 100%;
  text-align: center;
  padding: 0;
  margin: 0 0 30px 0;
  transition: .3s ease;
  -moz-transition: .3s ease;
  -webkit-transition: .3s ease;
  -o-transition: .3s ease;
}
.offers ul li ul {
  -webkit-column-count: 1!important;
  -moz-column-count: 1!important;
  column-count: 1!important;
  -webkit-column-gap: 0!important;
  -moz-column-gap: 0!important;
  column-gap: 0!important;
  background: transparent;
  border:none;
}
.offers ul li ul li{
  margin: 0 0 10px 0;
  border:none;
}
.offer-description {
    border-right: 1px solid rgb(0,117,188);
    border-bottom: 1px solid rgb(0,117,188);
    border-left: 1px solid rgb(0,117,188);
    background: rgb(255,255,255);
}
.offer-description_inner {
  padding: 20px;
}
.offer-img {
    border-right: 1px solid rgb(0,117,188);
    border-top: 1px solid rgb(0,117,188);
    border-left: 1px solid rgb(0,117,188);
    background: rgb(255,255,255);
}
.offers h5 {
  letter-spacing: 1px;
  font-size: 15px;
  font-size: 1.5rem;
}
.info-article .icon {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 43px;
}
/*----------------------*\
     $student offers
\*----------------------*/
.student_offers {
    display: block;
    width: 100%;
    margin: 0 auto;
    max-width: 1024px;
}
.student_offers ul {
  list-style: none;
  margin: 0 auto 0;
}
.student_offers ul li {
  display: block;
  width: 100%;
  text-align: center;
  padding: 0;
  margin: 0 auto 30px;
  max-width: 600px;
  background: rgb(255,255,255);
  border: 1px solid rgb(0,117,188);
  transition: .3s ease;
  -moz-transition: .3s ease;
  -webkit-transition: .3s ease;
  -o-transition: .3s ease;
}
.student_offers ul li ul {
  -webkit-column-count: 1!important;
  -moz-column-count: 1!important;
  column-count: 1!important;
  -webkit-column-gap: 0!important;
  -moz-column-gap: 0!important;
  column-gap: 0!important;
  background: transparent;
  border:none;
}
.student_offers ul li ul li{
  margin: 0 0 10px 0;
  border:none;
}
.student_offer-description {
  padding: 25px;
}
.student_offer-img img {
    width: 100%;
    max-width: 280px;
    margin: 0 auto;
}
.student_offers h5 {
  letter-spacing: 0.3px;
  font-size: 15px;
  font-size: 1.5rem;
  display:none;
}
.student_offers p {
  margin-bottom:0;
}
/*----------------------*\
     $information
\*----------------------*/
.info-container, .text-content {
  display: block;
  width: 100%;
  margin: 0 auto 30px auto;
}
.news-container .text-content {
  max-width:600px;
}
.info-article {
  display: block;
  width: 100%;
  margin: 0 auto 40px auto;
  padding: 20px;
  border:1px solid rgb(0,117,188);
  background: rgb(255,255,255);
}
.info-article h4 {
  line-height: 1.5;
  padding: 10px 20% 10px 0;
}
.info-article i {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 50px;
  font-size: 5rem;
  line-height: 1;
  color: rgb(0,117,188);
}
.info-article-text h2 {
  line-height: 1.3;
  padding: 12px 20% 0 0;
}
.info-article ul{
   margin-left:20px;
}
/*----------------------*\
     $travel
\*----------------------*/
.innermap, .map {
  display: block;
  height: 350px;
  width: 100%;
  max-width:1240px;
  margin:0 auto;
}

/*----------------------*\
     $leasing
\*----------------------*/
.agent, .mallspace {
  width: 100%;
  display: block;
  padding: 20px;
  border: 1px solid rgb(0,117,188);
  background: rgb(255,255,255);
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
}
.agent-logo, .mallspace-details  {
  width:100%;
  display:block;
  margin:0 auto 30px auto;
}
.leasingcontainer h3 {
  text-align:center;
  margin-bottom:30px;
}
.mallspace {
  text-align: left;
  max-width: 900px;
}


/*----------------------*\
     $news
\*----------------------*/
.news-image {
  width:100%;
  display:block;
  margin:0 auto 30px auto;
}
ul.opening-hours__list {
    max-width: 500px;
    margin: 0 auto;
}
.opening-hours__list li {
    display: block;
    width: 100%;
    border-bottom: 1px solid rgb(0,117,188);
    float: left;
}
.opening-hours__list li p.date {
    float: left;
    width: 60%;
    text-align: left;
    display: block;
    padding: 10px 0;
    margin-bottom: 0;
    font-weight: 600;
}
.opening-hours__list li p.time {
    float: right;
    text-align: right;
    display: block;
    width: 40%;
    padding: 10px 0;
    margin-bottom: 0;
}
/*----------------------*\
     $search
\*----------------------*/
.search {
  display: block;
  max-width: 700px;
  width: 90%;
  margin: 0 auto;
}
.search ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.search li {
  margin: 0 auto 30px auto;
  padding: 0 0 30px 0;
  border-bottom: 2px solid rgb(0,117,188);
}

/*----------------------*\
     $jobs
\*----------------------*/
.jobs-container {
    width: 100%;
    margin: 0 auto;
    max-width: 900px;
}
.job {
    display: block;
    width: 100%;
    margin: 0 auto 40px auto;
    padding: 20px;
    border: 1px solid rgb(0,117,188);
    background: rgb(255,255,255);
}
.job .logo {
    width: 80%;
    margin: 0 auto 20px auto;
    max-width: 300px;
}

.sculpture {
  text-align:center;
  max-width:700px;
}

/*----------------------*\
     $trends
\*----------------------*/
.trendscontainer {
  background:rgb(255,255,255);
  padding:0 5%;
}
.trend {
  width:100%;
  padding:0;
  margin:0 auto 30px auto;
  text-align:center;
}
.trend img {
  width:100%;
  margin:0 auto 15px auto;
}
.trend .name, .trend .price, .trend .description {
  width:80%;
  margin:0 auto 5px auto;
}
.trend .name {
  color: rgb(0,117,188);
  font-weight: 500;
  font-size: 18px;
  font-size: 1.8rem;
}

.trend .price {
  font-weight: 500;
}

.news-index ul {
  list-style:none;
  margin:0;
  padding:0;
  width:100%;
  max-width:1040px;
  margin:0 auto;
}
.news-index li {
  display:block;
  text-align:center;
  width:100%;
  margin:0 auto 30px;
  border: 1px solid rgb(0,117,188);
  background: rgb(255,255,255);
}
.news-index .menu-text {
  padding:30px;
}
.news-article  {
  text-align: center;
  padding: 20px 5%;
}
.news-article .container {
  width:100%;
  max-width:900px;
  margin: 0 auto;
}
.news-article img {
  width:100%;
  margin: 0 auto 30px auto;
}
.news-article .date h3 {
  color: rgb(115,115,115);
  font-size: 20px;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 0;
  margin-bottom: 0.2em;
}

.news-article .intro p {
    font-size: 19px;
    font-size: 1.9rem;
}
.news-article .event-text {
  width:100%;
  max-width:700px;
   margin:0 auto 30px;
}
.news-article a.return {
    color: rgb(0,117,188);
    display:block;
    font-size: 16px;
    font-weight: 500;
}
.nonews {
    display: block;
    width: 100%;
    margin: 0 auto 40px auto;
    padding: 20px;
    border: 1px solid rgb(0,117,188);
    background: rgb(255,255,255);
}
.nonews .menu-img {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
}
.nonews .menu-img {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
}
.nojobs {
  padding-top:20px;
}


/*----------------------*\
     $Times listings
\*----------------------*/
.timeslisting .container{
  text-align:center;
}
.timeslisting-block {
  display: block;
  width: 100%;
  max-width: 440px;
  padding: 5px 0;
  border-bottom: 1px solid rgb(0,117,188);
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 1.5;
  margin: 0 auto;
}
.timeslisting .date {
  font-weight:500;
}
.timeslisting .date, .timeslisting .hours {
  text-align:left;
}
.narrow {
  width:100%;
  max-width:800px;
  margin:0 auto;
}
.small-image {
  width: 70%;
  margin:0 auto;
  border:1px solid rgb(0,117,188);
}


/*----------------------*\
     $Accessibility
\*----------------------*/
.accessibility {
  display:block;
  width:90%;
  margin:0 auto;
  max-width:900px;
}
.access__option {
    display: block;
    width: 100%;
    margin: 0 auto 20px;
    padding: 20px;
    border-bottom: 1px solid rgb(150,150,150);
    float:left;
}

.access__option i {
    text-align: center;
    font-size: 110px;
    line-height: 0;
    width: 100%;
    display: block;
}
.access__option h3 {
  margin-bottom:0;
}
.access__option p {
  color: rgb(79,78,78);
}
.access__option .more {
  font-weight:600;
  font-size:17px;
}
.access__option:hover {
    background:rgb(240,240,240);
}
.access__option a:hover, .access__option a:hover i, .access__option a:hover  h3, .access__option a:hover  p {
    text-decoration:none;
}

.sitemap ul {
  display:block;
  margin:0 0 0 30px;
  padding:0;
}
.sitemap ul li {
  font-size: 17px;
    font-size: 1.7rem;
  margin:0 0 10px 0;
}
.sitemap ul li ul li {
  margin:0;
}
.sitemap li.staging, .sitemap li.templates {
  display:none;
}


/*---------------------------*\
     $Cookie Consent Popup
\*---------------------------*/
.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}
.cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;}.cc-window.cc-banner{padding:1em 1.8em;width:100%;}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:0}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:5px 4px;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-banner .cc-btn:last-child{min-width:140px}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;}.cc-revoke.cc-right{right:3em;}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-compliance{display:block;width:35%;  margin: 0 auto;}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}
@media screen and (max-width:900px){.cc-btn{white-space:normal}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}
.cc-message{
  margin-bottom: 7px;
  display: block;
}

.cc-banner.cc-bottom, .cc-revoke, .cc-window {
  background-color: rgb(255,255,255);
  background-color: rgba(255,255,255,0.95);
  padding: 10px !important;
  font-size: 14px !important;
  color: rgb(90,90,90) !important;
  width: 80% !important;
  margin: 0 10% 20px;
  line-height: 1.3 !important;
  border: 2px solid rgb(0,117,188);
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  left: auto !important;
  text-align:center;
}

.cc-banner .cc-btn:last-child {
  width: auto !important;
  background: rgb(0,117,188);
  color: rgb(255,255,255);
  min-width: 100px !important;

}
.cc-color-override-1020485029 .cc-link {
  color: rgb(90,90,90) !important;
  opacity: 1 !important;
  padding: 0 !important;
  font-weight: 300 !important;
}


@media print{
	*{background:transparent !important;color:black !important;text-shadow:none !important;filter:none !important;-ms-filter:none !important;} @page {margin:0.5cm;}h2,h3{orphans:3;widows:3;page-break-after:avoid;} p{orphans:3;widows:3;} pre,blockquote{border:1px solid #808080;page-break-inside:avoid;} abbr[title]:after{content:" (" attr(title) ")";} a,a:visited{color:#000000 !important;text-decoration:underline;} a[href]:after{content:" (" attr(href) ")";} a[href^="javascript:"]:after,a[href^="#"]:after{content:"";} img{max-width:100% !important;page-break-inside:avoid;} thead{display:table-header-group;} tr{page-break-inside:avoid;} .ir a:after{content:"";}}

@media only screen and (min-width: 375px){	
.subnav a {
  padding:0 3px;
}
}
@media only screen and (min-width: 410px){	
/*----------------------*\
     $header
\*----------------------*/
.header-logo {
  width: 180px;
  display: block;
  padding: 0;
  float: left;
  margin: 15px 0 15px 20px;
}
.menu-icon {
    margin: -37px 15px 0 0;
}
}
/* Screen Widths - Change these to fit your breakpoints*/
@media only screen and (min-width: 480px){	
/*----------------------*\
     $Times listings
\*----------------------*/
.timeslisting .date {
  float:left;
  width:60%;
}
.timeslisting .hours {
  float:right;
  width:40%;
  text-align:right;
}
}

@media only screen and (min-width: 600px){
.subnav {
  margin: 0 130px 5px 0;
}
.menu-icon {
    margin: -37px 140px 0 0;
}
.header-social {
  display: block;
  position: absolute;
  top: -25px;
  right: -18px;
  width: 140px;
  height: 140px;
  background: rgb(0,117,188);
  -moz-border-radius: 50px;
  -webkit-border-radius: 70px;
  border-radius: 70px;
  border: 2px solid rgb(255,255,255);
  padding: 30px;
  z-index: 11;
}
.header-social_connect {
  display:block;
  width:100%;
  margin: 0 auto 5px auto;
  transition: .3s ease;
  -moz-transition: .3s ease;
  -webkit-transition: .3s ease;
  -o-transition: .3s ease;
  transform:translateX(0px) translateY(0px);
}
.header-social a {
  width: 40%;
  float: left;
  margin: 0 5%;
  display: inline-block;
  border: 1px solid rgb(0,117,188);
  transition: .3s ease;
  -moz-transition: .3s ease;
  -webkit-transition: .3s ease;
  -o-transition: .3s ease;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.header-mov .header-social a {
  width: 30%;
  margin: -20px 0 0 11%;
} 
.header-social img, .header-mov .header-social img {
  image-rendering: auto;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
}
.header-social a:hover {
  background:rgb(255,255,255);
  border: 1px solid rgb(255,255,255);
}
.header-mov .header-social {
  top: -70px;
  padding: 15px 10px 20px 10px;
}
.header-mov  .header-social_connect {
  opacity: 0;
  margin: 0 auto 8px auto;
}
.subnav a.subnav-ph {
  display:none;
}
.subnav a.subnav-dsk {
  display: inline-block;
  line-height: 1.65;
  padding: 0 10px;
}
.subnav a.subnav-travel, .subnav a.satnav {
  border-right: 1px solid rgb(255,255,255);
  padding: 0 10px;
}
.subnav a.subnav-dsk.subnav-info {
  padding-right:0;
}

/*------------------------------------*\
	$home
\*------------------------------------*/
.home-js-ph {
  display:none;
}
.home-js-dsk {
  display:block;
}
.home-box {
  margin: 0 1% 20px 1%;
  width: 48%;
  display: block;
  float:left;
}
.home-box:last-of-type {
  display:none;
}
.logobar a.logobar-extra {
  display:none;
}
/*------------------------------------*\
  $store index
\*------------------------------------*/
.shopsmenu li {
    width: 31.81%;
    padding: 16px;
}
.text-content {
    padding: 16px;

}
/*------------------------------------*\
  $offers
\*------------------------------------*/
.offers ul {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
}
.offers ul li {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}
.offers ul li li {
  width: 100%;
}
.home-boxes {
    padding: 0 0 40px 0;
}

/*------------------------------------*\
  $leasing
\*------------------------------------*/
.agent, .mallspace {
    text-align: left;
    padding:40px;
}
.agent-logo {
    width: 40%;
    float: left;
}
.agent-details {
    width: 55%;
    float: right;
}
.mallspace-details {
    width: 47.5%;
    float: left;
}
.mallspace-pic {
    width: 47.5%;
    float: right;
}

/*------------------------------------*\
  $trends
\*------------------------------------*/
.trend {
  width: 50%;
  float: left;
}
.trend img {
  width: 80%;
  max-width:400px;
}

/*------------------------------------*\
  $cookies
\*------------------------------------*/
.cc-banner.cc-bottom {
  width: 524px !important;
  margin: 0 30px 30px 27% !important;
  text-align: left;
}
.cc-window .cc-message {
    margin-bottom: 0;
    float: left;
    width: 75%;
}
.cc-compliance {
  width: 20% !important;
  float: right;
  margin-top: 5px;
}

}
@media only screen and (min-width: 650px){	
/*------------------------------------*\
	$header
\*------------------------------------*/
.header-nav li {
    padding: 0;
}

/*------------------------------------*\
  $student offers
\*------------------------------------*/
.student_offer-img {
  float:left;
  width:30%;
}
.student_offer-description {
  float:right;
  width:70%;
  text-align:left;
}
.student_offer-description h2 {
  margin-bottom:0;
}
}


@media only screen and (min-width: 700px){  

.access__option {
    margin: 0 auto;
    padding: 40px;
}
.access__option i {
    width: 20%;
    float: left;
}
.access__option-text {
    width: 73%;
    float: right;
}
.access__option h3 {
    margin-bottom: 0;
    padding-top: 0;
    font-size: 26px;
    font-size: 2.6rem;
}
}


@media only screen and (min-width: 768px){	

/*------------------------------------*\
	$header
\*------------------------------------*/
.header {
  height: 96px;
}
.header-fixed {
  height: 96px;
}
.header-mov {
  height: 70px;
}
.header-top {
  padding: 0 5%;
}
.header-logo {
  width: 230px;
  margin: 15px 0 15px 0;
}
.header-mov .header-logo {
  width: 170px;
  margin: 11px 0;
}

.header-mov .subnav {
  margin-top: -50px;
}
.subnav a {
  padding: 8px;
}
.subnav a i {
  font-size:23px;
  font-size:2.3rem;
}
.subnav .dsk {
  display: inline;
}
.subnav a .postcode {
  margin: 5.5px 0 0 5px;
  text-transform:uppercase;
}
.subnav a.subnav-dsk {
  margin-top: 2.3px;
 }
.menu-icon {
  margin: -45px 110px 0 0;
  font-size: 15px;
  font-size: 1.5rem;
  clear: left;
}
.header-nav {
    padding: 18% 5% 20px 5%;
}
.header-nav.active {
    right: -50vw;
}
.header-nav li a {
    font-size: 25px;
    font-size: 2.5rem;
}
.subnav {
    margin: 0 100px 5px 0;
}
/*------------------------------------*\
	$footer
\*------------------------------------*/
footer p, footer a {
    font-size: 14px;
    font-size: 1.4rem;
}
.foot-left, .foot-mid, .foot-right {
    width: 29%;
    float: left;
    text-align: left;
}
.foot-right {
    width: 40%;
}
.foot-four {
	width:100%;
	clear:left;
  float:left;
	text-align:left;
}
/*------------------------------------*\
	$home
\*------------------------------------*/
.home-box {
  margin: 0 1% 15px 1%;
}
.home-box:last-of-type {
  display:block;
}
.home-box:nth-of-type(3), .home-box:nth-of-type(4), .home-box:last-of-type {
  margin: 0 1%;
  width: 31.33%;
}

.home-fact {
  width: 33.33%;
  float: left;
  border-right:1px solid rgb(255,255,255);
	padding: 15px 5%;
}
.home-fact:nth-of-type(3) {
    border-right:none;
  padding: 10px 5% 0 5%;
}
.logobar {
  display:block;
}
/*------------------------------------*\
  $store index
\*------------------------------------*/
.categories {
    float: left;
    width: 40%;
}
.searchbox {
    float: right;
    width: 56%;
    margin: 20px auto;
}
.searchbox .icon-mag {
  display:none;
}
.searchbox input {
    float: left;
    width: 74%;
    padding: 8px;
}
.searchbox button {
    float: right;
    width: 25%;
    padding: 8px;
}
.shopsmenu li {
  width: 24%;
  margin: 0 0.5% 10px 0.5%;
}
/*------------------------------------*\
  $store
\*------------------------------------*/
.store-container {
border: 1px solid rgb(0,117,188);
}
.store-details {
  padding:30px;
  width: 50%;
  float: left;
  background: rgb(255,255,255);
}
.store-img {
  width: 50%;
  float: right;
  display:block;
}
.bgstretcher-area {
  margin-right: -1px;
}

/*------------------------------------*\
  $information
\*------------------------------------*/
.info-container {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px;
}
.info-container .info-article {
    width: 100%;
    display: inline-block;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}
.info-article-text {
    width: 85%;
    float: left;
}
/*------------------------------------*\
  $jobs
\*------------------------------------*/
.job .logo {
    float: left;
    width: 18%;
}
.job .text {
    float: right;
    width: 80%;
}


.nonews .menu-img {
    float: left;
    width: 20%;
}
.nonews .menu-text {
    width: 75%;
    float: right;
    margin: 19px 20px 0px 20px;
}
.small-image {
  width:40%;
  float:right;
  margin:0 0 0 40px;
}


}
@media only screen and (min-width: 825px){  


.news-index .menu-img {
    float: left;
    width: 50%;
}
.news-index .menu-text {
    float: left;
    width: 50%;
    padding:20px;
    text-align:left;
}
.nonews .menu-img {
    float: left;
    width: 20%;
}
.nonews .menu-text {
    width: 75%;
    float: right;
    margin: 19px 20px 0px 20px;
}
}
@media only screen and (min-width: 900px){	
.header {
  background-color:transparent;
}
.header.header-mov {
  background-color:rgb(255,255,255);
}
.outercontainer, .container, .flexslider {
    width: 95%;
}
.home-boxes .container {
    width: 97%;
}
.wrapper {
  background-image:url(../img/back.gif);
  background-repeat:repeat-x;
  background-position:center top;
  transition: .3s ease;
  -moz-transition: .3s ease;
  -webkit-transition: .3s ease;
  -o-transition: .3s ease;
}
.store-page .wrapper {
  background-image:url(../img/back2.gif);
}
.food-page .wrapper {
  background-image:url(../img/back3.gif);
}
.offers-page .wrapper {
  background-image:url(../img/back4.gif);
}
.info-page .wrapper {
  background-image:url(../img/back5.gif);
}
.travel-page .wrapper {
  background-image:url(../img/back6.gif);
}


.wrapper {
  animation-name:backchange;
      animation: backchange 120s infinite;
      -moz-animation: backchange 120s infinite;
      -webkit-animation: backchange 120s infinite;
      -o-animation: backchange 120s infinite;
      -ms-animation: backchange 120s infinite;
    }

   @-moz-keyframes backchange {
      0%   {background-image:url(../img/back-bl.png)}
      49.5%   {background-image:url(../img/back-bl.png)}
      50%   {background-image:url(../img/back-gr.png)}
      99.5%   {background-image:url(../img/back-gr.png)}
      100% {background-image:url(../img/back-bl.png)}
    }

    @-webkit-keyframes backchange {
      0%   {background-image:url(../img/back-bl.png)}
      49.5%   {background-image:url(../img/back-bl.png)}
      50%   {background-image:url(../img/back-gr.png)}
      99.5%   {background-image:url(../img/back-gr.png)}
      100% {background-image:url(../img/back-bl.png)}
    }

    @keyframes backchange{
      0%   {background-image:url(../img/back-bl.png)}
      49.5%   {background-image:url(../img/back-bl.png)}
      50%   {background-image:url(../img/back-gr.png)}
      99.5%   {background-image:url(../img/back-gr.png)}
      100% {background-image:url(../img/back-bl.png)}
    }


.none {
  display:none;
}

.storepage .wrapper, .textpage .wrapper {
  animation:none;
  background-image:none;
}
.storepage .header, .textpage .header {
  background-color: rgb(4,175,232);
}
.storepage .header.header-mov, .textpage .header.header-mov {
  background-color: rgb(255,255,255);
}
.innerhero img {
    width: 95%;
}
/*------------------------------------*\
	$header
\*------------------------------------*/
.header-top {
  padding: 0;
  background: transparent;
}
.menu-icon {
  display: none;
}
.header-nav {
  top: 56px;
  position: absolute;
  height: auto;
  background: transparent;
  padding: 0;
  right: 0;
  z-index: 12;
  width: auto;
  left: 260px;
}
.header-mov .header-nav {
  top: 36px;
}

.header-nav li {
  padding: 0;
  clear: none;
}
.header-nav li a {
  color: rgb(255,255,255);
  letter-spacing: 2px;
  font-weight: 400;
  font-size: 13px;
  font-size: 1.3rem;
}
.header-nav li a.nav-dsk {
  display:none;
}
.header-nav li a:hover {
  color: rgb(51,51,51);
}
.subnav {
  margin: 0 180px 5px 0;
}
.header-social {
    top: -25px;
    right: 5px;
    width: 170px;
    height: 170px;
    -moz-border-radius: 85px;
    -webkit-border-radius: 85px;
    border-radius: 85px;
    padding: 38px;
}
.header-social_connect {
    margin: 0 auto 11px auto;
}
.header-social a, .header-mov .header-social a {
    width: 34%;
    margin: 0 7.5%;
}

.header-mov .header-social {
  top: -87px;
  padding: 38px;
}
.header-mov .header-nav {
  left: 190px;
}
.header-mov .header-nav li a {
  color: rgb(0,117,188);
}
/*------------------------------------*\
	$footer
\*------------------------------------*/
.foot-one, .foot-three {
	float:right;
	width:25%;
}
.foot-two, .foot-four  {
	float:left;
	width:75%;
}
.foot-one {
  margin: 0 auto 10px auto;
}
.foot-one img {
   float:right;
}
.foot-three {
  text-align:right;
}

/*------------------------------------*\
  $information
\*------------------------------------*/
.info-article i {
}
.info-article-text {

}
.news-article  {
  padding: 30px 0;
  width:100%;
}

}

@media only screen and (min-width: 1024px){
/*------------------------------------*\
	$header
\*------------------------------------*/
.header-nav li a {
  font-size: 15px;
  font-size: 1.5rem;
  padding: 1px 8px;
}
/*------------------------------------*\
  $footer
\*------------------------------------*/
.foot-left, .foot-mid {
  width: 25%;
}
/*------------------------------------*\
  $home
\*------------------------------------*/
.home-box {
  margin: 0 1% 25px 1%;
}
/*------------------------------------*\
  $offers
\*------------------------------------*/
.offers ul {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}
/*------------------------------------*\
  $student offers
\*------------------------------------*/
.student_offers {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px;
}
.student_offers ul li {
    width: 100%;
    display: inline-block;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}
.student_offer-img {
    width: 30%;
}
.student_offer-description {
    width: 70%;
}
}

@media only screen and (min-width: 1100px){
.infobar .info-icon {
    margin: 0 auto 15px auto;
}
/*------------------------------------*\
  $store index
\*------------------------------------*/
.shopsmenu li {
  width: 19%;
}
}
@media only screen and (min-width: 1150px){
/*------------------------------------*\
  $header
\*------------------------------------*/
.header {
  height: 106px;
}
.header-fixed {
  height: 106px;
}
.header-mov {
    height: 74px;
}
.header-logo {
  width: 250px;
  margin: 18px 0;
}
.header-nav {
  top: 63px;
  left: 280px;
}
.header-nav li a {
  font-size: 17px;
  font-size: 1.7rem;
  padding: 1px 15px;
}

/*------------------------------------*\
  $information
\*------------------------------------*/
.info-article h4 {
    padding: 10px 0 10px 0;
}


}

@media only screen and (min-width: 1200px){

h1, .h1 {
    font-size: 43px;
    font-size: 4.3rem;
}
/*------------------------------------*\
  $home
\*------------------------------------*/
.logobar {
  padding: 25px 0;
}
.innerpage .logobar {
  padding: 30px 0;
}

/*------------------------------------*\
  $store index
\*------------------------------------*/
.shopsmenu li {
  width: 15.666%;
}
/*------------------------------------*\
  $store
\*------------------------------------*/
.store-sidenav {
  display:block;
  float:left;
  width:20%;
}
.store-sidenav .sidenav-block {
    margin: 0 auto 15px auto;
}
.store-container, .info-container {
    width: 76%;
    float: right;
}
.info-container, .text-content {
  margin-bottom:0;
}
.store-details {
    padding: 10px;
}
/*------------------------------------*\
  $travel
\*------------------------------------*/
.innermap, .map {
    height: 480px;
}

}
@media only screen and (min-width: 1300px){

.outercontainer, .container {
    width: 100%;
}
}


/* Retina*/
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2) {
	
}