html { padding:0px; margin:0px; }
body, .infopop { padding:0px 0 0px; margin: 0px; font-family: 'Amatic SC',Arial,Helvetica,sans-serif; font-size:1.438em;; font-weight: 700; color: #33343b; height: 100%!important; text-transform: uppercase; background: url(wood-back.jpg) repeat-y; background-size:100% auto; }
body.smallpage { background-position:top center; background-size: cover; }
h1, h2, h3, h4, h5, .h1, .h2, .h3, .p, p { margin:0; padding:0 0 40px; }
ul, ol { margin-top:0; }

h1, .h1, .landingpage .h1 { font-size: 3.13em; color: #d9232e; padding-bottom: 30px; }
h2, .h2 { font-size:1.36em; color: #d9232e; }
h3, .h3 { font-size:1.72em; color: #d9232e; }
h4, .h4 { font-size:1.05em; color: #d9232e; }

form { margin:0; padding:0; }
img { border-style:none; vertical-align:middle; max-width:100%; width:auto; height:auto; }
a { color: #d9232e; text-decoration: none; }
a:hover { text-decoration:underline; }
a span { cursor:pointer; }

iframe { width:100%!important; }

/* Utility Classes */
.cs:after, .thumbnails li:after, .linklist li:after, .panel:after, .trds:after, .halves:after, .qtrs:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden; }
.clear { clear:both; height:0px; overflow:hidden; }
.clearhalf { clear:both; height:9px; overflow:hidden; }
.clearspace { clear:both; height:18px; overflow:hidden; }
.cleardblspace { clear:both; height:36px; overflow:hidden; }
.small { font-size:0.9em; line-height:1.3em; }
.smaller { font-size: 0.75em; line-height:1.3em; }
.bigger{ font-size: 1.35em; line-height:1.3em; }
.big { font-size: 1.075em; line-height:1.3em; }
.photoright { float:right; margin-left:15px; margin-bottom:10px; clear:right; }
.photoleft { float:left; margin-right:15px; margin-bottom:10px; 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; }
.justify { text-align:justify!important; }
.fl { float:left!important; }
.fr { float:right!important; }
.esc { margin-right:-1.8%; padding-bottom:18px; }
.nowrap { white-space:nowrap; }
.half { float:left; width:48.2%; margin:0 1.8% 0 0; overflow:hidden; }
.trd { float:left; width:31.5%; margin:0 1.8% 0 0; overflow:hidden; }
.twotrd { float:left; width:64.7%; margin:0 1.8% 0 0; overflow:hidden; }
.qtr { float:left; width:23.2%; margin:0 1.8% 0 0; overflow:hidden; }
.fth { float:left; width:18.2%; margin:0 1.8% 0 0; overflow:hidden; }
.sixth { float:left; width:13.2%; margin:0 1.8% 0 0%; overflow:hidden; }
.threeqtr { float:left; width:73.2%; margin:0 1.8% 0 0; overflow:hidden; }
.left_section { float:left; width:48.5%; }
.right_section { float:right; width:48.5%; }
.colour { color: #d9232e!important; }
.noBorder { border: 0; }
.panel { position: relative; display: inline-block; width: 100%; height: 100%; }
.escholder { overflow:hidden; }
.relative { position: relative; }
.inlineblock { display: inline-block; }
.sep { margin: 0 10px; }
.clearsectionspace { clear:both; padding-bottom:13%; overflow:hidden; }
.black { color:#000; }

hr { background: url(hr.png); height: 1px; border: 0; margin: 0 0 70px; }

#skrollr-body {min-height: 1px; position:relative; }

.footer { background: #d9232e; color: #fff; padding: 20px 10px 25px; text-align: center; }

.nav { position: fixed; top: 12%; left: 3.5%; z-index: 500; display: block; z-index:22; }
.navinside { position: relative; background: #d9232e; border-radius: 30px; color: #fff; }
.nav .navlabel { position: absolute; background: #5d829b; padding: 3px 18px 3px 55px; font-size: 87%; border-radius: 30px; z-index: -1; cursor: default; white-space:nowrap; 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 .navlabel span { display:block; 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 ul { list-style-type: none; padding: 0; margin: 0; overflow:hidden; }
.homeicon img { padding: 18px 15px 9.5px; z-index: 10; position: relative; }
.circleicon img { padding: 9.5px 16px; z-index: 10; position: relative; }
.nav_anchor img { padding: 8px 14px 9px; border-top: 1px solid #fff; margin-top: 3.5px; }
.navhome { top: 12px; }
.navhome span { width:52px; }
.navstory { top: 45px; }
.navstory span { width:49px; }
.navabsurd { top: 78px; }
.navabsurd span { width:58px; }
.navfooddrink { top: 111px; }
.navfooddrink span { width:110px; }
.navlocations { top: 144px; }
.navlocations span { width:75px; }
.navnews { top: 177px; }
.navnews span { width: 65px; }

.nav ul.mobileonly a { color: #fff; display: block; background: #b5121d; border-bottom: 1px solid #a0131c; padding: 15px 10px; transition: background 0.2s linear; -moz-transition: background 0.2s linear; -o-transition: background 0.2s linear; -webkit-transition: background 0.2s linear; }
.nav ul.mobileonly a:hover { text-decoration: none; background: #a0131c; border-bottom: 1px solid #b5121d; }

.menu-toggle { cursor: pointer; background: #d9232e; padding: 12px; border-bottom: 1px solid #a0131c; width: 100%; z-index: 100; box-sizing: border-box; }
.menu-toggle .icon { background:url(mobile-nav.png) no-repeat; width:20px; height:20px; margin:auto; display:block; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; }
.selected .menu-toggle .icon { transform:rotate(90deg); -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -o-transform:rotate(90deg); }

#story, #food-drink, #locations, #news { box-sizing: border-box; padding: 11% 0 12%; }
#food-drink { padding-top:5%; }
#theabsurd { padding:5% 0 7%; box-sizing: border-box; }

.container { max-width: 1021px; margin: 0 auto; position: relative; }
.widecontainer { max-width: 1149px; margin: 0 auto; position: relative; padding-right: 64px; }

.scroller .container { float:left; width:1149px; margin:0; }
.scroller { position:relative; }
.leftarrow, .rightarrow { width:27px; height:49px; background:url(left-arrow.png) top left no-repeat; position:absolute; top:66%; cursor:pointer; z-index:11; display:none; }
.leftarrow { left:0px; }
.rightarrow { background:url(right-arrow.png) top left no-repeat; left:50%; }
.texthalf { width: 44.8%; }
.imghalf { width: 46.55%; }
.locationscroller .leftarrow, .locationscroller .rightarrow { top:60px; display:block; }
.locationscroller .leftarrow { left:0px; }
.locationscroller .rightarrow { left:auto; right:0px; }

.texthalf, #story .texthalf, #news .texthalf, #food-drink .imghalf, #locations .texthalf, #theabsurd .imghalf, .outletlocation .imghalf { float: left; }
.imghalf, #story .imghalf, #news .imghalf, #food-drink .texthalf, #locations .imghalf, #theabsurd .texthalf, .outletlocation .texthalf { float: right; }

#locations .texthalf { width:40%; padding-left: 64px; }

.locationscroller { position: relative; margin-top:58px; padding:0 37px; }
/*.leftarrow { position: absolute; left: -64px; top: 50%; margin-top: -49px; cursor: pointer; }
.rightarrow { position: absolute; right: 0; top: 50%; margin-top: -49px; cursor: pointer; }*/
.outlet_address { width: 30%; float: left; padding-right:1%; }
.outlet_contact { width: 69%; float: left; word-break:break-all; }
.outlet_btns { padding-top: 45px; }
.outlet_btns .btn { margin-right: 15px; }
.outlet_caption { background: #d9232e; color: #fff; padding: 7px 17px; position: absolute; bottom: 10%; left: 8.1%; font-size: 126.5%; z-index:8; pointer-events: none; }

.dividersection { padding-bottom:25.036%; }
.dividersection img { width: 100%; position:absolute; }

#home, .uholder { position:relative; }
#chasee, #chaser { position:absolute; bottom:0%; left:0%; z-index: -1; }
#chasee { background:url(chasee.png) no-repeat; background-size:contain; width:16.55%; padding-bottom:12.8%; left:60%; }
#chaser { background:url(chaser.png) no-repeat; background-size:contain; width:19.05%; padding-bottom:14%; margin-left:-11%; left:34%; }
.u_image { background:url(u.svg) top left no-repeat; background-size:contain; width:100%; padding-bottom:450.82%; }
.ujail_image { position:absolute; left:0px; top:0px; opacity:0; background:url(ujail.svg) top left no-repeat; background-size:contain; width:100%; padding-bottom:450.82%; pointer-events:none; }

#stage2 { overflow:hidden; position:relative; }
#hangingbird { left:69.06%; position:absolute; z-index:3; width:11.17%; padding-bottom:10.39%; }
#hangingbird div { position:absolute; background:url(hanging_bird.png) bottom left no-repeat; background-size:contain; padding-bottom:93%; height:0px; width:100%; overflow:hidden; }
#divider1 { background:#fff url(jail_back.png) no-repeat; background-size:contain; position:relative; z-index:2; overflow:hidden; }
#divider1 > div { position:absolute; left:0px; top:0px; width:100%; height:100%; }
#divider1 .chickens { background:url(jail_chickens.png) no-repeat; background-size:contain; }
#divider1 .bars { background:url(jail_bars.png) no-repeat; background-size:cover; width:100%; height:100%; }
#divider1 > div.cop { background:url(jail_cop.png) no-repeat; background-size:contain; width:30.7%; left:auto; right:0px; height:0px; padding-bottom:21.48%; bottom:0px; top:auto; }
#divider1 > div.suspicious { background:url(jail_suspicious.png) no-repeat; background-size:contain; width:16.066%; height:0px; padding-bottom:17.79%; bottom:0px; top:auto; }
.missingbar { background:#231f20; position:absolute; left:48.634%; top:33.9%; width:0.85%; height:27.6%; }

#stage3 { overflow:hidden; position:relative; }
#divider2 { background:#d8272d url(break_back.png) no-repeat; background-size:cover; position:relative; padding-bottom:25.19%; }
#divider2 > div { position:absolute; left:0px; top:0px; width:100%; height:100%; }
#divider2 .clouds div { position:absolute; width:100%; height:100%; background:url(break_clouds.png) repeat-x; background-size:contain; }
#divider2 .london { background:url(break_london.png) no-repeat; background-size:cover; }
#divider2 .chickens { background:url(break_chickens.png) no-repeat; background-size:contain; }
#shop { width:15.43%; padding-bottom:17.36%; height:0px; left:1.65%; position:absolute; z-index:12; }
#shop div { background:url(break_shack.png) no-repeat; background-size:contain; height:100%; width:100%; position:absolute; left:0px; top:43%; }
#ws2thought { background:url(ws2-thoughtbubble.png) no-repeat; width:63.78%; padding-bottom:34.44%; right:-20%; top:11%; display:block; position:absolute; background-size:contain; }
#balloon { background:url(balloon.png) center top no-repeat; width:90.35%; padding-bottom:128.42%; left:5%; top:-87%; display:block; position:absolute; background-size:contain; z-index:-1; }
#banner { background:url(banner.png) top left no-repeat; background-size:cover; display:block; position:absolute; top:30%; width:118.37%; padding-bottom:22.96%; right:93%; z-index:-1; }

#stage4 { overflow:hidden; position:relative; }
#divider3 { background:#d8272d url(break_back.png) no-repeat; background-size:cover; position:relative; padding-bottom:25.31%; overflow:hidden; }
#divider3 > div { position:absolute; left:0px; top:0px; width:100%; height:100%; }
#divider3 .clouds div { position:absolute; width:100%; height:100%; background:url(break_clouds.png) repeat-x; background-size:contain; }
#divider3 .city { background:url(wires_city.png) no-repeat; background-size:cover; }
#divider3 .wires { background:url(wires.png) no-repeat; background-size:cover; }
#divider3 .birds1 { background:url(wires_birds_1.png) no-repeat; background-size:contain; width:7.97%; height:0px; padding-bottom:7.36%; left:17.60%; top:15.27%; }
#divider3 .birds2 { background:url(wires_birds_2.png) no-repeat; background-size:contain; width:11.17%; height:0px; padding-bottom:10.86%; left:51.72%; top:8.33%; }
#divider3 .birds3 { background:url(wires_birds_3.png) no-repeat; background-size:contain; width:81.25%; height:0px; padding-bottom:19.21%; left:7.89%; top:3.7%; }
#fallingbird { width:6.13%; padding-bottom:11.37%; height:0px; left:62.38%; position:absolute; z-index:12; }
#fallingbird div { background:url(hanging-bird.png) no-repeat; background-size:contain; height:100%; width:100%; position:absolute; left:0px; top:114%; transform-origin:31.85% 2.52%; }
#fallingbird div div.speechbubble { background:#fff; position:absolute; padding:30px; width:220px; left:-240px; border-radius:50%; top:50%; height:auto; border:#000 2px solid; opacity:0; text-align:center; }
#fallingbird div div.speechbubble .triangle { display:block; background:url(speech_bubble_triangle.png) no-repeat; width:35px; height:34px; position:absolute; top:-9px; right:1px; }

#divider4 { background:#d8272d url(Crossing_back.png) no-repeat; background-size:cover; position:relative; padding-bottom:32.3%; overflow:hidden; }
#divider4 > div { position:absolute; left:0px; top:0px; width:100%; height:100%; }
#divider4 .shop { background:url(crossing_shop.png) no-repeat; background-size:contain; width:25.78%; height:0px; padding-bottom:30.31%; left:0%; top:6.17%; }
#divider4 .roof { background:url(crossing_roof.png) no-repeat; background-size:contain; width:25.78%; height:0px; padding-bottom:14.57%; left:0%; top:3.63%; }
#divider4 .signbird { width:6.8%; height:0px; padding-bottom:8.59%; left:15.98%; top:29.26%; overflow:hidden; }
#divider4 .signbird div { background:url(crossing_sign.png) no-repeat; background-size:contain; width:100%; height:100%; top:0px; position:absolute; }
#divider4 .running { background:url(crossing_running.png) no-repeat; background-size:contain; width:32.15%; height:0px; padding-bottom:14.06%; left:26.33%; top:21.16%; }
#divider4 .postbox { background:url(crossing_postbox.png) no-repeat; background-size:contain; width:5%; height:0px; padding-bottom:11.29%; left:38.67%; top:34.22%; }
#divider4 .shocked { background:url(crossing_startled.png) no-repeat; background-size:contain; width:26.76%; height:0px; padding-bottom:24.49%; left:54.65%; top:12.21%; }
#divider4 .bottomright { background:url(crossing_bottomright.png) no-repeat; background-size:contain; width:16.25%; height:0px; padding-bottom:22.77%; left:auto; top:auto; right:0%; bottom:0%; }

.scrollicon { width:26px; height:76px; background:url(scrollink.png) no-repeat; display:inline-block; position:relative; z-index:12; }
#home .scrollicon { margin-top:76px; }

#theabsurd form { padding-top: 25px; }
label { color: #d9232e; font-size: 130.5%; display: block; padding-bottom: 15px; }
input[type="text"],  input[type="email"] { -webkit-appearance: none; color: #fff; background: #455057; border: 1px solid #455057; border-radius: 3px; padding: 9px 25px; text-transform: uppercase; font-family: 'Amatic SC',Arial,Helvetica,sans-serif; font-size: 100%; vertical-align: middle; }
#theabsurd select#mce-OUTLET { vertical-align:middle; width:76.5%; padding-right:52px; height:49px; }
#theabsurd input[type="text"], #theabsurd input[type="email"] { width: 76.5%; }
#theabsurd .datefield input[type="text"] { width:26.5%; }
#theabsurd .btn { width: 19%; box-sizing: border-box; padding: 5px 0; vertical-align: middle; margin-left: 2%; }
::-webkit-input-placeholder { color: #fff; opacity: 1; }
:-ms-input-placeholder { color: #fff; opacity: 1; }
::-moz-placeholder { color: #fff; opacity: 1; }
#theabsurd .texthalf p { width: 88%; }

.img_frame { position: relative; padding:3% 6%; margin-bottom:13%; z-index:7; }
.location_preview { margin: 0 auto; text-align: center; width: 45%; display: none; }
.theabsurdmobile { display: none;  margin: 0 auto; text-align: center; width: 65%; padding: 30px 0 15px; }
.woodframe { background:url(woodframe.png) center no-repeat; background-size:contain; position:absolute; width:130%; height:116%; left:-15%; top:-6%; z-index:10; pointer-events: none; }
.photo .imgholder a { display:block; cursor:pointer; }

.btn, input.twdobtn, #booking .dmn-form .btn-primary { border: 1px solid #d9232e; background:#d9232e; color: #fff; -webkit-appearance:none; padding: 7px 17px; transition: background linear 0.2s; -moz-transition: background linear 0.2s; -o-transition: background linear 0.2s; -webkit-transition: background linear 0.2s; display: inline-block; font-size: 126.5%; font-family: 'Amatic SC',Arial,Helvetica,sans-serif; border-radius: 0; vertical-align:middle; box-shadow:none; }
.btn:hover, input.twdobtn:hover, #booking .dmn-form .btn-primary:hover { background: transparent; color: #d9232e; text-decoration: none; cursor: pointer; }
body input.twdobtn { background:#d9232e; }

.homecontents { right: 0; transition: right 1s linear; -moz-transition: right 1s linear; -o-transition: right 1s linear; -webkit-transition: right 1.5s linear; overflow: hidden; }

.homecontents.homeoff { position: absolute; width: 100%; right: 100%; overflow: hidden; transition: right 1s linear; -moz-transition: right 1s linear; -o-transition: right 1s linear; -webkit-transition: right 1.5s linear; }
.homecontents.homeoff .nav { position: absolute; display: none; }
.homecontents.homeoff .u { position: absolute; }
.homecontents.homeoff .fixed_social { position: absolute; }

.menu { width: 100%; position: relative; overflow: hidden; text-align: center; transition: left 1s linear; -moz-transition: left 1s linear; -o-transition: left 1s linear; -webkit-transition: left 1s linear; background: url(background.jpg) repeat-y; background-size:100% auto; z-index: 20; }
.menu.menuon { left: 0; transition: left 1s linear; -moz-transition: left 1s linear; -o-transition: left 1s linear; -webkit-transition: left 1s linear; }

.menuback { width: 100%; background: #eb0021; color: #fff; padding: 20px; box-sizing: border-box; cursor: pointer; display: block; font-size: 130.5%; }
.menuback:hover { text-decoration: none; }
.menuback img { padding-right: 20px; }
.menuback span { vertical-align: middle; }
.menutop1 { position: absolute; left: 0; top: 60%; }
.menutop2 { position: absolute; right: 12%; top: 63%; }
.menu .logo { padding: 115px 0 120px; }
.menupanel { position: relative; max-width: 1021px; margin: 0 auto; border: 3px dashed #eb0021; margin-bottom: 100px; box-sizing: border-box; }
.menupanel .menupanel { margin:10px 20px 40px; padding:20px 20px;  }
.menupanel strong { text-shadow:#000 0px 0px 0px; }
.menupanel .colour { padding-left: 7px; }
.menupanel strong .colour { text-shadow:#d9232e 0px 0px 0px; }
.menu2 .colour { padding-left:0; }
.menu1 .menu_left { width: 40%; float: left; }
.menu1 .menu_right { width: 40%; float: right; }
.menu1 { line-height: 1.9em; padding: 50px 0 65px; }
.menu1 img { position: absolute; top: 16%; left: 50%; margin-left: -126px; }
.paneltitle { font-size: 191.5%; position: absolute; top:-30px; left:0%; width:100%; text-align:center; line-height:1.1em; }
.menu8 .paneltitle { width:50%; }
.paneltitle strong { background:#fff; display:inline-block; padding:0px 10px; text-shadow:#000 0px 0px 0px; vertical-align:middle; }
.menu .h1, .menu h1 { padding-bottom: 90px; }
.menu3 .menu_left { width: 40%; float: left; }
.menu3 .menu_right { width: 40%; float: right; }
.menu3 { line-height: 1.9em; padding: 50px 0 65px; }
.add_option {  background: #eb0021; color: #fff; line-height: 1.8em; font-weight: 400; padding: 35px 59px; }
.add_option strong { text-shadow:#fff 0px 0px 0px; }
.menuoption_border { border: 3px dashed #eb0021; position: absolute; top: 39%; left: 50%; margin-left: -134px; padding: 1px }
.menu2 .menu_left p { width: 80%; margin: 0 auto; }
.panelsubtitle { font-size: 152.5%; padding-bottom: 15px; }
.option_title { font-weight: 700; font-size: 152.5%; padding-bottom: 5px; }
.menu3 .panelimg1 { position: absolute; bottom: 4%; left: 0; }
.menu3 .panelimg2 { position: absolute; bottom: 4%; right: 0; }
.menu4 img { position: absolute; bottom: 0; right: 4%; }
.menu3 { padding: 50px 20px 285px; line-height: 1.8em; }
.menu4 .panelimg1 { position: absolute; bottom: 10%; left: 3%; }
.menu4 .panelimg2 { position: absolute; bottom: 0; right: 6%; }
.menu4 { padding: 55px 20px 40px; line-height: 1.6em; }
.menu6 .panelimg1 { position: absolute; top: 8%; left: 4%; }
.menu6 .panelimg2 { position: absolute; bottom: 0; right: 0; }
.menu6 { padding: 55px 20px; line-height: 1.7em; }
.menu6 .menuitem2 { padding-left: 30px; display: inline; }
.menu8 img { position: absolute; right: -1%; top: -8%; }
.menu8 { padding: 60px 0 45px; line-height: 1.7em; }
.menu8 .panelcontent { width: 44%; padding: 0 30px; }
.menusocial { padding-bottom: 80px; font-size: 1.35em; }
.menusocial .inlineblock:first-child { padding: 0; }
.menusocial .inlineblock { padding-left: 40px; margin-bottom: 10px; }
.menusocial a { color: #33343b; text-decoration: none; }

.logo { text-align: center; padding-top:13%; margin: 0 auto; }
.u { position:absolute; left: 50%; top:291.578px; z-index: 1; width:61px; }

.fixme { transition:margin-top 0.2s linear; -webkit-transition: margin-top 0.2s linear; -moz-transition: margin-top 0.2s linear; -o-transition:margin-top 0.2s linear; }

.socialicons.mobileonly { padding: 36px 10px 35px; }

.ssonly, .mobile_expand_head { display:none; }
.mobilelogolink { display: none; }

.tb { display: table; -moz-display: block; width: 100%; height: 100%; table-layout: fixed; position: relative; z-index: 2; }
.tb .c { display: table-cell; vertical-align: middle; text-align: center; color: #fff; position: relative; }

.facebook { background: #d9232e; padding: 15px 18px 12px 19px; }
.twitter { background: #d9232e; padding: 16px 12px 13px 13px; }
.linkedin { background: #d9232e; padding: 13px 12px 14px 14px; }
.instagram { background: #d9232e; padding: 10px 10px 11px 11px; }
.ubereats { background: #d9232e; padding: 0px 4px 0px 5px; }
.rssfeed { background: #d9232e; padding: 13px 11px 12px 14px; }
.rssfeed:hover { background: #ff6600; }
.facebook:hover { background: #3b5998; }
.twitter:hover { background: #00aced; }
.linkedin:hover { background: #007bb6; }
.instagram:hover { background: #007bb6; }
.ubereats:hover { background: #fff; }

.facebook, .twitter, .linkedin, .instagram, .rssfeed, .ubereats, .booknow .icon, .deliver .icon { outline:none; -webkit-appearance:none; transition: background 0.2s linear; -o-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -webkit-transition: background 0.2s linear; }
.fixed_social { position: fixed; top: 12%; right: 4%; line-height: 0; z-index:20;  }
.fixed_social a { display: block; }
.fixed_social a img { max-width:39px; }
.fixed_social .facebook, .fixed_social .twitter, .fixed_social .linkedin, .fixed_social .instagram, .booknow .icon {  border-bottom: 1px solid #a41821;  }
.socialicons .facebook, .socialicons .twitter { border-right: 1px solid #a41821; }
#theabsurd .rssfeed { margin-left: 41px; }
.socialicons a { display: inline-block; line-height: 0; vertical-align: middle; }
.socialicons { padding-top: 4px; padding-bottom: 30px; }

.book { color:#fff; padding:5px 20px; text-align:center; }
.booknow { position:relative; }
.booknow .icon { display:block; width:46px; height:47px; background: #d9232e url(essentials.png) center center no-repeat; position:relative; z-index:2; }
.booknow .icon:hover { background-color:#b7010c; }

.deliver { position:relative; }
.deliver .icon { display:block; width:46px; height:47px; background: #d9232e url(../mobile-logo-ubereats-absurdbird.svg) center center no-repeat; position:relative; z-index:2; }
.deliver .icon:hover { background-color:#b7010c; }

.booklabel { position:absolute; padding:3px 25px 3px 18px; background:#5d829b; color:#fff; right:46px; top:5px; height:auto; border-radius:30px 0 0 30px; line-height:1em; white-space:nowrap; }

.mobileonly { display: none; }

.kidsmenu { padding:20px 10px 0; }
.kids_falling { background:url(../images/kids_falling_bird.png) top left no-repeat; position:absolute; background-size:contain; left:2%; top:0%; width:20%; height:60.5%; }
.kids_running { background:url(../images/kids_bird_running.png) left bottom no-repeat; position:absolute; background-size:contain; left:2%; bottom:0%; width:25%; height:43%; }
.kids_bird { background:url(../images/kids_bird.png) bottom right no-repeat; position:absolute; background-size:contain; right:2%; bottom:2%; width:20%; height:56%; }
.kids_back { background:url(../images/kids_bird_back.png) top left no-repeat; position:absolute; background-size:contain; left:2%; top:2%; width:20%; height:46%; }
.kids_corner { background:url(../images/kids_bird_corner.png) bottom right no-repeat; background-size:contain; position:absolute; right:-1.5%; bottom:-0.5%; width:20%; height:37%; }

.bookpanel { background:#b5121d; display:none; position:fixed; top:10%; left:50%; width:auto; margin-left:-422px; max-height:80%; overflow:auto; }
.bookpanel.booknow { display:block; }

.iphonebooking { color:#fff; }
.iphonebooking .bookpanel { display:block; position:static; margin-left:0; }
.iphonebooking #togo-booking-container { max-width:800px; margin:0 auto; }
.modal { position:fixed; background:rgba(0,0,0,0); opacity:0; top:0px; left:0px; width:100%; height:100%; display:none; }
.closepanel { position:absolute; right:0px; top:0px; color:#fff; background:#455057; line-height:1em; padding:5px; border-radius:50%; border:#b5121d 4px solid; cursor:pointer; }

#fancybox-wrap { max-width:80%; }
#fancybox-content { max-width:100%; height:auto!important; }

.greenishplatesopen { padding:0 196px; }
.greenishplatesclose { padding:0 76px; }

.careerspage .careershead { position:relative; display:block; }
.careerspage .careershead img { width: 100%; }
.careerspage .logo { padding-top: 8.9% }
.careerspage h1 { font-size: 1.74em; padding-bottom: 85px; }
.careercontent { text-align: center; margin: 22px 0 75px; box-shadow: 0 1px 0 #fff; border-bottom: 1px solid #d7d7d7; }
.expand_head { cursor: pointer; border-top: 1px solid #fff; box-shadow: 0 -1px 0 #d7d7d7; padding: 10px 10px; position: relative; }
.careerspage .expand_head { padding: 45px 10px; }
.expand_head .jobname { color: #d8272d; font-size: 148%; }
.expand_head .expandicon { background: url(expand-arrow.png) center no-repeat; width: 36px; height: 36px; transition: all 0.2s linear; -o-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; position: absolute; top: 50%; margin-top: -18px; right: 0; }
.expand_head.active .expandicon { transform: rotate(180deg); -ms-transform: rotate(180deg); }
.careerspage .expand_body { font-size: 91.5%; padding-bottom: 45px; }
.careerspage .expand_body .sep { display: inline-block; }
.expand_body .padding { padding:10px; }
.careersbar { border-top: 1px solid #b7b7b7; padding: 25px 10px 22px; background: #fff; text-align: center; }
.careersbar .barcontent { font-size: 174%; vertical-align: middle; }
.careersbar .btn { margin-left: 25px; }

.overimage { position:absolute; left:50%; bottom:20px; }

.newsheader img { width: 100%; }
.newsheader { margin-bottom: 170px; }
.newsitem { padding: 20px 0 80px; }
.newsitem h3 { font-size: 1.22em; padding-bottom: 3px; }
.newsitem .date { font-size: 1.045em; padding-bottom: 28px; }
.newsitem .summary { padding-bottom: 28px; }
.pageof { font-size: 1.045em; padding-bottom: 15px; }
.paging_panel { margin: 50px 0 80px; }
.paging_panel .paging_page a { color: #fff; background: #d9232e; padding: 7px 18px; display: inline-block; margin: 0 8px 0 0; }
.paging_panel .paging_selected { color: #fff; background: #5d829b; padding: 7px 18px; display: inline-block; margin: 0 8px 0 0; cursor: pointer; }
.paging_panel .paging_page a:hover { text-decoration: none; }
.newsarticle { padding: 0 10px 110px; }
.newsshare { color: #d9232e; font-size: 1.22em; float: right; }
.newsshare .twitter { padding: 4px 12px 6px 13px; margin: 0 1px 0 28px; float: right; }
.newsshare .facebook { padding: 4px 18px 6px 19px; margin: 0 1px; float: right; }
.newsshare .sharetext { margin-top: 7px; display: inline-block; }
.newscontent { padding: 0 0 60px 0; }
.newscontent p { padding:0 0 42px; }
.newsarticle h1 { padding-bottom: 6px; }
.newsarticle .date { font-size: 1.75em; padding-bottom: 45px; }
.newsfeedtitle { font-size: 1.22em; padding: 0 0 4px; }
.newsfeeddate { font-size: 1.05em; padding-bottom: 28px; }
.newsfeedsummary { padding-bottom: 38px; }
.newsfeedbtns { margin-bottom: 60px; }
.newsfeedbtns .btn:last-child { margin-left: 20px; }
.newscontainer { padding: 0 10px; }
.newshomecontent { margin-bottom: 15px; }

.newssummaryimage { float:left; margin:-10px 10px 10px 0; }
.newsimage { float:left; margin:0px 30px 30px 0; }

#booking { padding:5% 0 6%; }
.dmn-form div.dmn-venue-container { position:relative; z-index:2;  }
#booking .dmn-form { width:auto; padding:0; font-size:inherit; border:0; }
#booking .dmn-form h1 { display:none; }
#booking .dmn-form label { color: #d9232e; font-size: 130.5%; display: block; padding-bottom: 15px; font-family: 'Amatic SC',Arial,Helvetica,sans-serif; font-weight:bold; }
#booking .dmn-form input[type="text"], #booking .dmn-form select, #booking .dmn-form input[type="number"], .fakeselectselected, select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none;  display:inline-block; height:auto; line-height:1em; color: #fff; background:#455057; border:1px solid #455057; border-radius: 3px; padding:5px 25px; text-transform: uppercase; font-family: 'Amatic SC',Arial,Helvetica,sans-serif; font-size: 100%; vertical-align: middle; width:100%; box-sizing:border-box; box-shadow:none; max-width:none; }
select, #booking .dmn-form select, .fakeselectselected { height:42px; background:#455057 url(arrow_down.png) 96% center no-repeat; }
#booking .dmn-form .main-inputs > div, .dmn-form div.dmn-venue-container { float:left; width:46%; margin-right:4%; margin-bottom:3%; }
.dmn-form div.dmn-venue-container { width:48%; }
#booking .dmn-form .btn-link { color:#d9232e; }
.dmn-time-container input { color:#fff; }
#booking .dmn-form .btn.submit { width:auto; margin-top:40px; }
#booking .dmn-form input[type="text"]:disabled { background:#000; }
.dmn-num-people-container, .dmn-time-container { clear:left; }
.dmn-form .main-inputs { margin-right:-4%; }

.partner-form-modal { opacity:1; height:auto; }

.sidescroller .item { float:left; width:408px; }

.landingpage .landinghead { position:relative; display:block; }
.landingpage .container { padding:5% 10px 1%; max-width:1029px; }
.landingpage .landinghead img { width: 100%; }
.landingpage .photoright { max-width:50%; }
.landingballoon { position:fixed; bottom:0px; width:15.7%; left:6.2%; }
.landingpage input[type="text"] { max-width:75%; width:490px; padding:11px 25px; }

.landingpage h1 { padding-bottom:10px; }
.landingpage h2, .landingpage .h2 { font-size:174%; }
h2.subh2 { color:#242424; padding-bottom:60px; }
.dark { color:#242424!important; }

.menubtn { margin:0 15px 20px 0; }
.outlet .imghalf { width:44.413%; margin:0; }
.outlet .img_frame { padding: 6% 13% 6% 15%; }
.outlet .woodframe { background-image:url(woodframe-small.png); left:0; top:0px; width:100%; height:100%; }

#booking.locationbooking { padding-top:0; padding-bottom:9%; }
#booking.locationbooking .dmn-form .btn-primary.btn { clear:both; display:block; margin-top:20px; }
#booking.locationbooking .powered-by { position:absolute; top:0px; right:0px; width:auto; }

.fakeselect { cursor:pointer; margin-bottom:23px; position:relative; text-align:center; }
.fakeselect ul { display:none; padding:0; box-sizing:border-box; position:absolute; list-style:none; margin:0; padding:0; background:#455057; color:#fff; z-index:10; -webkit-margin-before:0px; }
.fakeselect ul li a { display:block; color:#fff; padding:14px 14px 13px 14px; }
.fakeselect ul li a:hover { background:#fff; color:#455057; text-decoration:none; }
.fakeselect:hover ul, .fakeselect.hover ul, .jsenabled .fakeselect.hover:hover ul { display:block; width:100%; height:auto; }
.jsenabled .fakeselect:hover ul { display:none; }
.fakeselectselected { display:block; width:384px; max-width:100%; margin:0 auto -3px; text-align:left; box-sizing:border-box; cursor:pointer; padding:12px 45px 11px 14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; height:auto; margin-bottom:-3px; }
.infopop { padding:10px 15px 0; background:#fff; }
.infopop h2, .infopop p { padding-bottom:20px; }

#outlets { clear:both; }
#outlets .btn { margin:20px; }

#map { height:529px; }

#locations { text-align:center; padding: 6% 0 0; position:relative; }
#locations .h2 { padding:0 0 15px; }
#locations #outlets .fakeselectselected { }
#locations #outlets .btn { float:none; margin:41px 0 17px; }
#CDSSCROLLINGRAVE.narrow { margin:0 auto; }

#outlemap { height:300px; }

#skrollr-body #mc_embed_signup form { padding: 0 0 30px; }
#skrollr-body #mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error { border: 2px solid #d9232e; }
#skrollr-body #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error { background: none; color: #d9232e; font-size: 100%; }
#skrollr-body #mc_embed_signup .mc-field-group input { box-sizing: border-box; max-width: 100%; }
#skrollr-body #mc_embed_signup .indicates-required { font-size: 85%; float: right; }
#skrollr-body #mc_embed_signup input, #skrollr-body #mc_embed_signup select { border-radius: 0; border: 1px solid #d9232e; }
#skrollr-body #mc_embed_signup #mc-embedded-subscribe { margin:0; }
#skrollr-body #mc_embed_signup div.mce_inline_error { margin:0; }

#skrollr-body #mc_embed_signup .mc-field-group { padding-bottom: 10px; }
#skrollr-body #mc_embed_signup .asterisk { color: #d9232e; }

.imghalf .galleryItem { width:100%!important; }
.imghalf .galleryItem .galleryText { position:absolute; right:20px; top:10px; color:#fff; }

ul.locationsgallery { list-style-type: none; margin: 0; padding: 0; }
ul.locationsgallery li { list-style: none; float: left; margin: 1em; width: 128px; height: 128px; }
ul.locationsgallery li img { max-width: 128px; }
h2.galh2 { padding-bottom: 15px; }

.scrollsection { overflow:hidden; border:#000000 5px solid; margin:18px 19px 29px; }
.scrollsection img { max-width:none; width:auto; }
.scorllcontent { height:191px; background-size:cover; }
.photo { position:relative; }
.leftButton, .rightButton { position:absolute; top:0px; width:58px; display:none; }
.leftButton { left:0px; }
.rightButton { right:0px; }

#mce-responses.clear { height:auto; }

@media (max-height: 935px) {
    #story, #food-drink, #locations, #news, #theabsurd { height: auto!important; }
    #story, #food-drink, #locations, #news { padding: 8% 0 5%; }
}
@media (max-height: 740px) {
    #home, #story, #food-drink, #locations, #news, #theabsurd { height: auto!important; }
    #map { height:300px!important; }
}
@media (max-width: 1850px) {
    .landingballoon { left:2% }
}
@media (max-width: 1600px) {
    .landingballoon { width:10%; }
}
@media (max-width: 1500px) {
    .nav { left: 0.5%; }
    .menutop2 { right: 2%; top: 63%; }
    .menutop1 { left: 0; top: 40%; }
    #home { background-size:20% auto; }
}
@media (max-width: 1415px) {
    .widecontainer { max-width: 1025px; padding: 0; }
}
@media (max-width: 1370px) {
    .landingballoon { display:none; }
}
@media (max-width: 1290px) {
    .container { max-width: 970px; }
    .menu .container { max-width: 1021px; }
    #fallingbird div div.speechbubble { left:-260px; }
    /*#locations .texthalf { padding-left:34px; }*/
}
@media (max-width: 1235px) {
    .container { max-width: 900px; }
    .widecontainer { max-width: 995px; }
    #locations .texthalf { width: 42%; }
    .outlet_btns .btn { font-size: 104.5%; }
    .menu .logo { width: 30%; }
    .menutop1 { width: 23%; }
    .menutop2 { width: 30%; }
}
@media (max-width: 1190px) {
    .widecontainer { max-width: 935px; }
    .outlet_btns .btn { padding: 7px 8px; }
    .container { max-width: 850px; }
    #theabsurd input[type="text"], #theabsurd input[type="email"], #theabsurd select#mce-MMERGE3 { width: 55%; }
    #food-drink, #theabsurd { height: auto!important; }
    #theabsurd { padding: 5% 0 2%; }
    #food-drink { padding: 7% 0 4%; }
}
@media (max-width: 1130px) {
    .widecontainer { max-width: 865px; }
    .container { max-width: 820px; }
    h1, .h1 { font-size: 2.87em; }
}
@media (max-width: 1075px) {
    body { font-size: 1.25em; }

    .container.dividersection { display: none; }
    .container { max-width: 696px; }
    .widecontainer { max-width: 760px; }
    .outlet_btns .btn { margin-right: 8px; }
    .texthalf { width: 47%; }
    .imghalf { width: 45%; }
    .home_img { width: 27%; padding-top: 8%; }
    .menu .container, .menupanel { max-width: 960px; }
    .menu8 .panelcontent { width: 40%; }
    .menu8 .paneltitle { margin-left: -25px; }

    #fallingbird div div.speechbubble { width:200px; left:-240px; }

    .newsheader { margin-bottom: 95px; }
    .paging_panel { margin: 10px 0 40px; }

}
@media (max-width: 1000px) {
    .menu8 img { right: -1.5%; top: -6%; width: 61%; }
    .menu .container, .menupanel { max-width: 875px; }
    .menu8 .panelcontent { width: 33%; }
    .menupanel { margin-bottom: 70px; }
    .menu .h1, .menu h1 { padding-bottom: 65px; }
    .menu7 .panelimg2 { width: 22%; }
    .menu6 { padding-bottom: 107px; }
}
@media (max-width: 930px) {
    .nav { position:static; }
    #nav { text-align: center; top: 0; left: 0; width: 100%; z-index:15; position:fixed; }
    #nav > div { height:100%; overflow:auto; }
    #nav > div ul.mobileonly { padding-top:45px; }
    #nav > div.menu-toggle { height:auto; position:absolute; }
    #nav.selected { height:100%; overflow:auto; -webkit-overflow-scrolling: touch; }
    #nav .socialicons { background: #a0131c; }
    .fixed_social { display: none; }
    .mobileonly { display: block; }
    .nomobile { display: none; }
    .nav_anchor { display: none; }
    .navinside { border-radius: 0; background: transparent; position:static; }
    .home_img {  margin-left: -8%; }
    .logo img { width: 50%; }
    .u { width: 6.35%; }
    .menu8 img { top: -22px; width: 63%; }
    .menu .container, .menupanel { max-width: 830px; }
    .menu8 { padding: 39px 0 25px; }
    .menuoption_border { margin-left: -124px; }
    .menu8 .paneltitle { margin-left: -47px; }
    .menushown #nav { display:none; position:static; }
    .bookpanel { display:block; position:static; margin:0; }
    .closepanel { display:none; }
    .newsheader img { margin-top: 45px; }
}
@media (max-width: 900px) {
    .menu .container, .menupanel { max-width: 750px; }
    .menu8 { padding: 30px 0 25px; line-height: 1.6em; }
    .menu8 img { top: -20px; width: 64%; right: -3.5%; }
    .menu8 .panelcontent { width: 35%; padding: 0 16px; }
    .menu3 img { right: 1%; width: 16%; }
    .menu6 .panelimg1 { width: 19%; }
    .menu6 .panelimg2 { right: 3%; }
    .menu7 .panelimg2 { width: 19%; }
    .menusocial { padding: 0 15px 80px; }
    .menu1 .menu_right, .menu1 .menu_left, .menu1 .menu_central { padding: 0 10px; }
    .menusocial .inlineblock, .menusocial .inlineblock:first-child { padding: 0 20px 0; }
    .menu6 { padding-bottom: 167px; }
    .greenishplatesopen { padding:0 156px; }
    .greenishplatesclose { padding:0 0px; }
}
@media (max-width: 805px) {
    .woodframe { width: 128%; height: 113%; }
    .imghalf { width: 41%; margin: 0 6%; }
    .outlet_caption { bottom: 15%; }
    #locations .texthalf { padding-left:14px; }
}
@media (max-width: 800px) {
    .widecontainer { max-width: 696px; }
    .outlet_btns .btn { margin-bottom: 7px; }
    .menu .container, .menupanel { max-width: 660px; }
    .menu1 { padding: 40px 0 35px; }
    .menu1 .menu_right, .menu1 .menu_left { width: 100%; float: none; box-sizing: border-box; }
    .menu1 img { top: 41%; width: 35%; left: 0; margin-left: 0 }
    .menuoption_border { margin-left: -100px; }
    .add_option { padding: 25px 35px; }
    .menu2 .panelimg1, .menu2 .panelimg2 { width: 28%; }
    .menu3 img { width: 13%; }
    .menu7 .panelimg1 { top: 14%; left: 1%; width: 19%; }
    .menu6 .panelimg1 { width: 18%; left: 1%; }
    .menu6 .panelimg2 { right: 1%; }
    .menu8 .panelcontent { width: 43%; }
    .menu8 img { top: 15px; width: 53%; right: -2%; }
    .menu .logo { width: 45%; }
    .menutop2 { top: 77%; }
    .menutop1 { top: 63%; }
    .outlet_address { width: 41%; }
    .outlet_contact { width: 58%; }
    .menu4 { padding-bottom: 120px; }
    .menu8 .paneltitle { margin-left: 0; }
    .greenishplatesopen { padding:0 105px; }
}
@media (orientation:landscape) and (max-width:730px) {
    .logo { padding-top:100px; }
}
@media (orientation:portrait) and (max-width:768px) {
    #home, #story, #food-drink, #locations, #news, #theabsurd { height: auto!important; }
    #home { padding-bottom:15%; }
}
@media (max-width: 730px) {
    .container, .widecontainer { max-width: 100%; }
    #home, #story, #food-drink, #locations, #theabsurd, #news { height: auto!important; }
    #home { padding-bottom:15%; }
    #story .texthalf, #news .texthalf, #food-drink .imghalf, #locations .texthalf, #theabsurd .imghalf { float: none; text-align: center; margin: 0 auto; }
    #story .imghalf, #news .imghalf, #food-drink .texthalf, #locations .imghalf, #theabsurd .texthalf, .outlet .imghalf { float: none; margin: 0 auto; text-align: center; }
    .h1, h1 { padding: 50px 0 28px; font-size: 2em; }
    #story, #food-drink, #locations, #news { padding: 9% 0 0; }
    .texthalf { width: 95%!important; }
    #food-drink .texthalf img { display: block; float: none!important; margin: 45px auto 0; }
    #food-drink .texthalf .btn { margin-top: 12px; }
    #theabsurd .texthalf p { width: 100%; }
    #locations .texthalf { padding-left: 0; }
    /*.rightarrow { right: 23%; top: 1%; margin-top: 0; height: 9%; }
    .leftarrow { left: 23%; top: 1%; margin-top: 0; height: 9%; }*/
    .outlet_btns { padding-top: 25px; }
    .outlet_btns .btn { margin: 0 8px 7px; }
    .location_preview { display: block; padding-top: 25px; }
    #theabsurd .imghalf { display: none; }
    .theabsurdmobile { display: block; }
    #theabsurd input[type="text"], #theabsurd input[type="email"], #theabsurd select#mce-MMERGE3 { width: 75%; display: block; margin: 0 auto; text-align: left; }
    #theabsurd select#mce-MMERGE3 { margin-bottom:20px; }
    #theabsurd .btn { width: auto; padding: 5px 13px; margin: 25px 0 0; }
    .socialicons { padding-top: 34px; padding-bottom: 30px; }
    #theabsurd .rssfeed { display: table; margin: 18px auto 0; }
    #theabsurd { padding: 5% 0 5%; }
    .outlet_caption { font-size: 100%; }
    .menu .logo { width: 50%; }
    .locationscroller .h2 { width: 60%; margin: 0 auto; }
    .scrollRightBtn { left:auto; right:0px; }
    .finalmouse { display: none; }
    #shop { display:none; }
    #togo-booking-container select { font-size:16px; }
    .careersbar .btn { margin-left: 0; }
    .careersbar .barcontent { display: block; margin-bottom: 5px; }
    #CDSSCROLLINGRAVE.narrow { margin:0 auto; }
    .newsheader { margin-bottom: 15px; }
    .newsitem { padding: 20px 0 50px; }
    .sidescroller .item { width:675px; text-align:center; }
    .fakeselect ul { position:static; margin-right:155px; }
}
@media (max-width: 675px) {
    .home_img { width: 33%; margin-left: -10%; }
    .menu .container, .menupanel { max-width: 550px; }
    .menu1 img { top: 51%; }
    .menuoption_border { margin-left: -95px; top: 45%; }
    .menu3 { padding: 50px 5px 85px; }
    .menupanel.menu4, .menupanel.menu5 { width: auto; float: none; height: auto!important; }
    .menupanel.menu4 { padding: 40px 55px; }
    .menupanel.menu4 img { width: 19%; }
    .menu6 { padding: 35px 70px 40px; }
    .menu7 .menuitem2 { padding-left: 0; display: block; }
    .menu7 { line-height: 1.5em; }
    .menu8 img { position: static; width: auto; }
    .menu8 .panelcontent { width: 100%; box-sizing: border-box; padding-bottom: 21px; }
    .menu8 { padding: 40px 0 0; }
    .menu8 .paneltitle { width:100%; }
    .add_option { padding: 9px 6px; }
    .menuoption_border { margin-left: -68px; top: 30%; }
    .menu3 .menu_right { width: 34%; }
    .menu3 .menu_left { width: 35%; }
    .menu .h1, .menu h1 { padding-bottom: 45px; }
    .menu7 { padding: 55px 20px 105px; }
    .menu7 .panelimg2 { width: 29%; }
    .greenishplatesopen { padding:0 35px; }
}
@media (max-width: 645px) {
    #fallingbird div div.speechbubble { left:-250px; }
    .kids_back { top:auto; bottom:2%; }

    .landingpage input[type="text"] { max-width:50%; }
    .photoright { float:none; text-align:center; margin:0 auto; }
    .smallpage h1 { text-align:center; }
}
@media (max-width: 575px) {
    .logo { padding-top:26%; }
    .location_preview, .imghalf { width: 65%!important; }
    .outlet_btns .btn { display: table; margin: 0 auto 13px; }
    /*.rightarrow { right: 12%; }
    .leftarrow { left: 12%; }*/
    .menu .logo { width: 60%; }
    .menu .container, .menupanel { max-width: 450px; }
    .menu1 img { top: 63%; width: 32%; left: 0; }
    .menu3 img { width: 22%; }
    .menu3 { padding: 50px 5px 125px; }
    .menu6 .panelimg2 { width: 17%; }
    .menu7 .panelimg2 { width: 45%; }
    .menu7 .panelimg1 { top: 10%; left: 4%; width: 23%; }
    .menuoption_border { top: 57%; }
    .menu2 .menu_left, .menu2 .menu_right { width: 100%; float: none; padding-bottom: 15px; }
    .menuoption_border { top: 30%; margin-left: -62px; }
    .menu2 { padding: 60px 0 280px; }
    .menu .h1, .menu h1 { padding-top: 20px; }
    .menu7 .panelimg1 { top: 11%; left: 3%; width: 23%; }
    .menupanel .left_section, .menupanel .right_section { width:auto; float:none; }
    .ontheside { padding:0 94px; }
    .newsimage { float:none; margin:0 auto 30px; display:block; text-align:center; }
}
@media (max-width: 475px) {
    .home_img { width: 41%; padding-top: 18%; padding-bottom: 5%; }
    .menutop1 { top: 75%; width: 31%; margin-left: -37px; }
    .menutop2 { width: 38%; }
    .menu .container, .menupanel { max-width: 360px; }
    .menu2 .panelimg1, .menu2 .panelimg2 { width: 29%; bottom: 1%; }
    .menu3 img { width: 27%; }
    .menupanel.menu4 img { width: 24%; }
    .menu6 .panelimg2 { width: 20%; }
    .menu6 .panelimg1 { width: 25%; top: 85%; }
    .menu1 img { top: 10%; }
    .menuoption_border { top: 59%; margin-left: -64px; }
    .menu3 .menu_right, .menu3 .menu_left { width: 45%; }
    .menu3 { padding: 50px 5px 250px; }
    .newsheader { margin-bottom: 0; }
    .newsshare { float: none; margin-top: 30px; }
    .newsarticle { padding: 0 10px 50px; }
    .newscontent { padding: 0 0 30px 0; }
    .texthalf { width:auto!important; padding:0 19px; }
    #locations p, #locations h2, #locations .h2, #locations .h2 + div, #locationslinks { padding-left:5%; padding-right:5%; }

    #home { background-size:25% auto; }

    #booking { text-align:center;  }
    #booking .dmn-form .main-inputs > div, .dmn-form div.dmn-venue-container { float:none; width:auto; padding-left:3%; text-align:center; }


    .outlet_contact, .outlet_address { width: 100%; float: none; }
    .outlet_contact { padding-top: 20px; }

    .noss, .woodframe, .outlet_caption { display:none!important; }
    .logo { padding-top:55px; }
    .logo img { margin:0 auto; width:56%; }
    .left_section, .right_section { float:none; width:auto; }
    #booking.locationbooking .powered-by { position:static; }
    .dmn-form .main-inputs { margin-right:0; }
    .img_frame { padding:0; margin:0 19px; }
    .imghalf { width:auto!important; }
    .ssonly, .ssblock { display:block; }
    .galleryItem { width:100%!important; }
    body { line-height: 1.7em; }
    .menu-toggle { background:transparent; border:0; padding:0; overflow:hidden; }
    .menu-toggle .icon { margin-left:0; background:url(ss_nav.png) center no-repeat; background-color:rgba(255,255,255,0.9); width:25px; height:15px; padding:15px; }
    .selected .menu-toggle { background-color:rgba(255,255,255,0.9); }
    .selected .menu-toggle .icon { background-color:transparent; }
    #nav > div.menu-toggle { overflow:hidden; }
    .mobilechaser { background: url(chaser.png) no-repeat; background-size: contain; width: 59.05%; padding-bottom: 50%; margin:37px auto 0px; }
    .scrollicon { background-image:url(mobile_scroll.png); width:10px; height:30px; display:none; }
    #home { text-align:center; padding-bottom:0px; }
    #home .scrollicon { margin:10px auto 30px; display:block; }
    .btn { margin:7.5px; }
    #outletsmap, #outlemap { height:298px; border:#465157 1px solid; margin:0 19px 19px; }
    #outlemap { margin:0 0 10px; }
    #map { height:298px!important; }
    #story, #food-drink, #locations, #news { padding-top:10px; }
    h2, h3, h4, h5, .h1, .h2, .h3, .p, p { padding-bottom:13px; }
    .h1, h1 { padding:33px 0 28px; font-size:1.7em; }
    #locations h2.h1 { padding:0px 0px 25px; }
    .leftButton { background:url(left_arrow_btn.png) left center no-repeat; }
    .rightButton { background:url(right_arrow_btn.png) right center no-repeat; }
    .leftButton, .rightButton { z-index: 5; cursor:pointer; height:59px!important; top:50%; margin-top:-30px; display:block; }
    .TA_cdsscrollingravenarrow { margin-top:13px; }
    #locations .h2 { padding: 0 0 5px; }
    .locationcontent { padding-bottom:19px; }
    #booking .dmn-form select, .fakeselectselected { background-image:url(ss_arrow_down.png); }
    #booking .dmn-form input[type="text"], #booking .dmn-form select, #booking .dmn-form input[type="number"], .fakeselectselected { font-size:114%; }
    .fakeselectselected { padding:13px 45px 11px 14px; }
    #locations #outlets .btn { margin: 24px 0 -4px; }
    #booking .dmn-form input#dmn-date, #booking .dmn-form input[type="text"]#dmn-date { background:#455057 url(date-picker-icon.png) 96% 50% no-repeat; }
    #booking .dmn-form label { padding-bottom:5px; }
    #booking .dmn-form .btn.submit { margin-top:10px; margin-bottom: 18px; }
    .btn, input.twdobtn, #booking .dmn-form .btn-primary { /*padding:10px 21px; min-width:85px;*/ padding:10px 15px; min-width:102px; font-size:120.5%; line-height:1.2em; }
    .popover .btn { min-width:0px; }
    #booking { padding:16px 0 34px; }
    .careersbar { padding:35px 19px 33px; }
    .careersbar .barcontent { line-height:1.3em; }
    .careersbar .btn { margin:12px 10px 10px; }
    .footer { font-size:90%; padding:29px 19px 25px; line-height:1.5em; }
    .footer > div:first-child { padding-bottom:19px; }
    .footer .inlineblock { display:inline; }

    .menulinks { margin:0 -7.5px 30px; position:relative; }
    .landingpage .container { padding:34px 19px; }
    .outlet { text-align:center; }
    .outlet h1 { padding-top:55px; }
    .outlet h2, .outlet h3 { font-size:100%; }
    .landingpage .photoright { max-width:64%; }
    #booking.locationbooking .dmn-form .btn-primary.btn { margin-left:auto; margin-right:auto; }
}
@media (max-width: 430px) {
    #fallingbird div div.speechbubble { width: 100px; left: -153px; padding: 10px 30px; }
}
@media (max-width: 400px) {
    .u { top: 29%; }
    .home_img { width: 37%; margin-left: -11%; }
    .location_preview, .imghalf { width: 73%; }
    .menutop1 { top: 75%; }
    .menutop2 { width: 43%; }
    .menu2 .panelimg1, .menu2 .panelimg2 { width: 27%; }
    .menuoption_border { top: 57%; }
    .menu2 { padding: 60px 0 320px; }
    .paneltitle { font-size: 176%; }
    .menu7 .panelimg1 { top: 71%; }
    .menu6 .panelimg1 { top: 86%; }

}
@media (max-width: 375px) {
  ul.locationsgallery li { width: 100%; height: auto; float: none; margin: 0; padding: 1em 1em 0; box-sizing: border-box; }
  ul.locationsgallery li img { max-width: 100%; width: 100%; }
}
@media (max-width: 330px) {
    .logo img { width: 65%; }
    .home_img { width: 43%; margin-left: -11%; }
    .menutop1 { width: 36%; margin-left: -23px; }
    .menutop2 { width: 47%; }
    .menupanel.menu5 { padding: 50px 10px; }
    .menu6 { padding: 35px 10px 90px; }
    .menu1 img { top: 14%; }
    .menuback { padding: 15px; }
    .menu6 .panelimg1 { top: 87%; }
    .menu3 .menu_right, .menu3 .menu_left { width: 100%; float: none; display: block; }
    .menuoption_border { top: 60%; }
    .careerspage .expand_head .expandicon { position: static; margin: 10px auto 0; }
    .TA_cdsscrollingravenarrow #CDSSCROLLINGRAVE.narrow { width:100%; box-sizing:border-box; }
    .newsshare .twitter { margin: 0 1px 0 0; float: left; }
    .newsshare .sharetext { display: block; margin-bottom: 10px; }
    .newsshare .facebook { float: left; }
    .btn, input.twdobtn, #booking .dmn-form .btn-primary { min-width:0px; }
    .landingpage .landinghead { background:url(mobile_subpage_header.jpg) no-repeat; background-size:cover; height:0px; padding-bottom:40.7%; }
    .landingpage .landinghead img { display:none; }
}
@media (max-width: 290px) {
    .location_preview, .imghalf { width: 70%!important; }
    .img_frame { padding:3% 6% 3%; }
}
@media (max-width: 253px) {
    .menu1 { padding: 90px 0 320px; }
    .outlet_caption { padding: 7px 4px; }
    /*.rightarrow { right: 6% }
    .leftarrow { left: 6% }*/
    .outlet_caption { left: 8%; }
}