html { padding:0px; margin:0px; }
body { color:#282828; padding:0px; margin:0px; font-family:'Droid Serif',Georgia,serif; background:#b6bbc8; font-size:80%; }
h1, h2, h3, h4, h5, .h1, .h2, .h3, .p, p { margin:0; padding:0 0 30px; }
p.extraspace { margin:0 0 85px; }
ul, ol { margin-top:0; }
ul { list-style:none; }

h1, .h1 { font-size:2.14em; font-weight:normal; line-height:1.3em; }
h2, .h2 { font-size:1.85em; font-weight:normal; }
h3, .h3 { font-size:1.4em; font-weight:normal; }
h4, .h4 { font-size:1.2em; font-weight:normal; }

form { margin:0; padding:0; }
select { font-family:'Droid Serif',Georgia,serif font-size:1em; }
img { border-style:none; vertical-align:middle; }
a { color:#0073b2; }
a:hover { text-decoration:underline; color:#000; }
a span { cursor:pointer; }
input, textarea, select { color:#282828; font-size:0.95em; vertical-align:middle; padding:7px 1%; font-family:'Droid Serif',Georgia,serif; }

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

/* Utility Classes */
.cs:after, .thumbnails li:after, .linklist li:after, .panel:after, .trds:after, .halves:after, .qtrs:after, .sectionlinks a:after, .row:after, .transnav ul:after, .months ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { clear:both; height:0px; overflow:hidden; }
.clearhalf { clear:both; height:10px; overflow:hidden; }
.clearspace { clear:both; height:20px; overflow:hidden; }
.cleardblspace { clear:both; height:40px; overflow:hidden; }
.small { font-size:0.9em; line-height:1.3em; }
.smaller { font-size: 0.75em; line-height:1.3em; }
.bigger{ font-size: 1.25em; line-height:1.3em; }
.big { font-size: 1.1em; line-height:1.3em; }
.photoright, .photoRight { float:right; margin-left:20px; margin-bottom:20px; clear:right; }
.photoleft, .photoLeft { float:left; margin-right:20px; margin-bottom:20px; border:#c8c8c8 1px solid; clear:left; }
.hidden { display:none; }
.alttext { display:block; font-size:0px; width:0px; height:0px; overflow:hidden; text-indent:-9999px; }
.left { text-align:left!important; }
.center { text-align:center!important; }
.right { text-align:right!important; }
.fl, .floatLeft { float:left!important; }
.fr, .floatRight { float:right!important; }
.half { float:left; width:50%; margin:0; overflow:hidden; }
.mspace { margin-right:-1%; padding-bottom:18px; }
.mspaceholder { overflow:hidden; }
.mspacelarge { margin-right:-4%; }
.nowrap { white-space:nowrap; }
.trd { float:left; width:32.3%; margin:0 1% 0 0; overflow:hidden; }
.mspacelarge .trd { margin-right:4%; width:29.3%; }
.twotrd { float:left; width:64%; margin:0 1% 0 0; }
.qtr { float:left; width:24%; margin:0 1% 0 0; overflow:hidden; }
.fth { float:left; width:19%; margin:0 1% 0 0; overflow:hidden; }
.sixth { float:left; width:14%; margin:0 1% 0 0%; overflow:hidden; }
.threeqtr { float:left; width:74%; margin:0 1% 0 0; overflow:hidden; }
.left_section { float:left; width:48%; }
.right_section { float:right; width:48%; }
.colour { color:#0073b2!important; }
.subcolour { color:#ebbf31!important; }
.darkcolour { color:#2d369c!important; }
.grey { color:#888; }
.lighter { font-weight:lighter; }
.normal { font-weight:normal; }
.u { text-transform:uppercase; }
.btn, .form-container .field input.input-submit, .directionsSearch { background:#fff; border:0; padding:11px 15px; font-size:18px; text-transform:uppercase; color:#514a57; text-decoration:none; margin-left:10px; display:inline-block; width:auto; cursor:pointer; line-height:1.3em; font-style:normal; -webkit-appearance:none; border-radius:0px; text-shadow:none; }
.right .btn, .contentsection .right .btn { margin-right:0px; }
.form-container .field input.input-submit { border:#282828 1px solid; }
.btn:hover, .form-container .field input.input-submit:hover, .contentsection .btn:hover { background:#2d369c; color:#fff; text-decoration:none; }
.button { border:#fff 1px solid; padding:11px 15px; display:block; text-decoration:none; text-transform:uppercase; font-size:18px; color:#000; background:#fff; margin:0 auto; cursor:pointer; line-height:1.3em; -webkit-appearance:none; border-radius:0px; }
.button:hover, .suhhead > .container .btn:hover, .suhhead   > .container .btn.whiteback  { background:transparent; color:#fff; text-decoration:none; }
.contentsection .btn.extraspace { margin-left:0; margin-right:26px; }
.suhhead  .btn.whiteback:hover { background:#2d369c; color:#fff; }
.bbtn, .contentsection .bbtn { background:#2d369c; color:#fff; text-decoration:none; text-transform:uppercase; border:#2d369c 1px solid; border-radius:3px; display:inline-block; padding:8px 12px; margin:0 6px 10px 0; transition:all 0.3s linear; }
.bbtn:hover, .contentsection .bbtn:hover { background:#fff; color:#514a57; border-color:#000; }
.bbtn:last-child { margin-right:0; }
.block, .subpage ul.block { display:block; }
.topfooter .button { text-transform:none; }
.sep { margin:0 5px; }
.inlineblock { display:inline-block; }
.contentsection .photoright .btn { margin-right:0; }
.photoright.nomb { margin-bottom:0; }

.downbutton, .point .label { transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; }

header{position: relative; z-index: 2;}
#nav { background:#2d369c; margin:0; padding:0; text-align:center; }
.nav { background:#2d369c; text-align:center; margin:0; padding:0; }
#nav ul, #subnav ul, .subnav #subnav ul { margin:0; padding:0; list-style:none; display:block; }
#nav ul li, #subnav ul li { display:inline; color:#fff; text-transform:uppercase; }
#nav ul li a, #subnav ul li a { margin:0; color:#fff; text-decoration:none; display:inline-block; padding:19px 1.8%; font-size: 0.94em; }
#nav ul li span.nowrap, #subnav ul li span.nowrap { display:inline-block; padding:0px 1%; color:#fff; }
#nav ul li.active a { background:#dcb626; color:#2d369d; }
#nav ul li a:hover { background:#29328f; color:#fff; }

#subnav { background:#2d369c; text-align:center; }
#subnav .container { text-align:left; }
.subnav { background:#2d369c; text-align:center; }
#subnav ul li.active a { background:#dcb626; color:#2d369c; }
#subnav ul li a:hover { background:#29328f; color:#fff; }

#nav ul li.callicon .callhover { display: none; position: absolute; padding: 19px 14px; top: 0; right: 35px; background: #21297a; text-transform: capitalize; }
#nav ul li.callicon .callhover span { color: #dbb629; }
#nav ul li.callicon a { padding: 17px 0.8% 15px; position: relative; }
#nav ul li.callicon a:hover .callhover { display: inline-block; }
#nav ul li.mailicon a { padding: 17px 0.8% 15px; }
#nav ul li.mailicon { padding-left: 4.2%; }

.header { background:url(head_back.png); position:absolute; padding:18px 0; width:100%; z-index:5; top:0px; }
.container { max-width:1161px; margin:0 auto; }
.container--header { max-width: 1451px; }
.header .container .left_section { padding-top:20px; color:#fff; font-size:1.4em; line-height:1.5em; border-right:#fff 1px solid; font-style:italic; margin-top:10px; width:48%; padding-right:1%; }
.header .container .left_section img { float:left; margin:-20px 20px 0px 0; }
.header .container .left_section img.svg-logo { margin:-35px 20px -15px 0; }
.header .container .right_section { padding-right:0.5%; width:48%; padding-top:4px; text-align:left;  }
.header .container .right_section .buttons { width:60%; display:inline-block; vertical-align:middle; }
.header .container .right_section .btn { margin:0px 0 3px 0; border-radius:2px; font-size:13px; padding:10px 12px; }
.header .container .right_section .btn.first { margin-right:7%; }
.header .container .right_section img { max-width:15%; margin-left:4.5%; }
.mainbody .header .logosubtitle { font-size:1em; line-height:1.3em; display:block; text-align:left;  }
.mainbody .suhhead .header .logosubtitle { font-size:0.7em; }

.mainbody { position:relative; overflow:hidden; z-index:1; }
.section { position:relative; z-index:1; background:#fff; }
.cloud { background:url(cloud.png) top left no-repeat; width:900px; height:863px; position:absolute; left:-800px; top:0%; z-index:1; max-height:100%; }

.photos { position:absolute; left:25.5%; top:34%; z-index:3; width:41%; }
.photos span { display:inline-block; width:29%; }
.photos span img { position:relative; box-shadow:rgba(100,100,100,0.3) -5px 5px 5px; }
.polo1 { -ms-transform: rotate(-20deg); -webkit-transform: rotate(-20deg); transform: rotate(-20deg); left:0px; top:0px; }
.polo2 { -ms-transform: rotate(5deg); -webkit-transform: rotate(4deg); transform: rotate(4deg); left:-50%; top:-3px; }
.polo3 { -ms-transform: rotate(34deg); -webkit-transform: rotate(34deg); transform: rotate(34deg); left:-109%; top:60px;  }

#map { position:absolute; z-index:2; width:34%; margin-left:3.3%; margin-top:3.3%; top:0px; }
.map { width:100%!important; }
.path { position:absolute; width:100%; overflow:hidden; top:0%; left:0%; }
.path .pathcontainer { height:2714px; }
.path .pathcontainer img { width:100%!important; }
.point { position:absolute; z-index:3; }
.point .label { position:absolute; background:#2d369c; padding:7px 12px; width:110px; font-style:italic; color:#fff; -webkit-opacity: 0; -moz-opacity: 0; opacity:0; display:none; margin-top:29px; margin-left:10px; }
.point.toplabel .label { margin-left:-108px; margin-top:-40px; }
.point.sidelabel .label { margin-top:-17px; margin-left:30px; }
.point:hover .label { -webkit-opacity:1; -moz-opacity: 1; opacity:1; display:block; }
.point .icon .label { background:#fff; background:#fff; margin-left:50px; margin-top:0; color:#000; }
.plus { display:inline-block; width:32px; height:32px; background:transparent url(icon_plus.png) top left no-repeat; margin:-16px; }
.pier { display:inline-block; width:46px; height:46px; background:url(pier.png) top left no-repeat; margin:-23px; }
#mapdot { position:absolute; }
#mapdot2 { position:absolute; }

.compass { position:absolute; left:-4.5%; top:29.2%; width:53%; }

#stage1 { height:887px; background:#e1edf3 url(clouds.jpg) center center fixed; text-align:center; color:#fff; text-shadow:#15283a 1px 1px 1px; -webkit-animation: clouddrift 20s infinite; -moz-animation:clouddrift 20s infinite; -o-animation:clouddrift 20s infinite; animation:clouddrift 20s infinite; animation-timing-function:ease-in-out; }
#stage1 .bl { position:absolute; bottom:3%; left:1.5%; }

@-webkit-keyframes clouddrift { 0% { background-position:-100px 0%; } 50% { background-position:0px 0%; } 100% { background-position:-100px 0%; } }
@-moz-keyframes clouddrift { 0% { background-position:-100px 0%; } 50% { background-position:0px 0%; } 100% { background-position:-100px 0%; } }
@-o-keyframes clouddrift { 0% { background-position:-100px 0%; } 50% { background-position:0px 0%; } 100% { background-position:-100px 0%; } }
@keyframes clouddrift { 0% { background-position:-100px 0%; } 50% { background-position:0px 0%; } 100% { background-position:-100px 0%; } }

#stage1back { height:887px; background:url(mountains.png) center bottom no-repeat fixed; background-size:cover; }
#stage1 h1, #stage1 .h1 { color:#fff; font-size:3.9em; line-height:1.3em; max-width:913px; margin-left:auto; margin-right:auto; }
#stage1 h1, #stage1 p.tickets { padding-bottom:10%; }
#stage1.sectionstage1 h1 { text-shadow: none; color: #1C2962; font-size: 4.22em; line-height: 1.17em; }
.stage1content { max-width:50%; margin:0 auto; padding:14.5% 0 0; }
.social { position:absolute; right:0%; z-index:3; top:100%; z-index:6; }
.social a { display:block; margin-bottom:10px; }
.social img { max-width:100%; }

.social .expand_head { background:rgba(0,0,0,0.23); color:#fff; margin-top:0; font-size:1em; padding:9px 12px; }
.social .expand_head .icon { width:18px; height:12px; margin-left:10px; background:url(social_expand_icon.png) top left no-repeat; display:inline-block; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
.social .expand_head.active .icon  { -ms-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }
.social .expand_body { text-align:right; padding-right:10px; }

.introlinks { position:absolute; left:1.5%; top:30%; z-index:5; text-align:left; }
.introlinks p { padding-bottom:10px; }
.introlinks a { color:#fff; padding:20px 0 20px 70px; text-decoration:none; font-style:italic; display:inline-block; }
.iconlink { overflow:hidden; text-indent:100%; white-space:nowrap; width:54px; height:53px; margin-right:10px; float:left; }
.introlinks a.video, .iconlink.video { background:url(video.png) top left no-repeat; }
.introlinks a.mobile, .iconlink.mobile { background:url(mobile.png) top left no-repeat; }
.introlinks a.webcam, .iconlink.webcam { background:url(webcam.png) top left no-repeat; }

.nextstop { position:absolute; left:50%; top:100%; margin:-110px -100px 0; width:200px; text-align:center; font-style:italic; font-weight:normal; color:#fff; }
.ticketstub { opacity:0.5; transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; }
.ticketstub:hover { opacity:1; }

.downbutton { display:inline-block; padding:5px; border:#fff 4px solid; border-radius:50%; position:absolute; left:50%; top:100%; margin:-75px 0 0 -25px; z-index:5; }
.downbutton:hover { padding:10px; margin:-80px 0 0 -30px; }
#stage1 .downbutton { position:static; margin:0; padding:15px;}
#stage1 .downbutton:hover { padding:20px; margin:-5px; }

#stage2 { height:947px; background:url(stage2.jpg) center center no-repeat fixed; background-size:cover; color:#fff; }

.maintext { position:absolute; left:19%; top:13.5%; max-height:81%; z-index:4; color:#fff; }
.maintext p { line-height:2em;  }
.maintext h1, .maintext .h1 { font-size:5.6em; font-style:italic; padding-bottom:10px; }
.maintext h2, .maintext .h2, .maintext p { font-style:italic; padding-bottom:38px; }
.maintext p .button { font-style:normal; }
.maintext .button { width:70%; margin:0 auto; }
.arrow {  position:absolute; top:65%; left:31%; width:14%; }

.sectionlinks { position:fixed; width:11%; margin-left:-16%; background:url(wpx.png) left repeat-y; z-index:6; left:100%; top:36%; text-shadow:#514a5b 1px 1px 1px; font-size:0.85em; }
.sectionlinks a { display:block; padding:0px 0 0px 30px; color:#fff; font-style:italic; margin:18px 0; text-decoration:none; }
.sectionlinks a.first { margin-top:-2px; }
.sectionlinks a.last { margin-bottom:-2px; }
.sectionlinks .dot { background:#fff; width:24px; height:24px; display:inline-block; position:relative; margin:0px 10px 0px -42px; border-radius:50%; box-shadow:#514a5b 1px 1px 1px; vertical-align:middle; }
.sectionlinks .active { font-size:1.5em; padding-top:14px; }
.sectionlinks .active .dot { width:62px; height:62px; margin-left:-60px; margin-top:-20px; }

.section .panel { z-index:5; color:#fff; line-height:2em; font-size:0.9em; text-align:center; position:absolute; width:20.2%; left:54.6%; padding:2.2% 2.5%; top:11.9%; max-height:80%; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM1NDg1MyIgc3RvcC1vcGFjaXR5PSIwLjIiLz4KICAgIDxzdG9wIG9mZnNldD0iODclIiBzdG9wLWNvbG9yPSIjMzU0ODUzIiBzdG9wLW9wYWNpdHk9IjAuMiIvPgogICAgPHN0b3Agb2Zmc2V0PSI4OSUiIHN0b3AtY29sb3I9IiMzNTQ4NTMiIHN0b3Atb3BhY2l0eT0iMC4xNCIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MSUiIHN0b3AtY29sb3I9IiMzNTQ4NTMiIHN0b3Atb3BhY2l0eT0iMC4xMyIvPgogICAgPHN0b3Agb2Zmc2V0PSI5NCUiIHN0b3AtY29sb3I9IiMzNTQ4NTMiIHN0b3Atb3BhY2l0eT0iMC4wNyIvPgogICAgPHN0b3Agb2Zmc2V0PSI5OSUiIHN0b3AtY29sb3I9IiMzNTQ4NTMiIHN0b3Atb3BhY2l0eT0iMC4wNiIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMzU0ODUzIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top,  rgba(53,72,83,0.2) 0%, rgba(53,72,83,0.2) 87%, rgba(53,72,83,0.14) 89%, rgba(53,72,83,0.13) 91%, rgba(53,72,83,0.07) 94%, rgba(53,72,83,0.06) 99%, rgba(53,72,83,0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(53,72,83,0.2)), color-stop(87%,rgba(53,72,83,0.2)), color-stop(89%,rgba(53,72,83,0.14)), color-stop(91%,rgba(53,72,83,0.13)), color-stop(94%,rgba(53,72,83,0.07)), color-stop(99%,rgba(53,72,83,0.06)), color-stop(100%,rgba(53,72,83,0))); background: -webkit-linear-gradient(top,  rgba(53,72,83,0.2) 0%,rgba(53,72,83,0.2) 87%,rgba(53,72,83,0.14) 89%,rgba(53,72,83,0.13) 91%,rgba(53,72,83,0.07) 94%,rgba(53,72,83,0.06) 99%,rgba(53,72,83,0) 100%); background: -o-linear-gradient(top,  rgba(53,72,83,0.2) 0%,rgba(53,72,83,0.2) 87%,rgba(53,72,83,0.14) 89%,rgba(53,72,83,0.13) 91%,rgba(53,72,83,0.07) 94%,rgba(53,72,83,0.06) 99%,rgba(53,72,83,0) 100%); background: -ms-linear-gradient(top,  rgba(53,72,83,0.2) 0%,rgba(53,72,83,0.2) 87%,rgba(53,72,83,0.14) 89%,rgba(53,72,83,0.13) 91%,rgba(53,72,83,0.07) 94%,rgba(53,72,83,0.06) 99%,rgba(53,72,83,0) 100%); background: linear-gradient(to bottom,  rgba(53,72,83,0.2) 0%,rgba(53,72,83,0.2) 87%,rgba(53,72,83,0.14) 89%,rgba(53,72,83,0.13) 91%,rgba(53,72,83,0.07) 94%,rgba(53,72,83,0.06) 99%,rgba(53,72,83,0) 100%); }

.section .panel .btn { display:block; width:90%; margin:0 auto; }

#stage3 { height:945px; background:url(stage3.jpg) center center no-repeat fixed; background-size:cover; }
#stage3 .maintext { width:27%; top:36%; left:25%; text-align:center; max-height:56%; }
#stage3 .photos { left:59.5%; top:20.5%; }
#stage3 .photos .polo1 { z-index:3; -ms-transform: rotate(-29deg); -webkit-transform: rotate(-29deg); transform: rotate(-26deg);left:-34%;top:69px }
#stage3 .photos .polo2 { z-index:2; -ms-transform: rotate(-1deg); -webkit-transform: rotate(-1deg); transform: rotate(-1deg);left:-90%;top:3px; }
#stage3 .photos .polo3 { z-index:1; -ms-transform: rotate(22deg); -webkit-transform: rotate(22deg); transform: rotate(22deg);left:-134%;top:10px; }
#stage3 .arrow { left:60.5%; top:55.5%; }
#stage3 .sectionlinks { top:35%; }

#stage4 { height:965px; background:url(stage4.jpg) center center no-repeat fixed; background-size:cover; }
#stage4 .maintext { width:29%; top:28%; left:49%; text-align:center; max-height:63%; }
#stage4 .maintext h2 { padding-bottom:20px; }
#stage4 .maintext h2.h1  { padding-bottom:10px; }
#stage4 .photos { left:22%; top:12%; }
#stage4 .polo1 { z-index:3; -ms-transform: rotate(-30deg); -webkit-transform: rotate(-30deg); transform: rotate(-30deg); left:0%; top:32px; }
#stage4 .polo2 { z-index:2; -ms-transform: rotate(-8deg); -webkit-transform: rotate(-8deg); transform: rotate(-8deg); left:-41%;top:0px; }
#stage4 .polo3 { z-index:1; -ms-transform: rotate(21deg); -webkit-transform: rotate(21deg); transform: rotate(21deg); left:-90%;top:50px; }
#stage4 .arrow { top:48%; left:30%; }
#stage4 p { max-width:500px; margin-left:auto; margin-right:auto; }

#stage5 { height:965px; background:url(stage5.jpg) center center no-repeat fixed; background-size:cover; }
#stage5 .maintext { width:29%; top:23%; left:49%; text-align:center; max-height:56%; }
#stage5 .maintext h2 { padding-bottom:20px; }
#stage5 .maintext h2.h1  { padding-bottom:10px; }
#stage5 .photos { left:22%; top:8%; }
#stage5 .photos .polo1 { z-index:1; -ms-transform: rotate(-26deg); -webkit-transform: rotate(-26deg); transform: rotate(-26deg);left:0%;top:27px }
#stage5 .photos .polo2 { z-index:2; -ms-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); transform: rotate(-10deg);left:-46%;top:4px; }
#stage5 .photos .polo3 { z-index:3; -ms-transform: rotate(21deg); -webkit-transform: rotate(21deg); transform: rotate(21deg);left:-101%;top:47px; }
#stage5 .arrow { left:33%; top:42%; }
#stage5 p { max-width:500px; margin-left:auto; margin-right:auto; }

#stage6 { height:965px; background:url(stage6.jpg) center center no-repeat fixed; background-size:cover; padding:0 20%; }
#stage6 .container { max-width:1001px; margin:0 auto; text-align:center; color:#fff; padding-top:12%; }
#stage6 .button { width:35%; margin:0 10px; display:inline-block; }
#stage6 h2 { font-style:italic; padding-bottom:50px; }
#stage6 h1, #stage6 h2.h1 { font-size:5.6em; font-style:italic; padding-bottom:20px; }
#stage6 p { padding-bottom:50px; line-height:2em; }
.maxIframe, #stage6 p.maxIframe { width:560px; margin:0 auto;  }
.maxIframe iframe { border:#fff 6px solid; max-width:100%; box-sizing:border-box; }

.ios .suhhead {  }
.ios #stage1 { -webkit-animation:none 0 ease 0 1 normal none running; animation:none 0 ease 0 1 normal none running; }
.ios #stage1, .ios #stage2, .ios #stage3, .ios #stage4, .ios #stage5, .ios #stage6, .ios #stage1back { background-attachment:scroll; }
.ios #stage2, .ios #stage3, .ios #stage4, .ios #stage5, .ios #stage6 { background-color:#999; }

.mapsection { position:relative; }

.events { background:#fff; text-align:center; padding:0px 0 40px; position:relative; z-index:3; }
.events h1, .events h2.h1, .events a.h1 { font-size:3.6em; font-weight:bold; background:#2d369c; border-bottom:#dfdfdf 1px solid; padding:33px 0; color:#fff; display:block; text-decoration:none; }
#events .event { display:block; text-decoration:none; border-bottom:#dfdfdf 1px solid; padding:33px 0 25px; font-size:0.9em; text-transform:uppercase; color:#797979; }
#events .event:hover { background:#f8f8f8; text-decoration:none; }
#events .event span.h1, #events .event span, #events .event strong { display:block; text-decoration:none; max-width:1001px; margin:0 auto; padding:0 0 10px; }
#events .event span.h1 { padding:5px 25px 15px; font-size:2.9em; width:50%; margin:0 auto; font-weight:bold; text-transform:uppercase; color:#2d369c; }
#events .event span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;  }
.events .button { border:#2d369c 1px solid; max-width:391px; margin:40px auto 0; color:#2d369c; }
.events .button:hover { color:#fff; background:#2d369c; }

.eventborder { width: 100%; height: 26px; border-bottom: 1px solid #ebebeb; margin-bottom: 40px; }
.eventsholder { padding: 10px 0 60px; }
.eventitem .btn { margin-right: 19px; }
.eventdate { font-weight: bold; color: #2d369c; padding-bottom: 23px; }
.eventname { /*font-size: 172%; line-height: 1.1em; */ font-size: 193%; line-height: 1.15em; padding-bottom: 20px; font-weight: bold; }
.eventitem { padding: /*0 0 40px*/ 0 0 60px; text-align: left; }
.eventitem .eventimg { width: 15%; margin-right: 2%; float: left; position: relative; }
.eventitem .eventdetails { width: 83%; float: left; }
.eventitem .eventdetails p { padding-bottom: 20px; }
.eventitem .eventdetails .btn { margin:20px 0 0; }
.revealevents { text-align: center; background:#2d369c color: #fff; border-radius: 30px; padding: 13px 0 12px; cursor: pointer; border: 1px solid #fff; transition: all 0.2s linear; -o-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; }
.revealevents:hover { color: #9a182e; border-color:#2d369c; background: #fff; }

.dynamicheader { position:absolute; left:0px; top:0px; height:100%; width:100%; overflow:hidden; z-index:1; }
.dynamicheader #gallery, .dynamicheader .scrollItem { height:100%!important; }
.dynamicheader .scrollItem { background-size:/*100% auto*/cover; }
.dynamicheader .scrollItem img { display:none; }
.dynamicheader ~ .container { position: relative; z-index:2; }

.footer .container { margin:0 auto; max-width:1001px; }
.topfooter { background:#2d369c; color:#fff; padding:40px 0; position:relative; z-index:3; }
.topfooter .h1 { font-size:2.8em; display:block; color:#fff; text-decoration:none; }
.topfooter p { line-height:1.8em; }
.topfooter p a { color:#ffb400; text-decoration:none; }
.topfooter form { padding-right:2%; }
.topfooter .back { background:url(topfootback.gif) center repeat-y; }
.topfooter .left_section, .topfooter .right_section { width:47%; }
.form_email { padding:16px 15px; width:60%; margin-right:1%; border:0; border-radius:0; }
.topfooter .button { display:inline-block; }

.twitterfooter { background:#343da6; color:#fff; padding:20px 0; position:relative; z-index:3; }
.follow { float:right; background:url(twitter_follow.png) left no-repeat; padding-left:30px; color:#fff; text-decoration:none; margin:10px 0 10px 10px; }
.tweet { background:url(tweet.png) left no-repeat; padding:10px 0 10px 50px; }
#twitter a { color:#fff; text-decoration:none; }

.infofooter { background:#1a1f5f; color:#fff; padding:40px 0 10px; line-height:2em; position:relative; z-index:3; }
.infofooter .qtrs { font-size:0.9em; }
.infofooter .h1 { font-size:2.8em; }
.infofooter .head { border-bottom:#21266f 1px solid; margin-bottom:30px; padding-bottom:10px; }
.infofooter .colour { color:#ffb400!important; }
.infofooter .goog-te-gadget, .infofooter .goog-logo-link { color:#fff!important; }
.infofooter a { color:#fff; text-decoration:none; }

.bottomfooter { background:#111333; color:#fff; padding:60px 0 30px; line-height:2em; position:relative; z-index:3; }
.bottomfooter .photoright { max-width:249px; }
.bottomfooter .colour { color:#ffb400!important; }
.bottomfooter .big { font-size:1.55em; line-height:1.5em; }
.bottomfooter .small { font-size:0.95em; }
.legal { font-size:0.95em; padding-top:20px; clear:both; }

.airapath { width:100%; position:absolute; top:100%; overflow:hidden; height:0%; }
.airapath .pathcontainer { overflow:hidden; position:relative; height:100%; }
.airapath .pathcontainer img { position:absolute; bottom:0; width:100%!important; }

.suhhead { background:#b9c2b3 url(languages-header.jpg) center center no-repeat; background-size:cover; padding:250px 0 100px; color:#fff; text-align:center; font-size:1.5em; text-shadow:#666 1px 1px 1px; -webkit-transform: translateZ(0); position:relative;}
.subhead2 { background-image:url(wedding-header.jpg); }
.abouthead { background-image:url(../images/about-us-header.jpg); }
.timetableshead { background-image:url(timetables.jpg); }
.accesshead { background-image:url(../images/Access-Header.jpg); }
.sustainhead { background-image:url(../images/Sustainability-Header.jpg); }
.aboutushead { background-image:url(../images/aboutushead.jpg); }
.transpennine { background-image:url(../images/transpennine.jpg); }
.corporatehead { background-image:url(../images/Corporate-Header.jpg); }
.charterhead { background-image:url(../images/charters-header.jpg); }
.conservationhead { background-image:url(../images/Conservation-Header.jpg); }
.eventshead { background-image:url(../images/Events-Header.jpg); }
.grouphead { background-image:url(../images/groups-header.jpg); }
.facilitieshead { background-image:url(../images/Facilities-Header.jpg); }
.walkinghead { background-image:url(../images/Walking-Header.jpg); }
.celebrationshead { background-image:url(../images/celebrations-head.jpg); }
.eventhead { background-image:url(../images/events-head.jpg); }
.commentshead { background-image:url(../images/comments-head.jpg); }
.educationhead { background-image:url(../images/education-head.jpg); }
.contacthead { background-image:url(../images/contact-us-header.jpg); }
.giftvoucherhead { background-image:url(../images/gift-vouchers-header.jpg); }
.historyhead { background-image:url(../images/history-head.jpg); }
.fleethead { background-image:url(../images/fleet-head.jpg); }
.kidsclubhead { background-image:url(../images/kids-club.jpg); }
.directionshead { background-image:url(../images/directions-head.jpg); }
.corporatecharterhead { background-image:url(../images/corporate-charter-head.jpg); }
.commentaryhead { background-image:url(../images/commentary-head.jpg); }
.kidsclubsignuphead { background-image:url(../images/kidsclubsignuphead.jpg); }
.bloghead { background-image:url(../images/bloghead.jpg); }
.galleryhead { background-image:url(../images/gallery-head.jpg); }
.webcamhead { background-image:url(../images/webcam_head.jpg); }
.nohead { background-image:none; }
.suhhead h1, .suhhead .h1 { font-size:3em; padding-bottom:4px; }
.suhhead > .container .btn { background:transparent; color:#fff; border:#fff 1px solid; text-transform:none; text-shadow:none; }

.contentsection { background:#fff; padding:60px 0 30px; font-size:1.1em; line-height:1.7em; }
.contentsection a { color:#bb8600; }
.contentsection a.external { color:#00c6ff; }
.contentsection h2 { background:#f4f3f1; padding:7px 20px; margin:0px -20px 15px; font-size:1.2em; font-weight:bold; color:#000; }
.contentsection strong { color:#000; }
.contentsection hr { border:0; color:#e4e4e4; background:#e4e4e4; height:1px; overflow:hidden; margin:15px -20px 30px; }
.contentsection .btn, .contentsection  .directionsSearch { border:#000 1px solid; margin:0 15px 0 0; color:#000; text-transform:none; }
.contentsection .center .btn { margin:0 15px 30px; min-width:158px; }

.contentpanel { background:#fff; color:#8e9787;  padding:30px; text-align:left; font-size:1.1em; margin-bottom:20px; line-height:1.5em; }
.contentsection ul, .contentpanel ul { margin:0; padding:0; list-style:none; }
.contentsection ul li, .contentpanel ul li { padding:0 0 15px 22px; background:url(li_icon.png) 6px 7px no-repeat; }

.photosection { color:#fff; text-align:center; padding:60px 0; }
.photosection h2 { font-size:2.4em; padding-bottom:30px; }

.photosection .panel { background:rgba(255,255,255,0.9); color:#8e9787; padding:60px 40px 40px; margin-bottom:30px; font-size:1.1em; }

.weddings { background:#374f62 url(wedding-stage3.jpg) center center no-repeat; background-size:cover; }
.conservation { background:#131106 url(conservation.jpg) center center no-repeat; background-size:cover; height:300px; }
.wildlife { background:#bdc7d0 url(wildlife.jpg) center center no-repeat; background-size:cover; height:300px; }
.groups { background:#b9c2b3 url(group_stage3.jpg) center center no-repeat; background-size:cover; }
.deer { background:#fff url(deer.jpg) center center no-repeat; background-size:cover; }

.calendar .back { background:url(cal_back.png) repeat-y; margin:0 0 0 -20px; }
.calendar .top { background:url(cal_top.png) top left no-repeat; }
.calendar .bottom { background:url(cal_bottom.png) bottom left no-repeat; padding:25px 15px 15px; }

table { margin:0 0 18px; }

.tab_content { clear:both; }
.tab_content table, table.fares { width:100%; border-collapse:collapse; margin:0 0 18px; }
.tab_content table th, .tab_content table td, table.fares th, table.fares td, table.fares tr.grey td { padding:0px; margin:0 1px 1px 0; border:#fff 1px solid; border-width:0px 1px 1px 0; }
.tab_content table th, table.fares th, table.fares tr.grey td { text-align:left; font-weight:normal; font-size:1.2em; padding:4px 7px; }
.tab_content table th.first { width:65%; }
.tab_content table td div, table.fares td div { border:#e0e0e0 1px solid; height:100%; }
.tab_content table td div span, table.fares td div span { display:block; border:#fff 1px solid; padding:4px; background:#f8f8f8; height:100%; }
table.fares td.noback { padding:4px; }

table.fares { margin:0 -5px 20px; }
table.fares th, table.fares tr.grey td { background:#636363; color:#fff; font-size:1.2em; }
table.fares td { font-weight:bold; }

.ui-datepicker a { text-decoration:none; }
.ui-datepicker-header { text-align:center; padding:0 30px 5px; font-size:1.2em; }
.ui-datepicker-header a { color:#fff; font-weight:bold; }
.ui-datepicker-calendar { font-size:0.9em; }

.ui-datepicker-prev,
.ui-datepicker-next {width:6px;height:10px;cursor:pointer; background:url('../presentation/cal_arrows.gif') no-repeat top left; margin-top:4px; }
.ui-datepicker-prev {float:left;}
.ui-datepicker-next {float:right;background-position:top right}

.ui-datepicker-prev span,
.ui-datepicker-next span { display:none; }

.ui-datepicker-calendar { width:100%; border-spacing:0px; border-collapse:collapse; }
.ui-datepicker-calendar th { padding:4px; font-weight:normal; font-size:0.8em; }
.ui-datepicker-calendar td { padding:0; }
.ui-datepicker-calendar a, .ui-datepicker-other-month span { display:block; cursor:default; border:#e8eaeb 1px solid; color:#333; text-align:center; padding:6px 3px; font-weight:bold; }
.ui-datepicker-calendar a.ui-state-highlight { /*border-color:#a4d143;*/ }
.ui-datepicker-other-month span { color:#c8cccf; }
.ui-datepicker-calendar a.activeEvent { border-color:#a4d143; cursor:pointer; }

.calender_table { margin-bottom:15px; }
.calender_table th { background:url(cal_th_back.png) center center no-repeat; border:#e8eaeb 1px solid; font-size:1.2em; }
.calender_table td { background:url(cal_td_back.png) center center no-repeat; text-align:left; vertical-align:top; border:#e8eaeb 1px solid; width:14.2%; }
.calender_table td.ui-datepicker-current-day { background:#2d369c; }
.calender_table td.ui-datepicker-current-day a { color:#fff; }
.calender_table td a { text-align:left; border:0; padding:6px 7px 4px; }
.calender_table td a:hover { text-decoration:none; }
.calender_table td span.event { display:block; text-align:center; padding:5px; font-weight:bold; font-size:0.9em; color:#fff; line-height:1.2em; margin-bottom:5px; }

.calender_table .ui-datepicker-header { background:#2d369c; padding:10px 30%; border-radius:15px; margin:0 0px 15px; color:#fff; }
.calender_table .ui-datepicker-prev,
.calender_table .ui-datepicker-next {width:18px;height:8px;cursor:pointer; background:url('../presentation/big_cal_arrows.png') no-repeat top left; margin-top:4px; }
.calender_table .ui-datepicker-next { background-position:top right; }

.form-container .field { margin-bottom:20px; clear:left; }
.form-container fieldset { padding:0; border:0; float:left; width:47%; margin:0 3% 0 0; }
.form-container fieldset .field { float:none; width:auto; margin-right:0; }
.form-container .field select { padding:11px 2% 12px; }
.form-container .field input { padding:11px 2% 12px; width:89%; vertical-align:middle;}
.form-container .field textarea{ padding:2%; width:89%; height:76px; vertical-align:middle; }
.form-container .field label { display:block; vertical-align:top; }
.form-container .field#_message_field { clear:both; float:none; width:auto; }
.form-container .field#_message_field label { width:10%; }
.form-container .field#_message_field textarea { width:90%; clear:both; float:none; }
.form-container .field.submit-field { text-align:right; width:auto; float:none; clear:both; margin-right:5.5%; }
.form-container .field.form-singlecheckbox { float:left; width:47%; margin:0em 3% 0.8em 0; clear:none }
.form-container .field.form-singlecheckbox label { display:inline; }
.form-container .field.humantest input { width:6%; }
.form-container .field.humantest label { vertical-align:middle; }
.form-container .field.form-singlecheckbox label { width:auto; }
.form-container .field.optional label:after{content:" (optional)"; font-size:0.84em; opacity:0.7; display:inline;}
.form-container .field.optional.form-singlecheckbox label:after { display:inline; margin-left:10px; }
.form-container .field input.input-radio,
.form-container .field input.input-checkbox {width:auto; margin-right:3px;}
.form-container .field input.input-submit { margin-left:23%; }
.form-container .field#_more_details_field { clear:left; }

.subpage ul { display:inline-block; }
.subpage ul ul { display:block; margin-top:10px; }
.subpage form {text-align:left; }
.event { text-align:left; }
#events .event { text-align:center; }
.prcr { height:auto!important; }

.logosection { text-align:center; }
.logosection img { margin:5px; }

.expand_head { padding:12px 20px; background:#0c1979; font-size:14px; margin-top:5px; cursor:pointer; color:#fff; }
.expand_head .icon { background:url(x.png) no-repeat; width:20px; height:21px; transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); float:right; }
.expand_head.active .icon { display:inline-block; -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); transform:rotate(0deg); }
.expand_head h2, .expand_head h3 { margin:0; padding:0; color:#fff; background:transparent; font-size:1.3em; }
.expand_body { padding:12px 20px; line-height:1.5em; }
.expand_body h3 { font-weight:bold; font-size:1.3em; padding-bottom:30px; line-height:1.3em; }
.expand_body .eventdetail { padding:10px 20px 0; background:#fcfcfc; margin:10px 0 30px; line-height:2em;  }
.expand_body .eventdetail p { padding-bottom:10px; }
.expand_body .btn { min-width:107px; text-align:center; }
.expand_body .big { font-size:1.2em; line-height:1.5em; }
.expand_body .event { background:#f5f5f5; margin:0 -20px 12px; padding:26px 20px 26px; }

#notice { background:#c00; color:#fff; }
#notice .container { padding:7px 0; }
#notice p { padding:0; }

.iconCheckSection { display:none; }

.paging,
.paging_panel { border-top:2px solid #2A4784; padding:12px 7px 12px 7px; margin-top:10px; text-align:center; }
.paging_fade { color:#2A4784; }
.paging_selected { border:1px solid #2A4784; padding:2px 7px; margin:0 2px; background-color:#2A4784; color:#FFFFFF; }
.paging_page a { border:1px solid #2A4784; padding:2px 7px; margin:0 2px; background-color:transparent; text-decoration:none; }
.paging_page a:hover { border:1px solid #333333; padding:2px 7px; margin:0 2px; background-color:#666666; color:#FFFFFF; text-decoration:none; }

.contentsection ul.photoset li { padding:0; background:0; }
.photoset>*{display:inline-block; text-align:center; width:27%; background:#fff; margin:0 6% 6% 0; padding:0; -webkit-transform:rotate(6deg);-moz-transform:rotate(6deg);-ms-transform:rotate(6deg);-o-transform:rotate(6deg);transform:rotate(6deg);-moz-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;-webkit-transition:all 0.1s ease-out;transition:all 0.1s ease-out;}
.photoset img { width:100%; margin-bottom:5px; }
.photoset>*>a{position:relative;padding:10px;border:1px solid #eee;background:#fff;-webkit-box-shadow:0 2px 4px rgba(0, 0, 0, 0.1);-moz-box-shadow:0 2px 4px rgba(0, 0, 0, 0.1);box-shadow:0 2px 4px rgba(0,0,0,0.1); display:block; text-decoration:none; }
.photoset>*>a:before,.photoset>*>a:after {content:"";position:absolute;z-index:-1;bottom:8px;left:10px;width:50%;height:20%;max-width:300px;-webkit-box-shadow:0 8px 16px rgba(0,0,0,0.6);-moz-box-shadow:0 8px 16px rgba(0,0,0,0.6);box-shadow:0 8px 16px rgba(0,0,0,0.6);-webkit-transform:skew(-15deg) rotate(-6deg);-moz-transform:skew(-15deg) rotate(-6deg);-ms-transform:skew(-15deg) rotate(-6deg);-o-transform:skew(-15deg) rotate(-6deg);transform:skew(-15deg) rotate(-6deg)}
.photoset>*>a:after{left:auto;right:10px;-webkit-transform:skew(15deg) rotate(6deg);-moz-transform:skew(15deg) rotate(6deg);-ms-transform:skew(15deg) rotate(6deg);-o-transform:skew(15deg) rotate(6deg);transform:skew(15deg) rotate(6deg)}
.photoset span.title{-webkit-transform-style:preserve-3d}
.photoset>*:nth-child(even){-webkit-transform:rotate(-5deg) scale(1.05);-moz-transform:rotate(-5deg) scale(1.05);-ms-transform:rotate(-5deg) scale(1.05);-o-transform:rotate(-5deg) scale(1.05);transform:rotate(-5deg) scale(1.05)}
.photoset>*:nth-child(5n){-webkit-transform:rotate(-4deg) scale(0.9);-moz-transform:rotate(-4deg) scale(0.9);-ms-transform:rotate(-4deg) scale(0.9);-o-transform:rotate(-4deg) scale(0.9);transform:rotate(-4deg) scale(0.9);position:relative;left:-10px}
.photoset>*:hover{position:relative;z-index:10;box-shadow:8px 8px 15px rgba(0,0, 0, 0.4);-webkit-transform:rotate(0deg) scale(1.4);-o-transform:rotate(0deg) scale(1.4);-moz-transform:rotate(0deg) scale(1.4);-ms-transform:rotate(0deg) scale(1.4);transform:rotate(0deg) scale(1.4); color:#000; }
.photoset>*:hover a { color:#000; }

.acornholder { padding-left:99px; display:inline-block; }
#acorn {width: 99px; float: left; margin-left:-99px; overflow: hidden; }
#acorn a,
#acorn a:link {margin-top:25px;display:block; width:70px; height:68px; background:url(pine-cone.gif) 0px -68px; no-repeat; overflow:hidden;}
#acorn a:hover {background:url(pine-cone.gif) top left no-repeat; overflow:hidden;}
#acorn a span {display:none;}

.sck-error-p { color:#c00; }
.map_canvas { margin-bottom:20px; }

.months { border-bottom:#d9d9d9 1px solid; clear:both; margin:10px 0 50px; }
.months ul { margin:0; padding:0; list-style:none; display:block; border-bottom:#d9d9d9 1px solid; }
.months ul li { margin:0; padding:0; float:left; margin-right:3.6%; list-style:none; background:transparent; }
.months ul li.last { margin-right:0; }
.months ul li a, .months ul li span { display:block; color:#282828; padding:4px 0 13px; text-align:center; text-decoration:none; font-weight:bold; }
.months ul li.active a, .months ul li.active span { border-bottom:#2d369d 2px solid; margin-bottom:-2px; color:#2d369d; }

.row { display:block; position:relative; padding-bottom:50px; }
.row > div.image { width:20%; float:right; margin-left:2%; padding-top:20px; }
.row > div.text { padding:10px 10px 10px 0;  }
.row > div.text .desc { overflow:hidden; margin-bottom:20px; }
.row > div.text .date { color:#000; font-weight:bold; }
.row > div.image img { border:#2d369c 5px solid; }
.row .bo { float:right; }

#body { position:relative; transition:all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition:all 0.2s linear; }
#skrollr-body {min-height: 1px; position:relative; }
.gmap img { max-width:none; }

.transnav { position:fixed; z-index:11; overflow-x:hidden; left:0px; top:0px; background:#252c72; color:#fff; width:0px; font-size:1.0em; text-align:center; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; min-height:100%; text-align:left; height:100%; word-break:break-word; }
.transnav > div { overflow-y:auto; height:100%; }
.fixme { transition:margin 0.2s linear; -webkit-transition: margin 0.2s linear; -moz-transition: margin 0.2s linear; -o-transition: margin 0.2s linear; left:0; width:100%; }
.transnav ul { padding:0; margin:0; clear:both; font-size:1em; text-transform:uppercase; }
.transnav ul li { float:left; width:50%; box-sizing:border-box; }
.transnav ul li.nolinkli { float:none; clear:both; width:auto; font-size:1.5em; padding:10px 0; }
.transnav ul li:nth-child(2n+1) { clear:left; }
.transnav ul li.active { background:#dcb626; }
.transnav .nav__holder ul li.active { background: transparent; }
.transnav .nav__holder ul li.active a { color: #C6A233; background: transparent; }
.transnav ul li.active a { color:#2d369c; }
.transnav ul li a { display:block; padding:13px 20px; color:#fff; text-decoration:none; border:none; letter-spacing:1px; }
.transnav ul li.main a { font-size:1.1em; }
.transnav ul li a:hover { background:#29328f; color:#fff; }
.transnav .nav__holder ul li a { transition: all 0.2s linear; -o-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; }
.transnav .nav__holder ul li a:hover { color: #C6A233; background: transparent; }
.transnav ul ul { padding-top:0; font-size:1em; }
.transnav ul ul li { float:none; width:auto; font-size:0.8em; background:#2d369c; }
.transnav ul li span.nowrap { display:block; padding:12px 20px; }
.transnav ul li span.nowrap a { display:inline; padding:0; }
.transnav span.buttons { display:block; padding:20px; }
.transnav span.buttons .btn { margin-left:0; margin-right:20px; }
.transnav div > img { margin:0 20px 20px; }

.tabs { padding-top:15px; }
.tabcontrol ul { margin:0; padding:0; list-style:none; font-size:1.1em; }
.tabcontrol ul li { display:inline-block; background:#0c1979; vertical-align:bottom; border-radius:5px 5px 0 0; margin-top:8px; margin-right:10px; padding:0; }
.tabcontrol ul li a { display:block; padding:14px 19px; color:#fff; text-decoration:none; outline:0; }
.tabcontrol ul li.ui-state-active { background:#f4f3f1; margin-top:0; }
.tabcontrol ul li.ui-state-active a { padding-top:22px; color:#0c1979; }

.calender_table .ui-datepicker-calendar { border:#f4f4f4 1px solid; }
.calender_table td a { text-align:right; }
.calender_table td span.event, .eventkey { font-size:0px; text-indent:100%; display:block; margin-left:auto; margin-right:0px; height:3px; width:15px; overflow:hidden; padding:0; }
.eventkey { float:none; display:inline-block; vertical-align:middle; }
.calender_table td.ui-datepicker-current-day { background:#3e3d43!important; color:#fff; }
.calender_table .ui-datepicker-prev, .calender_table .ui-datepicker-next { width:14px; height:19px; margin-top:2px;  }
.calender_table .ui-datepicker-prev { background:url(cal_arrow_left.png) center no-repeat; }
.calender_table .ui-datepicker-next { background:url(cal_arrow_right.png) center no-repeat; }
.calender_table .ui-datepicker-header { border-radius:0; padding:10px; margin-bottom:0; background:#0c1978; }
.calender_table .ui-datepicker-calendar th { color:#0c1979; font-weight:bold; background:#f4f4f4; border-color:#fff; font-size:1em; padding-top:20px; }
.calender_table .ui-datepicker-calendar td { border:#fff 1px solid; }
.calender_table .ui-datepicker-calendar td a { padding-bottom:25px; }
.calender_table .ui-datepicker-calendar td, .calender_table .ui-datepicker-calendar tr:nth-child(2n) td:nth-child(2n+1) { background:#f9f9f9; }
.calender_table .ui-datepicker-calendar td:nth-child(2n + 1), .calender_table .ui-datepicker-calendar tr:nth-child(2n) td:nth-child(2n) { background:#fff; }
 { background:#fff; }
 .calender_table .ui-datepicker-calendar td a.ui-state-hover { background:#343da6; color:#fff; }
 .calender_table .ui-datepicker-calendar td a.ui-state-active { background:#0c1978; color:#fff; }
.calender_table .ui-datepicker-calendar a, .ui-datepicker-other-month span { color:#acacac; }

#maintimetable.contentsection h2, #airatimetable.contentsection h2 { padding:10px 20px; font-weight:normal; color:#fff; margin:0; }
#maintimetable .left_section, #maintimetable .right_section, #airatimetable .left_section, #airatimetable .right_section { width:49%; }
.current_table .tab_content table { border-bottom:#e9e9e9 40px solid; }
.current_table .tab_content table th { color:#0c1979; font-weight:bold; background:#f4f4f4; border-color:#fff; font-size:1em; padding-top:20px; padding-left:15px; }
.current_table .tab_content table tr td { padding:6px 15px; color:#0c1979; }
.current_table .tab_content table th, .current_table .tab_content table tr td { background:#f4f4f4; }
.current_table .tab_content table th:nth-child(2n + 1), .current_table .tab_content table tr td:nth-child(2n+1) { background:#fbfbfb; }
.current_table .tab_content table tr:nth-child(2n) td { background:#e9e9e9; }
.current_table .tab_content table tr:nth-child(2n) td:nth-child(2n+1) { background:#f0f0f0; }

.parttable { width:100%; border-collapse:collapse; }
.parttable h4 { padding:10px 5px 10px 15px; border-bottom:#d9d9d9 1px solid; }
.parttable h4 strong { color:#0c1979; }
.parttable th, .parttable td { border:#fff 4px solid; color:#0c1979; padding:5px 5px 5px 15px; background:#fbfbfb; text-align:left; }
.parttable th { background:#f0f0f0; }
.parttable th.title { padding:0;  }
.parttable td.space { background:#fff; }

.arrow_icon { background:url(arrow_icon_small.png) center center no-repeat; width:33px; height:32px; display:block; overflow:hidden; text-indent:100%; white-space:nowrap; }
#stage1  .arrow_icon { background-image:url(arrow_icon.png); width:77px; height:77px; }

.mobileonly, .sso { display:none; }

.TA_cdsratingsonlynarrow { margin-top:39px; }

#subForm input[type="text"], #subForm input[type="email"] { width:96%; padding:3%; background:#f6f6f6; border:#d4d4d4 1px solid; border-radius:2px; }
#subForm label { padding-bottom:10px; font-weight:bold; color:#2d369c; }
.invalid label, .error { color:#f00; }
.form-container #subForm .field.submit-field { text-align:left; }
.form-container #subForm .field.submit-field .btn { color:#2d369c; border-color:#2d369c; font-family: 'Droid Serif',Georgia,serif; }
.form-container #subForm .field.submit-field .btn:hover { color: #fff; }

a.pdfdownload { border:#2d369c 1px solid; color:#fff; display:inline-block; font-size:1.1em; font-weight:normal; margin:8px 0; width:71%; border-radius:2px; padding:12px 10px 12px 20px; color:#fff; background: #3b45b6; background: -moz-linear-gradient(left,  #3b45b6 0%, #2e379e 100%); background: -webkit-linear-gradient(left,  #3b45b6 0%,#2e379e 100%); background: linear-gradient(to right,  #3b45b6 0%,#2e379e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b45b6', endColorstr='#2e379e',GradientType=1 ); text-decoration:none; box-sizing:border-box; }

.pdfdownload:before { content:" "; float:right; margin:-2px 0 -2px 10px; width:20px; height:27px; background:url(pdf_download.png) top left no-repeat; }

h2.plainh2 { margin:0; padding:0 0 30px; background:transparent; color:#2d369c; font-size:1.8em; font-weight:normal; line-height:140%; }
.leftbs { text-align:left; }
.centerbs { text-align:center; }
.rightbs { text-align:right; }

.homecontentsection { background:#fff; text-align:center; padding:5% 280px; font-size:1.1em; line-height:1.8em; }
.homecontentsection .h1 { font-size:2.6em; }
.homecontentsection hr { border:0; border-top:#494254 5px solid; width:38px; margin:0 auto 30px; }
.homecontentsection .sep { margin:10px 1.5%; }
.homecontentsection .btn { background:#2d369c; color:#fff; margin-top:30px; }
.homecontentsection .btn:hover { color:#2d369c; background:#fff; }


.header .container.na { padding:10px 0; }
.header .container.na .left_section { width:62%; border-right:0; padding-top:30px; margin-top:0; }
.header .container.na .left_section img { margin-top:-30px; }
.header .container.na .left_section img.svg-logo { margin-top:-45px; }
.header .container.na .right_section { width:36%; text-align:right; padding-top: 23px; }
.header .container.na .right_section .btn { margin-left:5%; font-size:16px; }
.header .container.na .right_section .btn.first { margin:0px; }

.mobilenavsocial { display: none; }
.hiddensocials { display: none; }

.bookticketlink { background:url(buy-tickets.png) top left no-repeat; background-size:contain; display:inline-block; width:186px; height:90px; overflow:hidden; text-indent:100%; white-space:nowrap; margin-top:-23px; transition: background 0.2s linear; -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -o-transition: background 0.2s linear;}
.bookticketlink:hover { background-image:url(buy-tickets-over.png); }

.buytickets.buytickets--svg { width: 227px!important; }

.experiment #stage1 h1, .experiment #stage1 p.tickets { padding-bottom: 21%; }
.experiment #stage1 .downbutton, .experiment .downbutton { padding:15px; }
.experiment #stage1 .downbutton:hover, .experiment .downbutton:hover { padding:20px; }
.experiment #stage1 .arrow_icon, .experiment .arrow_icon { background-image:url(section-arrow.png); width:15px; height:14px; }
.footer__lde-logo { max-width: 249px; }
.bottom-footer__logos { text-align:right; }
.bottom-footer__logos img { margin-left:5px; }

.fares-header, .fares-columns__column-row { padding:20px 25px; }

.fares-header { background:#d0dec3; margin-bottom:5px;}
.fares-header h3 { font-weight:bold; padding-bottom:5px; margin-bottom:5px; }
.fares-prices { font-weight:bold; margin-bottom:5px; }
.fares-prices table { width:100%; border-collapse:collapse; margin-bottom:0; }
.fares-prices th:first-child { text-align:left; background-color:#e9f3e4; color:#282828; padding:11px 25px; }
.fares-prices th.fares-prices__head { text-align:left; color:#fff; font-weight:lighter; background-color:#a2bd8c; padding:11px 25px; width:25%; }
.fares-prices th.fares-prices__head--red { color:#fff; background-color:#b7213a; }
.fares-prices th.fares-prices__head--lilac { color:#fff; background-color:#9fa8d3; }
.fares-prices th.fares-prices__head--green { color:#fff; background-color:#27a759; }
.fares-prices td { padding:11px 25px; text-align:center; border-top:#fff 1px solid; }
.fares-prices__body--red { background-color:#edc7ce; }
.fares-prices__body--lilac { background-color:#e7e9f4; }
.fares-prices__body--green { background-color:#c9e9d5; }
.fares-columns__column-row { margin-bottom:5px; padding-bottom:5px; }
.fares-columns__column-row h3 { padding-bottom:12px; font-weight:bold; }
.fares-columns__column-row p { padding-bottom:15px; }
.fares-columns__column-row--walkers { background-color: #e7d7c4; }
.fares-columns__column-row--grey { background-color: #e0e0e0; }
.fares-columns__column-row--blue { background-color: #dee5ed; }
.fares-columns__column-row--green { background-color: #ebf3e4; }
.fares-columns__column { float:left; width:49.8%; }
.fares-columns__column:nth-child(even) { float:right; }
.fares-columns__column table { width:100%; border-spacing:1px; margin-bottom:0; }
.fares-columns__column table th, .fares-columns__column table td { text-align:center; width:21.6%; padding:9px 17px; }
.fares-columns__column table th:first-child, .fares-columns__column table td.last { text-align:left; width:auto; }
.fares-columns__column table th, .fares-columns__column table td, .fares-columns__column table tbody { background:#f4f4f4; }
.fares-columns__image { margin:0 -25px -5px; }
.fares-columns__column-table { margin:16px -20px 15px; }
.fares-columns__column-table:last-child { margin-bottom:0px; }
.fares-columns__section-icon { float:right; margin-left:20px; margin-bottom:20px; }
.fares-columns__overtable { float:right; margin-bottom:-40px; position:relative; z-index:3; }
.fares-column__footer { padding:20px 20% 20px 0; }
.fares-column__footer img { border:0; }

.equalitemheading3 { display:block; }
.pagepanels h3 { font-size: 1.93em; font-weight: 600; padding: 0 0 22px; margin: 0; line-height:130%; }
.itemimg img { width: 100%; margin: 0 0 36px; }
.pagepanels p { padding: 0 0 34px; }
.pagepanels a.btn { margin: 0 0 40px; }
.panelsnobtns.pagepanels p { padding: 0 0 25px; }
.panelsnobtns.pagepanels .half { margin-bottom: 5px; }
.panelsnobtns.pagepanels .trd { margin-bottom: 25px; }
.pageintro .pagepanels.panelsnobtns .trd ul li { padding-bottom: 1px; }
.limitheight.limited { overflow:hidden; position:relative; margin-bottom: 40px; }
.limitheight.limited:after, .limitheight.limited .after { position:absolute; width:100%; bottom:0px; left:0px; padding-top:41px; vertical-align:bottom; background:url(white-fade.png) bottom repeat-x; color:#dcb626; cursor:pointer; z-index:5; content:"Read More";  }
.panelsnobtns .limitheight { min-height: 160px; }

.sidenav { background-color:#fff; }
.sidenav__nav { float:left; margin-right:20px; /*width: 28.4%;*/ width: 25%; margin-right: 5.5%; text-align:left; border-radius:5px; }
.sidenav__nav .title { background:#dcb626; color:#2d369c; border-radius:5px 5px 0 0; font-weight:bold; font-size:120%; padding:24px 28px; }
.sidenav__nav .title .icon { width:18px; height:10px; float:right; background-position:-278px -2px; display:none; }
.sidenav__nav .title a { color:#fff; display:inline-block; }
.sidenav__nav ul { list-style:none; margin:0; padding:0; background:#2d369c url(small_nav_back.png); }
.sidenav__nav #subnav ul li { display:block; padding:0; background:none; }
.sidenav__nav #subnav ul li a { display:block; padding:18px 28px 15px; border-bottom:#dcb626 1px solid; border-top:#857661 1px solid; text-align:left; }
.sidenav__nav #subnav ul li a:hover { background:rgba(220,182,38,0.8); }
.sidenav__nav #subnav ul li:last-child a { border-bottom:0; border-radius:0 0 5px 5px; }
.sidenav__content { overflow:hidden; }

.grouppanels .half { padding-right:30px; box-sizing: border-box; clear:left; }
.grouppanels .half:nth-child(2n) { padding-right:0px; padding-left:30px; clear:none;}

.sitebylink { text-decoration: none; color: #fff; }
.sitebyarea { display: block; text-align: right; }

.sep--sustainability {
  margin: 5px 10px;
}
.sep--grouplogos {
  margin-bottom: 5px;
}

.walks__map { background:#fff url(map_left_back.jpg) top left no-repeat; background-size:auto 100%; }
.walks__map-back { background:url(map_right_back.jpg) bottom right no-repeat; background-size:auto 100%; }
.walks__map-back .container { position: relative; }
.walks__map-title { position:relative; display:inline-block; top:0; left:0; background:#2D369C; border-radius:0 0 15px 10px; padding:12px 24px; color:#fff; font-size:187.5%; }
.walks__map-title strong { display:inline-block; border-radius:0 0 10px 0; margin:-12px -24px -12px 15px; padding:12px 19px; background:#FFCA00; color:#2D369C; font-weight:normal; }
.walks__mapimg { margin-top: -47px; }

.bluelink, .contentsection a.bluelink { color:#2d369c; text-decoration:none; font-size:150%; }

.introlinkswsvgs { top: auto; bottom: 3.8%; }
.introlinkswsvgs a { text-align: center; padding: 0; }
.introlinkswsvgs p { min-width: 85px; text-align: center; padding-bottom: 27px; }
.introlinks__icon { width: 50px; height: 50px; border: 4px solid #fff; border-radius: 100%; display: block; box-sizing: border-box; margin-left: auto; margin-right:auto; margin-bottom:10px; }
.introlinks__icon--video { background-image: url('videoicon.svg'); background-repeat: no-repeat; background-position: center; background-size: 17px 20px; }
.introlinks__icon--app { background-image: url('mobileappicon.svg'); background-repeat: no-repeat; background-position: center; background-size: 14px 28px; }
.introlinks__icon--webcam { background-image: url('webcamicon.svg'); background-repeat: no-repeat; background-position: center; background-size: 22px 27px; }
.introlinks__linktext { display: block; font-style: normal; text-shadow: none; font-size: 94%; }

.social--dark { right: 4.6%; }
.social--dark .expand_head { cursor: pointer; background: #151f4b; text-shadow: none; font-size: 110%; line-height: 1.15em; border-radius: 0 0 2px 2px; padding: 12px 13px 11px 17px; min-width: 156px; box-sizing: border-box; }
.social--dark .expand_head .icon { width: 8px; height: 15px; background-image: url('socialchevron.svg'); background-repeat: no-repeat; background-position: center; background-size: 8px 15px; margin-left: 33px; }
.social--dark .expand_head.active .icon { transform: rotate(90deg); }

#stage1 .downbutton--darkarrow { padding: 13px; }
#stage1 .downbutton--darkarrow:hover { padding: 18px; }
#stage1 .downbutton--darkarrow .arrow_icon { width: 70px; height: 70px; background: #fff; border-radius: 100%; position: relative; }
#stage1 .downbutton--darkarrow .arrow_icon:after { content: ""; display: block; width: 18px; height: 10px; background-repeat: no-repeat; background-position: center; background-size: 18px 10px; background-image: url('scrollchevron.svg'); position: absolute; top: 50%; left: 50%; margin-top: -5px; margin-left: -9px; }

.sectionlinks--gold { font-size: 94%; background: none; width: auto; margin-left: 0; right: 3.125%; left: auto; top: auto!important; bottom: 4.88%; }
.sectionlinks--gold a { margin-bottom: 18px; padding: 0; }
.sectionlinks--gold .dotholder { width: 30px; height: 30px; display: inline-block; border: 2px solid #C6A233; border-radius: 100%; box-sizing:border-box; position:relative; vertical-align:middle; margin-right: 10px; }
.sectionlinks--gold .dotholder:after { content: ""; display:block; width: 2px; height: 18px; bottom:-20px; background: #C6A233; left: 50%; margin-left: -1px; position:absolute; }
.sectionlinks--gold a:last-child .dotholder:after { display:none; }
.sectionlinks--gold .dot { width: 30px; height: 30px; display: block; margin: 0; box-shadow: none; background: #C6A233; position: absolute; top: 50%; left: 50%; }
.sectionlinks--gold .dot:after { content: ""; display: block; border-radius: 100%; background: #fff; width: 46%; height: 46%; top: 27.7%; left: 26.5%; position: absolute; }
.sectionlinks__linktext { vertical-align: middle; }

.abovenav { background: #C6A233; color: #fff; padding: 16px 0 15px; }
.abovenav__text { font-style: italic; font-size: 110%; line-height: 1.14em; display: inline-block; padding-top:10px; }
.abovenav__btns { float: right; }
.abovenav .btn { font-size: 110%; text-transform: none; line-height: 1.14em; background: transparent; color: #fff; border:1px solid #fff; border-radius: 2px; transition: all 0.2s linear; -o-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; margin: 0; padding:10px 20px 11px; margin-right: 29px;  }
.abovenav .btn:last-child { margin-right: 0px; }
.abovenav .btn:hover { color: #C6A233; background:#fff; }


.header--navlogo .left_section { display: none; }
.header--navlogo { padding: 0; }
.header--navlogo .container.na { padding:0; }
.nav__midlogoouter { background: #1c2962; z-index: 2;position: relative;  }
.nav__wmidlogo#nav { background: #1c2962;position: relative; }
.nav__wmidlogo#nav .nav__left { float: left; width: 41%; display: flex; justify-content:space-between; }
.nav__wmidlogo#nav .nav__right { float: right; width: 41%; display: flex; justify-content: space-between; }
.nav__wmidlogo#nav li { display: block; text-transform: none; }
.nav__right .nowrap { float: left; display: block; }
.nav__wmidlogo#nav ul li a { font-size: 110%; font-weight: 400; line-height: 1.14em; white-space: nowrap; transition: all 0.2s linear; -o-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; padding: 27px 0; }
.nav__wmidlogo#nav ul li.mailicon { padding-left: 0; }
.nav__wmidlogo#nav ul li.callicon {  }
.nav__wmidlogo#nav ul li a:hover, .nav__wmidlogo#nav ul li.active a { color: #C6A233; background: transparent; }
.nav__wmidlogo#nav ul li.active a { color: #C6A233; background: transparent; }
.nav__mailicon { background-image: url('navemail.svg'); background-repeat: no-repeat; background-position: center;width: 23px; height:16px; background-size: 23px 16px; }
.nav__callicon { background-image: url('navcall.svg'); background-repeat: no-repeat; background-position: center; width: 20px;
height: 20px; background-size: 20px; }
.nav__wmidlogo#nav ul li.callicon a { padding: 25px 0; }  
.nav__wmidlogo#nav ul li.callicon .callhover { color: #fff; padding: 27px 10px 0; box-sizing: border-box; height: 100%; }
.nav__logoarea { position: absolute; bottom: -45px; left: 50%; padding: 4px; margin-left: -77px; box-sizing: border-box; transition: all 0.2s linear; -o-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; }  
.nav__logoimg { width: 146px!important; position: relative; transition: all 0.2s linear; -o-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; }  
.nav__logobackarea { position: absolute; top: 0; left: 0; width: 100%; height: 109px; overflow: hidden; transition: all 0.2s linear; -o-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; }
.nav__logoback { width: 154px; height: 154px; border-radius: 100%; background: #fff; transition: all 0.2s linear; -o-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; }
.nowfixed .nav__logoarea { bottom: 10px; padding: 2px; margin-left: -35px; }  
.nowfixed .nav__logoimg  { width: 66px!important; }
.nowfixed .nav__logobackarea { height: 70px; }  
.nowfixed .nav__logoback { width:70px; height: 70px; }
.nowfixed.nav__wmidlogo#nav ul li a { padding: 37px 0; }
.nowfixed.nav__wmidlogo#nav ul li.callicon a { padding: 35px 0; }
.nowfixed.nav__wmidlogo#nav ul li.callicon a { padding: 35px 0; }
.nowfixed.nav__wmidlogo#nav ul li.callicon a:hover .callhover { padding-top: 36px; }
.subpageintrolinks { display: none; }  


.goldsubnav#subnav { background: #C6A233; }  
.goldsubnav#subnav ul li a { font-size: 110%; font-weight: 400; line-height: 1.14em; text-transform: capitalize; transition: all 0.2s linear; -o-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; padding-top: 17px; padding-bottom: 17px; }  
.goldsubnav#subnav ul li.active a, .goldsubnav#subnav ul li a:hover { color: #fff; background: #B3922B; }  
  
@media(max-height:1130px){
  .sectionlinks--gold { bottom: 8%; }
}
@media(max-height:570px){
  .sectionlinks--gold { display: none; }
}

@media (max-width: 2100px) {
	.container { max-width:1056px; }
  .container--header { max-width: 1451px; padding: 0 20px; }
}

@media (max-width: 1850px) {
	.maintext h1, .maintext .h1, #stage6 h1, #stage6 h2 { font-size:4.4em; }
	#stage2 { height:917px; }
	#stage3 { height:915px; }
	#stage4 { height:885px; }
	#stage5 { height:885px; }
	#stage5 .maintext { top:5%; max-height:59%; }
	#stage3 .maintext { top:37%; max-height:62%; }
	#stage4 .maintext { top:26%; max-height:69%; }
	p.extraspace { margin-bottom:50px; }
}

@media (max-width: 1665px) {
	.maintext h1, .maintext .h1, #stage6 h1, #stage6 h2 { font-size:4em; }
	#stage1, #stage1back { height:787px; }
	#stage2 { height:847px; }
	#stage3 { height:845px; }
	#stage4 { height:825px; }
	#stage5 { height:825px; }
}
@media (max-width: 1600px) {
	#stage1 h1, #stage1 .h1, .maintext h1, .maintext .h1, #stage6 h1, #stage6 h2 { font-size:3.4em; }
	#stage1, #stage1back { height:787px; }
	#stage2 { height:787px; }
	#stage3 { height:785px; }
	#stage4 { height:765px; }
	#stage5 { height:765px; }
	p.extraspace  { margin-bottom:0px; }
}
@media (max-width: 1498px) {
	#stage2 { height:747px; }
	#stage3 { height:745px; }
	#stage4 { height:725px; }
	#stage5 { height:725px; }
  .homecontentsection .homeawardlogos .sep { margin-left: 10px; margin-right: 10px; }
}
@media (max-width: 1410px) {
	body { font-size:75%; }
	.maintext h1, .maintext .h1, #stage6 h1, #stage6 h2 { font-size:2.4em; }
	.maintext h2, .maintext .h2, #stage6 h1, #stage6 h2 { font-size:1.4em; }
	#stage1 h1, #stage1 .h1 { font-size:3em; }
  #stage1.sectionstage1 h1 { font-size: 3.7em; }
	.introlinks { top:27%; }
	.social a { margin-bottom:3px; }
	#stage1, #stage1back { height:717px; }
	#stage2 { height:727px; }
	#stage3 { height:725px; }
	#stage4 { height:695px; }
	#stage5 { height:695px; }
	#stage4 .maintext { width:26%; left:55%; }
	#stage6 p, #events .event { font-size:1.1em; }
	.event span.h1 { width:auto; font-size:1.7em; }
	#events { padding:0 7px; }
	.contentsection, .topfooter , .twitterfooter, .infofooter, .bottomfooter { padding:20px; }
  .nav__wmidlogo#nav ul li a { padding: 27.5px 0; }
  .nav__wmidlogo#nav ul li.mailicon a { padding: 27px 0; }
  .nowfixed.nav__wmidlogo#nav ul li.mailicon a { padding-top: 37px; }
}
@media (max-width: 1359px) {
	#stage2 { height:707px; }
	#stage3 { height:705px; }
	#stage4 { height:675px; }
	#stage5 { height:675px; }
}
@media (max-width: 1330px) {
	#stage3 .maintext { top: 35%; max-height: 63%; }
	#stage2 { height:657px; }
	#stage3 { height:655px; }
	#stage4 { height:655px; }
	#stage5 { height:655px; }
}
@media (max-width: 1290px) {
	.maintext h1, .maintext .h1, #stage6 h1, #stage6 h2 { font-size:3.4em; }
	#stage2 { height:647px; }
	#stage3 { height:645px; }
	#stage3 .maintext { top:37%; max-height:62%; }
	#stage4 { height:665px; }
	#stage4 .maintext { top:5%; max-height:90%; }
	#stage5 { height:665px; }
	h1, h2, h3, h4, h5, .h1, .h2, .h3, .p, p, .maintext h2, .maintext .h2, .maintext p { margin:0; padding:0 0 15px; }
	#stage6 .container { padding-top:4%; }
}
@media (max-width: 1250px) {
	body { font-size:70%; }
	.maintext h1, .maintext .h1, #stage6 h1, #stage6 h2.h1 { font-size:2.4em; }
	.maintext h2, .maintext .h2 { font-size:1.1em; }
	.panel { top:5%; max-height:91%; }
	.section .panel, .infofooter .qtrs { font-size:1em; }
	#stage3 .maintext { width:30%; left:25%; }
	#stage2 { height:610px; }
	#stage3 { height:610px; }
	#stage4 { height:615px; }
	#stage5 { height:615px; }
  .walks__mapimg { margin-top: -45px; }
}
@media (max-width: 1170px) {
	.social { left:0%; right:auto; }
	.social .expand_body { text-align:left; padding-right:0; padding-left:10px; }
	.sectionlinks { width:15%; }
  .sectionlinks--gold { width: auto; }
	.introlinks { left:6%; top:31%; }
	.nextstop { margin-top:-90px; }
	.downbutton { margin-top:-65px; }
	.downbutton:hover { margin-top:-70px; }
	.header { padding:15px 0; }
	#stage2 { height:580px; }
	#stage3 { height:580px; }
	#stage4 { height:585px; }
	#stage5 { height:585px; }
	#events .event span.h1 { padding:0 21px 15px; }
  .header--navlogo { padding: 0; }
}
@media (max-width: 1130px) {
	.header .container .left_section img { margin-left:10px; }
	#stage2 { height:577px; }
	#stage3 { height:575px; }
	#stage4 { height:505px; }
	#stage5 { height:555px; }
	#stage5 .maintext { top:3%; max-height:74%; }
	.section .panel { top:4%; max-height:92%; }
	#stage3 .maintext { top:33.5%; max-height:62%; left:24%; width:33%; }
	#stage3 .photos { left:60%; top:12%; }
	#stage6 { padding:0; }
	#stage6 .container { padding-right:20%; padding-left:10px; }
	#mapstages .ticketstub { max-width:150px; display:inline-block; }
  .nav__wmidlogo#nav .nav__left, .nav__wmidlogo#nav .nav__right { width: 38%; }
}

@media (max-width: 1099px) {
	#stage2 { height:567px; }
	#stage3 { height:565px; }
	#stage4 { height:545px; }
	#stage5 { height:595px; }
  .homecontentsection .homeawardlogos .sep { margin: 5px; }
}

@media (max-width: 1077px) {
	.stage1content { padding:15.5% 0 0; }
	.nextstop { display:none; }
	#stage2 { height:537px; }
	#stage3 { height:535px; }
	#stage4 { height:515px; }
	#stage5 { height:515px; }
}

@media (max-width: 1040px) {
	#stage2 { height:527px; }
	#stage3 { height:525px; }
	#stage4 { height:495px; }
	#stage5 { height:495px; }
}

@media (max-width: 1024px) {
	#stage2 { height:517px; }
	#stage3 { height:515px; }
	#stage4 { height:455px; }
	#stage5 { height:455px; }
}

@media (max-width: 1010px) {
	.header .container .right_section .buttons { width:70%; }
	.header .container .right_section .btn.first { margin-right:5%; }
	.header .container .right_section img { max-width:8%; margin-left:2.5%; }
}

@media (max-width: 1000px) {
	#stage2 { height:500px; }
	#stage3 { height:500px; }
	#stage4 { height:450px; }
	#stage5 { height:450px; }
}
@media (max-width: 990px) {
	.header .container .right_section { padding-top:0; }
    .months ul li { margin-right:2%; }
}
@media (max-width: 980px) {
	.mapsection, .cloud { display:none; }
	#stage2, #stage3, #stage4, #stage5 { height:auto; padding-bottom:110px; }
	#stage3 .maintext, #stage4 .maintext, #stage5 .maintext { position:relative; max-height:none; padding-top:20px; font-size:1.2em; }
	.section .panel { position:relative; left:41%; width:34%; font-size:1.2em; }
	.maintext { left:5%; top:6%; text-shadow:#666 1px 1px 1px; }
	.photos { left:7%; }
	.arrow { left:10%; }
	#stage3 .maintext { left:6%; top:6%; width:51%; }
	#stage4 .photos { left:6%; }
	#stage4 .arrow { left:13%; }
	#stage4 .maintext { width: 45%; left: 35%; }
	#stage5 .maintext { left:30%; top:6%; width:51%; }
	#stage5 .photos { left:3%; }
	#stage5 .arrow { left:7%; top:52%; }
	#events .event span.h1 { width:auto; }
}

@media (max-width: 960px) {
	#map, .header, .panel, .maintext, .social, .sectionlinks, .container, .event span.h1, .maxIframe { position:static!important; width:auto!important; margin:0!important; max-height:none!important; }
	.photoLeft, .photoRight, .photoleft, .photoright { display:block; float:none; margin:0 auto 20px; text-align:center; }
	.sectionlinks { display:none; }
	.introlinks { top:34%; left:2%; }
	.transnav .introlinks { position:static; text-align:left; display:block; padding-left:20px; margin-top:20px; }
	.transnav .introlinks p { float:left; padding-right:20px;  }
	.path .pathcontainer { height:auto; }
	#map { max-width:100%; margin:0; width:auto; }
	.header .right_section, .header .container .right_section, .header .container .left_section, .header .container.na .left_section, .header .container.na .right_section { width:auto; float:none; clear:both; border:0; text-align:center; padding:5px 0; margin:0;  }
	.header { background:none; padding:12% 0 3%; position: relative!important; }
  .dynamicheader ~ .container {  position: relative!important; }
	.mainbody .header .logosubtitle, .header .container .right_section, .social, .introlinks { display:none; }
	.maintext .h1, #stage6 h2.h1 { font-size:5.2em; text-align:center; }
    .homecontentsection { padding:30px 20px; }

    a.pdfdownload { width:100%; }

	.header .container .left_section img { float:none; margin:0; }
	.stage1content { padding:5.5% 0 0; max-width:80%; }
	#stage1 { height:auto; }
	#stage1back { height:auto; padding-bottom:25px; }
	#stage2, #stage3, #stage4, #stage5, #stage6 { height:auto; padding-bottom:17%; }
	#stage1 h1, #stage1 .h1 { line-height:1.5em; }
	#stage1  .arrow_icon { background-image:url(arrow_icon_small.png); width:33px; height:32px; }
	#stage1 h1 { padding-bottom:7%; }
	#stage1 p.tickets { padding-bottom:33%; }

	.downbutton { top:89.5%; left:50%; margin:-25px; }
	.downbutton, #stage1 .downbutton { border-width:2px; padding:7px; margin-bottom:10px; }
	.downbutton:hover, #stage1 .downbutton:hover { padding:10px; margin:-30px -30px -27px; }
	.section em { font-size:1.1em; }
  #stage1.sectionstage1 h1 em { font-size: 1em; }
	.social a { display:inline; }
	#mapstages .ticketstub { max-width:none; }

	.section .panel { background:none; max-width:615px; margin:0 auto!important; }
	.section .maintext { max-width:655px; margin:0 auto!important; }
	p.introp { font-size:1.4em; margin-bottom:50%; }

	#stage2 { background-position:24% 0%; }
	#stage2 .photos { position:absolute!important; top:32.7%; left:55%!important; width:59%; }
	#stage2 .photos span { width:32%; }
	#stage2 .introp { font-size:1.1em; margin-bottom:41%; }

	#stage3, #stage4, #stage5 { padding-bottom:22%; }
	#stage3 .h1 { margin-bottom:10px; }
	#stage3 .ticketstub { margin-bottom:8%; }
	.photos span, #stage4 .photos span { width:25%; }

	#stage4 p { max-width:none; }
	#stage4 .ticketstub { margin-bottom:10%; }

	#stage5 .ticketstub { margin-bottom:12%; }

	#stage5 .photos, #stage4 .photos, #stage3 .photos, .photos { text-align:center; left:25%!important; margin-bottom:20%!important; width:auto; top:33.5%; }

	.button { max-width:391px; text-align:center; }
	#stage6 .button { display:block; margin:0 auto 15px; width:auto; }
	#stage6 p.introp { font-size:1.4em; font-style:italic; margin:0 auto; max-width:664px; }
	.maxIframe, #stage6 p.maxIframe { max-width:80%; margin:0 auto 20%!important; }
	.nextstop { display:block; margin-top:-50px; }

	.ticketstub { margin-bottom:5%; display:inline-block; }
	#stage3 .maintext, #stage4 .maintext, #stage5 .maintext, .maintext, .topfooter, #stage6 { padding:12% 8px 0%; font-size:1em; }
	.sectionlinks { padding-bottom:20px; }
	.sectionlinks .dot, .sectionlinks .active .dot { margin-left:0; }
	#nav ul li, #nav ul li a, #subnav ul li, #subnav ul li a { display:block; }
	#nav ul li a, #subnav ul li a { padding:8px; font-size:1.3em; }
  .sidenav__nav #subnav ul li a {  text-align:center; border:0; padding:8px; font-size:118.25%; }
  .sidenav__nav #subnav ul li a:hover { background:#29328f; }
	.qtr { width:49%; }
	.contentsection { padding:20px; }
	.suhhead { padding-top:120px; }
	#stage6 .container { padding:7px; }

	.form-container fieldset { float:none; width:97%; }
	.form-container .field#_message_field label { width:22%; }
	.form-container .field input.input-submit { margin-left:0%; }
	.form-container .field textarea, .form-container .field#_message_field textarea { width:66%; }
	.form-container .field.submit-field { margin-right:9%; }

	#events, #news, .events .button, .topfooter .button, .topfooter p, .topfooter form div:last-child, .twitterfooter { display:none; }
	.events, .topfooter { padding:0; }
	.topfooter .left_section, .topfooter .right_section { float:none; display:block; width:auto; margin-bottom:0; }
	.topfooter .back { background:none; }
	.topfooter form { padding-right:0; }
	.events a.h1, .topfooter .h1, .infofooter div.h1 { text-align:center; padding:14px; text-transform:uppercase; font-size:1.3em; border:0;}
	.topfooter .left_section .h1 { background:#232b8d; }
	.infofooter { padding:0; }
	.infofooter .head { margin-bottom:0; padding-bottom:0; }
	.mobile_expand_head { cursor:pointer; }
	.mobile_expand_body { padding:15px; box-sizing:border-box; }
	.bottomfooter { text-align:center;  }
	.bottomfooter .left_section, .bottomfooter .right_section { float:none; width:auto; }
	.legal, .bottomfooter .small { font-size:1em; }
	.bottomfooter .email { font-size:0.8em; }

	.actionlinks { clear:both; }
	.row > div.image { width:40%; }

	.header .container .right_section .btn.first { margin-right:15px; margin:10px;}
	.compass, .nomobile, .arrow, .cloud, .social .expand_head { display:none; }
	.social .expand_body { display:block!important; text-align:center; }
	.header .container .right_section .buttons { width:auto; display:inline; }
    .leftbs, .rightbs { text-align:center; }

	.transnav .close { background:url(close_x.png) top left no-repeat; width:35px; height:35px; float:right; margin:14px; cursor:pointer; }
	.mobileonly, .mobileblock, .mo { display:block; }
	.menu-toggle .icon { float:left; width:21px; height:21px; margin:-3px 0; background:url(menu_handle.png); line-height:1.8em; }
	.menu-toggle .expand { margin:0; }
	.contactform .clearspace { display:none; }
	.menu-toggle {
	font-size:1.3em;
	display: block;
	font-weight:900;
	 padding:15px 19px;
	 color: #fff;
	 clear: both;
	 overflow: hidden;
	 cursor:pointer;
	 margin:0px;
	 text-align:left;
	}
	img {
	max-width:100%;
	width:auto!important;
	height:auto!important;
	}
	iframe { width:100%!important; }
    #nav ul li.mailicon { padding-left: 0; }
    .callicon a:hover .callhover { display: none!important; }
    .callicon a .callhover { display: none!important; }
  .mobilenavsocial { clear: both; padding: 7px 7px 0; display: block; }
  .mobilenavsocial a { display: inline-block; margin: 0 3px 3px; width: 45px; }
  .footer #TA_cdsratingsonlynarrow892 { display: none; }
  .bottom-footer__logos { text-align:center; }
  .bottom-footer__logos img { margin:3px; }
  .sidenav__nav { float:none; width:auto; margin:-20px -20px 20px -20px; }
  .sitebyarea { text-align: center; }
  .header--navlogo .left_section { display: block; }
  .header--navlogo .container.na { padding: 10px 0; }
  .abovenav { display: none; }
  #stage1 .downbutton--darkarrow .arrow_icon { width: 50px; height: 50px; }
  .nav__logoarea { display: none; }
  .container--header { padding: 0; }
  .transnav .nav__holder ul li a { font-size: 1.1em; }
  .nav__holder { clear: both; margin-bottom: 9px; }
  .transnav .nav__holder ul { clear: none; display: inline; }
  .transnav .nav__holder ul li:nth-child(2n+1) { clear: none; }
  .transnav .nav__holder ul:after { display: none; }
  .transnav .nav__holder .mailicon { clear: left!important; }
  .introlinkswsvgs p { min-width: 0; }
  .transnav .introlinkswsvgs.introlinks p { padding-bottom: 18px; }
  .goldsubnav#subnav { background: #1c2961; }
}
@media (max-width: 850px) {
	.current_table .tab_content table tr td { padding:6px; }
}
@media (max-width: 800px) {
	#sub_email { margin-bottom:20px; display:block; }
	.bottomfooter .h1, .infofooter .h1, .events h1, .events h2.h1, #events .event span.h1 { font-size:2em; line-height:1.3em; }
  #maintimetable .left_section, #maintimetable .right_section { float:none; width:auto; }
  .walks__mapimg { margin-top: 20px; } 
  #stage1.sectionstage1 h1 { font-size: 3.3em; }
}
@media (max-width: 768px) and (orientation:portrait) {
	#stage2 { background-image:url(stage2_portrait.jpg); }
	#stage3 { background-image:url(stage3_portrait.jpg); }
	#stage4 { background-image:url(stage4_portrait.jpg); }
	#stage5 { background-image:url(stage5_portrait.jpg); }
	#stage6 { background-image:url(stage6_portrait.jpg); }
}
@media (max-width: 720px) {
  .fares-columns__column, .fares-columns__column:nth-child(even) { width:auto; float:none; }
  .grouppanels .half { padding-right:15px; }
  .grouppanels .half:nth-child(2n) { padding-left:15px; }
}
@media (max-width: 700px) {
	#maintimetable .left_section, #maintimetable .right_section { float:none; width:auto; }
	.tabcontrol li a { min-width:0px; }
	#stage1 .bl { position:static;  margin-bottom:10px; }
}
@media (max-width: 515px) {
	.tabcontrol ul li a { padding:12px 10px; }
}
@media (max-width: 500px) {
	.header { padding:0; }
	#stage1, #stage1back { height:auto; }
	#stage1back { padding:15px; }
	#stage1.sectionstage1 h1, #stage1 h1, #stage1 .h1 { font-size:1.75em; }
  #stage1.sectionstage1 h1 { line-height: 1.5em; }
	.arrow_icon { width:15px; height:15px; border-radius:50%; overflow:hidden; }
	#stage1 .arrow_icon { width:25px; height:25px; }
	#stage1 .downbutton { margin-bottom:0; }
	#stage1 .downbutton:hover { margin:-3px -5px; }
	#stage1 p.tickets { padding-bottom:3%; }
	.maintext .h1, #stage6 h2.h1 { font-size: 2.5em; }
	.maintext .button { width:auto; }
	.introlinks { position:static; text-align:center; }
	.introlinks p { display:inline-block; margin:10px; font-size:1em; }
	.stage1content { max-width:none; }
	.section .panel { font-size:1.0em; }
	.introp, #stage2 .introp, p.introp, #stage6 p.introp { font-size:1.2em; margin-bottom:15px; line-height:1.5em; padding-bottom:15px; }
	.section em { font-size:1em; }
	.form-container .field.form-singlecheckbox { float:none; width:auto; }
	.topfooter .back { background:transparent; }
	.left_section, .right_section { float:none!important; width:auto!important; margin-bottom:20px; }
	.transnav span.buttons .btn { margin-right:0; margin-bottom:20px; display:block; }
	.qtr { width:auto; float:none; margin-right:0; }
	.transnav ul li { float:none; width:auto; }
	.buytickets { max-width:133px; }
	#stage2 .ticketstub { float:right; margin-bottom:40px; }
	#stage5 .ticketstub { float:left;  }
	.btn, .button { text-align:center; font-size:16px; margin:0 0 10px; display:block; clear:both; }
	.transnav div > img { max-width:13%; }
	.section { padding:0 15px 15px; }
	#stage1.section { padding:0; }
	#mapstages  { text-align:center; }
	#mapstages .nextstop, #mapstages .downbutton { position:static; display:inline-block; margin:0; width:auto; vertical-align:middle; }
	#mapstages .downbutton { padding:4px; border-width:1px; }
	#mapstages .downbutton:hover { padding:7px; margin:-3px; }
	#mapstages .nextstop { margin-right:10px; }
	#stage2, #stage3, #stage4, #stage5 { padding-bottom:15px; }
	.photos { display:none; }
	.sso { display:block; }
	.noss { display:none; }
	.suhhead { padding-bottom:20px; }
  .mspacelarge,.mspace { margin-right:0; }
    .trd, .mspacelarge .trd { width:auto; display:block; float:none; margin-right:0; }
    p.homeawardlogos { display: none; }
    .header .container.na .left_section img.svg-logo { margin-top:0; margin-right:0; }

    .mobilenavsocial a { width: 35px; }
    .header .container.na .left_section img { margin-top: 0; }

    .fares-prices th.fares-prices__head, .fares-prices td, .fares-header, .fares-columns__column-row, .fares-prices th:first-child, .fares-columns__column table th, .fares-columns__column table td { padding-left:11px; padding-right:11px; }
    .fares-columns__column-table { margin-left:0; margin-right:0; }
    .fares-columns__image { margin-left:-10px; margin-right:-10px; }


  .grouppanels .half { padding-right:0px; width:auto; float:none; }
  .grouppanels .half:nth-child(2n) { padding-left:0px; }
  .eventitem .eventimg { float:none; width:auto; text-align: center; padding-bottom:20px; }
  .eventitem .eventimg img { max-height:25vh; }
  .eventitem .eventdetails { float:none; width:auto; }
  .walks__map-title { font-size:100%; }
  #stage1 .downbutton--darkarrow .arrow_icon { width: 40px; height: 40px; }
  #stage1 .downbutton--darkarrow .arrow_icon:after { width: 13px; height: 8px; background-size: 13px 8px; margin-top: -4px; margin-left: -6.5px; }
}
@media (max-width: 400px) {
	.suhhead { padding-top:40px; }
	.form-container .field label { width:auto; display:block; text-align:left; }
	.form-container .field input, .form-container .field textarea { display:block; width:96%; }
	.form-container .field.form-singlecheckbox label { display:inline-block; }
	.form-container .field.form-singlecheckbox input { display:inline-block; width:auto;}
	.form-container .field input.input-submit { margin:0; }
	.row > div.image { width:auto; float:none; }
	#stage6 .button { display:block; margin-bottom:20px; width:auto; }
	.row .bo { float:none; margin-bottom:20px; }
	.actionlinks .btn { display:block; text-align:center; }
}

.splitcontent{
	display: flex;
	padding: 60px 0px;
}

.splitcontent h1{
	padding-bottom: 10px;
}

.splitcontent h2{
	color: #C6A233;
	background-color: transparent;
	font-weight: normal;
	font-style: italic;
}

.halfimage{
    order: 1;
    width: 50%;
    margin-left: 20px;
}

.halfcontent{
	width: 50%;
}

.halfcontent p{
	display: flex;
}

.halfcontent p .btn{
	width: 50%;
}

@media(max-width: 960px){
    .splitcontent { flex-direction: column;}
    .halfcontent { width: 100%; }
    .halfimage { width: 100%; margin-left: 0px; }
}

.funhead{
	background-image:url(../images/ullswater-banner-with-text.png);
}

.funhead .h1{
	display: none;
}

.nomobilenav{
	display: inline-block;
}

.mainbody .popup{
    position: fixed;
    top: 0px;
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    pointer-events: none;
    z-index: -999;
    transition: all .2s;
  }
  
  .mainbody .popup.show{
    opacity: 1;
    pointer-events: all;
    z-index: 999;
  }
  
  .mainbody .popup__overlay{
    background-color: grey;
    opacity: 0.8;
    width: 100%;
    position: absolute;
    height: 100%;
  }
  
    .popup__wrapper{
    width: 700px;
    z-index: 1;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    background-color: white;
	margin: 0px 20px;
	-ms-overflow-style: none;
  }

  .popup__wrapper::-webkit-scrollbar {
	display: none;
  }
  

  .mainbody .popup__wrapper{
    max-height: 80vh;
    overflow: scroll;
  }
  
  .popup__img{
    height: 200px !important;
    object-fit: cover;
    width: 100% !important;
  }
  
  .popup__content{
	padding: 40px;
	position: relative;
  }

  .popup__g2g{
	position: absolute;
	top: 0;
	right: 0;
	height: 50px !important;
	width: 50px !important;
	margin: 10px;
  }

  .popup__links{
      display: flex;
      justify-content: space-between;
  }

  @media(max-width: 700px){
      .popup__links{
          flex-direction: column;
      }
  }
  
  .mainbody .popup__button{
    position: absolute;
    padding: 20px;
    top: 0px;
    display: flex;
    align-items: center;
    right: 0px;
    cursor: pointer;
  }
  .mainbody .popup__button:after{
    content: '✕';
    display: block;
    font-size: 2rem;
    color: white;
  }

  .surveyDiv{
	height: 800px;
}


.surveyDiv > iframe{
	height: 800px;
	width: 100%;
}

@media(min-width: 700px){
	.surveyDiv{
		height: 800px;
	}

	.surveyDiv > iframe{
		height: 800px;
	}
}

/* Timetable */

.timetable{
	margin-bottom: 60px;
}

.timetable__wrapper{
	display: flex;
	flex-wrap: wrap;
}

.mainbody .timetable__wrapper{
	display: none;
  }
  
.mainbody .timetable__wrapper.toggled{
	display: flex;
	flex-wrap: wrap;
}

.timetable__heading{
	display: flex;
	align-items: baseline;
}

.timetable__heading > div{
	width: 50%;
	background-color: #43518E;
	color: white;
	padding: 15px;
	cursor: pointer;
}

.timetable__heading h3{
	padding-bottom: 0px;
}

.timetable__heading > div.toggled{
	width: 50%;
	padding-top: 30px;
	background-color: #1C2A62;
	position: relative;
}

.timetable__heading > div.toggled::after{
	width: 0; 
	height: 0; 
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
	content: '';
	display: block;
	position: absolute;
	left: 20px;
	border-top: 25px solid #1C2A62;
}

.timetable__heading > div:not(.toggled) h3:after{
	content: 'Click to open';
	font-family:'Droid Serif',Georgia,serif;
	display: none;
	font-size: 0.8rem;
	float: right;
	font-style: italic;
	color: white;
}

.timetable__heading > div:last-child.toggled::after{
	left: auto;
	right: 20px;
}

.timetable__pretable{
	width: 100%;
	padding: 20px 30px;
}

.timetable__pretable p{
	padding-bottom: 5px;
	font-style: italic;
	color: #1C2A62;
}

.timetable__pretable strong{
	font-weight: 600;
	font-style: normal;
	color: inherit;
}

.timetable__table{
	width: 100%;
	padding: 10px 20px;
	background-color: #F4F4F7;
	box-sizing: border-box;
}

.timetable__table > span{
	font-size: 0.8rem;
	margin-top: 10px;
	margin-bottom: 30px;
	display: block;
}

.timetable__table--section{
	position: relative;
	display: grid;
	grid-template-columns: 0.8fr 1fr 1fr 1fr;
	box-sizing: border-box;
	grid-gap: 10px;
}

.timetable__table--content{
	margin-left: 21.5%;
	padding-bottom: 20px;
}

.timetable__table--content:first-child h3, .timetable__table--content:first-child p{
	font-weight: 600;
	color: #1C2A62;
}

.timetable__table--content h3 span{
	font-style: italic;
	font-size: 0.8rem;
	font-weight: normal;
}

.timetable__table--content > p{
	padding-bottom: 5px;
	padding-top: 20px;
}

.timetable__table--title{
	text-align: center;
	color: #1C2A62;
}

.timetable__table--title p{
	padding: 0px;
}

.timetable__table--cell p{
	padding-bottom: 5px;
	font-size: 0.7rem;
	font-weight: 600;
	color: #1C2A62;
}

.timetable__table--cell span{
	padding: 8px 0px;
	width: 100%;
	display: inline-block;
	text-align: center;
}

.timetable__table--image{
	text-align: center;
}


@media(min-width: 950px){
	.timetable__table{
		width: calc(50% - 1px);
		margin-right: 1px;
	}

	.timetable__table--cell p{
		font-size: 0.8rem;
	}
}

/* Table Specific styling */

.timetable__summer .color__blue .timetable__table--cell span{
	background-color: #4291CE;
}

.timetable__summer .color__orange .timetable__table--cell span{
	background-color: #F58B21;
}

.timetable__summer .color__grey .timetable__table--cell span{
	background-color: #B2B3B6;
}

.timetable__summer .color__yellow .timetable__table--cell span{
	background-color: #FEB712;
}

.timetable__summer .color__purple .timetable__table--cell span{
	background-color: #512C8D;
}

.timetable__summer .color__green .timetable__table--cell span{
	background-color: #54b248;
}

.timetable__summer .timetable__table--content:first-child{
	padding-bottom: 0px;
}

.timetable__summer .timetable__table--title{
	display: flex;
	align-items: center;
	padding-top: 30px;
	justify-content: center;
}

.timetable__aira .timetable__pretable{
	text-align: right;
}

.timetable__aira .timetable__table--cell span{
	font-weight: 600;
}

.timetable__aira .color__green .timetable__table--title span{
	color: #5bAB34;
}

.timetable__aira .color__orange .timetable__table--title span{
	color: #FBBB01;
}

.timetable__aira .color__purple .timetable__table--title span{
	color: #95569E;
}

.timetable__aira .color__pink .timetable__table--title span{
	color: #F08BA5;
}

.timetable__aira .color__blackberry .timetable__table--title span{
	color: #52257F;
}

.timetable__aira .color__grey .timetable__table--title span{
	color: #A0B1DB;
}

.timetable__aira .color__red .timetable__table--title span{
	color: #7B192A;
}

.timetable__aira .timetable__table--section:not(:last-child)::after{
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 1px;
	background-color: #E3E3F1;
	left: 0;
	content: '';
}

.timetable__aira .timetable__table--section::before{
	display: block;
	position: absolute;
	top: 47%;
	width: 100%;
	height: 1px;
	background-color: #E3E3F1;
	left: 0;
	content: '';
}

.timetable__summer .timetable__table--cell span{
	color: white;
}

.timetable__aira .timetable__table--cell p{
	color: #1C2A62;
	text-align: center;
}

.timetable__aira .timetable__table--title{
	text-align: right;
}

.timetable__aira .timetable__table--title p{
	padding-top: 10px;
}

.timetable__aira .timetable__table--section{
	margin-bottom: 40px;
}

.pretable{
	display: flex;
	flex-wrap: wrap;
}


.pretable__content, .pretable__slider{
	width: 100%;
}

.pretable__content img{
	width: 150px !important;
	height: 150px !important;
}

.underslider{
	margin: 40px 0px;
}

/* Slider */

.slideshow {
	width: 335px;
	height: 250px;
	position: relative;
	display: flex;
	overflow: hidden;
	margin: auto;
	cursor: pointer;
  }

  .slideshow button{
	  display: none;
  }
  
  .slide {
	width: 100% !important;
	height: 100% !important;
	position: absolute;
	transition: all 1s;
	object-fit: cover;
  }

  .slideshow-bottom{
	  display: flex;
	  position: relative;
	  justify-content: center;
	  padding: 10px 0px;
  }

  .slideshow-bottom span{
	  cursor: pointer;
  }
  
  .slide-nav {
	display: flex;
	position: absolute;
	right: 0;
	justify-content: space-between;
  }
  
  .slide-button {
	width: 30px;
	height: 20px;
	cursor: pointer;
	margin-left: 20px;
	font-size: 1.6rem;
  }

  .slide-button:first-child{
	  margin-left: 0px;
  }

  .slideshow-bottom span{
	display: none;
}


  @media(min-width: 600px){
	.slideshow{
		width: 450px;
		height: 350px;
	}

	.timetable__heading > div:not(.toggled) h3:after{
		display: inline-block
	}

	.slideshow-wrapper.toggled .slideshow-bottom{
		position: absolute;
		bottom: 254px;
	}

	.slideshow-wrapper.toggled .slide-button{
		width: 25px;
	}

	.slideshow-bottom span{
		display: inline-block;
	}

	.slideshow-wrapper.toggled .slideshow-bottom, .slideshow-wrapper.toggled .slide-nav{
		width: 450px;
	}

	.slideshow-wrapper.toggled .slideshow button{
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		width: 30px;
		height: 20px;
		border: 0px;
		font-size: 1.6rem;
		padding: 0px;
		background-color: transparent;
		cursor: pointer;
	}

	.slideshow-wrapper.toggled{
		position: fixed;
		height: 100%;
		width: 100%;
		justify-content: center;
		flex-direction: column;
		align-items: center;
		display: flex;
		left: 0px;
		top: 0px;
		z-index: 1;
	  }

	  .slideshow-wrapper.toggled .slideshow-bottom span{
		  display: none;
	  }
	
	  .slideshow-wrapper.toggled .slide-nav{
		  position: relative;
	  }
	
	  .slideshow-wrapper.toggled .slideshow{
		  width: 550px;
		  height: 380px;
		  cursor: auto;
	  }
	
	  .slideshow-wrapper.toggled .slideshow-overlay{
		content: '';
		display: block;
		height: 100%;
		width: 100%;
		background-color: #999;
		opacity: 0.8;
		position: absolute;
	  }
  }

  @media(min-width: 950px){
	.pretable__content, .pretable__slider{
		width: calc(50% - 20px);
	}
	

	.pretable__content{
		margin-right: 40px;
	}

	.slideshow{
		width: 100%;
		height: 380px;
	}

	.slideshow-wrapper.toggled .slideshow-bottom, .slideshow-wrapper.toggled .slide-nav{
		width: 800px;
	}

	.slideshow-wrapper.toggled .slideshow{
		width: 800px;
		height: 565px;
	}

	.slideshow-wrapper.toggled .slideshow-bottom{
		position: absolute;
		top: 50%;
		transform: translateY(-10%);
	}
  }

  img#covid-g2g{
	  position: absolute;
	  margin: 20px;
	  top: 0;
	  right: 0;
	  width: 70px !important;
	  height: 70px !important;
  }

  img#g2g{
	width: 100px !important;
	height: 100px !important;
  }

  @media(min-width: 500px){
	img#covid-g2g{
		width: 100px !important;
		margin: 0px;
		height: 100px !important;
	}

	.container{
		position: relative;
	}
  }

  .timetableContainer {
	width: 100%;
	display: flex;
	flex-direction: column;
	margin-bottom: 60px;
  }
  
  .seasonContainer {
	width: 100%;
	height: fit-content;
  }
  
  .imageContainer {
	margin-top: 15px;
	border: 20px solid #f3f3f3;
  }
  
  .imageContainer > img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
  }
  
  .buttonContainer {
	margin-top: 25px;
	display: flex;
	flex-direction: column;
	width: 100%;
	align-items: center;
  }

  .buttonContainer > .btn {
	  width: 50%;
  }
  
  .timetableHeader {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #1c2962;
	color: white;
	padding: 15px;
  }

  .timetableHeader > h3 {
	  padding-bottom: 0;
  }
  
  @media (min-width: 960px) {
	.timetableContainer {
	  flex-direction: row;
	}
	.timetableContainer > div:first-of-type {
	  margin-right: 10px;
	}
	.imageContainer {
	  height: 300px;
	}
	.seasonContainer {
	  width: 100%;
	}
	.buttonContainer {
	  flex-direction: row;
	  justify-content: space-between;
	}
  }