/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */

/*
 * 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.
 */
 
 /* ==========================================================================
   Style Guide Fonts
   
   White #ffffff
   Blue #1b75bc
   
   ========================================================================== */

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

html {color: #222222; font-size: 1em; line-height: 1.4; background: #082338;}
a {color: #000;}
img {width: 100%; height: auto;}

/* ==========================================================================
   Backgrounds
   ========================================================================== */

.grey {background: #f1f1f1;}
.blue {background: #0b61aa;}
.darkblue {background: #004271;}
.green {background: #8dc63f;}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets 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;}
select::-ms-expand {display: none;}

/*
 * A better looking default horizontal rule
 */

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

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,canvas,iframe,img,svg,video {vertical-align: middle;}

/*
 * Remove default fieldset styles.
 */

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

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

textarea {resize: vertical;}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

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

/* ==========================================================================
   Styles by neilirwin.co.uk
   ========================================================================== */
   
/* ==========================================================================
   Default Fonts
   ========================================================================== */

h1 {}
h2 {font-family: "proxima-nova",sans-serif; font-style: normal; font-weight: 100;}
h3 {}
h4 {}
h5 {}
h6 {}
p {font-family: "proxima-nova",sans-serif; font-style: normal; font-weight: 100;}
ul li {}
ol li {}


/* ==========================================================================
   Video
   ========================================================================== */

:-webkit-full-screen-ancestor:not(iframe) {animation: inherit;}
   

/* ==========================================================================
   Containers
   ========================================================================== */
   
.container {margin: 0 auto; padding: 0;}

@media screen and (min-width: 1350px) {
	.container {font-size: 100%; width: 1350px;}
}

@media screen and (max-width: 1400px) {
	.container {margin: 0 auto; width: 90%;}
	.menu .container {margin: 0 auto; width: 96%;}
}


/* ==========================================================================
   Header
   ========================================================================== */

.home .header {margin: 0; padding: 0; min-height: 500px; max-height: 500px;}
.home .header .container {z-index: 299; position: relative; animation-name: headerContainer; animation-delay: 0.5s; animation-duration: 3s; display: block; animation-fill-mode: both;}

.home .header .backgroundSingle > figure {margin: 0; padding: 0; backface-visibility: hidden;  background-size: cover 100%; background-attachment: fixed; background-position: top center; background-repeat: no-repeat; height: 100%; max-height: 500px; min-height: 500px; left: 0px; opacity: 1; position: absolute; top: 0px; width: 100%; z-index: 0; animation-name: headerContainer; animation-delay: 0.5s; animation-duration: 3s; display: block; animation-fill-mode: both;}

.global .header {margin: 0; padding: 0; min-height: 500px;}
.global .header .container {z-index: 299; position: relative; animation-name: headerContainer; animation-delay: 0.5s; animation-duration: 3s; display: block; animation-fill-mode: both;}
.global .header .backgroundSingle > figure {margin: 0; padding: 0; backface-visibility: hidden;  background-size: cover 100%; background-attachment: fixed; background-position: top center; background-repeat: no-repeat; height: 100%; max-height: 500px; min-height: 500px; left: 0px; opacity: 1; position: absolute; top: 0px; width: 100%; z-index: 0; animation-name: headerContainer; animation-delay: 0.5s; animation-duration: 3s; display: block; animation-fill-mode: both;}

.post .header {margin: 0; padding: 0;}
.post .header .container {z-index: 299; position: relative; animation-name: headerContainer; animation-delay: 0.5s; animation-duration: 3s; display: block; animation-fill-mode: both;}


@keyframes headerContainer {
    0%   {transform: translate(0,0); opacity: 0;}
    100% {transform: translate(0,0); opacity: 1;}
}
.header .mobile {display: none;}
.header .headline {margin: 0 auto; padding: 0; text-align: center; z-index: 2; opacity: 1; position: relative; animation-name: headline; animation-delay: 0.5s; animation-duration: 3s; display: block; animation-fill-mode: both; width: 90%;}
@keyframes headline {
    0%   {transform: translate(0,0); opacity: 0;}
    100% {transform: translate(0,0); opacity: 1;}
}
.header .headline h2 {margin: 0; padding: 0; font-size: 4em; font-family: "museo-slab-n5", "museo-slab",serif; font-style: normal; font-weight: 500; color: #ffffff; text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.8); line-height: 1.2;}
.header .headline h3 {margin: 0; padding: 0; font-size: 1.5em; font-family: "museo-sans-n1", "museo-sans",serif; font-style: normal; font-weight: 100; color: #ffffff; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.8);  line-height: 1.2;}

/* .header .background {margin: 0; padding: 0; position: relative; background-size: cover 100%; background-position: top center; background-repeat: no-repeat; background-attachment: fixed; display: block;} */

.home .header .background > figure {margin: 0; padding: 0; animation: backgroundFade 25s linear infinite 0s; backface-visibility: hidden; background-size: cover 100%; background-attachment: fixed; background-position: top center; background-repeat: no-repeat; color: transparent; height: 100%; max-height: 500px; left: 0px; opacity: 0; position: absolute; top: 0px; width: 100%; z-index: 0;}
.home .header .background > figure:nth-child(2) {animation-delay: 5s;}
.home .header .background > figure:nth-child(3) {animation-delay: 10s;}
.home .header .background > figure:nth-child(4) {animation-delay: 15s;}
.home .header .background > figure:nth-child(5) {animation-delay: 20s;}

.global .header .background > figure {margin: 0; padding: 0; animation: backgroundFade 25s linear infinite 0s; backface-visibility: hidden; background-size: cover 100%; background-attachment: fixed; background-position: top center; background-repeat: no-repeat; color: transparent; height: 100%; max-height: 500px; left: 0px; opacity: 0; position: absolute; top: 0px; width: 100%; z-index: 0;}
.global .header .background > figure:nth-child(2) {animation-delay: 5s;}
.global .header .background > figure:nth-child(3) {animation-delay: 10s;}
.global .header .background > figure:nth-child(4) {animation-delay: 15s;}
.global .header .background > figure:nth-child(5) {animation-delay: 20s;}


.pageHeader, .contentAreaFull, .thingsToDo, .whatsOnEvents, .sales, .welcome, .footer, .contactForm, .contactDetails, .news, .latestNews, .navBreadcrumbs {animation-name: main; animation-delay: 0.5s; animation-duration: 1s; animation-fill-mode: both;}

@keyframes main {
    0%   {transform: translate(0,0); opacity: 0;}
    100% {transform: translate(0,0); opacity: 1;}
}


@keyframes 
backgroundFade {  0% {
 animation-timing-function: ease-in;
 opacity: 0;
}
 8% {
 animation-timing-function: ease-out;
 opacity: 1;
}
 17% {
 opacity: 1
}
 25% {
 opacity: 0
}
 100% {
 opacity: 0
}
}

.global .header .backgroundSingle > figure {margin: 0; padding: 0; backface-visibility: hidden;  background-size: cover 100%; background-attachment: fixed; background-position: top center; background-repeat: no-repeat; height: 100%; max-height: 500px; min-height: 500px; left: 0px; opacity: 1; position: absolute; top: 0px; width: 100%; z-index: 0;}

.home .header .overlay {width: 0; padding: 0; height: 100%; max-height: 400px; width: 100%; z-index: 1; position: absolute; top: 0; left: 0;}
.global .header .overlay {width: 0; padding: 0; height: 100%; max-height: 400px; width: 100%; z-index: 1; position: absolute; top: 0; left: 0;}

.header .headerLogo {margin: 0; padding: 2em 0 2em 0; width: 30%; display: inline-block; z-index: 99;}
.header .headerLogo img {max-width: 200px; min-width: 200px;}
.header .headerLogoTitle {display: none;}
.header .headerRight {margin: 2em 0 0 0; padding: 0; width: 70%; display: inline-block; text-align: right; vertical-align: top;}
.header .headerRight .headerRightTop {margin: 0 0 1em 0;}
.header .headerRight .headerRightTop a {color: #ffffff; text-decoration:none;}
.header .headerRight .headerRightTop .email a {color: #ffffff; text-decoration:underline;}
.header .headerRight .headerRightTop a:hover {text-decoration:none;}
.header .headerRight .headerRightTop .headerContact {margin: 0; padding: 0; color: #ffffff;}
.header .headerRight .headerRightTop .headerContact {margin: 0; padding: 0; color: #ffffff;}
.header .headerRight .headerRightTop .headerContact ul {margin: 0; padding: 0;}
.header .headerRight .headerRightTop .headerContact li {margin: 0; padding: 0 0 0 1em; display: inline-block; font-family: "proxima-nova-n1", "proxima-nova",sans-serif; font-style: normal; font-weight: 100;}
.header .headerRight .headerRightTop .headerContact li strong {margin: 0; padding: 0 0 0 1em; display: inline-block; font-family: "proxima-nova-n6", "proxima-nova",sans-serif; font-style: normal; font-weight: 600;}
.header .headerRight .headerRightTop .headerContact li.call {padding: 0.5em 0.5em 0 0;}
.header .headerRight .headerRightTop .headerContact li.contact a {padding: 0.5em 1em; color: #1b75bc; background: #ffffff; transition: all .3s ease;}
.header .headerRight .headerRightTop .headerContact li.contact a:hover {padding: 0.5em 1em; color: #ffffff; background: #082338;}

@media screen and (max-width: 900px) {
	.home .header {max-height: 400px; min-height: 400px;}
	.home .header .overlay {background: linear-gradient(rgba(11, 97, 170, 0.4), rgba(11, 97, 170, 0)); max-height: 400px;}
	.home .header .background > figure {max-height: 400px;}
	.home .header .mobile {display: block; z-index: 300;}
	.home .header .container {width: 100%;  position: fixed; transition: all 0.3s;}
	.home .header .headline {padding-top: 150px; font-size: 70%;}
	.home .header .headerLogo {margin: 0; padding: 1.5em 0 1.5em 0; width: 100%; text-align: center; display: block; transition: all 0.3s;}
	.home .header .headerLogo img {min-width: 100px; max-width: 30%; max-height: 80px;}
	.home .header.fix .container {width: 100%; background: #0b61aa; border-bottom: 3px solid #004271; z-index: 299;}
	.home .header.fix .headerLogo {margin: 0; padding: 0 0 0 0; width: 100%; text-align: center; display: block; line-height: 60px;}
	.home .header.fix .headerLogo img {min-width: inherit; max-width: inherit; max-height: 40px;}
	.home .header .headerRight {margin: 0 0 0 0; padding: 0; top: 0; left: 0; position: absolute; width: 180px; text-align: left;}
	.home .header .backgroundSingle > figure {max-height: 400px; min-height: 400px;}
	.home .header .headline {font-size: 90%;}
	
	.global .header .mobile {display: block; z-index: 300;}
	.global.menuOpen .header .mobile {display: block; z-index: 300;}
	.global .header {max-height: 300px; min-height: 300px;}
	.global .header .overlay {background: linear-gradient(rgba(11, 97, 170, 0.4), rgba(11, 97, 170, 0)); max-height: 300px;}
	.global .header .background > figure {max-height: 300px;}
	.global .header .backgroundSingle > figure {max-height: 300px; min-height: 300px;}
	.global .header .container {width: 100%;  position: fixed; transition: all 0.3s;}
	.global .header .headerLogo {margin: 0; padding: 1.5em 0 1.5em 0; width: 100%; text-align: center; display: block; transition: all 0.3s;}
	.global .header .headerLogo img {min-width: 100px; max-width: 30%; max-height: 80px;}
	.global .header.fix .container {width: 100%; background: #0b61aa; border-bottom: 3px solid #004271; z-index: 299;}
	.global .header.fix .headerLogo {margin: 0; padding: 0 0 0 0; width: 100%; text-align: center; display: block; line-height: 60px;}
	.global .header.fix .headerLogo img {min-width: inherit; max-width: inherit; max-height: 40px;}
	.global .header .headerRight {margin: 0 0 0 0; padding: 0; top: 0; left: 0; position: absolute; width: 180px; text-align: left;}

	.post .header .mobile {display: block; z-index: 300;}
	.post.menuOpen .header .mobile {display: block; z-index: 300;}
	.post .header {max-height: 130px; min-height: 130px; background: #004271;}
	.post .header .container {width: 100%;  position: fixed; transition: all 0.3s;}
	.post .header .headerLogo {margin: 0; padding: 1.5em 0 1.5em 0; width: 100%; text-align: center; display: block; transition: all 0.3s;}
	.post .header .headerLogo img {min-width: 100px; max-width: 30%; max-height: 80px;}
	.post .header.fix .container {width: 100%; background: #0b61aa; border-bottom: 3px solid #004271; z-index: 299;}
	.post .header.fix .headerLogo {margin: 0; padding: 0 0 0 0; width: 100%; text-align: center; display: block; line-height: 60px;}
	.post .header.fix .headerLogo img {min-width: inherit; max-width: inherit; max-height: 40px;}
	.post .header .headerRight {margin: 0 0 0 0; padding: 0; top: 0; left: 0; position: absolute; width: 180px; text-align: left;}


}

@media screen and (max-width: 640px) {
	.home .header .headline {padding-top: 130px; width: 80%;}
	
	.home .header {max-height: 300px; min-height: 300px;}
	.home .header .overlay {max-height: 300px;}
	.home .header .background > figure {max-height: 300px;}
	.home .header .backgroundSingle > figure {max-height: 300px; min-height: 300px;}
	
	.post .header {max-height: 110px; min-height: 110px;}
}

@media screen and (max-width: 440px) {
	.post .header {max-height: 90px; min-height: 90px;}
}


/* ==========================================================================
   Nav
   ========================================================================== */

.home .menu {margin: 0; padding: 15px 0 0 0; top: -50px; position: relative; display: block; z-index: 100;}
.home .menu.fix {margin: 0; padding: 15px 0 0 0; top: 0; position: fixed; display: block; width: 100%; z-index: 100;}
.home .menu.fix.white {background: #ffffff;}
.home .menu .logo {margin: 0; padding: 0; width: 15%; visibility: hidden; display: inline-block; line-height: 70px; text-align: left;}
.home .menu .logo .tablet {display: none;}
.home .menu.fix .logo {visibility: inherit;}
.home .menu .logo img {max-height: 45px; width: auto; visibility: hidden; opacity: 0; transition: ease-in-out 0.3s;}
.home .menu.fix .logo img {opacity: 1; visibility: inherit; transition-delay: 1s;}
.home .menu .links {margin: 0; padding: 0; width: 70%; display: inline-block; line-height: 70px; transition: ease-in-out 0.3s; text-align: center;}
.home .menu .booking {margin: 0; padding: 0; width: 15%; display: inline-block; line-height: 70px; text-align: right; z-index: 15;}
.home .menu .booking span {display: none;}
.home .menu .booking ul {margin: 0; padding: 0;}
.home .menu .booking li {margin: 0; padding: 0; list-style: none; display: inline-block;}
.home .menu .booking li a {margin: 0 0 0 10px; padding: 0 0 0 0; transition: all 0.3s; text-decoration: none; color: #ffffff; background: #004271; display: inline-block; font-size: 1.25em; font-family: "museo-sans-n1", "museo-sans",serif; font-style: normal; font-weight: 100; text-align: center; border: none; line-height: 50px; width: 50px; border-radius: 5px; visibility: hidden; opacity: 0; transition: opacity ease-in-out 0.3s;}
.home .menu .booking li a:hover {color: #0b61aa; background: #ffffff;}
.home .menu.fix .booking a {opacity: 1; visibility: inherit; transition-delay: 1s;}
.home .menu.fix .booking a:hover {transition-delay: 0s;}
.home .menu .nav {margin: 0; padding: 0; height: 70px; background: #0b61aa; border-radius: 5px; width: 100%; overflow: hidden;}
.home .menu .nav .navCenter {margin: 0 auto; padding: 0 10px 0 10px; text-align: center; display: block; overflow: hidden;}
.home .menu .nav .links ul {margin: 0; padding: 0; display: inline-block; animation-name: mainNav; animation-delay: 0.25s; animation-duration: 2s; display: block; animation-fill-mode: both;}
@keyframes mainNav {
    0%   {transform: translate(0,0); opacity: 0;}
    100% {transform: translate(0,0); opacity: 1;}
}
.home .menu .nav .links li {margin: 0; padding: 0; display: inline-block; font-size: 1.1em; font-family: "museo-slab-n1", "museo-slab",serif; font-style: normal; font-weight: 100; line-height: 70px;}
.home .menu .nav .links li a {margin: 0; padding: 0 0.75em 0 0.75em; text-decoration: none; color: #ffffff; display: inline-block; font-size: 1em; line-height: 1; text-align: center; border: none; line-height: 70px;}
.home .menu .nav .links li a:hover {color: #ffffff;  border-bottom: 10px solid #ffffff; line-height: 60px}
.home .menu .nav .links li.selected a {color: #ffffff; border-bottom: 10px solid #ffffff; line-height: 60px}

@media screen and (max-width: 1350px) {
	.home .menu .nav .links li a {padding: 0 0.5em 0 0.5em;}
	.home .menu .nav .links li a {font-size: 95%;}
}

@media screen and (max-width: 1280px) {
	.home .menu .logo img {max-height: 40px;}
	.home .menu .nav .links li a {font-size: 90%;}
	.home .menu .nav .navCenter .hide {display: none;}
}

@media screen and (max-width: 1170px) {
	.home .menu .logo {width: 14%;}
	.home .menu .links {width: 72%;}
	.home .menu .booking {width: 14%;}
}

@media screen and (max-width: 1000px) {
	.home .menu .logo img {max-height: 45px;}
	.home .menu .logo {width: 5%;}
	.home .menu .links {width: 80%;}
	.home .menu .booking {width: 15%;}
	.home .menu .logo .desktop {display: none;}
	.home .menu .logo .tablet {display: block;}
}

@media screen and (max-width: 900px) {
	.home .menu {display: none;}
	.home .menu.fix {display: none;}
	.home .menu.fix.white {display: none;}
}

@media screen and (max-width: 900px) {
	.home .menu {display: none;}
	.home .menu.fix {display: none;}
	.home .menu.fix.white {display: none;}
}

.siteMenu {position: absolute; top: 0;}
.global .menu {margin: 0; padding: 15px 0 0 0; top: 0; display: block; position: fixed; width: 100%; z-index: 300; overflow: hidden; animation-name: siteNav; animation-delay: 0.25s; animation-duration: 2s; display: block; animation-fill-mode: both;}
.post .menu {margin: 0; padding: 15px 0 0 0; top: 0; display: block; position: fixed; width: 100%; z-index: 300; overflow: hidden; animation-name: siteNav; animation-delay: 0.25s; animation-duration: 2s; display: block; animation-fill-mode: both;}
@keyframes siteNav {
    0%   {transform: translate(0,0); opacity: 0;}
    100% {transform: translate(0,0); opacity: 1;}
}
.global .menu.white {background: #ffffff;}
.global .menu .logo {margin: 0; padding: 0; width: 15%; display: inline-block; line-height: 70px; transition: ease-in-out 0.3s; text-align: left;}
.global .menu .logo .desktop {display: block;}
.global .menu .logo .tablet {display: none;}
.global .menu .logo img {max-height: 45px; width: auto;}
.global .menu .links {margin: 0; padding: 0; width: 70%; display: inline-block; line-height: 70px; transition: ease-in-out 0.3s; text-align: center;}
.global .menu .booking {margin: 0; padding: 0; width: 15%; display: inline-block; line-height: 70px; text-align: right;}
.global .menu .booking span {display: none;}
.global .menu .booking ul {margin: 0; padding: 0;}
.global .menu .booking li {margin: 0; padding: 0; list-style: none; display: inline-block; text-align: center;}
.global .menu .booking li a {margin: 0 0 0 10px; padding: 0 0 0 0; transition: all 0.3s; text-decoration: none; color: #ffffff; background: #004271; display: inline-block; font-size: 1.25em; font-family: "museo-sans-n1", "museo-sans",serif; font-style: normal; font-weight: 100; text-align: center; border: none; line-height: 50px; width: 50px; border-radius: 5px; transition: ease-in-out 0.3s;}
.global .menu .booking li a:hover {color: #0b61aa; background: #ffffff;}
.global .menu .booking li a i {padding-right: 0;}
.global .menu .nav {margin: 0; padding: 0; height: 70px; background: #0b61aa; border-radius: 5px; width: 100%;}
.global .menu .nav .navCenter {margin: 0 auto; padding: 0 10px 0 10px; text-align: center; display: block; overflow: hidden;}
.global .menu .links ul {margin: 0; padding: 0; display: inline-block;}
.global .menu .links li {margin: 0; padding: 0; display: inline-block; font-size: 1.1em; font-family: "museo-slab-n1", "museo-slab",serif; font-style: normal; font-weight: 100; line-height: 70px;}
.global .menu .links li a {margin: 0; padding: 0 0.75em 0 0.75em; text-decoration: none; color: #ffffff; display: inline-block; font-size: 1em; line-height: 1; text-align: center; border: none; line-height: 70px;}
.global .menu .links li a:hover {color: #ffffff;  border-bottom: 10px solid #ffffff; line-height: 60px}
.global .menu .links li.selected a {color: #ffffff; border-bottom: 10px solid #ffffff; line-height: 60px}

@media screen and (max-width: 1350px) {
	.global .menu .nav .links li a {padding: 0 0.5em 0 0.5em;}
	.global .menu .nav .links li a {font-size: 95%;}
}

@media screen and (max-width: 1280px) {
	.global .menu .logo img {max-height: 40px;}
	.global .menu .nav .links li a {font-size: 90%;}
	.global .menu .nav .navCenter .hide {display: none;}
}

@media screen and (max-width: 1170px) {
	.global .menu .logo {width: 14%;}
	.global .menu .links {width: 72%;}
	.global .menu .booking {width: 14%;}
}

@media screen and (max-width: 1000px) {
	.global .menu .logo img {max-height: 45px;}
	.global .menu .logo {width: 5%;}
	.global .menu .links {width: 80%;}
	.global .menu .booking {width: 15%;}
	.global .menu .logo .desktop {display: none;}
	.global .menu .logo .tablet {display: block;}
}


.post .menu.white {background: #ffffff;}
.post .menu .logo {margin: 0; padding: 0; width: 15%; display: inline-block; line-height: 70px; transition: ease-in-out 0.3s; text-align: left;}
.post .menu .logo .desktop {display: block;}
.post .menu .logo .tablet {display: none;}
.post .menu .logo img {max-height: 45px; width: auto;}
.post .menu .links {margin: 0; padding: 0; width: 70%; display: inline-block; line-height: 70px; transition: ease-in-out 0.3s; text-align: center;}
.post .menu .booking {margin: 0; padding: 0; width: 15%; display: inline-block; line-height: 70px; text-align: right;}
.post .menu .booking span {display: none;}
.post .menu .booking ul {margin: 0; padding: 0;}
.post .menu .booking li {margin: 0; padding: 0; list-style: none; display: inline-block; text-align: center;}
.post .menu .booking li a {margin: 0 0 0 10px; padding: 0 0 0 0; transition: all 0.3s; text-decoration: none; color: #ffffff; background: #004271; display: inline-block; font-size: 1.25em; font-family: "museo-sans-n1", "museo-sans",serif; font-style: normal; font-weight: 100; text-align: center; border: none; line-height: 50px; width: 50px; border-radius: 5px; transition: ease-in-out 0.3s;}
.post .menu .booking li a:hover {color: #0b61aa; background: #ffffff;}
.post .menu .booking li a i {padding-right: 0;}
.post .menu .nav {margin: 0; padding: 0; height: 70px; background: #0b61aa; border-radius: 5px; width: 100%;}
.post .menu .nav .navCenter {margin: 0 auto; padding: 0 10px 0 10px; text-align: center; display: block; overflow: hidden;}
.post .menu .links ul {margin: 0; padding: 0; display: inline-block;}
.post .menu .links li {margin: 0; padding: 0; display: inline-block; font-size: 1.1em; font-family: "museo-slab-n1", "museo-slab",serif; font-style: normal; font-weight: 100; line-height: 70px;}
.post .menu .links li a {margin: 0; padding: 0 0.75em 0 0.75em; text-decoration: none; color: #ffffff; display: inline-block; font-size: 1em; line-height: 1; text-align: center; border: none; line-height: 70px;}
.post .menu .links li a:hover {color: #ffffff;  border-bottom: 10px solid #ffffff; line-height: 60px}
.post .menu .links li.selected a {color: #ffffff; border-bottom: 10px solid #ffffff; line-height: 60px}

@media screen and (max-width: 1350px) {
	.post .menu .nav .links li a {padding: 0 0.5em 0 0.5em;}
	.post .menu .nav .links li a {font-size: 95%;}
}

@media screen and (max-width: 1280px) {
	.post .menu .logo img {max-height: 40px;}
	.post .menu .nav .links li a {font-size: 90%;}
	.post .menu .nav .navCenter .hide {display: none;}
}

@media screen and (max-width: 1170px) {
	.post .menu .logo {width: 14%;}
	.post .menu .links {width: 72%;}
	.post .menu .booking {width: 14%;}
}

@media screen and (max-width: 1000px) {
	.post .menu .logo img {max-height: 45px;}
	.post .menu .logo {width: 5%;}
	.post .menu .links {width: 80%;}
	.post .menu .booking {width: 15%;}
	.post .menu .logo .desktop {display: none;}
	.post .menu .logo .tablet {display: block;}
}

@media screen and (max-width: 900px) {
	.siteMenu {display: none;}
}


/* ==========================================================================
   Nav
   ========================================================================== */

/*
.menu {margin: 0; padding: 15px 0 0 0; top: -50px; position: relative; display: block; webkit-overflow-scrolling: touch;}
.menu.fix {margin: 0; padding: 15px 0 0 0; top: 0; position: fixed; display: block; width: 100%; z-index: 10; webkit-overflow-scrolling: touch;}
.menu.fix.white {background: #fff;}
.menu.fix .nav .navCenter {margin: 0; padding: 0 10px 100px 10px; text-align: center; display: block; overflow: hidden;}
.menu .logo {margin: 0 auto; padding: 0; width: 15%; display: inline-block; line-height: 70px; text-align: left; visibility: hidden;}
.menu .logo img {max-height: 45px; text-align: left; width: auto; opacity: 0; transition: ease-in-out 0.3s;}
.menu.fix .logo img {opacity: 1;}
.menu .links {margin: 0 auto; padding: 0; width: 70%; display: inline-block; line-height: 70px;}
.menu .booking {margin: 0 auto; padding: 0; width: 15%; display: inline-block; line-height: 70px; text-align: right; visibility: hidden;}
.menu .booking a {margin: 0; padding: 0 1em 0 1em; transition: all 0.3s; text-decoration: none; color: #ffffff; background: #004271; display: inline-block; font-size: 1.1em; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100; text-align: center; border: none; line-height: 50px; border-radius: 5px; opacity: 0;}
.menu .booking a i {padding-right: 10px;}
.menu .booking a:hover {color: #0b61aa; background: #ffffff;}
.menu.fix .booking a {opacity: 1;}
.menu .nav {margin: 0; padding: 0; height: 70px; background: #0b61aa; border-radius: 5px; width: 100%;}
.menu .nav .navCenter {margin: 0; padding: 0 10px 0 10px; text-align: center;}
.menu .nav ul {margin: 0; padding: 0; display: inline-block;}
.menu .nav li {margin: 0; padding: 0; display: inline-block; font-size: 1.1em; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100; line-height: 70px;}
.menu .nav li a {margin: 0; padding: 0 0.75em 0 0.75em; text-decoration: none; color: #ffffff; display: inline-block; font-size: 1em; line-height: 1; text-align: center; border: none; line-height: 70px;}
.menu .nav li a:hover {color: #ffffff;  border-bottom: 10px solid #ffffff; line-height: 60px}
.menu .nav li.selected a {color: #ffffff; border-bottom: 10px solid #ffffff; line-height: 60px}

.menu.fix .logo {animation-name: logo; animation-duration: 1s; animation-delay: 1s; animation-fill-mode: both; visibility: inherit;}
@keyframes logo {
    0%   {transform: opacity: 0;}
    100% {transform: opacity: 1;}
}
.menu.fix .booking {animation-name: booking; animation-duration: 1s; animation-delay: 1s; animation-fill-mode: both; visibility: inherit;}
@keyframes booking {
    0%   {transform: opacity: 0;}
    100% {transform: opacity: 1;}
}

@media screen and (max-width: 1150px) {
	.menu .nav li a {padding: 0 0.5em 0 0.5em;}
}

@media screen and (max-width: 1100px) {
	.menu .logo img {max-height: 35px; text-align: left; width: auto; opacity: 0; transition: ease-in-out 0.3s;}
}

@media screen and (max-width: 1050px) {
	.menu .nav li a {font-size: 90%;}
	.menu .logo {width: 10%;}
	.menu .links {width: 80%;}
	.menu .booking {width: 10%;}
	.menu.fix .logo {width: 16%;}
	.menu.fix .links {width: 77%;}
	.menu.fix .booking {width: 7%;}
	.menu .booking a {padding: 0 0 0 0; width: 50px; font-size: 1.25em;}
	.menu .booking a i {padding-right: 0;}
	.menu .booking span {display: none;}
}

@media screen and (max-width: 800px) {
	.menu .nav {display: none;}
	.menu.fix {display: none;}
	.menu.fix.white {display: none;}
}
*/




/* ==========================================================================
   Header Nav
   ========================================================================== */

/*
.header .nav {margin: 0 auto; padding: 0 0 20px 0; width: 100%; display: inline-block; line-height: 1;}
.header .navCenter {margin: 0; padding: 0; width: 100%; }
.header .nav ul {margin: 0; padding: 0 0.5em 0 0; background: #ffffff; display: inline-block; border-radius: 0.25em;}
.header .nav li {margin: 0; padding: 0; display: inline-block; font-size: 1.1em; font-family: "museo-slab-n1", "museo-slab",serif; font-style: normal; font-weight: 100;}
.header .nav li a {	margin: 0 0 0 0.5em; padding: 0.75em 0.75em 0.75em 0.75em; text-decoration: none; color: #0b61aa; display: inline-block; font-size: 1em; line-height: 1; text-align: center; border: none;}
.header .nav li a:hover {color: #0b61aa;  border-bottom: 0.25em solid #0b61aa;}
.header .nav li.selected a {color: #0b61aa; border-bottom: 0.25em solid #0b61aa;}

@media screen and (max-width: 1100px) {
	.header .nav li a {	margin: 0 0 0 0; font-size: 80%;}
}

@media screen and (max-width: 900px) {
	.header .nav {display: none;}
}
*/


/* ==========================================================================
   Booking Nav
   ========================================================================== */

.header .booking {margin: 0 auto; padding: 0; width: 100%; display: inline-block; line-height: 1;}
.header .booking ul {margin: 0; padding: 0; display: inline-block;}
.header .booking li {margin: 0 0 0 5px; padding: 0; display: inline-block; font-size: 1.1em; font-family: "museo-sans-n1", "museo-sans",serif; font-style: normal; font-weight: 100;}
.header .booking li a {margin: 0; padding: 0 1em 0 1em; transition: all 0.5s; text-decoration: none; color: #ffffff; background: #004271; display: inline-block; font-size: 1em; text-align: center; border: none; line-height: 50px;  border-radius: 5px;}
.header .booking li a i {padding-right: 10px;}
.header .booking li a:hover {color: #0b61aa; background: #ffffff;}
.header .booking li.selected a {color: #0b61aa; background: #ffffff;}

@media screen and (max-width: 1100px) {
	.header .nav li a {	margin: 0 0 0 0.25em; font-size: 90%;}
}

@media screen and (max-width: 1100px) {
	.header .nav li a {	margin: 0 0 0 0; font-size: 80%;}
}

@media screen and (max-width: 900px) {
	.header .nav {display: none;}
	.header .booking ul {margin: 0 0 0 10px;}
	.header .booking li {margin: 0 0 0 0;}
	.header .booking li a {padding: 0 0 0 0; width: 50px; line-height: 60px; border-radius: 0; font-size: 1.5em; color: #ffffff; background: none;}
	.header .booking li a {background: none;}
	.header .booking li a:hover {color: #ffffff; background: none;}
	.header .booking li a span {display: none;}
	.header .booking li a i {padding-right: 0;}
}


@media screen and (max-width: 640px) {
	.header .booking li a {width: 40px; line-height: 60px;}
}


/* ==========================================================================
   Mobile Nav
   ========================================================================== */

.mobileMenu {display: none;}

@media screen and (max-width: 900px) {
	.mobileMenu {display: block;}
}

body.menuOpen .mobileMenu {display: block;}
   
.wrapper {right: 0; transition: 0.5s ease-in-out; width: 100%; background: #fff!important; position: relative; margin: 0; padding: 0; overflow-x: hidden;}
body.menuOpen .wrapper {transform:translateX(-300px);}

#mobileNav {position: fixed; height: 100%; right: 0; z-index: 0; transform:translateX(0); transition: opacity 0.25s ease-in-out 0.15s; background: #0b61aa; -webkit-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.5); -moz-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.5); box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.5); opacity: 0;}
body.menuOpen #mobileNav {display: block; overflow: auto; width: 300px; opacity: 1;}

#bodyCover {position: fixed; display: none; top:0; left: 0; bottom: 0; z-index: 300; opacity: 0;}
body.menuOpen #bodyCover {display: block; cursor: pointer; right: 300px;}


/* Mobile Nav Button */

#openMenuButton {display: block; position: fixed; width: 60px; height: 60px;  right: 0; z-index: 300; transition: 0.5s ease-in-out; cursor: pointer;}
#openMenuButton.background {background: #0b61aa;}
#openMenuButton:hover {background: #004271;}
body.menuOpen #openMenuButton {transform:translateX(-300px);}

.menuIcon {display: block; position: relative; overflow: hidden; margin: 10px auto; padding: 0; width: 40px; height: 40px; font-size: 0; text-indent: -9999px; appearance: none; box-shadow: none; border-radius: none; border: none; background: none; cursor: pointer;}
.menuIcon:focus {outline: none;}
.menuIcon span {display: block; position: absolute; top: 18px; left: 8px; right: 8px; height: 3px; background: #ffffff;}
.menuIcon span::before,
.menuIcon span::after {position: absolute; display: block; left: 0; width: 100%; height: 3px; background: #ffffff; content: "";}
.menuIcon span::before {top: -7px;}
.menuIcon span::after {bottom: -7px;}
.menuIconX span {transition: background 0s 0.3s;}
.menuIconX span::before,
.menuIconX span::after {transition-duration: 0.3s, 0.3s; transition-delay: 0.3s, 0s;}
.menuIconX span::before {transition-property: top, transform;}
.menuIconX span::after {transition-property: bottom, transform;}

.menuOpen .menuIconX {}
.menuOpen .menuIconX span {background: none;}
.menuOpen .menuIconX span::before {top: 0; transform: rotate(45deg);}
.menuOpen .menuIconX span::after {bottom: 0; transform: rotate(-45deg);}
.menuOpen .menuIconX span::before,
.menuOpen .menuIconX span::after {transition-delay: 0s, 0.3s;}

/* Mobile Navigation */

#mobileNavigation {width: 300px; height: auto; overflow: auto;}
#mobileNavigation ul {margin: 0; padding: 1em 0 1em 0;}
#mobileNavigation ul li {margin: 0; padding: 0; list-style: none; font-family: "museo-slab-n1", "museo-slab",serif; font-style: normal; font-weight: 100; font-size: 1.2em;}
#mobileNavigation ul li a {display: block; position: relative; height: 50px; padding: 0 2em; background: transparent; background-position: 0 10px!important; line-height: 50px; color: white; transition: all 500ms; text-decoration: none;}
#mobileNavigation ul li a:hover {color: #004271; text-decoration: none; background: #ffffff;}
#mobileNavigation ul li.selected a {color: #004271; background: #ffffff;}
#mobileNavigation ul li ul {max-height: 0; padding: 0 20px; overflow: hidden; background: #0b61aa!important;
	-webkit-box-shadow: inset 0px 0px 30px 0px rgba(0,0,0,1);
	-moz-box-shadow: inset 0px 0px 30px 0px rgba(0,0,0,1);
	box-shadow: inset 0px 0px 30px 0px rgba(0,0,0,1);}
#mobileNavigation ul li ul li a {padding-left: 30px; font-size: 12px;}
#mobileNavigation ul li.open > a {background: #0b61aa;}
#mobileNavigation ul li.open ul {max-height: 2000px;}


/* Mobile Nav icons */

#mobileNavigation ul li a.more:after {content: ''; font-family: 'FontAwesome'; position: absolute; right: 20px;}
#mobileNavigation ul li a.more.categories:after {content: '\f078';}
#mobileNavigation ul li.open a.more.categories:after {content: '\f077';}
#mobileNavigation ul li a.more.search:after {content: '\f002';}

/* Mobile Nav Contact */

.mobileMenu .contactNav {width: 240px; height: auto; overflow: auto; margin-top: 10px; padding: 0 30px 30px 30px; background: #1b75bc;}
.mobileMenu .contactNav h3 {margin: 0; padding: 0.5em 0 0 0; color: #fff; line-height: 2em; font-size: 1.5em; font-family: "proxima-nova-n6", "proxima-nova",sans-serif; font-style: normal; font-weight: 600;}
.mobileMenu .contactNav ul {margin: 0; padding: 0;}
.mobileMenu .contactNav ul li {margin: 0; padding: 0; list-style: none; color: #fff; line-height: 1.5; display: block; font-size: 1em; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100;}
.mobileMenu .contactNav ul li strong {margin: 0; padding: 0 0.25em 0 0; list-style: none; color: #fff; line-height: 1.5; display: inline-block; font-family: "proxima-nova-n6", "proxima-nova",sans-serif; font-style: normal; font-weight: 600;}
.mobileMenu .contactNav ul li a {color: #fff; text-decoration: none;}
.mobileMenu .contactNav ul li.email a {text-decoration: underline;}
.mobileMenu .contactNav ul li a:hover {text-decoration: none;}

/* Mobile Nav Booking */

#mobileNavigation .booking {margin: 0 2em 0 2em; padding: 0;}
#mobileNavigation .booking ul {margin: 0; padding: 0; display: inline-block; width: 100%;}
#mobileNavigation .booking li {margin: 0 0 10px 0; padding: 0; display: inline-block; font-size: 1.1em; font-family: "museo-sans-n1", "museo-sans",serif; font-style: normal; font-weight: 100; width: 100%;}
#mobileNavigation .booking li a {margin: 0; padding: 0; transition: all 0.5s; text-decoration: none; color: #004271; display: block; font-size: 1.1em; text-align: center; border: none; line-height: 50px; height: 50px; border-radius: 5px; background: #ffffff; width: 100%;}
#mobileNavigation .booking li a i {padding-right: 10px;}
#mobileNavigation .booking li a:hover {color: #ffffff; background: #004271;}
#mobileNavigation .booking li.selected a {color: #ffffff; background: #004271;}



/* ==========================================================================
   Hero
   ========================================================================== */

.hero {margin: 0; padding: 0; min-height: 250px; display: block; background: no-repeat; content:'';}


/* ==========================================================================
   Layout Areas
   ========================================================================== */
   
.home .main {margin: 0; padding: 0; position: relative; z-index: 20;}
.global .main {margin: -35px auto 0 auto; padding: 0; position: relative; z-index: 20;}
.post .news.post {margin: -35px auto 0 auto; padding: 0; position: relative; z-index: 20;}

.main .hero {margin: 0; padding: 0; display: block; background-image: no-repeat;}
.main .hero {background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 5px; height: 500px; width: 100%;}

.home .main > .container {padding: 0 0 5em 0; background: #ffffff;}
.home .welcome > .container {padding: 0 0 3em 0; background: #ffffff;}
.home .sales > .container {padding: 3em 0 3em 0; background: #ffffff;}
.home .news > .container {padding: 3em 0 3em 0;}
.home .latestNews > .container {padding: 3em 0 3em 0;}
.global .latestNews > .container {padding: 3em 0 3em 0;}
.global .main .sales > .container {padding: 0 0 3em 0; background: #ffffff;}
.global .main .thingsToDo > .container {padding: 0 0 3em 0; background: #ffffff;}
.global .main .whatsOnEvents > .container {padding: 0 0 3em 0; background: #ffffff;}
.global .main > .container {padding: 2em 0 5em 0; border-top: 10px solid #0b61aa; background: #ffffff; border-radius: 5px 5px 0 0;}
.global .main > .news .container {padding: 3em 0 3em 0; border-top: 10px solid #0b61aa; background: #ffffff; border-radius: 5px 5px 0 0;}
.global .main > .news .container .wrapper {margin: 0 auto; width: 92%;}
.global .main.toDo > .container {padding: 2em 0 0 0;}
.global .main.contact > .container {padding: 2em 0 0 0;}
.global .main.events > .container {padding: 2em 0 0 0;}

.home .attractions .main {width: 100%; top: 0; padding: 0; position: absolute; z-index: 20;}
.home .attractions .main > .container {padding: 4em 0 0 0; background: none; border-top: none; background: none; border-radius: 0 0 0 0;}
.global .attractions .main {margin: 0 auto 0 auto; width: 100%; top: 0; padding: 0; position: absolute; z-index: 20;}
.global .attractions .main > .container {padding: 4em 0 0 0; border-top: none; background: none; border-radius: 0 0 0 0;}

.home .whatson .main {width: 100%; top: 0; padding: 0; position: absolute; z-index: 20;}
.home .whatson .main > .container {padding: 4em 0 0 0; background: none; border-top: none; background: none; border-radius: 0 0 0 0;}
.global .whatson .main {margin: 0 auto 0 auto; width: 100%; top: 0; padding: 0; position: absolute; z-index: 20;}
.global .whatson .main > .container {padding: 4em 0 0 0; border-top: none; background: none; border-radius: 0 0 0 0;}

.mainArea {margin: 0 3.5% 0 0; padding: 0; display: inline-block; width: 65.5%;}
.mainArea .contentHeader h2 {text-align: left;}
.mainArea .contentHeader h3 {text-align: left;}

.banner {background: #1b75bc;}
.banner > .container {margin: 0 auto; padding: 2em 0 5em 0; width: 70%;}

.news {margin: 0; padding: 0;}
.news > .container {padding: 3em 0 5em 0;}
.news.post > .container {padding: 0 0 5em 0;}
.post .latestNews > .container {padding: 3em 0 3em 0;}

.news.home {margin: 0; padding: 0; background: #f1f1f1;}
.news.home > .container {padding: 3em 0 5em 0;}

.sidebar {margin: 0; padding: 0;	display: inline-block; width: 31%; vertical-align: top;}

.contentArea {margin: 0 0 2em 0; padding: 0; width: 100%;}
.contentAreaFull {margin: 0; padding: 0; width: 100%;}

.form .pageHeaderTitle {margin: 0 auto; padding: 0; max-width: 80%;}
.form .pageHeaderContent {margin: 0 auto; padding: 0; max-width: 80%;}
.news .pageHeaderTitle {margin: 0 auto; padding: 0; max-width: 80%;}
.news .pageHeaderContent {margin: 0 auto; padding: 0; max-width: 80%;}
.contentAreaFull .pageHeaderTitle {margin: 0 auto; padding: 0; max-width: 80%;}
.contentAreaFull .pageHeaderContent {margin: 0 auto; padding: 0; max-width: 80%;}

@media screen and (max-width: 1200px) {
	.mainArea {width: 60%;}
	.sidebar {width: 35%;}
	.main .hero {height: 300px;}
}

@media screen and (max-width: 1000px) {
	.mainArea {width: 55%;}
	.sidebar {width: 40%;}
}

@media screen and (max-width: 900px) {
	.mainArea {margin: 0 0 0 0; width: 100%; display: block;}
	.sidebar {width: 100%; display: block;}
	.banner > .container {margin: 0 auto; padding: 2em 0 5em 0; width: 80%;}
	.home .welcome > .container {padding: 2em 0 3em 0;}
	.news > .container {padding: 3em 0 3em 0;}
	.global .main > .news .container {padding: 2em 0 3em 0;}
	.news.post > .container {padding: 3em 0 3em 0;}
}

@media screen and (max-width: 600px) {
}


@media screen and (max-width: 480px) {
	.form .pageHeaderTitle {max-width: 90%;}
	.form .pageHeaderContent {max-width: 90%;}
	.news .pageHeaderTitle {max-width: 90%;}
	.news .pageHeaderContent {max-width: 90%;}
	.contentAreaFull .pageHeaderTitle {max-width: 90%;}
	.contentAreaFull .pageHeaderContent {max-width: 90%;}
}



/* ==========================================================================
   Breadcrumbs
   ========================================================================== */

.navBreadcrumbs {margin: 0; padding: 100px 0 50px 0;}
.navBreadcrumbs ul.breadcrumbs {margin: 0; padding: 0;}
.navBreadcrumbs ul.breadcrumbs li {margin: 0; padding: 0 0 0 0.25em; display: inline-block; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100; line-height: 1.5em; font-size: 0.95em; color: #ffffff;}
.navBreadcrumbs ul.breadcrumbs li a {margin: 0; padding: 0 0.25em 0 0; display: inline-block; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100; line-height: 1.5em; color: #f5f5f5; text-decoration: underline;}
.navBreadcrumbs ul.breadcrumbs li a:hover {text-decoration: none;}

@media screen and (max-width: 900px) {
	.navBreadcrumbs {margin: 0; padding: 1em 0 4em 0;}
}


/* ==========================================================================
   Page Header
   ========================================================================== */

.pageHeader {margin: 0; padding: 0 0 2em 0;}
.main .pageHeader {margin: 0; padding: 0 0 2em 0; text-align: center; color: #004271;}
.main .pageHeader .pageHeaderContent {margin: 0; padding: 0 0 2em 0; text-align: center;}
.main .pageHeader .date {display: none;}

.sales.main .pageHeader {margin: 0; padding: 0 0 2em 0; text-align: center; color: #004271;}
.sales.main .pageHeader .pageHeaderContent {margin: 0; padding: 0 0 2em 0; text-align: center;}
.sales.main .pageHeader .pageHeaderSales {position: relative; color: #ffffff;}
.sales.main .pageHeader .pageHeaderSales .year {margin: 0 0 0.25em 0; padding: 0; background: #ffffff; border-radius: 5px; display: inline-block;}
.sales.main .pageHeader .pageHeaderSales .year p {margin: 0; padding: 0.5em 0.75em; font-size: 1.1em; font-family: "museo-slab-n1", "museo-slab",serif; font-style: normal; font-weight: 100; line-height: 1.2; color: #004271; transition: all 0.3s linear;}
.sales.main .pageHeader .pageHeaderSales .year p strong {font-family: "museo-slab-n5", "museo-slab",serif; font-style: normal; font-weight: 500;}
.sales.main .pageHeader .pageHeaderSales .year p i {padding-right: 0.25em;}
.sales.main .pageHeader .pageHeaderSales .sleeps {margin: 0 0 0.25em 0; padding: 0; background: #ffffff; border-radius: 5px; display: inline-block;}
.sales.main .pageHeader .pageHeaderSales .sleeps p {margin: 0; padding: 0.5em 0.75em; font-size: 1.1em; font-family: "museo-slab-n1", "museo-slab",serif; font-style: normal; font-weight: 100; line-height: 1.2; color: #004271; transition: all 0.3s linear;}
.sales.main .pageHeader .pageHeaderSales .sleeps p i {padding-right: 0.25em;}
.sales.main .pageHeader .pageHeaderSales .enquire {margin: 0 0 0.25em 0; padding: 0; display: block;}
.sales.main .pageHeader .pageHeaderSales .enquire a {padding: 0 0.5em 0 0.5em; background: #fab82b; text-decoration: none; border: none; border-radius: 5px; font-size: 1.15em; font-family: "museo-slab-n3", "museo-slab",serif; font-style: normal; font-weight: 300; line-height: 50px; color: #000000; min-width: 180px; border-bottom: 3px solid #f99e00; transition: all 0.3s linear; display: inline-block;}
.sales.main .pageHeader .pageHeaderSales .enquire a i {padding-right: 0.25em;}
.sales.main .pageHeader .pageHeaderSales .enquire a:hover {background: #fccf52;}

.sales.main .pageHeader .pageHeaderSales .size {margin: 0 0 0.25em 0; padding: 0; background: #ffffff; border-radius: 5px; display: inline-block;}
.sales.main .pageHeader .pageHeaderSales .size p {margin: 0; padding: 0.5em 0.75em; font-size: 1.1em; font-family: "museo-slab-n1", "museo-slab",serif; font-style: normal; font-weight: 100; line-height: 1.2; color: #004271; transition: all 0.3s linear;}
.sales.main .pageHeader .pageHeaderSales .size p i {padding-right: 0.25em;}
.sales.main .pageHeader .pageHeaderSales .price {margin: 0 0 0.25em 0; padding: 0; background: #ffffff; border-radius: 5px; display: inline-block;}
.sales.main .pageHeader .pageHeaderSales .price h4 {margin: 0; padding: 0.5em 0.75em; font-size: 1.1em; font-family: "museo-slab-n5", "museo-slab",serif; font-style: normal; font-weight: 500; line-height: 1.2; color: #004271; transition: all 0.3s linear;}
.sales.main .pageHeader .pageHeaderSales .price h4 i {padding-right: 0.25em;}
.sales.main .pageHeader .date {display: none;}

.news.home .pageHeader .date {display: none;}
.news.main .pageHeader .date {display: none;}
.global .main .pageHeader {padding: 0 0 3em 0; transition: ease-in-out 0.2s; opacity: 1;}
.global .main.events .pageHeader {padding: 0 0 0 0; transition: ease-in-out 0.2s; opacity: 1;}
/* .global .main .pageHeader.scroll {opacity: 0;} */
.global .main .pageHeader .pageHeaderContent {padding: 0 0 0 0;}
.news.post .pageHeader img {padding: 2em 0 0 0;}
.pageHeaderTitle {margin: 0;	padding: 0;}
.pageHeaderContent {margin: 0; padding: 0;}
.pageHeader h1 {margin: 0; padding: 0; font-size: 3.5em; font-family: "museo-slab-n5", "museo-slab",serif; font-style: normal; font-weight: 500; line-height: 1.2;}
.pageHeader p { margin: 0; padding: 0; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100; font-size: 1.25em; display: inline-block; line-height: 1.2;}
.pageHeader .date i { margin: 0; padding: 1em 0 0 0; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100; font-size: 1em; line-height: 1.2; color: #0b61aa; display: inline-block;}

.news .pageHeader {text-align: center; margin: -7em 0 3em 0; padding: 2em 0 2em 0; position: relative; display: block; background: #ffffff; border-top: 10px solid #d5d5d5; border-radius: 5px 5px 0 0;}
.news .pageHeader h1 {margin: 0; padding: 0; font-family: "museo-slab-n5", "museo-slab",sans-serif; font-style: normal; font-weight: 500; font-size: 2em; line-height: 1.2; color: #222;}
.news .pageHeader p { margin: 0; padding: 0 1em 2em 1em; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100; font-size: 1.25em; line-height: 1.2; color: #222; display: inline-block; border-bottom: 2px solid #d5d5d5;}

.news.home .pageHeader {text-align: center; margin: -7em 0 3em 0; padding: 2em 0 2em 0; position: relative; display: block; background: #f1f1f1; border-top: 10px solid #1b75bc;}
.news.post .pageHeader {text-align: center; margin: -35px 0 0 0; padding: 2em 0 2em 0; position: relative; display: block; background: #ffffff;}

.form .pageHeader {text-align: center; margin: -7em 0 3em 0; padding: 2em 0 2em 0; position: relative; display: block; background: #ffffff; border-top: 10px solid #1b75bc;}
.form .pageHeader h1 {margin: 0; padding: 0; font-family: "proxima-nova-n6", "proxima-nova",sans-serif; font-style: normal; font-weight: 600; font-size: 2em; line-height: 1.2; color: #222;}
.form .pageHeader p { margin: 0; padding: 0 1em 2em 1em; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100; font-size: 1.25em; line-height: 1.2; color: #222; display: inline-block; border-bottom: 2px solid #d5d5d5;}

.contentAreaFull .pageHeader {text-align: center; margin: -7em 0 3em 0; padding: 2em 0 2em 0; position: relative; display: block; background: #ffffff; border-top: 10px solid #1b75bc;}
.contentAreaFull .pageHeader h1 {margin: 0; padding: 0; font-family: "museo-slab-n5", "museo-slab",sans-serif; font-style: normal; font-weight: 500; font-size: 2em; line-height: 1.2; color: #222;}
.contentAreaFull .pageHeader p { margin: 0; padding: 0 1em 2em 1em; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100; font-size: 1.25em; line-height: 1.2; color: #222; display: inline-block; border-bottom: 2px solid #d5d5d5;}


.noResults {margin: 0 0 2em 0; text-align: center;}
.noResults p {margin: 0; padding: 2em 1em 2em 1em; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100; font-size: 1.25em; line-height: 1.2; color: #222; display: inline-block; border-bottom: 2px solid #d5d5d5;}


@media screen and (max-width: 900px) {
	.global .main .pageHeader {margin: 0 auto; font-size: 80%; width: 80%;}
	.sales.main .pageHeader .pageHeaderSales .enquire {font-size: 125%;}
	.news.post .pageHeader {margin: -50px 0 0 0;}
	.form .pageHeader {margin: -6em 0 2em 0;}
	.contentAreaFull .pageHeader {margin: -6em 0 2em 0;}
}

@media screen and (max-width: 600px) {
	.global .main .pageHeader {font-size: 70%; width: 90%;}
	.sales.main .pageHeader .pageHeaderSales .enquire {font-size: 125%;}
	.form .pageHeader {margin: -6em 0 0 0;}
	.contentAreaFull .pageHeader {margin: -6em 0 0 0;}
}


/* ==========================================================================
   Welcome
   ========================================================================== */
   
.welcome {margin: 0; padding: 0;}
.welcome.scroll {margin: 85px 0 0 0;}
.welcome header {margin: 0; padding: 0 0 2em 0; text-align: center;}
.welcome header h1 {margin: 0; padding: 0; font-size: 2.5em; font-family: "museo-slab-n5", "museo-slab",serif; font-style: normal; font-weight: 500; line-height: 1.2; color: #004271;}
.welcome header h2 {margin: 0; padding: 0 0 0.5em 0; font-size: 1.75em; font-family: "museo-slab-n3", "museo-slab",serif; font-style: normal; font-weight: 300; line-height: 1.2; color: #0b61aa;}
.welcome header p {margin: 0; padding: 0; font-size: 1.25em; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100; line-height: 1.2; color: #000000;}
   
.welcome .item {margin: 0 3.5% 2em 0; padding: 0; width: 31%; display: inline-block; vertical-align: top; text-align: center;}
.welcome .item .image {border-radius: 5px 5px 0 0; overflow: hidden;}
.welcome .item .image img {border-radius: 5px 5px 0 0; transition: all 0.3s linear;}
.welcome .item a:hover .image img {transform: scale(1.1);}
.welcome .item .detail {margin: -50px 5% 0 5%; padding: 0 5% 0 5%; background: linear-gradient(rgba(240,240,240, 1), rgba(255, 255, 255, 1)); position: relative; border-radius: 5px;}
.welcome .item .content {margin: 0 0 0.75em 0; text-align: center; min-height: 130px;}
.welcome .item a {text-decoration: none;}
.welcome .item a .content h3 {padding: 1em 0 0.75em 0; font-size: 1.5em; font-family: "museo-slab-n5", "museo-slab",serif; font-style: normal; font-weight: 500; line-height: 1.2; color: #0b61aa; transition: all 0.3s linear;}
.welcome .item a:hover .content h3 {color: #004271;}
.welcome .item a .content p {padding: 0; font-size: 1em; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100; color: #000000;}
.welcome .item.right {margin: 0 0 2em 0;}
.welcome .item a .link span {padding: 0.75em 1.25em 0.75em 1.25em; background: #fab82b; border: none; border-radius: 5px; font-size: 1.15em; font-family: "museo-slab-n3", "museo-slab",serif; font-style: normal; font-weight: 300; line-height: 50px; color: #000000; min-width: 200px; border-bottom: 3px solid #f99e00; transition: all 0.3s linear;}
.welcome .item a:hover .link span {background: #fccf52;}

@media screen and (max-width: 1000px) {
	.welcome header {font-size: 90%;}
	.welcome .item {width: 48.25%;}
	.welcome .item.left {display: none;}
}

@media screen and (max-width: 900px) {
	.welcome.scroll {margin: 0 0 0 0;}
}

@media screen and (max-width: 640px) {
	.welcome .item {margin: 0 0 2em 0; width: 100%; display: block;}
	.welcome .item.left {display: block;}
	.welcome .item .content {min-height: 50px;}
}

/* ==========================================================================
   Attractions
   ========================================================================== */
   
.attractions {overflow: hidden; position: relative; text-align: center;}
.attractions .overlay {padding: 0; height: 100%; max-height: 400px; width: 100%; z-index: 1; position: absolute; top: 0; background: linear-gradient(rgba(11, 97, 170, 0.4), rgba(11, 97, 170, 0)); animation-name: banner; animation-delay: 0.5s; animation-duration: 3s; display: block; animation-fill-mode: both;}
.attractions .background > figure {margin: 0; padding: 0; backface-visibility: hidden; background-size: cover; background-position: top center; background-repeat: no-repeat; height: 100%; max-height: 400px; min-height: 400px; opacity: 1; width: 100%; z-index: 0; animation-name: banner; animation-delay: 0.5s; animation-duration: 3s; display: block; animation-fill-mode: both;}
.attractions header h1 {margin: 0 0 0.5em 0; padding: 0; font-size: 2.5em; font-family: "museo-slab-n5", "museo-slab",serif; font-style: normal; font-weight: 500; line-height: 1.2; color: #ffffff;}
.attractions header p {margin: 0; padding: 0 0 0.5em 0; font-size: 1.15em; font-family: "proxima-nova-n1", "proxima-nova",sans-serif; font-style: normal; font-weight: 100; line-height: 1.4; color: #ffffff;}

.attractions .link {position: absolute; bottom: 80px; width: 100%; z-index: 20; animation-name: banner; animation-delay: 0.5s; animation-duration: 3s; animation-fill-mode: both;}
.attractions .link a {text-decoration: none;}
.attractions .link a span {padding: 0.75em 1.25em 0.75em 1.25em; background: #ffffff; border: none; border-radius: 5px; font-size: 1.15em; font-family: "museo-slab-n3", "museo-slab",serif; font-style: normal; font-weight: 300; line-height: 50px; color: #000000; min-width: 200px; border-bottom: 3px solid #f99e00; transition: all 0.3s linear; text-align: center;}
.attractions .link a span:hover {color: #000000; background: #fccf52;}


/* ==========================================================================
   Things to do
   ========================================================================== */
   
.thingsToDo {margin: 0; padding: 100px 0 0 0;}
.thingsToDo header {margin: 0; padding: 0 0 2em 0; text-align: center;}
.thingsToDo header h2 {margin: 0; padding: 0; font-size: 2.5em; font-family: "museo-slab-n5", "museo-slab",serif; font-style: normal; font-weight: 500; line-height: 1.2; color: #004271;}
.thingsToDo header p {margin: 0; padding: 0 0 0.5em 0; font-size: 1.75em; font-family: "museo-slab-n3", "museo-slab",serif; font-style: normal; font-weight: 300; line-height: 1.2; color: #0b61aa;}
   
.thingsToDo .listing .item {margin: 0 0 2.5em 0; padding: 0; width: 31%; display: inline-block; vertical-align: top; text-align: center; position: relative;}
.thingsToDo .listing .item.middle {margin: 0 3.5% 2.5em 3.5%;}

.thingsToDo .listing .item .image {border-radius: 5px 5px 0 0; overflow: hidden;}
.thingsToDo .listing .item .image img {border-radius: 5px 5px 0 0; transition: all 0.3s linear;}
.thingsToDo .listing .item .image img:hover {transform: scale(1.1);}

.thingsToDo .item .detail {margin: -50px 5% 0 5%; padding: 0 5% 0 5%; background: linear-gradient(rgba(240,240,240, 1), rgba(255, 255, 255, 1)); position: relative; border-radius: 5px;}
.thingsToDo .item .detail a {text-decoration: none;}
.thingsToDo .item .detail a:hover {text-decoration: underline;}
.thingsToDo .item .detail .content {text-align: center;}
.thingsToDo .item .detail .content h3 {margin: 0; padding: 1em 0 0.75em 0; font-size: 1.5em; font-family: "museo-slab-n5", "museo-slab",serif; font-style: normal; font-weight: 500; line-height: 1.2; color: #0b61aa; transition: all 0.3s linear;}
.thingsToDo .item .detail .content.address h3 {margin: 0; padding: 1em 0 0.2em 0;}
.thingsToDo .item .detail .content.address h4 {margin: 0; padding: 0 0 0.75em 0; font-size: 1.2em; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100; line-height: 1.2; color: #0b61aa; transition: all 0.3s linear;}
.thingsToDo .item .detail .content p {margin: 0; padding: 0 0 0.75em 0; font-size: 1em; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100; color: #000000;}

.thingsToDo .item .detail .telephone p {margin: 0; padding: 0 0 0.25em 0; font-size: 1em; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100; color: #000000;}
.thingsToDo .item .detail .telephone p strong {font-family: "museo-sans-n5", "museo-sans",sans-serif; font-style: normal; font-weight: 500; color: #777777;}
.thingsToDo .item .detail .email p {margin: 0; padding: 0 0 0.25em 0; font-size: 1em; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100; color: #000000;}
.thingsToDo .item .detail .email p strong {font-family: "museo-sans-n5", "museo-sans",sans-serif; font-style: normal; font-weight: 500; color: #777777;}

.thingsToDo .listing .item .category {top: 10px; right: 10px; padding: 0; position: absolute;}
.thingsToDo .listing .item .category p {margin: 0; padding: 0; font-size: 1.1em; font-family: "museo-slab-n1", "museo-slab",serif; font-style: normal; font-weight: 100; line-height: 1.2; color: #004271; transition: all 0.3s linear; text-decoration: none;}
.thingsToDo .listing .item .category p a {padding: 0.5em 0.75em; color: #004271; transition: all 0.3s linear; text-decoration: none; border-radius: 5px; background: #ffffff; display: inline-block;}
.thingsToDo .listing .item .category p a:hover {color: #ffffff; background: #004271;}

.thingsToDo .listing .item .distance {top: 10px; left: 10px; padding: 0; position: absolute;}
.thingsToDo .listing .item .distance p {margin: 0; padding: 0.5em 0.75em; font-size: 1.1em; font-family: "museo-slab-n1", "museo-slab",serif; font-style: normal; font-weight: 100; line-height: 1.2; color: #004271; transition: all 0.3s linear; text-decoration: none; color: #004271; transition: all 0.3s linear; text-decoration: none; border-radius: 5px; background: #ffffff; display: inline-block;}
.thingsToDo .listing .item .distance p i {padding-right: 0.25em;}

.thingsToDo .listing .item .link {margin: 1em 0 0 0; display: inline-block; position: relative;}
.thingsToDo .listing .item .link a {text-decoration: none;}
.thingsToDo .listing .item .link a span {margin: 0; padding: 0.75em 1.25em 0.75em 1.25em; background: #fab82b; border: none; border-radius: 5px; font-size: 1.15em; font-family: "museo-slab-n3", "museo-slab",serif; font-style: normal; font-weight: 300; line-height: 30px; color: #000000; border-bottom: 3px solid #f99e00; transition: all 0.3s linear; display: block;}
.thingsToDo .listing .item .link a:hover span {background: #fccf52;}

@media screen and (max-width: 1100px) {
	.thingsToDo header {font-size: 90%;}
	.thingsToDo .listing .item {width: 48.25%;}
	.thingsToDo .listing .item.middle {margin: 0 0 2.5em 0;}
	.thingsToDo .listing .item.even {margin: 0 0 2.5em 3.5%;}
}

@media screen and (max-width: 900px) {
	.thingsToDo {padding: 80px 0 0 0;}
}

@media screen and (max-width: 800px) {
	.thingsToDo .listing .item .category {font-size: 80%;}
	.thingsToDo .listing .item .distance {font-size: 80%;}
	.thingsToDo .listing .item .detail {font-size: 80%;}
}

@media screen and (max-width: 640px) {
	.thingsToDo .listing .item {width: 100%; display: block;}
	.thingsToDo .listing .item.even {margin: 0 0 2.5em 0;}
	.thingsToDo .listing .item .content {min-height: 50px;}
}


/* ==========================================================================
   Whats On
   ========================================================================== */
   
.whatson {overflow: hidden; position: relative; text-align: center;}
.whatson .overlay {padding: 0; height: 100%; max-height: 400px; width: 100%; z-index: 1; position: absolute; top: 0; background: linear-gradient(rgba(11, 97, 170, 0.4), rgba(11, 97, 170, 0)); animation-name: banner; animation-delay: 0.5s; animation-duration: 3s; display: block; animation-fill-mode: both;}
.whatson .background > figure {margin: 0; padding: 0; backface-visibility: hidden; background-size: cover; background-position: top center; background-repeat: no-repeat; height: 100%; max-height: 400px; min-height: 400px; opacity: 1; width: 100%; z-index: 0; animation-name: banner; animation-delay: 0.5s; animation-duration: 3s; display: block; animation-fill-mode: both;}
.whatson header h1 {margin: 0 0 0.5em 0; padding: 0; font-size: 2.5em; font-family: "museo-slab-n5", "museo-slab",serif; font-style: normal; font-weight: 500; line-height: 1.2; color: #ffffff;}
.whatson header p {margin: 0; padding: 0 0 0.5em 0; font-size: 1.15em; font-family: "proxima-nova-n1", "proxima-nova",sans-serif; font-style: normal; font-weight: 100; line-height: 1.4; color: #ffffff;}

.whatson .link {position: absolute; bottom: 80px; width: 100%; z-index: 20; animation-name: banner; animation-delay: 0.5s; animation-duration: 3s; animation-fill-mode: both;}
.whatson .link a {text-decoration: none;}
.whatson .link a span {padding: 0.75em 1.25em 0.75em 1.25em; background: #ffffff; border: none; border-radius: 5px; font-size: 1.15em; font-family: "museo-slab-n3", "museo-slab",serif; font-style: normal; font-weight: 300; line-height: 50px; color: #000000; min-width: 200px; border-bottom: 3px solid #f99e00; transition: all 0.3s linear; text-align: center;}
.whatson .link a span:hover {color: #000000; background: #fccf52;}

@keyframes banner {
    0%   {transform: translate(0,0); opacity: 0;}
    100% {transform: translate(0,0); opacity: 1;}
}

/* ==========================================================================
   Whats On Events
   ========================================================================== */

.whatsOnEvents {margin: 0; padding: 100px 0 0 0;}
.whatsOnEvents header {margin: 0; padding: 0 0 2em 0; text-align: center;}
.whatsOnEvents header h2 {margin: 0; padding: 0; font-size: 2.5em; font-family: "museo-slab-n5", "museo-slab",serif; font-style: normal; font-weight: 500; line-height: 1.2; color: #004271;}
.whatsOnEvents header p {margin: 0; padding: 0 0 0.5em 0; font-size: 1.75em; font-family: "museo-slab-n3", "museo-slab",serif; font-style: normal; font-weight: 300; line-height: 1.2; color: #0b61aa;}
   
.whatsOnEvents .listing .item {margin: 0 0 2.5em 0; padding: 0; width: 31%; display: inline-block; vertical-align: top; text-align: center; position: relative;}
.whatsOnEvents .listing .item.middle {margin: 0 3.5% 2.5em 3.5%;}

.whatsOnEvents .listing .item .image {border-radius: 5px 5px 0 0; overflow: hidden;}
.whatsOnEvents .listing .item .image img {border-radius: 5px 5px 0 0; transition: all 0.3s linear;}
.whatsOnEvents .listing .item .image img:hover {transform: scale(1.1);}

.whatsOnEvents .item .detail {margin: -30px 5% 0 5%; padding: 0 5% 0 5%; background: linear-gradient(rgba(240,240,240, 1), rgba(255, 255, 255, 1)); position: relative; border-radius: 5px;}
.whatsOnEvents .item .detail a {text-decoration: none;}
.whatsOnEvents .item .detail a:hover {text-decoration: underline;}
.whatsOnEvents .item .detail .content {text-align: center;}
.whatsOnEvents .item .detail .content h3 {margin: 0; padding: 1em 0 0.75em 0; font-size: 1.5em; font-family: "museo-slab-n5", "museo-slab",serif; font-style: normal; font-weight: 500; line-height: 1.2; color: #0b61aa; transition: all 0.3s linear;}
.whatsOnEvents .item .detail .content.address h3 {margin: 0; padding: 1em 0 0.2em 0;}
.whatsOnEvents .item .detail .content.address h4 {margin: 0; padding: 0 0 0.75em 0; font-size: 1.2em; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100; line-height: 1.2; color: #0b61aa; transition: all 0.3s linear;}
.whatsOnEvents .item .detail .content p {margin: 0; padding: 0 0 0.75em 0; font-size: 1em; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100; color: #000000;}

.whatsOnEvents .item .detail .telephone p {margin: 0; padding: 0 0 0.25em 0; font-size: 1em; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100; color: #000000;}
.whatsOnEvents .item .detail .telephone p strong {font-family: "museo-sans-n5", "museo-sans",sans-serif; font-style: normal; font-weight: 500; color: #777777;}
.whatsOnEvents .item .detail .email p {margin: 0; padding: 0 0 0.25em 0; font-size: 1em; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100; color: #000000;}
.whatsOnEvents .item .detail .email p strong {font-family: "museo-sans-n5", "museo-sans",sans-serif; font-style: normal; font-weight: 500; color: #777777;}

.whatsOnEvents .listing .item .category {top: 10px; right: 10px; padding: 0; position: absolute;}
.whatsOnEvents .listing .item .category p {margin: 0; padding: 0; font-size: 1.1em; font-family: "museo-slab-n1", "museo-slab",serif; font-style: normal; font-weight: 100; line-height: 1.2; color: #004271; transition: all 0.3s linear; text-decoration: none;}
.whatsOnEvents .listing .item .category p a {padding: 0.5em 0.75em; color: #004271; transition: all 0.3s linear; text-decoration: none; border-radius: 5px; background: #ffffff; display: inline-block;}
.whatsOnEvents .listing .item .category p a:hover {color: #ffffff; background: #004271;}

.whatsOnEvents .listing .item .date {top: 60px; right: 10px; padding: 0; position: absolute;}
.whatsOnEvents .listing .item .date .eventStartDate {width: 80px; background: #ffffff; display: inline-block; border-radius: 5px; overflow: hidden;}
.whatsOnEvents .listing .item .date .eventTo {margin: 30px 1px 0 1px;font-size: 1.5em; line-height: 1; display: inline-block;  vertical-align: top; color: #f99e00;}
.whatsOnEvents .listing .item .date .eventDate {width: 80px; background: #ffffff; display: inline-block; border-radius: 5px; overflow: hidden;}
.whatsOnEvents .listing .item .date span.month {margin: 0; padding: 0.5em 0 0 0; font-size: 0.8em; font-family: "museo-sans-n3", "museo-sans",sans-serif; font-style: normal; font-weight: 300; color: #ffffff; display: block; background: #004271; line-height: 1;}
.whatsOnEvents .listing .item .date span.day {margin: 0; padding: 0.25em 0 0.25em 0; font-size: 2em; font-family: "museo-sans-n7", "museo-sans",sans-serif; font-style: normal; font-weight: 700; color: #ffffff; display: block; background: #004271; line-height: 1;}
.whatsOnEvents .listing .item .date span.year {margin: 0; padding: 0.4em 0 0.4em 0; font-size: 0.8em; font-family: "museo-sans-n3", "museo-sans",sans-serif; font-style: normal; font-weight: 300; color: #000000; display: block; background: #fab82b; line-height: 1;}

.whatsOnEvents .listing .item .distance {top: 10px; left: 10px; padding: 0; position: absolute;}
.whatsOnEvents .listing .item .distance p {margin: 0; padding: 0.5em 0.75em; font-size: 1.1em; font-family: "museo-slab-n1", "museo-slab",serif; font-style: normal; font-weight: 100; line-height: 1.2; color: #004271; transition: all 0.3s linear; text-decoration: none; color: #004271; transition: all 0.3s linear; text-decoration: none; border-radius: 5px; background: #ffffff; display: inline-block;}
.whatsOnEvents .listing .item .distance p i {padding-right: 0.25em;}

.whatsOnEvents .listing .item .link {margin: 1em 0 0 0; display: inline-block; position: relative;}
.whatsOnEvents .listing .item .link a {text-decoration: none;}
.whatsOnEvents .listing .item .link a span {margin: 0; padding: 0.75em 1.25em 0.75em 1.25em; background: #fab82b; border: none; border-radius: 5px; font-size: 1.15em; font-family: "museo-slab-n3", "museo-slab",serif; font-style: normal; font-weight: 300; line-height: 30px; color: #000000; border-bottom: 3px solid #f99e00; transition: all 0.3s linear; display: block;}
.whatsOnEvents .listing .item .link a:hover span {background: #fccf52;}

@media screen and (max-width: 1100px) {
	.whatsOnEvents header {font-size: 90%;}
	.whatsOnEvents .listing .item {width: 48.25%;}
	.whatsOnEvents .listing .item.middle {margin: 0 0 2.5em 0;}
	.whatsOnEvents .listing .item.even {margin: 0 0 2.5em 3.5%;}
}

@media screen and (max-width: 900px) {
	.whatsOnEvents {padding: 80px 0 0 0;}
}

@media screen and (max-width: 800px) {
	.whatsOnEvents .item .detail {margin: -20px 5% 0 5%;}
	.whatsOnEvents .listing .item .category {font-size: 80%;}
	.whatsOnEvents .listing .item .distance {font-size: 80%;}
	.whatsOnEvents .listing .item .detail {font-size: 80%;}
	.whatsOnEvents .listing .item .date {font-size: 80%;}
	.whatsOnEvents .listing .item .date .eventStartDate {width: 60px;}
	.whatsOnEvents .listing .item .date .eventDate {width: 60px;}
}

@media screen and (max-width: 640px) {
	.whatsOnEvents .listing .item {width: 100%; display: block;}
	.whatsOnEvents .listing .item.even {margin: 0 0 2.5em 0;}
	.whatsOnEvents .listing .item .content {min-height: 50px;}
}




/* ==========================================================================
   Sales
   ========================================================================== */
   
.sales {margin: 0; padding: 0;}
.sales header {margin: 0; padding: 0 0 2em 0; text-align: center;}
.sales header h2 {margin: 0; padding: 0; font-size: 2.5em; font-family: "museo-slab-n5", "museo-slab",serif; font-style: normal; font-weight: 500; line-height: 1.2; color: #004271;}
.sales header p {margin: 0; padding: 0 0 0.5em 0; font-size: 1.75em; font-family: "museo-slab-n3", "museo-slab",serif; font-style: normal; font-weight: 300; line-height: 1.2; color: #0b61aa;}
   
.sales .listing .item {margin: 0 0 2.5em 0; padding: 0; width: 31%; display: inline-block; vertical-align: top; text-align: center; position: relative;}
.sales .listing .item.middle {margin: 0 3.5% 2.5em 3.5%;}

.sales .listing .item a {text-decoration: none;}

.sales .listing .item .image {border-radius: 5px 5px 0 0; overflow: hidden;}
.sales .listing .item .image img {border-radius: 5px 5px 0 0; transition: all 0.3s linear;}
.sales .listing .item a:hover .image img {transform: scale(1.1);}

.sales .listing .item .title {margin: -50px 5% 0 5%; padding: 0; background: linear-gradient(rgba(240,240,240, 1), rgba(255, 255, 255, 1)); position: relative; border-radius: 5px;}
.sales .listing .item a .title h3 {margin: 0; padding: 1em 0 1.5em 0; font-size: 1.5em; font-family: "museo-slab-n5", "museo-slab",serif; font-style: normal; font-weight: 500; line-height: 1.2; color: #0b61aa; transition: all 0.3s linear;}

.sales .listing .item .price {margin: -20px 20% 0 20%; padding: 0; background: #004271; position: relative; border-radius: 5px 5px 0 0;}
.sales .listing .item a .price h4 {margin: 0; padding: 0.5em 0 0.5em 0; font-size: 1.15em; font-family: "museo-slab-n1", "museo-slab",serif; font-style: normal; font-weight: 100; line-height: 1.2; color: #ffffff; transition: all 0.3s linear;}

.sales .listing .item .year {top: 10px; left: 10px; padding: 0; background: #ffffff; position: absolute; border-radius: 5px;}
.sales .listing .item .year p {color: #004271;}
.sales .listing .item a .year p {margin: 0; padding: 0.5em 0.5em; font-size: 1.1em; font-family: "museo-slab-n1", "museo-slab",serif; font-style: normal; font-weight: 100; line-height: 1.2; color: #004271; transition: all 0.3s linear;}
.sales .listing .item a .year p strong {font-family: "museo-slab-n5", "museo-slab",serif; font-style: normal; font-weight: 500;}
.sales .listing .item a .year p i {padding-right: 0.25em;}
.sales .listing .item a:hover .year p {color: #0b61aa;}

.sales .listing .item .sleeps {top: 10px; right: 10px; padding: 0; background: #ffffff; position: absolute; border-radius: 5px;}
.sales .listing .item .sleeps p {color: #004271;}
.sales .listing .item a .sleeps p {margin: 0; padding: 0.5em 0.5em; font-size: 1.1em; font-family: "museo-slab-n1", "museo-slab",serif; font-style: normal; font-weight: 100; line-height: 1.2; color: #004271; transition: all 0.3s linear;}
.sales .listing .item a .sleeps p i {padding-right: 0.25em;}
.sales .listing .item a:hover .sleeps p {color: #0b61aa;}

.sales .listing .item a .content p {padding: 0; font-size: 1em; font-family: "proxima-nova-n1", "proxima-nova",sans-serif; font-style: normal; font-weight: 100; color: #000000;}
.sales .listing .item .link {margin: 0 20% 0 20%; display: block; position: relative;}
.sales .listing .item .link span {margin: 0; padding: 0; background: #fab82b; border: none; border-radius: 0 0 5px 5px; font-size: 1em; font-family: "museo-slab-n3", "museo-slab",serif; font-style: normal; font-weight: 300; line-height: 30px; color: #000000; border-bottom: 3px solid #f99e00; transition: all 0.3s linear; display: block; width: 100%;}
.sales .listing .item a:hover .link span {background: #fccf52;}


@media screen and (max-width: 1100px) {
	.sales header {font-size: 90%;}
	.sales .listing .item {width: 48.25%;}
	.sales .listing .item.middle {margin: 0 0 2.5em 0;}
	.sales .listing .item.even {margin: 0 0 2.5em 3.5%;}
}

@media screen and (max-width: 640px) {
	.sales .listing .item {margin: 0 0 2em 0; width: 100%; display: block;}
	.sales .listing .item.middle {margin: 0 0 2em 0;}
	.sales .listing .item.even {margin: 0 0 2em 0;}
	.sales .listing .item .content {min-height: 50px;}
}





/* ==========================================================================
   News
   ========================================================================== */

.newsItem.content {margin: 0 0 2em 0;}
.news .contentHeader {margin: 0 0 2em 0; padding: 0; text-align: center;}
.news .contentHeader h1 {color: #222222;}
.news .contentHeader h2 {color: #222222;}

.latestNews header {display: inline-block; width: 25%; vertical-align: top; line-height: 2.5em;}
.latestNews header:before {margin: 0; content: '\f0a1'; font-family: 'FontAwesome'; font-size: 2.5em; color: #0b61aa; position: absolute;}
.latestNews header h2 {margin: 0 0 0 2em; padding: 0; font-family: "museo-slab-n3", "museo-slab",sans-serif; font-style: normal; font-weight: 300; font-size: 1.75em; line-height: 1.2; color: #222222; display: block;}
.latestNews header h2 strong {font-family: "museo-slab-n5", "museo-slab",sans-serif; font-style: normal; font-weight: 500;}

.latestNews .listing {display: inline-block; width: 71.5%; margin-left: 3.5%; vertical-align: top;}
.latestNews .listing .item {margin: 0 0 2em 0; display: inline-block; width: 47.5%; vertical-align: top;}
.latestNews .listing .item.even {margin: 0 0 2em 5%;}
.latestNews .listing .item a {text-decoration: none;}
.latestNews .listing .item .excerpt {margin: 0; padding: 0;}
.latestNews .listing .item .excerpt h3 {margin: 0 0 0.25em 0; padding: 0; font-family: "museo-slab-n3", "museo-slab",sans-serif; font-style: normal; font-weight: 300; font-size: 1.5em; line-height: 1.2; color: #222222; text-decoration: none;}
.latestNews .listing .item .excerpt span i {margin: 0 0 0.5em 0; padding: 0; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100; font-size: 0.8em; line-height: 1.2; color: #222222; text-decoration: none; display: block;}
.latestNews .listing .item .excerpt p {margin: 0 0 0.25em 0; padding: 0; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100; font-size: 1em; line-height: 1.2; color: #222222; text-decoration: none;}
.latestNews .listing .item a:hover .excerpt p {text-decoration: underline;}

.latestNews footer {line-height: 2.5em; text-align: right;}
.latestNews footer span a {margin: 0; padding: 0.5em 0 0.5em 0; font-family: "museo-slab-n3", "museo-slab",sans-serif; font-style: normal; font-weight: 300; font-size: 1.2em; line-height: 1; color: #0b61aa; display: block; text-decoration: none; transition: all 0.3s linear;}
.latestNews footer span a i {margin: 0; padding: 0 0 0 0.25em; content: '\f0a1'; font-family: 'FontAwesome'; font-size: 80%;}
.latestNews footer span a:hover {color: #222222;}

.main .news header {display: inline-block; width: 25%; vertical-align: top; line-height: 2.5em;}
.main .news header:before {margin: 0; content: '\f0a1'; font-family: 'FontAwesome'; font-size: 3em; color: #0b61aa; position: absolute;}
.main .news header h1 {margin: 0 0 0 2.25em; padding: 0; font-family: "museo-slab-n3", "museo-slab",sans-serif; font-style: normal; font-weight: 300; font-size: 2em; line-height: 1.2; color: #222222; display: block;}
.main .news header h1 strong {font-family: "museo-slab-n5", "museo-slab",sans-serif; font-style: normal; font-weight: 500;}

.main .news .listing {display: inline-block; width: 71.5%; margin-left: 3.5%; vertical-align: top;}
.main .news .listing .item {margin: 0 0 2em 0; display: inline-block; width: 47.5%; vertical-align: top;}
.main .news .listing .item.even {margin: 0 0 2em 5%;}
.main .news .listing .item a {text-decoration: none;}
.main .news .listing .item .excerpt {margin: 0; padding: 0;}
.main .news .listing .item .excerpt h3 {margin: 0 0 0.25em 0; padding: 0; font-family: "museo-slab-n3", "museo-slab",sans-serif; font-style: normal; font-weight: 300; font-size: 1.5em; line-height: 1.2; color: #222222; text-decoration: none;}
.main .news .listing .item .excerpt span i {margin: 0 0 0.5em 0; padding: 0; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100; font-size: 0.8em; line-height: 1.2; color: #222222; text-decoration: none; display: block;}
.main .news .listing .item .excerpt p {margin: 0 0 0.25em 0; padding: 0; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100; font-size: 1em; line-height: 1.2; color: #222222; text-decoration: none;}
.main .news .listing .item a:hover .excerpt p {text-decoration: underline;}

@media screen and (max-width: 900px) {
	.latestNews header {margin-bottom: 2em; display: inline-block; width: 100%; vertical-align: top; line-height: 1; text-align: center;}	
	.latestNews header h2 {margin: 0.25em 0 0 0; text-align: center;}
	.latestNews header:before {margin: 0; text-align: center; position: relative;}
	.latestNews .listing {display: inline-block; width: 100%; margin-left: 0; vertical-align: top;}
	.latestNews .listing .item {font-size: 90%;}
	
	.main .news header {margin-bottom: 2em; display: inline-block; width: 100%; vertical-align: top; line-height: 1; text-align: center;}	
	.main .news header h1 {margin: 0.25em 0 0 0; text-align: center;}
	.main .news header:before {margin: 0; text-align: center; position: relative;}
	.main .news .listing {display: inline-block; width: 100%; margin-left: 0; vertical-align: top;}
	.main .news .listing .item {font-size: 90%;}
}

@media screen and (max-width: 600px) {
	.latestNews .listing .item {margin: 0; display: block; width: 100%; vertical-align: top;}
	.latestNews .listing .item.even {margin: 0 0 2em 0;}
	.latestNews .listing .item a {padding: 2em 0 2em 0; display: block; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #ffffff;}
	.latestNews .listing .item.last:after {border-bottom: 1px solid #d5d5d5; content:' '; display: block;}
	
	.main .news .listing .item {margin: 0; display: block; width: 100%; vertical-align: top;}
	.main .news .listing .item.even {margin: 0 0 2em 0;}
	.main .news .listing .item a {padding: 2em 0 2em 0; display: block; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #ffffff;}
	.main .news .listing .item.last:after {border-bottom: 1px solid #d5d5d5; content:' '; display: block;}
}



/* ==========================================================================
   Cat Listing
   ========================================================================== */

.catListing {margin: 0 0 2.5em 0; padding: 2em 2em 2em 2em; background: #f5f5f5; text-align: center; border-bottom: 0.25em solid #d5d5d5; border-radius: 5px;}
.catListing h3 {margin: 0 auto; padding: 0 0 0.75em 0; font-size: 1.25em; font-family: "museo-slab-n5", "museo-slab",sans-serif; font-style: normal; font-weight: 500; color: #0b61aa; line-height: 1.2; display: block; transition: all .3s linear;}
.catListing h5 {margin: 0 auto; padding: 0 0 0.5em 0; font-size: 1em; font-family: "museo-slab-n5", "museo-slab",sans-serif; font-style: normal; font-weight: 500; color: #0b61aa; line-height: 1.2; display: block; transition: all .3s linear;}
.catListing ul {margin: 0; padding: 0;}
.catListing li {margin: 0; padding: 0; font-size: 1em; font-family: "museo-sans-n5", "museo-sans",sans-serif; font-style: normal; font-weight: 100; list-style: none; display: inline-block;}
.catListing li a {margin: 0 0.25em 0.5em 0; padding: 0.5em 0.75em 0.5em 0.75em; color: #222; display: inline-block; background: #fff; border: 1px solid #d5d5d5; transition: all .3s linear; text-decoration: none; border-radius: 5px;}
.catListing li a:hover {color: #1b75bc;}
.catListing li a.selected {background: #0b61aa; color: #ffffff; border: 1px solid #0b61aa; border-radius: 5px;}


/* ==========================================================================
   Content
   ========================================================================== */
   
.contentHeader {margin: 0; padding: 0;}
.contentHeader h2 {margin: 0; padding: 0; font-family: "proxima-nova-n6", "proxima-nova",sans-serif; font-style: normal; font-weight: 600; font-size: 1.75em; line-height: 1.2; color: #222;}
.contentHeader h3 {margin: 0; padding: 0; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100; font-size: 1.5em; line-height: 1.2; color: #222; display: inline-block;}

.content {margin: 0; padding: 0; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100; text-align: justify; width: 100%;}
.content h1 {margin: 0; padding: 0; font-size: 2em; font-family: "proxima-nova-n6", "proxima-nova",sans-serif; font-style: normal; font-weight: 600; line-height: 1.2; color: #222;}
.content h2 {margin: 0; padding: 0.5em 0 0.5em 0; font-size: 1.75em; font-family: "proxima-nova-n1", "proxima-nova",sans-serif; font-style: normal; font-weight: 100; line-height: 1.2; color: #222;}
.content h3 {margin: 0; padding: 1em 0 0 0; font-size: 1.5em; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100; line-height: 1.2; color: #222;}
.content h4 {margin: 0; padding: 1em 0 0.25em 0; font-size: 1.25em; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100; line-height: 1.2; color: #222;}
.content h5 {margin: 0; padding: 0.5em 0 0 0; font-size: 1.25em; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100; line-height: 1.2;}
.content h6 {margin: 0; padding: 0.5em 0 0.25em 0; font-size: 1em; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100; line-height: 1.2; text-transform: uppercase;}
.content ul {margin: 0; padding: 0.5em 0 1em 2em; font-size: 1.1em;}
.content ul li {margin: 0; padding: 0 0 0.5em 0.5em; list-style: square; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100; line-height: 1.5; text-align: left;}
.content ol {margin: 0; padding: 0.5em 0 1em 1.5em; font-size: 1.1em;}
.content ol li { margin: 0; padding: 0 0 0.5em 0.3em; list-style: decimal; line-height: 1.5; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100; text-transform: uppercase; text-align: left;}
.content img {margin: 0 0 0.75em 0;padding: 0; width: 100%;}
.content p {margin: 0; padding: 0.25em 0 0.25em 0; font-size: 1.1em; line-height: 1.4; color: #222; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100;}
.content p em {margin: 0; padding: 0.25em 0 0.75em 0; font-size: 1.3em; line-height: 1.4; color: #333; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100;}
.content strong {font-weight: 400;}
.content blockquote {margin: 0.5em 0 1em 0; padding: 2em; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100; background: #f5f5f5; border: 1px solid #d5d5d5;}
.content blockquote p {margin: 0; padding: 0; font-size: 1.5em; line-height: 1.2; color: #555;}
.content blockquote p br {margin: 0 0 0.5em 0; padding: 0 0 0.5em 0; display: block;}
.content blockquote p em {color: #777; font-size: 0.9em;}
.content a {color: #222;}
.content a:hover {text-decoration: none;}


/* ==========================================================================
   Sidebar
   ========================================================================== */

.sidebar .sidebarNav {margin: 0 0 2em 0; padding: 0.5em 1.5em 1em 1.5em; text-align: left; border-left: 3px solid #1b75bc;}
.sidebar .sidebarNav h3 {margin: 0; padding: 0 0 0.5em 0; font-size: 1.5em; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100; line-height: 1.2; color: #222;}
.sidebar .sidebarNav ul {margin: 0; padding: 0; border-top: 1px solid #e5e5e5;}
.sidebar .sidebarNav li {margin: 0; padding: 0; line-height: 1; text-decoration: none; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100; font-size: 1em; list-style: none;}
.sidebar .sidebarNav li a {margin: 0; padding: 1.25em 1em 1.25em 1em; text-decoration: none; display: block; color: #231f20; transition: all 0.3s ease; border-bottom: 1px solid #e5e5e5;}
.sidebar .sidebarNav li a:hover {color: #555; background: #f5f5f5;}
.sidebar .sidebarNav li.selected a {padding: 1.25em 1em 1.25em 1em; color: #1b75bc; font-family: "proxima-nova-n5", "proxima-nova",sans-serif; font-style: normal; font-weight: 500; }

.sidebar .social {margin: 0 0 2em 1.5em; padding: 0; text-align: left; display: block;}
.sidebar .social ul {margin: 0; padding: 0;}
.sidebar .social li {margin: 0; padding: 0; display: inline-block; line-height: 1; font-size: 60px;}
.sidebar .social li img {display: none;}
/* .sidebar .social li a {	margin: 0 0.75em 0 0; padding: 0; display: inline-block; width: 60px; height: 60px; border-radius: 50%; background: #d5d5d5; list-style: none; float: left; transition: all .3s linear;} */
.sidebar .social li a i.fa {margin: 0 10px 0 0; color: #1b75bc; font-size: 30px; line-height: 60px; height: 60px; width: 60px; text-align: center; display: inline-block; border-radius: 50%; background: #f5f5f5; list-style: none; float: left; transition: all .3s linear;}
.sidebar .social li a:hover i.fa {color: #ffffff; background: #1b75bc;}


@media screen and (max-width: 900px) {
	.sidebar .sidebarNav {margin: 0 0 2em 0; padding: 1.25em 0 1.25em 0; text-align: left; border-top: 3px solid #1b75bc; border-left: none;}
	.sidebar .sidebarNav h3 {margin: 0; padding: 0 0 0.5em 0.5em; font-size: 1.5em; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100; line-height: 1.2; color: #222;}

}


/* ==========================================================================
   Contact Sidebar
   ========================================================================== */

.contactSidebar {margin: 0 0 2em 0; padding: 0;}

.contactSidebar .vcard {margin: 0 0 2em 0; padding: 0.5em 1.5em 1em 1.5em; border-left: 3px solid #1b75bc;}
.contactSidebar .vcard .adr h3 {display: none;}
.contactSidebar .vcard .adr:before {margin: 0; content: '\f041'; font-family: 'FontAwesome'; font-size: 3em; color: #1b75bc; position: absolute;}
.contactSidebar .vcard .adr .address {margin: 0 0 1em 4em;}
.contactSidebar .vcard .adr .address a {text-decoration: none;}
.contactSidebar .vcard .adr .address h4 {margin: 0; padding: 0.25em 0 0 0; font-family: "proxima-nova-n6", "proxima-nova",sans-serif; font-style: normal; font-weight: 600; font-size: 1.2em; line-height: 2em; color: #222; display: block;}
.contactSidebar .vcard span {margin: 0; padding: 0 0 0.25em 0; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100; font-size: 1em; line-height: 1.2; color: #222; display: block;}

.contactSidebar .vcard .contact:before {margin: 0; content: '\f1d9'; font-family: 'FontAwesome'; font-size: 2.25em; color: #1b75bc; position: absolute;}
.contactSidebar .vcard .contact h4 {display: none;}
.contactSidebar .vcard .contact ul {margin: 0; padding: 0.5em 0 0 4em;}
.contactSidebar .vcard .contact li {margin: 0; padding: 0 0.5em 0 0; display: block; list-style: none; font-size: 1em; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100; color: #222; line-height: 1.5;}
.contactSidebar .vcard .contact li a {color: #222;}
.contactSidebar .vcard .contact li a:hover {text-decoration: none;}
.contactSidebar .vcard .contact li i {margin: 0; padding: 0 0.25em 0 0; display: inline-block; list-style: none; font-size: 1em; font-family: "proxima-nova-n4", "proxima-nova",sans-serif; font-style: normal; font-weight: 400; color: #555; line-height: 1.5;}

.contactSidebar .vcard .opening {margin-top: 1.5em; display: block;}
.contactSidebar .vcard .opening:before {margin: 0; content: '\f017'; font-family: 'FontAwesome'; font-size: 2.5em; color: #1b75bc; position: absolute;}
.contactSidebar .vcard .opening h4 {display: none;}
.contactSidebar .vcard .opening ul {margin: 0; padding: 0.5em 0 0 4em;}
.contactSidebar .vcard .opening li {margin: 0; padding: 0 0.5em 0 0; display: block; list-style: none; font-size: 1em; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100; color: #222; line-height: 1.5;}
.contactSidebar .vcard .opening li a {color: #222;}
.contactSidebar .vcard .opening li a:hover {text-decoration: none;}
.contactSidebar .vcard .opening li i {margin: 0; padding: 0 0.25em 0 0; display: inline-block; list-style: none; font-size: 1em; font-family: "proxima-nova-n4", "proxima-nova",sans-serif; font-style: normal; font-weight: 400; color: #555; line-height: 1.5;}

.contactSidebar .vcard .social {margin: 0; padding: 0;}
.contactSidebar .vcard .social ul {margin: 0; padding: 0;}
.contactSidebar .vcard .social li {margin: 0; padding: 0; display: inline-block; line-height: 1;}
.contactSidebar .vcard .social li img {display: none;}
.contactSidebar .vcard .social li a {margin: 0 5px 0 0; padding: 0; display: inline-block; width: 40px; height: 40px; border-radius: 50%; background: #e5e5e5; list-style: none; float: left; transition: all .3s linear;}
.contactSidebar .vcard .social li a:hover {background: #f5f5f5;}

/* ==========================================================================
   Contact Main
   ========================================================================== */

.contactMain {margin: 0; padding: 0;}

.contactMain .vcard {margin: 0; padding: 3em 0 3em 0;}

.contactMain .vcard .adr {display: inline-block; width: 31%;}
.contactMain .vcard .adr h3 {display: none;}
.contactMain .vcard .adr:before {margin: 0; content: '\f041'; font-family: 'FontAwesome'; font-size: 3em; color: #0b61aa; position: absolute;}
.contactMain .vcard .adr .address {margin: 0 0 1em 4em;}
.contactMain .vcard .adr .address a {text-decoration: none;}
.contactMain .vcard .adr .address h4 {margin: 0; padding: 0.25em 0 0 0; font-family: "museo-slab-n5", "museo-slab",sans-serif; font-style: normal; font-weight: 500; font-size: 1.2em; line-height: 2em; color: #222; display: block;}
.contactMain .vcard span {margin: 0; padding: 0 0 0.25em 0; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100; font-size: 1em; line-height: 1.2; color: #222; display: inline-block;}

.contactMain .vcard .contact {margin: 0 3.5%; display: inline-block; width: 31%; vertical-align: top;}
.contactMain .vcard .contact:before {margin: 0; content: '\f1d9'; font-family: 'FontAwesome'; font-size: 2.25em; color: #0b61aa; position: absolute;}
.contactMain .vcard .contact h4 {display: none;}
.contactMain .vcard .contact ul {margin: 0; padding: 0.5em 0 1em 4em;}
.contactMain .vcard .contact li {margin: 0; padding: 0 0.5em 0 0; display: block; list-style: none; font-size: 1em; font-family: "museo-sans-n1", "museo-slab",sans-serif; font-style: normal; font-weight: 100; color: #222; line-height: 1.5;}
.contactMain .vcard .contact li a {color: #222;}
.contactMain .vcard .contact li a:hover {text-decoration: none;}
.contactMain .vcard .contact li i {margin: 0; padding: 0 0.25em 0 0; display: inline-block; list-style: none; font-size: 1em; font-family: "museo-slab-n5", "museo-slab",sans-serif; font-style: normal; font-weight: 500; color: #555; line-height: 1.5;}

.contactMain .vcard .opening {display: inline-block; width: 31%; vertical-align: top;}
.contactMain .vcard .opening:before {margin: 0; content: '\f017'; font-family: 'FontAwesome'; font-size: 2.5em; color: #0b61aa; position: absolute;}
.contactMain .vcard .opening h4 {display: none;}
.contactMain .vcard .opening ul {margin: 0; padding: 0.5em 0 0 4em;}
.contactMain .vcard .opening li {margin: 0; padding: 0 0.5em 0 0; display: block; list-style: none; font-size: 1em; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100; color: #222; line-height: 1.5;}
.contactMain .vcard .opening li a {color: #222;}
.contactMain .vcard .opening li a:hover {text-decoration: none;}
.contactMain .vcard .opening li i {margin: 0; padding: 0 0.25em 0 0; display: inline-block; list-style: none; font-size: 1em; font-family: "museo-slab-n5", "museo-slab",sans-serif; font-style: normal; font-weight: 500; color: #555; line-height: 1.5;}

.main > .social {margin: 0; padding: 3em 0 0 0; color: #ffffff; text-align: center;}
.main > .social:before {margin: 0; padding: 0; content: '\f0e6'; font-family: 'FontAwesome'; font-size: 4em; color: #ffffff;}
.main > .social h3 {margin: 0; padding: 0 0 0.25em 0; font-family: "museo-slab-n5", "museo-slab",sans-serif; font-style: normal; font-weight: 500; font-size: 1.5em; line-height: 1; color: #ffffff; display: block;}
.main > .social p {margin: 0 0 1em 0; padding: 0; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100; line-height: 1; font-size: 1.1em;}
.main > .social ul {margin: 0; padding: 0;}
.main > .social li {margin: 0; padding: 0; display: inline-block; line-height: 1; width: 3em;}
.main > .social li img {display: none;}
.main > .social li a {margin: 0 5px 0 0; padding: 0; display: inline-block; font-size: 2em; list-style: none; float: left; transition: all .3s linear; color: #ffffff;}
.main > .social li a:hover {color: #fab82b;}

@media screen and (max-width: 1000px) {
	.contactMain .vcard .adr {width: 48.25%;}
	.contactMain .vcard .contact {margin: 0 0 0 3.5%;width: 48.25%;}
	.contactMain .vcard .opening {width: 100%; display: block;}
}

@media screen and (max-width: 700px) {
	.contactMain .vcard {margin: 0; padding: 2em 0 3em 0;}
	.contactMain .vcard .adr {margin: 0 auto; width: 80%; display: block;}
	.contactMain .vcard .contact {margin: 0 auto; width: 80%; display: block;}
	.contactMain .vcard .opening {margin: 0 auto; width: 80%; display: block;}
	
}

@media screen and (max-width: 480px) {
	.contactMain .vcard .adr {margin: 0 auto; width: 95%; display: block;}
	.contactMain .vcard .contact {margin: 0 auto; width: 95%; display: block;}
	.contactMain .vcard .opening {margin: 0 auto; width: 95%; display: block;}
}
   

/* ==========================================================================
   Blocks
   ========================================================================== */
   
.oneCol {margin: 0; padding: 0 0 3em 0;}
.oneCol .contentHeader {padding: 0 0 1em 0; text-align: center;}
.oneCol .content.two {column-count: 2; column-gap: 50px;}
.oneCol .content.three {column-count: 3; column-gap: 50px;}

.fiftyFifty {margin: 0 0 2em 0; padding: 0;}

.fiftyFiftyItem {margin: 0 3.5% 2em 0; padding: 0; width: 48.25%; display: inline-block; vertical-align: top; position: relative;}
.fiftyFiftyItem .contentHeader {margin: -50px 5% 0 5%; padding: 2em 5% 1em 5%; background: linear-gradient(rgba(240,240,240, 1), rgba(255, 255, 255, 1)); position: relative; border-radius: 5px; text-align: center;}
.fiftyFiftyItem .contentHeader h2 {margin: 0; padding: 0 0 0.25em; font-size: 1.75em; font-family: "museo-slab-n5", "museo-slab",serif; font-style: normal; font-weight: 500; line-height: 1.2; color: #0b61aa; transition: all 0.3s linear;}
.fiftyFiftyItem .contentHeader h3 {margin: 0; padding: 0; font-size: 1.2em; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100; line-height: 1.2; color: #0b61aa; transition: all 0.3s linear;}
.fiftyFiftyItem .content {margin: 0 auto; width: 80%;}
.fiftyFiftyItem.odd {margin: 0 0 0 0; padding: 0; width: 48.25%; display: inline-block;}
.fiftyFiftyItem .image {margin: 0; padding: 0; border-radius: 5px 5px 0 0; overflow: hidden;}
.fiftyFiftyItem .image img {border-radius: 5px 5px 0 0; transition: all 0.3s linear;}
.fiftyFiftyItem:hover .image img {transform: scale(1.1);}
.fiftyFiftyItem .link {margin: 1em 0 0 0; text-align: center;}
.fiftyFiftyItem .link a {text-decoration: none;}
.fiftyFiftyItem .link span a {margin: 0; padding: 0.75em 1.25em 0.75em 1.25em; background: #fab82b; border: none; border-radius: 5px; font-size: 1.15em; font-family: "museo-slab-n3", "museo-slab",serif; font-style: normal; font-weight: 300; line-height: 30px; color: #000000; border-bottom: 3px solid #f99e00; transition: all 0.3s linear; display: inline-block;}
.fiftyFiftyItem .link span a:hover {background: #fccf52;}


.fiftyFiftyContent {margin: 0; padding: 0; width: 48.25%; display: inline-block; vertical-align: top;}
.fiftyFiftyContent .contentHeader {margin-bottom: 1em;}
.fiftyFiftyContent .contentHeader h2 {font-size: 2em; font-family: "museo-slab-n5", "museo-slab",serif; font-style: normal; font-weight: 500; line-height: 1.2; color: #0b61aa;}
.fiftyFiftyVideo {margin: 0 0 3em 0; padding: 0; text-align: center;  padding-bottom: 56.25%; /* 16:9 */ position: relative;}
.fiftyFiftyVideo iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 5px;}
.fiftyFiftyImage {margin: 0; padding: 0; width: 48.25%; display: inline-block; vertical-align: top;}
.fiftyFiftyImage ul {margin: 0; padding: 0;}
.fiftyFiftyImage li {margin: 0 0 3em 0; padding: 0 0 0 0; list-style: none; line-height: 1; overflow: hidden; border-radius: 5px;}
.fiftyFiftyImage li img {transition: all 0.3s linear;}
.fiftyFiftyImage li:hover img {transform: scale(1.1);}
.fiftyFiftyContent.left {margin: 0 0 0 3.5%; float: right;}
.fiftyFiftyImage.left {float: left;}
.fiftyFiftyContent.right {margin: 0 3.5% 0 0; float: left;}
.fiftyFiftyImage.right {float: right;}

.tickList {margin: 0 0 3em 0; padding: 0; position: relative;}
/* .tickList .tickListImage {margin: 0; padding: 0; width: 48.25%; display: inline-block; vertical-align: top;} */
.tickList .tickListImage {border-radius: 5px; min-height: 500px; width: 70%; float: left; background-size: cover; background-position: center; background-repeat: no-repeat; display: inline-block; content:''; overflow: hidden;}
.tickList .tickListContent {margin: 50px auto 0 auto; padding: 40px 5%; display: inline-block; vertical-align: top; position: absolute; width: 70%; min-height: 320px; z-index: 10; border-radius: 5px; background: linear-gradient(rgba(240,240,240, 0.9), rgba(255, 255, 255, 0.9)); overflow: hidden;}
.tickList .tickListContent .tickListHeader {margin: 0; padding: 0;}
.tickList .tickListContent .tickListHeader h2 {margin: 0; padding: 0 0 0.5em 0; font-size: 1.75em; font-family: "museo-slab-n5", "museo-slab",serif; font-style: normal; font-weight: 500; line-height: 1.2; color: #0b61aa; transition: all 0.3s linear; text-align: left;}
.tickList .tickListContent .tickListHeader h3 {margin: 0; padding: 0 0 1em 0; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100; font-size: 1.25em; display: inline-block; line-height: 1.2; color: #004271; transition: all 0.3s linear; text-align: left;}
.tickList .tickListContent .tickListBullets {margin: 0; padding: 0;}
.tickList .tickListContent .tickListBullets ul {margin: 0; padding: 0;}
.tickList .tickListContent .tickListBullets ul li {margin: 0; padding: 0; list-style: none; font-size: 1.2em; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100; line-height: 1.5em; color: #222222;}
.tickList .tickListContent .tickListBullets ul li i {color: #7db61c; display: inline-block; width: 5%; vertical-align: top;  line-height: 1.5em;}
.tickList .tickListContent .tickListBullets ul li span {display: inline-block; width: 83%; vertical-align: middle;}

.tickList .tickListContent.left {float: right; right: 0;}
.tickList .tickListImage.left {float: left; left: 0;}
.tickList .tickListContent.right {float: left;}
.tickList .tickListImage.right {float: right;}


.twoCol {margin: 0; padding: 0 0 3em 0;}
.twoCol img {width: 100%; border-radius: 5px; overflow: hidden;}
.twoColContent {margin: 0; padding: 0; width: 65.5%; display: inline-block; vertical-align: top;}
.twoColContent .contentHeader {margin-bottom: 1em;}
.twoColContent .contentHeader h2 {font-size: 2em; font-family: "museo-slab-n5", "museo-slab",serif; font-style: normal; font-weight: 500; line-height: 1.2; color: #0b61aa;}
.twoCol .content.two {column-count: 2; column-gap: 50px;}
.twoColImage {margin: 0; padding: 0; width: 31%; display: inline-block; vertical-align: top;}
.twoColImage li img {border-radius: 5px; transition: all 0.3s linear;}
.twoColImage:hover li img {transform: scale(1.1);}
.twoColImage ul {margin: 0; padding: 0;}
.twoColImage li {margin: 0 0 3em 0; padding: 0; list-style: none; line-height: 1; overflow: hidden; border-radius: 5px;}
.twoColContent.left {margin: 0 0 0 3.5%; float: right;}
.twoColImage.left {float: left;}
.twoColContent.right {margin: 0 3.5% 0 0; float: left;}
.twoColImage.right {float: right;}

.threeCol {margin: 0 0 2em 0; padding: 0;}
.threeColItem {margin: 0 3.5% 2em 0; padding: 0; width: 31%; display: inline-block; vertical-align: top;}
.threeColItem.right {margin: 0 0 2em 0;}
.threeColItem .image {margin: 0 0 2em 0; padding: 0; border-radius: 5px 5px 0 0; overflow: hidden;}
.threeColItemContent {margin: 0; padding: 0; width: 47.5%; display: inline-block; vertical-align: top;}

.threeColItem .contentHeader {margin: -50px 5% 0 5%; padding: 1em 5% 1em 5%; background: linear-gradient(rgba(240,240,240, 1), rgba(255, 255, 255, 1)); position: relative; border-radius: 5px; text-align: center;}
.threeColItem .contentHeader h2 {margin: 0; padding: 0 0 0.25em; font-size: 1.75em; font-family: "museo-slab-n5", "museo-slab",serif; font-style: normal; font-weight: 500; line-height: 1.2; color: #0b61aa; transition: all 0.3s linear;}
.threeColItem .contentHeader h3 {margin: 0; padding: 0; font-size: 1.2em; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100; line-height: 1.2; color: #0b61aa; transition: all 0.3s linear;}
.threeColItem .content {margin: 0 auto; width: 80%;}
.threeColItem .image {margin: 0; padding: 0; border-radius: 5px 5px 0 0; overflow: hidden;}
.threeColItem .image img {border-radius: 5px 5px 0 0; transition: all 0.3s linear;}
.threeColItem:hover .image img {transform: scale(1.1);}
.threeColItem .link {margin: 1em 0 0 0; text-align: center;}
.threeColItem .link a {text-decoration: none;}
.threeColItem .link span a {margin: 0; padding: 0.75em 1.25em 0.75em 1.25em; background: #fab82b; border: none; border-radius: 5px; font-size: 1.15em; font-family: "museo-slab-n3", "museo-slab",serif; font-style: normal; font-weight: 300; line-height: 30px; color: #000000; border-bottom: 3px solid #f99e00; transition: all 0.3s linear; display: inline-block;}
.threeColItem .link span a:hover {background: #fccf52;}

.contentImg {margin: 0; padding: 0 0 4em 0;}
.contentImg img {width: 100%; border-radius: 5px 5px 0 0; overflow: hidden;}

.multiImages {margin: 0; padding: 0 0 1em 0; width: 100%;}
.multiImages .contentHeader {padding: 0 0 1em 0; text-align: center;}
.multiImages .contentHeader h2 {margin: 0; padding: 0 0 0.25em; font-size: 1.75em; font-family: "museo-slab-n5", "museo-slab",serif; font-style: normal; font-weight: 500; line-height: 1.2; color: #0b61aa; transition: all 0.3s linear;}
.multiImages .contentHeader h3 {margin: 0; padding: 0; font-size: 1.2em; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100; line-height: 1.2; color: #0b61aa; transition: all 0.3s linear;}
.multiImages ul {margin: 0; padding: 0;}
.multiImages .two li {margin: 0 5% 3em 0; padding: 0; display: inline-block; list-style: none; width: 47.5%; vertical-align: top; float: left; overflow: hidden; border-radius: 5px;}
.multiImages .two li.singleImage.even {margin: 0 0 3em 0;}
.multiImages .three li {margin: 0 3.5% 2em 0; padding: 0; display: inline-block; list-style: none; width: 31%; vertical-align: top; float: left; overflow: hidden; border-radius: 5px;}
.multiImages .three li.singleImage.right {margin: 0 0 2em 0;}
.contentMultiImages {text-align: center;}
.multiImages img {width: 100%; transition: all 0.3s linear;}
.multiImages img:hover {transform: scale(1.1);}

.documents {margin: 0 0 3em 0; padding: 0;}
.documents img {width: 100%; border-radius: 5px 5px 0 0; overflow: hidden;}
.documents .docImage {margin: 0; padding: 0; width: 36%; float: left; display: inline-block; vertical-align: top;}
.documents .docImage ul {margin: 0; padding: 0;}
.documents .docImage li {margin: 0; padding: 0 0 2em 0; list-style: none;}
.documents .docRight {margin: 0; padding: 0 0 0 3%; width: 60%; float: right; display: inline-block; vertical-align: top;}

.documents .docMain {margin: 0; padding: 0; width: 100%; display: inline-block; vertical-align: top;}
.documents .docList {margin: 0; padding: 0;}
.documents .docList h3 {margin: 0; padding: 1em 0 0.25em 0; font-size: 1.4em; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100; line-height: 1.2; color: #0b61aa;}
.documents .docList ul {margin: 0; padding: 0;}
.documents .docList ul li {margin: 0; padding: 0 0 0.5em 0; font-size: 1.2em; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100; list-style: none; line-height: 1.5; display: block; color: #555;}
.documents .docList ul li a {color: #222222; transition: all 0.3s linear;}
.documents .docList ul li a i {padding-right: 0.5em; color: #0b61aa; transition: all 0.3s linear;}
.documents .docList ul li a:hover {text-decoration: none;}
.documents .docList ul li a:hover i {padding-right: 0.5em; color: #222222;}

.itemLink {margin: 0 0 3em 0; padding: 2.5em; border-bottom: 0.25em solid #d5d5d5; text-align: center; background: #f5f5f5; border-radius: 5px;}
.itemLink .contentLinkHeader {margin: 0 0 1.5em 0; text-align: center;}
.itemLink .contentLinkHeader h3 {margin: 0; padding: 0 0 0.25em 0; font-size: 1.5em; font-family: "museo-slab-n1", "museo-slab",serif; font-style: normal; font-weight: 100; line-height: 1.2; color: #0b61aa;}
.itemLink .contentLinkHeader h4 {margin: 0; padding: 0; font-size: 1.25em; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100; line-height: 1.2; color: #222222;}
.itemLink span {display: inline-block;}
.itemLink span a {text-decoration: none; margin: 0; padding: 0.75em 1.25em 0.75em 1.25em; background: #fab82b; border: none; border-radius: 5px; font-size: 1.15em; font-family: "museo-slab-n3", "museo-slab",serif; font-style: normal; font-weight: 300; line-height: 30px; color: #000000; border-bottom: 3px solid #f99e00; transition: all 0.3s linear; display: block;}
.itemLink span a:hover {background: #fccf52;}

.videoItem {margin: 0 0 2em 0; padding: 0; text-align: center; position: relative; padding-bottom: 56.25%; /* 16:9 */ height: auto; display: block;}
.videoItem iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 5px; display: block;}



@media screen and (max-width: 1200px) {
	.oneCol .content.two {column-gap: 50px;}
	.oneCol .content.three {column-gap: 50px;}
}

@media screen and (max-width: 1000px) {
	.oneCol .content.two {column-gap: 40px;}
	.oneCol .content.three {column-gap: 40px;}
}

@media screen and (max-width: 900px) {
	.twoColContent {width: 47.5%;}
	.twoCol .content.two {column-count: 1;}
	.twoColImage {width: 47.5%;}
	.twoColContent.left {margin: 0 0 0 5%;}
	.twoColContent.right {margin: 0 5% 0 0;}

	.threeColItem {margin: 0 5% 2em 0; padding: 0; width: 47.5%; display: inline-block; vertical-align: top;}
	.threeColItem.even {margin: 0 0 2em 0;}
	.threeColItem.right.odd {margin: 0 5% 2em 0;}
	
	.tickList .tickListContent {width: 80%; font-size: 90%;}

	.multiImages .two li {margin: 0 5% 2em 0;}
	.multiImages .two li.singleImage.even {margin: 0 0 2em 0;}
}

@media screen and (max-width: 740px) {
	.oneCol .content.three {column-count: 2;}
	
	.multiImages .three li {margin: 0 5% 2em 0; width: 47.5%;}
	.multiImages .three li.singleImage.right.odd {margin: 0 5% 2em 0;}
	.multiImages .three li.singleImage.even {margin: 0 0 2em 0;}
}

@media screen and (max-width: 640px) {
	.fiftyFiftyItem {margin: 0 0 2em 0; width: 100%; display: block;}
	.fiftyFiftyItem.odd {width: 100%; display: block;}	
	.fiftyFiftyContent {width: 100%; display: block;}
	.fiftyFiftyImage {width: 100%; display: block;}
	.fiftyFiftyImage li {margin: 0 0 2em 0;}
	.fiftyFiftyContent.left {margin: 0 0 0 0; float: none;}
	.fiftyFiftyImage.left {float: none;}
	.fiftyFiftyContent.right {margin: 0 0 0 0; float: none;}
	.fiftyFiftyImage.right {float: none;}
	.fiftyFiftyImage li {border-radius: 5px 5px 0 0;}
	.fiftyFiftyVideo {margin: 0 0 2em 0;}
	.fiftyFiftyImage.hideImage ul {display: none;}
	
	.twoColContent {width: 100%; display: block;}
	.twoCol .content.two {column-count: 2; column-gap: 40px;}
	.twoColImage {width: 100%; display: block;}
	.twoColImage li {margin: 0 0 2em 0;}
	
	.threeColItem {margin: 0 0 2em 0; width: 100%; display: block;}
	
	.tickList .tickListContent {margin: 0 5% 0 5%; padding: 20px 5% 20px 5%; width: 80%; font-size: 80%; border-radius: 0 0 5px 5px;}
	.tickList .tickListImage {width: 100%; min-height: 460px;}
	
}

@media screen and (max-width: 580px) {
	.mainNavigation {display: none;}
	
	.oneCol .content.two {column-count: 1;}
	.oneCol .content.three {column-count: 1;}

	.twoCol .content.two {column-count: 1;}
	
	.multiImages .two li {margin: 0 0 2em 0; display: block; width: 100%; vertical-align: top;}
	.multiImages .three li {margin: 0 0 2em 0; display: block; width: 100%;}
	.multiImages .three li.singleImage.right.odd {margin: 0 0 2em 0;}
}


/* ==========================================================================
   Banner
   ========================================================================== */

.bannerItem {margin: 0; padding: 0 0 3em 0; color: #ffffff;}
.bannerItem img {width: 100%;}

.bannerContent {margin: 0; padding: 2em 0 0 0; width: 60%; display: inline-block; vertical-align: top;}
.bannerContent .contentHeader {margin: 0; padding: 0 0 0.75em 0;}
.bannerContent .contentHeader h1 {margin: 0; padding: 0; color: #ffffff; font-size: 2.5em; font-family: "proxima-nova-n6", "proxima-nova",sans-serif; font-style: normal; font-weight: 600; line-height: 1;}
.bannerContent .contentHeader h2 {margin: 0; padding: 0; color: #ffffff; font-size: 1.75em; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100; line-height: 1.2;}
.bannerContent .content {width: 80%;}
.bannerContent .content p {margin: 0; padding: 0 0 1em 0; color: #ffffff; line-height: 1.2;}

.bannerItem .content h2 {color: #ffffff;}
.bannerItem .content.two {column-count: 2; column-gap: 50px;}
.bannerImage {margin: 0; padding: 0; width: 36.5%; display: inline-block; vertical-align: top; text-align: center;}
.bannerImage img {margin: 0 auto; width: 80%;}
.bannerContent.left {margin: 0 0 0 3.5%; float: right;}
.bannerImage.left {float: left;}
.bannerContent.right {margin: 0 3.5% 0 0; float: left;}
.bannerImage.right {float: right;}

@media screen and (max-width: 1200px) {
	.bannerContent {margin: 0; padding: 0 0 0 0; width: 60%; display: inline-block; vertical-align: top;}
	.bannerImage {margin: 0; padding: 0; width: 36.5%; display: inline-block; vertical-align: top;}
}

@media screen and (max-width: 1000px) {
	.bannerItem .content.two {column-count: 1;}
}

@media screen and (max-width: 900px) {
	.bannerItem {padding: 0 0 0 0;}
	.bannerContent .contentHeader {font-size: 80%;}
}

@media screen and (max-width: 640px) {
	.bannerContent {margin: 0; padding: 0 0 0 0; width: 100%; display: block; text-align: center;}
	.bannerContent .content {margin: 0 auto; font-size: 90%;}
	.bannerContent .content p {text-align: center;}
	.bannerImage {margin: 0; padding: 0 0 2em 0; width: 100%; display: block; text-align: center;}
	.bannerImage img {margin: 0 auto; width: 40%; min-width: 200px;}
	.bannerContent.left {margin: 0 0 0 0; float: none;}
	.bannerImage.left {float: none;}
	.bannerContent.right {margin: 0 0 0 0; float: none;}
	.bannerImage.right {float: none;}
}


/* ==========================================================================
   Link
   ========================================================================== */

.link {margin: 0; padding: 0;}
.link > .container {padding: 3em 0 3em 0;}

.link .itemLink {margin: 0; padding: 2.5em 0 0 0; background: none; border: none; text-align: center; border-top: 3px solid #bc4d82;}
.link .fa {padding: 0 0 0.15em 0; color: #ffffff;}
.link .itemLink .contentLinkHeader {margin: 0 0 1.5em 0; text-align: center;}
.link .itemLink .contentLinkHeader h3 {margin: 0; padding: 0; font-size: 1.5em; font-family: "proxima-nova-n6", "proxima-nova",sans-serif; font-style: normal; font-weight: 600; line-height: 1.2; color: #ffffff;}
.link .itemLink .contentLinkHeader h4 {margin: 0; padding: 0; font-size: 1.25em; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100; line-height: 1.2; color: #ffffff;}
.link .itemLink a {padding: 0.75em 1em 0.75em 1em; color: #9f004c; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100; font-size: 1.2em; line-height: 1.2; display: inline-block; text-decoration: none; text-transform: uppercase; transition: all 0.3s ease; border: none; background: #ffffff;}
.link .itemLink a:hover {color: #ffffff; background: #2f0017;}

.contentLink {margin: 2em 0 0 0; text-align: center;}
.contentLink a {padding: 0.75em 1em 0.75em 1em; color: #ffffff; font-family: "proxima-nova-n3", "proxima-nova",sans-serif; border-radius: 0.25em; font-style: normal; font-weight: 300; font-size: 1.2em; line-height: 1.2; display: inline-block; text-decoration: none; text-transform: uppercase; transition: all 0.3s ease; border: none; background: #1b75bc;}
.contentLink a:hover {color: #ffffff; background: #082338;}


/* ==========================================================================
   Forms
   ========================================================================== */

.contactForm {margin: 0 0 3em 0; padding: 2.5em 0 3em 0; text-align: left; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100; border-top: 5px solid #0b61aa; border-radius: 3px;}
.contactForm  h2 {margin: 0 0 0.25em 0; padding: 0; font-size: 2em; font-family: "museo-slab-n5", "museo-slab",serif; font-style: normal; font-weight: 500; text-align: left; color: #222; line-height: 1; display: block; vertical-align: middle;}
.contactForm  h4 {margin: 0 0 0.75em 0; padding: 0; font-size: 1.15em; font-family: "museo-slab-n5", "museo-slab",serif; font-style: normal; font-weight: 500; text-align: left; color: #1b75bc; line-height: 1; display: block; vertical-align: middle;}
.contactForm  p {margin: 0; padding: 0; font-size: 1em; line-height: 1.2; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100; color: #777; display: block;}
.contactForm .input label {padding: 0 0 0.25em 0; color: #555; display: block; font-size: 1.1em; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100;}	
.contactForm .input label i {padding: 0 0 0.25em 0; color: #555; font-size: 0.9em; font-family: "proxima-nova-i1","proxima-nova",sans-serif; font-style: italic; font-weight: 100;}	
.contactForm .input input {margin: 0 0 1.25em 0; padding: 0 3%; height: 60px; width: 94%; border: 1px solid #e5e5e5; display: block; line-height: 1; font-size: 1em; color: #000000; background: #e5e5e5; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear; border-radius: 5px; box-shadow: none;}	
.contactForm .input.address {display: none;}	
.contactForm .input input:hover {border: 1px solid #1b75bc; color: #000; background: #f5f5f5;}	
.contactForm .input input:focus {border: 1px solid #1b75bc; color: #000; background: #f5f5f5;}
.contactForm .select label {padding: 0 0 0.25em 0; color: #555; display: block; font-size: 1.1em; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100;}	
.contactForm .select label i {padding: 0 0 0.25em 0; color: #555; font-size: 0.9em; font-family: "museo-sans-i1", "museo-sans",sans-serif; font-style: italic; font-weight: 100;}	
.contactForm .select .dropdown {margin: 0 0 1.25em 0; position: relative; background: #e5e5e5; overflow: hidden; border: 1px solid #e5e5e5; border-radius: 5px; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear;}
.contactForm .select .dropdown:after {content: '\f078'; font-family: 'FontAwesome'; font-size: 1em; position: absolute; right: 3%; top: 30%; z-index: 1; pointer-events: none;}
.contactForm .select select {margin: 0; padding: 0 3%; height: 60px; width: 100%; border: none; display: block; font-size: 1em; color: #555; background: transparent; box-shadow: none; background-image: none; -webkit-appearance: none; line-height: 1;}	
.contactForm .select .dropdown:hover {border: 1px solid #1b75bc; color: #000; background: #f5f5f5;}
.contactForm .select .dropdown:focus {border: 1px solid #1b75bc; color: #000; background: #f5f5f5;}
.contactForm .textarea label {padding: 0 0 0.25em 0; color: #555; display: block; font-size: 1.1em; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100;}	
.contactForm .textarea textarea {margin: 0 0 1.25em 0; padding: 2%; width: 96%; border: 1px solid #e5e5e5; display: block; font-size: 1em; color: #000; background: #e5e5e5; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear; border-radius: 5px;}	
.contactForm .textarea textarea:hover {border: 1px solid #1b75bc; color: #000; background: #f5f5f5;}	
.contactForm .textarea textarea:focus {border: 1px solid #1b75bc; color: #000; background: #f5f5f5;}
.contactForm .checkbox {margin: 0 0 1em 0;}
.contactForm .checkbox label {padding: 0 0 0 0.5em; color: #555; font-size: 1em; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100;}	
.contactForm .details {margin: 0 0 2em 0;}
.contactForm .submit input {margin: 0 0 0 0; padding: 0.75em 1.5em 0.75em 1.5em; border-radius: 0.2em; display: block; font-size: 1.25em; color: #fff; background: #0b61aa; text-transform: uppercase; font-family: "proxima-nova-n3","proxima-nova",sans-serif; font-style: normal; font-weight: 300; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear; border: none;}	
.contactForm .submit input:hover {color: #fff; background: #004271;}	
.contactForm .submit input:focus {color: #fff; background: #004271;}

.contactForm .contactFormFields {margin-bottom: 1em; width: 100%;}
.contactForm .contactFormFields .left {width: 47.5%; display: inline-block; vertical-align: top;}
.contactForm .contactFormFields .right {margin-left: 5%; width: 47.5%; display: inline-block; vertical-align: top;}


.contactForm .contactFormHeader .content {margin: 0.75em 0 1.5em 0; padding-left: 1em; display: inline-block; width: 80%;}
.contactForm .contactFormSuccess .content {margin: 0.75em 0 1.5em 0; padding-left: 1em; display: inline-block; width: 80%;}
.contactForm .contactFormHeader i.fa {color: #0b61aa; vertical-align: top; display: inline-block;}
.contactForm .contactFormSuccess i.fa {color: #0b61aa; vertical-align: top; display: inline-block;}

@media screen and (max-width: 900px) {
	.contactForm {padding: 1.5em 0 2em 0;}
	.contactForm .input input {padding: 0 5%; width: 90%; height: 50px;}
	.contactForm .select select {padding: 0 5%; height: 50px;}
}

@media screen and (max-width: 640px) {
	.contactForm {margin: 0 auto 3em auto; width: 90%;}
	.contactForm .contactFormFields .left {width: 100%; display: block;}
	.contactForm .contactFormFields .right {margin-left: 0; width: 100%; display: block;}
	.contactForm .input input {padding: 0 4%; width: 92%;}
}

@media screen and (max-width: 480px) {
	.contactForm .contactFormHeader .content {font-size: 80%;}
	.contactForm .contactFormSuccess .content {font-size: 80%;}
	.contactForm .contactFormHeader i.fa-3x {font-size: 2em;}
	.contactForm .contactFormSuccess i.fa-3x {font-size: 2em;}
}


/* ==========================================================================
   Maps
========================================================================== */

.mapLocation {
	margin: 0;
	padding-top: 85px;
}

#map {
	width: 100%;
	height: 500px;
	position: relative;
}

a[href^="http://maps.google.com/maps"]{display:none !important}
a[href^="https://maps.google.com/maps"]{display:none !important}

.gmnoprint a, .gmnoprint span, .gm-style-cc, .gm-style-mtc {
    display:none;
}

@media screen and (max-width: 900px) {
	#map {height: 400px;}
	.mapLocation {padding-top: 60px;}
}

@media screen and (max-width: 640px) {
	#map {height: 300px;}
}



/* ==========================================================================
   Paging
   ========================================================================== */

.paging {margin: 0; padding: 1em 0 0 0; font-size: 1em; font-family: "museo-slab-n3", "museo-slab",sans-serif; font-style: normal; font-weight: 300; color: #555;}
.paging p {margin: 0 0 0 0;	padding: 0 0 1em 0; font-size: 1em; font-family: "museo-sans-n3", "museo-slab",sans-serif; font-style: normal; font-weight: 300; color: #555;}
.paging span {padding: 0 0.5em 0 0;}
.paging a {margin: 0 0.25em 0.5em 0; padding: 0.5em 1em 0.5em 1em; color: #000000; font-family: "museo-slab-n3", "museo-slab",sans-serif; border-radius: 0.25em; font-style: normal; font-weight: 300; font-size: 1.1em; line-height: 1.2; display: inline-block; text-decoration: none; transition: all 0.3s ease; border: none; background: #fab82b; border-bottom: 3px solid #f99e00;}
.paging a:hover {color: #000000; background: #fccf52;} 


/* ==========================================================================
   Footer
   ========================================================================== */

.footer {margin: 0; padding: 0; background: #004271;}
.footer > .container {padding: 2em 0 1em 0;}

.footer .footerContact {margin: 1em 0 0 0; padding: 0; text-align: left;}
.footer .footerContact .vcard {margin: 0; padding: 0;}
.footer .footerContact .vcard .adr {margin: 0 0 1em 0; padding: 0;}
.footer .footerContact h3 {margin: 0; padding: 0 0 0.25em 0; font-size: 1.25em; font-family: "museo-slab-n5", "museo-slab",sans-serif; font-style: normal; font-weight: 500; color: #ffffff; line-height: 1.2; display: block; transition: all .3s linear; text-decoration: none;}
.footer .footerContact h4 {margin: 0; padding: 0; font-size: 1.15em; font-family: "museo-slab-n1", "museo-slab",sans-serif; font-style: normal; font-weight: 100; color: #ffffff; line-height: 1.2; display: block; transition: all .3s linear; text-decoration: none;}
.footer .footerContact span {margin: 0; padding: 0; font-size: 1em; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100; color: #ffffff; line-height: 1.5;}
.footer .footerContact ul {margin: 0; padding: 0;}
.footer .footerContact li {margin: 0; padding: 0 0.5em 0 0; display: inline-block; list-style: none; font-size: 1em; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100; color: #ffffff; line-height: 1.5;}
.footer .footerContact li a {color: #ffffff;}
.footer .footerContact li a:hover {text-decoration: none;}
.footer .footerContact li i {margin: 0; padding: 0 0.25em 0 0; display: inline-block; list-style: none;	font-size: 1em; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100; color: #ffffff; line-height: 1.5;}

.footer .left {margin: 1.5em 3.5% 2em 0; padding: 0; width: 25%; display: inline-block; vertical-align: top; text-align: left;}
.footer .left .logo {margin: 0 0 2em 0; text-align: left; display: block;}
.footer .left .logo img {margin: 0; max-width: 175px; display: block;}

.footer .booking {margin: 0 auto; padding: 0 0 1em 0; width: 100%; display: inline-block; line-height: 1;}
.footer .booking ul {margin: 0; padding: 0; display: inline-block;}
.footer .booking li {margin: 0 10px 10px 0; padding: 0; display: inline-block; font-size: 1.1em; font-family: "museo-sans-n1", "museo-sans",serif; font-style: normal; font-weight: 100;}
.footer .booking li a {margin: 0; padding: 0 1em 0 1em; transition: all 0.5s; text-decoration: none; color: #004271; background: #ffffff; display: inline-block; font-size: 1em; text-align: center; border: none; line-height: 3em;  border-radius: 5px;}
.footer .booking li a i {padding-right: 10px;}
.footer .booking li a:hover {color: #0b61aa; background: #ffffff;}
.footer .booking li.selected a {color: #0b61aa; background: #ffffff;}

.footer .right {margin: 1.5em 0 2em 0; padding: 0; width: 50%; display: inline-block; vertical-align: top; text-align: left;}   
.footer .right h3 {margin: 0; padding: 0 0 0.25em 0; font-size: 1.25em; font-family: "museo-slab-n5", "museo-slab",serif; font-style: normal; font-weight: 500; color: #ffffff; line-height: 1.2; display: block; transition: all .3s linear; text-decoration: none;}
.footer .right p {margin: 0; padding: 0 0 0.5em 0; font-size: 1em; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100; color: #ffffff; line-height: 1.2; display: block; transition: all .3s linear; text-decoration: none;}
.footer .right p a {color: #ffffff; text-decoration: none;}
.footer .right p a:hover {text-decoration: underline;}

.footer .right .social {margin: 0; padding: 0; text-align: left;}
.footer .right .social ul {margin: 0; padding: 0;}
.footer .right .social li {margin: 0; padding: 0; display: inline-block; line-height: 1;}
.footer .right .social li img {display: none;}
.footer .right .social li a i.fa {margin: 0; padding: 10px; color: #ffffff; font-size: 2em; text-align: center; display: inline-block; list-style: none; float: left; transition: all .3s linear;}
.footer .right .social li a:hover i.fa {color: #fab82b;}


/* ==========================================================================
   Footer Navigation
   ========================================================================== */

.footer .middle {margin: 1.5em 3.5% 0 0; padding: 0; width: 18%; display: inline-block; vertical-align: top; text-align: left;}   
.footer .middle .nav {margin: 0 0 2em 0; padding: 0; text-align: left;}
.footer .middle .nav h3 {margin: 0; padding: 0 0 0.25em 0; font-size: 1.25em; font-family: "museo-slab-n5", "museo-slab",serif; font-style: normal; font-weight: 500; color: #ffffff; line-height: 1.2; display: block; transition: all .3s linear; text-decoration: none;}
.footer .middle .nav ul {margin: 0; padding: 0; text-align: center;}
.footer .middle .nav ul li {margin: 0; padding: 0; text-align: center; list-style: none; display: block; font-size: 1em; font-family: "museo-slab-n1", "museo-slab",serif; font-style: normal; font-weight: 100; line-height: 1.5;}
.footer .middle .nav ul li a {margin: 0; padding: 0.25em 0; text-align: left; display: block; color: #ffffff;}
.footer .middle .nav ul li a:hover {text-decoration: none;}
 
.footer .left .nav {margin: 0 0 2em 0; padding: 0; text-align: left;}
.footer .left .nav ul {margin: 0; padding: 0; text-align: left;}
.footer .left .nav ul li {margin: 0; padding: 0; text-align: center; list-style: none; display: inline-block; font-size: 0.9em; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100; line-height: 1.5;}
.footer .left .nav ul li a {margin: 0; padding: 0 0.75em 0 0; text-align: left; display: block; color: #ffffff;}
.footer .left .nav ul li a:hover {text-decoration: none;}


@media screen and (max-width: 1300px) {
	.footer .booking {font-size: 80%;}
}

@media screen and (max-width: 1200px) {
	.footer .left {width: 30%;}
	.footer .right {width: 45%;}
}

@media screen and (max-width: 1000px) {
	.footer .left {width: 35%;}
	.footer .middle {width: 23%;}
	.footer .right {width: 35%;}
}

@media screen and (max-width: 780px) {
	.footer .left {margin: 0 3.5% 2em 0; width: 56.5%;}
	.footer .middle {margin: 0 0 2em 0; width: 40%;}
	.footer .right {margin: 0 0 2em 0; width: 56.5%; display: block;}
	.footer .booking {font-size: 100%;}
}

@media screen and (max-width: 640px) {
	.footer .left {margin: 0 0 2em 0; width: 100%; display: block;}
	.footer .middle {margin: 0 0 2em 0; width: 100%; display: block;}
	.footer .right {width: 80%; display: block;}
}

@media screen and (max-width: 330px) {
	.footer .booking {font-size: 80%;}
}


/* ==========================================================================
   Copyright
   ========================================================================== */
   
.copyright {margin: 0 auto; padding: 0 0 2em 0; text-align: left; bottom: 0; width: 100%; height: 100%; background: #004271;}

.copyright small {margin: 0; padding: 0; list-style: none; font-size: 0.8em; color: #eee; line-height: 1.5; font-family: "museo-sans-n1", "museo-sans",sans-serif; font-style: normal; font-weight: 100;}
.copyright small a {transition: all 0.3s ease; text-decoration: none; color: #ccc;}
.copyright small a:hover {color: #fff;}

@media screen and (max-width: 680px) {
	.copyright {padding: 1em 0 2em 0; text-align: left;}
	.copyright small {width: 80%; display: block;}
}


/* ==========================================================================
   Back to top button
   ========================================================================== */


#back-top {position: fixed; bottom: 0; right: 0; z-index: 300;}
#back-top img {width: 100%;}
 
span#back-top a  {padding: 0; color: #ffffff; width: 60px; line-height: 60px; display: block; background: #0b61aa; /* rounded corners *//* background color transition */ transition: 1s; text-transform: uppercase; text-align: center; font-size: 2.5em;}
span#back-top a:hover {color: #ffffff; background-color: #004271;}

body.menuOpen #back-top a {display: none!important;}



/* ==========================================================================
   Media Queries
   ========================================================================== */

@media screen and (max-width: 640px) {
	.hide {display: none !important;}
	.footer .hide {display: inline-block !important;}
}


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

/*
 * Hide visually and from screen readers
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.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:
 * https://www.drupal.org/node/897638
 */

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

/*
 * Hide visually and from screen readers, 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;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after,
    *:first-letter,
    *:first-line {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}