/*
 @font-face {
     font-family: 'Oswald';
     src: url('/resource/Trad/Theme/Theme1/fonts/Oswald-Regular.ttf');
     font-weight: normal;
     font-style: normal;
 }
 @font-face {
     font-family: 'Oswald-Bold';
     src: url('/resource/Trad/Theme/Theme1/fonts/Oswald-Bold.ttf');
     font-weight: normal;
     font-style: normal;
 }
 @font-face {
     font-family: 'Lato';
     src: url('/resource/Trad/Theme/Theme1/fonts/Lato-Regular.ttf');
     font-weight: normal;
     font-style: normal;
 }
 */
 html {
     height: 100%;
     overflow-y: scroll;
 }
 body {
     height: 100%;
     background: #000;
     color: #FFF;
     line-height: 18px;
     font-size: 14px;
     font-weight: 300;
 }
 body,
 p,
 dl,
 dt,
 dd,
 ul,
 ol,
 li,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 pre,
 code,
 form,
 fieldset,
 legend,
 input,
 button,
 textarea,
 blockquote,
 th,
 td {
     margin: 0;
     padding: 0;
 }
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 p,
 pre,
 li,
 hr,
 legend,
 input,
 button,
 textarea,
 select,
 address,
 table {
     margin-bottom: 18px;
 }
 body,
 input,
 button,
 textarea,
 select {
     font-family: 'Lato', sans-serif;
     src: url('/resource/Trad/Theme/Theme1/fonts/Lato-Regular.ttf');
 }
 h2,
 h3,
 h4,
 h5,
 h6,
 .bookings .standard-form .form-header h1,
 .h2,
 .h3,
 .h4,
 .h5,
 .h6 {
     font-family: 'Oswald', sans-serif;
     color: #000;
     display: inline-block;
     font-weight: normal;
     padding: 2px 5px 0 0;
     color: #fff;
 }
 h1,
 .h1 {
     font-size: 25px;
 }
 h2,
 .h2,
 .bookings .standard-form .form-header h1 {
     font-size: 25px;
 }
 .bookings .standard-form .form-header h1 {
     border-bottom: none;
     margin-bottom: 0;
 }
 h2,
 .h2 {
     font-size: 25px;
 }
 h3,
 .h3,
 .about .h3 {
     font-size: 18px;
 }
 h4,
 .h4 {
     font-size: 18px;
 }
 h5,
 .h5 {
     font-size: 16px;
 }
 h6,
 .h6 {
     font-size: 14px;
 }
 .hr {
     width: 100%;
     border-bottom: 1px solid white;
     opacity: 0.2;
     margin-top: -10px;
     margin-bottom: 40px;
 }
 #page h1.page-title {
     color: #fff;
     font-size: 25px;
     font-family: 'Oswald', sans-serif;
     line-height: 50px;
     font-weight: normal;
     margin-bottom: 10px;
     text-transform: uppercase;
     -webkit-text-shadow: 0px 1px 7px rgba(0, 0, 0, .5);
     -moz-text-shadow: 0px 1px 7px rgba(0, 0, 0, .5);
     -ms-text-shadow: 0px 1px 7px rgba(0, 0, 0, .5);
     -o-text-shadow: 0px 1px 7px rgba(0, 0, 0, .5);
     text-shadow: 0px 1px 7px rgba(0, 0, 0, .5);
 }
 #page h1.page-title:before {
     content: "";
     left: 0;
     top: 0;
     height: 100%;
     border-left: 2px solid #fff;
     margin-right: 10px;
 }
 #page.three-col h1.page-title {
     margin-top: 20px;
     text-align: right;
 }
 .page-title-row.page-title__sign-up {
     display: none;
 }
 pre,
 tt,
 code,
 kbd,
 samp,
 var {
     font-family: "Courier New", Courier, monospace;
 }
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     line-height: 1.2em;
 }
 a {
     color: #FFF;
     text-decoration: underline;
     -webkit-transition: color 0.3s ease, background-color 0.6s ease;
     -moz-transition: color 0.3s ease, background-color 0.6s ease;
     -ms-transition: color 0.3s ease, background-color 0.6s ease;
     -o-transition: color 0.3s ease, background-color 0.6s ease;
     transition: color 0.3s ease, background-color 0.6s ease;
 }
 a:visited {}a:hover {
     text-decoration: none;
     -webkit-transition: color 0.1s ease, background-color 0.1s ease;
     -moz-transition: color 0.1s ease, background-color 0.1s ease;
     -ms-transition: color 0.1s ease, background-color 0.1s ease;
     -o-transition: color 0.1s ease, background-color 0.1s ease;
     transition: color 0.1s ease, background-color 0.1s ease;
 }
 a:focus {
     text-decoration: none;
 }
 a:focus {
     outline: 1px dotted #FFF;
 }
 a:active {
     outline: none;
 }
 h1 a,
 h2 a,
 h3 a {
     color: #000;
     text-decoration: none;
 }
 fieldset,
 img {
     border: 0;
 }
 img,
 object {
     vertical-align: bottom;
 }
 ol li {
     list-style-type: decimal;
 }
 ul li {
     list-style-type: disc;
 }
 ul ul li {
     list-style-type: circle;
 }
 ul ul ul li {
     list-style-type: square;
 }
 ol ol li {
     list-style-type: lower-alpha;
 }
 ol ol ol li {
     list-style-type: lower-roman;
 }
 sub {
     vertical-align: sub;
     font-size: smaller;
 }
 sup {
     vertical-align: super;
     font-size: smaller;
 }
 legend {
     color: #000;
     padding-bottom: .5em;
 }
 table {
     border-collapse: collapse;
     border-spacing: 0;
 }
 th {
     text-align: left;
 }
 blockquote,
 q,
 em,
 cite,
 dfn,
 i,
 cite,
 var {
     font-style: italic;
 }
 address {
     font-style: normal;
 }
 blockquote p:before,
 blockquote p:after,
 q:before,
 q:after {
     content: '';
 }
 th,
 strong,
 b {
     font-weight: bold;
 }
 ins {
     text-decoration: none;
     border-bottom: 3px double #333;
 }
 del {
     text-decoration: line-through;
 }
 abbr,
 acronym {
     border-bottom: 1px dotted #333;
     font-variant: normal;
 }
 li {
     margin-left: 20px;
 }
 hr {
     margin-right: 30px;
     margin-left: 30px;
     border-style: inset;
     border-width: 1px;
 }
 fieldset {
     line-height: 1;
 }
 input[type="checkbox"] {
     vertical-align: bottom;
     *vertical-align: baseline;
 }
 input[type="radio"] {
     vertical-align: text-bottom;
 }
 input {
     _vertical-align: text-bottom;
 }
 input,
 button,
 textarea,
 select,
 optgroup,
 option {
     font-size: 14px;
 }
 .bookings .standard-form .invalid input,
 .standard-form .invalid select {
     border-color: #d02a2a !important;
     margin-bottom: 4px;
 }
 .bookings .standard-form .form-errors h3,
 .bookings .standard-form .invalid span.error,
 .bookings .standard-form .invalid .error__inline {
     background-color: #d02a2a !important;
 }
 #container {
     margin: 0 auto;
     width: 936px;
     padding: 24px 24px 0;
 }
 #main-header,
 #main-content {
     float: left;
 }
 #main-header {
     margin-bottom: 24px;
 }
 #main-header h1 a {
     display: block;
 }
 .one-col #main-header h1 img {
     max-width: 216px;
 }
 #main-header.four-col h1 img {
     max-height: 120px;
 }
 .row {
     display: inline;
     clear: both;
     float: left;
     margin: 0 -24px 24px 0;
     width: 960px;
 }
 .three-col .row {
     width: 720px;
 }
 .panel,
 .content-block {
     position: relative;
     display: inline;
     float: left;
     margin: 0 24px 0 0;
 }
 .panel-stack {
     position: relative;
     display: inline;
     float: left;
     margin: 0 24px -24px 0;
 }
 .panel-stack .panel {
     margin: 0 0 24px 0;
 }
 .one-col {
     width: 216px;
 }
 .one-col-wide {
     width: 336px;
 }
 .two-col {
     width: 456px;
 }
 .three-col {
     width: 696px;
 }
 .four-col {
     width: 936px;
 }
 .content-block {
     min-height: 306px;
     height: auto !important;
     height: 306px;
 }
 a.block-link {
     position: relative;
     display: block;
     text-decoration: none;
 }
 img {
     -moz-force-broken-image-icon: 1;
 }
 #main-footer {
     clear: both;
     height: 74px;
 }
 #main-footer a {
     text-decoration: none;
 }
 #main-footer a:hover {
     text-decoration: underline;
 }
 #main-footer .stonegate-logo {
     float: left;
     width: 110px;
     height: 32px;
     display: block;
     text-indent: -9999px;
     overflow: hidden;
     background: url("../images/stonegate-logo.png") 0 0 no-repeat;
     margin-right: 24px;
 }
 #main-footer .footer-group {
     float: left;
     width: 640px;
 }
 #main-footer .footer-group ul {
     margin-bottom: 4px;
     float: left;
 }
 #main-footer .footer-group li {
     display: inline;
     float: left;
     margin-right: 10px;
     padding-right: 10px;
     font-size: 10px;
     line-height: 14px;
     text-transform: uppercase;
     border-right: 1px solid #AAA;
 }
 #main-footer .footer-group li.last {
     border: none;
 }
 #main-footer .footer-group li a {}#main-footer .footer-group p {
     clear: left;
     margin-bottom: 0px;
     font-size: 10px;
     line-height: 14px;
 }
 #main-footer .footer-group p a {}#main-footer .drinkaware-logo {
     float: right;
     width: 120px;
     height: 21px;
     display: block;
     text-indent: -9999px;
     overflow: hidden;
     background: url("../images/drinkaware-logo.png") 0 0 no-repeat;
 }
 .three-col #main-footer .footer-group {
     width: 400px;
 }
 .nav,
 .nav-inline {
     list-style: none;
     margin: 0;
     padding: 0;
 }
 .nav li,
 .nav-inline li {
     padding: 0;
     margin: 0;
     list-style: none;
 }
 .nav-inline li {
     display: inline;
 }
 .nav li a,
 .nav-inline li a {
     display: inline-block;
 }
 .panel.last-child {
     margin-top: 30px;
 }
 #main-content .multipage-controls {
     overflow: hidden;
     clear: both;
     padding-top: 40px;
     padding-right: 24px;
 }
 #main-content .multipage-controller {
     overflow: hidden;
     clear: both;
 }
 #main-content .multipage-controller .next {
     display: block;
     float: right;
 }
 #main-content .multipage-controller .previous {
     display: block;
     float: left;
 }
 .mask {
     position: relative;
     overflow: hidden;
 }
 .slideshow-items {
     position: absolute;
     top: 0;
     left: 0;
 }
 .slideshow-item {
     float: left;
     list-style: none;
     margin: 0;
     padding: 0;
 }
 #hero {
     position: relative;
 }
 #hero .mask {
     height: 306px;
     width: 696px;
 }
 #hero .slideshow-items {
     height: 306px;
 }
 #hero .slideshow-item {
     width: 696px;
 }
 li.live-music {
     background-position: 0px 0px;
 }
 li.outside-area {
     background-position: 0px -24px;
 }
 li.smoking-area {
     background-position: 0px -48px;
 }
 li.food-served {
     background-position: 0px -72px;
 }
 li.real-ale {
     background-position: 0px -96px;
 }
 li.pool-table {
     background-position: 0px -120px;
 }
 li.plasma-screens {
     background-position: 0px -144px;
 }
 li.function-area {
     background-position: 0px -168px;
 }
 li.disabled-toliet {
     background-position: 0px -192px;
 }
 li.late-license {
     background-position: 0px -216px;
 }
 li.car-park {
     background-position: 0px -240px;
 }
 li.wifi {
     background-position: 0px -264px;
 }
 li.dogs-allowed {
     background-position: 0px -288px;
 }
 li.sunday-roast {
     background-position: 0px -312px;
 }
 li.accommodation {
     background-position: 0px -336px;
 }
 li.children-allowed {
     background-position: 0px -360px;
 }
 li.baby-changing {
     background-position: 0px -384px;
 }
 li.cocktail-menu {
     display: none;
     background-position: 0px -408px;
 }
 li.food-menu {
     display: none;
     background-position: 0px -0px;
     background-color: #0f0;
 }
 li.sky-tv {
     width: 86px;
     background-position: 0px -432px;
 }
 li.bt-sport {
     width: 94px;
     background-position: 0px -529px;
 }
 li.three-d-screens {
     width: 110px;
     background-position: 0px -456px;
 }
 li.cast-mark-accredited {
     width: 34px;
     background-position: 0px -480px;
 }
 .form-container {
     z-index: 1;
 }
 .bookings .standard-form {
     min-height: 100px;
     float: left;
     width: 100%;
 }
 .bookings .form-container .border-top {
     border-top: 1px solid #d2d2d2;
     margin-top: 10px;
     padding-top: 24px;
 }
 .bookings .standard-form form {
     position: relative;
 }
 .bookings .standard-form h1,
 .bookings .standard-form h2 {
     font-size: 24px;
     margin-bottom: 18px;
     padding-bottom: 2px;
     border-bottom: 1px solid #d2d2d2;
 }
 .bookings .standard-form h2 {
     margin-top: 20px;
     float: left;
     width: 100%;
 }
 .bookings .standard-form .page-info {
     position: absolute;
     top: 22px;
     right: 0;
 }
 .bookings .booking-receipt .standard-form .page-info {
     font-size: 14px;
     top: 11px;
 }
 .bookings .standard-form .form-row {
     margin-bottom: 14px;
     float: left;
     width: 100%;
 }
 .bookings .standard-form .form-row--grouped {
     margin-bottom: 9px;
     float: left;
     width: 100%;
 }
 .bookings .standard-form .form-row--grouped label {
     margin-right: 0;
 }
 .bookings .standard-form label,
 .bookings .standard-form .label {
     display: inline;
     float: left;
 }
 .bookings .standard-form .right {
     margin-left: 16px;
 }
 .bookings .standard-form label span,
 .bookings .standard-form .label span {
     display: block;
     margin-bottom: 8px;
 }
 .standard-form label span.footnote,
 .standard-form span.footnote {
     clear: both;
     float: left;
     font-family: inherit;
     margin-top: 6px;
     text-transform: none;
 }
 .bookings .standard-form label span.label-text--hidden,
 .bookings .standard-form .label span.label-text--hidden {
     overflow: hidden;
     text-indent: 110%;
     white-space: nowrap;
     font-size: 0;
     width: 0;
     margin-bottom: 0;
     line-height: 0;
 }
 .bookings .placeholder .input-name {
     display: none;
 }
 .bookings .placeholder .standard-form .static {
     display: block;
 }
 .bookings form label span abbr,
 .bookings form .label span abbr {
     border: none;
     color: #ff4c4c;
 }
 .bookings input,
 .bookings .standard-form input,
 .bookings .standard-form select,
 .bookings .standard-form textarea {
     border: 1px solid #d2d2d2;
     padding: 0 10px;
     height: 32px;
     line-height: 20px;
     font-size: 14px;
     -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
     -ms-border-radius: 6px;
     -o-border-radius: 6px;
     border-radius: 6px;
 }
 .bookings .standard-form textarea {
     height: auto;
 }
 .bookings .standard-form input[type=checkbox] {
     border: none;
     outline: none;
     box-shadow: none !important;
 }
 .bookings .standard-form label.first-name input {
     width: 124px;
 }
 .bookings .standard-form input,
 .bookings .standard-form .checkbox-grid {
     margin: 0;
 }
 .bookings .standard-form .checkbox-grid label {
     display: inline;
     margin-right: 22px;
     margin-top: 12px;
     width: 180px;
     line-height: 1.3em;
 }
 .bookings .standard-form .checkbox-grid label span,
 .bookings .standard-form .checkbox-grid label input {
     float: left;
     margin-right: 6px;
     height: 18px;
     margin-bottom: 4px;
 }
 .standard-form .checkbox-grid label:nth-child(odd) {
     clear: left;
 }
 .standard-form .checkbox-grid label input[type='radio'] {
     border: 0;
 }
 .standard-form .checkbox-grid label .setmenu--title {
     padding-left: 22px;
 }
 .bookings .standard-form .checkbox-grid label span {
     display: block;
     margin-bottom: 0;
     font-size: 12px;
     text-transform: none;
 }
 .bookings .standard-form select {
     padding: 7px 4px;
     height: 34px;
     margin-bottom: 0;
 }
 .bookings .standard-form input:focus,
 .bookings .standard-form select:focus,
 .bookings .standard-form textarea:focus {
     border: 1px solid;
     outline: none;
     -webkit-box-shadow: 0px 0px 4px rgba(98, 25, 90, 0.4);
     -moz-box-shadow: 0px 0px 4px rgba(93, 93, 93, 0.4);
     -ms-box-shadow: 0px 0px 4px rgba(93, 93, 93, 0.4);
     -o-box-shadow: 0px 0px 4px rgba(93, 93, 93, 0.4);
     box-shadow: 0px 0px 4px rgba(93, 93, 93, 0.4);
 }
 .bookings .standard-form .default input,
 .bookings .standard-form .default .error,
 .bookings .standard-form .default textarea,
 .bookings .standard-form .default select {
     width: 194px;
 }
 .bookings .standard-form label,
 .bookings .standard-form .label {
     margin-right: 16px;
 }
 .bookings .standard-form label.unit-last,
 .bookings .standard-form .label.unit-last,
 .bookings .standard-form label.date--time {
     margin-right: 0;
     margin-left: 0;
 }
 .bookings .standard-form .default select {
     width: 220px;
 }
 .bookings .standard-form .full-width {
     margin-right: 0;
 }
 .bookings .standard-form .full-width select {
     width: 460px;
 }
 .bookings .standard-form .full-width input {
     width: 460px;
     max-width: 460px;
 }
 .bookings .standard-form .full-width textarea {
     height: 100px;
     width: 437px;
     padding: 10px;
 }
 .bookings .standard-form .input--small {
     width: 50px;
     max-width: 50px;
     margin-right: 4px;
 }
 .bookings .standard-form .input--inline-large {
     width: 380px;
     max-width: 380px;
 }
 .bookings .standard-form label.title,
 .bookings .standard-form label.title select {
     width: 56px;
 }
 .bookings .standard-form label.first-name {
     margin-right: 16px;
 }
 .bookings .standard-form .date select {
     float: left;
     padding: 4px 4px 5px 4px;
     margin-right: 8px;
     width: 66px;
 }
 .bookings .standard-form .date select.year {
     margin-right: 0;
 }
 .bookings .standard-form .terms input,
 .bookings .standard-form .terms span {
     float: left;
     margin-right: 10px;
     line-height: 11px;
     font-size: 12px;
     width: 20px;
 }
 .bookings .standard-form .terms span {
     width: 400px;
     line-height: 14px;
     margin-top: 10px;
     float: none;
 }
 .bookings .standard-form .terms span.error {
     width: 438px;
 }
 .bookings .standard-form .start-time select {
     margin-right: 8px;
     width: 68px;
 }
 .bookings .standard-form .start-time select#BookingTimeMinute {
     margin-right: 0;
 }
 .bookings .standard-form .start-time .error {
     width: 130px;
 }
 .bookings .booking-summary {
     width: 220px;
     margin-bottom: -16px;
 }
 .bookings .booking-summary dt {
     float: left;
     margin-right: 4px;
     font-weight: bold;
 }
 .bookings .booking-summary dt,
 .bookings .booking-summary dd {
     padding-bottom: 16px;
 }
 .bookings .form-container .img-border {
     margin-right: 19px;
 }
 .bookings .standard-form .invalid input,
 .standard-form .invalid select {
     border-color: #ff4c4c;
     margin-bottom: 4px;
 }
 .bookings .standard-form .error-summary {
     display: none !important;
 }
 .bookings .standard-form .form-errors h3,
 .bookings .standard-form .invalid span.error,
 .bookings .standard-form .invalid .error__inline {
     background-color: #ff4c4c;
     color: #fff;
     margin-bottom: 4px;
     text-transform: none;
     clear: left;
     padding: 6px 11px;
     font-size: 12px;
     display: block;
     -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
     -ms-border-radius: 6px;
     -o-border-radius: 6px;
     border-radius: 6px;
 }
 #comments {
     width: auto;
 }
 .h1 {
     border-bottom: 1px solid #676767;
     padding-bottom: 5px;
 }
 .confirmation-box {
     background-color: #ffe13d;
     -moz-border-radius: 10px;
     -webkit-border-radius: 10px;
     border-radius: 10px;
     padding: 5px 0;
     margin: 25px 0px 10px 0px;
 }
 .confirmation-box p {
     color: #000;
     text-align: center;
     padding-top: 5px;
     margin-bottom: 5px;
 }
 .confirmation-box h3 {
     color: #000;
     padding: 0px 60px;
     text-align: center;
     margin-bottom: 0;
 }
 .confirmation-box--green {
     background-color: #6F9C61;
 }
 .confirmation-box--green p {
     color: #E4ECDC;
 }
 .confirmation-box--green h3 {
     color: #FFF;
 }
 .terms {
     font-size: 11px;
 }
 .booking-receipt__section {
     float: left;
     margin-top: 20px;
     width: 318px;
 }
 .booking-receipt__section--full {
     width: 100%;
 }
 .booking-receipt__section--course-selections {
     margin-left: 30px;
 }
 .booking-receipt__section--course-selections .h1 {
     margin-bottom: 20px;
 }
 .booking-receipt h3 {
     display: block;
 }
 .manage-booking .standard-form .page-info {
     position: absolute;
     top: 8px;
     right: 30px!important;
 }
 .manage-booking .standard-form .page-info {
     top: 34px;
 }
 .manage-booking .standard-form input.send {
     background-position: 3px -246px;
 }
 .manage-booking .standard-form input.send:hover {
     background-position: 3px -282px;
 }
 .your-details h3,
 .your-booking h3 {
     text-transform: none;
 }
 .standard-form .lead {
     font-size: 13px;
     color: #676767;
     line-height: 19px;
 }
 .terms {
     font-size: 11px;
 }
 .hr-dotted-fade {
     margin: 10px 0px;
     background-repeat: no-repeat;
     border-bottom: 1px solid #676767;
 }
 .booking-receipt__section__list {
     float: left;
     width: 318px;
 }
 .booking-receipt__section__list--full {
     width: 100%;
 }
 .booking-receipt__section__list--right {
     margin-left: 30px;
 }
 .booking-receipt__section__list dt {
     float: left;
     margin-right: 10px;
     margin-bottom: 10px;
     font-weight: bold;
     text-transform: uppercase;
     clear: left;
     line-height: 1.2;
 }
 .booking-receipt__section__list--full dt {
     width: auto;
 }
 .booking-receipt__section__list dd {
     float: left;
     margin-top: 0;
     margin-bottom: 10px;
     padding-left: 0;
 }
 form h1 {
     clear: both;
 }
 .full-width-comments {
     height: 170px;
     clear: left;
 }
 .full-width-comments label {
     width: 100%;
     padding: 5px 0;
 }
 .full-width-comments strong {
     display: none;
 }
 .full-width-comments select {
     width: 100%;
     float: none;
 }
 .full-width-comments textarea {
     width: 663px;
     height: 90px;
     float: none;
 }
 .full-width-comments .form-actions {
     float: left;
     width: 100%;
 }
 input.send {
     float: right;
 }
 .drop-down {
     clear: left;
 }
 .box-overlay {
     background: #000000;
     position: fixed;
     top: 0px;
     left: 0px;
     bottom: 0px;
     right: 0px;
     opacity: 0.5;
     filter: alpha(opacity=50);
     z-index: 11;
 }
 .box-container {
     position: absolute;
     top: 0px;
     left: 0px;
     bottom: 0px;
     right: 0px;
     z-index: 12;
     margin: 20px 20px 20px 20px;
 }
 .box-element {
     position: absolute;
     background-color: #FFFFFF;
     padding: 10px;
     border: 5px solid #000000;
     -moz-box-shadow: 0px 0px 10px #333333;
     -webkit-box-shadow: 0px 0px 10px #333333;
     box-shadow: 0px 0px 10px #333333;
 }
 .box-container .controls .previous {
     float: left;
 }
 .box-container .controls .next,
 .box-container .controls .submit {
     float: right;
     margin-right: 0px;
 }
 .box-container .controls .next,
 .box-container .controls .previous,
 .box-container .controls .submit {
     margin-bottom: 14px;
 }
 .box-content p {
     magrin-bottom: 10px;
 }
 .box-container ul li {
     line-height: 2em;
 }
 #hero {
     margin-left: 0;
     border: 1px solid #fff;
     width: 694px;
 }
 #hero .mask {
     width: 694px;
 }
 #hero .slideshow-item {}#hero .slideshow-details h2 {
     font-size: 32px;
     line-height: 36px;
     background-color: #fff;
     margin-bottom: 0;
     padding: 0;
     display: inline-block;
 }
 #hero .slideshow-details h2 a,
 #hero .slideshow-details h2 span {
     padding: 2px 10px 0 5px;
     display: inline-block;
 }
 #hero .slideshow-details h2 a:hover {
     background-color: #FFF;
 }
 #hero .slideshow-details p {
     font-family: 'Lato', sans-serif;
     font-size: 18px;
     line-height: 22px;
     color: #000;
     padding: 5px;
     margin-bottom: 0;
 }
 #hero .pagination-numbered {
     overflow: hidden;
     position: absolute;
     top: 0;
     right: 0;
 }
 #hero .pagination-numbered ul {
     position: relative;
     top: 0;
     right: 0;
 }
 #hero .pagination-numbered li {
     float: left;
     margin: 0;
     padding: 0;
     list-style: none;
     background-color: #4f0759;
 }
 #hero .pagination-numbered li a {
     display: block;
     color: #fff;
     padding: 2px 8px;
     text-decoration: none;
     font-weight: bold;
     font-family: 'Lato', sans-serif;
     font-size: 14px;
     -webkit-transition: color 0.1s ease, background-color 0.1s ease, padding 0.1s ease;
     -moz-transition: color 0.1s ease, background-color 0.1s ease, padding 0.1s ease;
     -ms-transition: color 0.1s ease, background-color 0.1s ease, padding 0.1s ease;
     -o-transition: color 0.1s ease, background-color 0.1s ease, padding 0.1s ease;
     transition: color 0.1s ease, background-color 0.1s ease, padding 0.1s ease;
 }
 #hero .pagination-numbered li a:hover {
     background-color: #FFF;
     color: #000;
 }
 #hero .pagination-numbered li a.current {
     color: #000;
     padding: 4px 8px;
     background-color: #FFF;
 }
 #hero .pagination-dots {
     overflow: hidden;
     position: absolute;
     bottom: 0;
     background-color: #000;
     opacity: 0.5;
     width: 100%;
 }
 #hero .pagination-dots ul {
     text-align: center;
     width: 100%;
     height: 50px;
 }
 #hero .pagination-dots li {
     margin: 0;
     padding: 0;
     list-style: none;
     color: white;
     display: inline-block;
     padding: 15px 5px;
 }
 #hero .pagination-dots li a {
     text-decoration: none;
     color: #aaa;
     font-size: 18px;
 }
 #hero .pagination-dots li a:hover,
 #hero .pagination-dots li a:focus,
 #hero .pagination-dots li a:active {
     outline: 0;
 }
 #hero .pagination-dots li a.current,
 #hero .pagination-dots li a:hover {
     color: #fff;
 }
 #hero .pagination-dots li a:before {
     content: '•';
 }
 .photos-block {
     width: 956px;
 }
 .photos-block h2 {
     margin-bottom: 0;
     padding: 0;
 }
 .photos-block h2 a {
     color: #fff;
     padding: 2px 5px 0;
     display: block;
 }
 .photos-block h2 a:hover {}.photos-block .details {
     display: block;
     border-bottom: 2px solid #fff;
     margin-bottom: 24px;
     width: 936px;
 }
 .photos-block ul {
     float: left;
 }
 .gallery-block li {
     float: left;
     margin-right: 16px;
 }
 .photos-block li .block-link {
     position: relative;
     margin: -2px;
     border: 2px solid #fff;
 }
 .photos-block li .block-link:hover {
     border-color: #fff;
 }
 .three-col .photos-block {
     width: 694px;
 }
 .three-col .photos-block .details {
     width: 694px;
 }
 .three-col .photos-block ul {
     width: 708px;
 }
 .three-col .photos-block li {
     margin-right: 14px;
 }
 .one-col .photos-block {
     width: 216px;
 }
 .one-col .photos-block .details {
     width: 216px;
 }
 .one-col .photos-block ul {
     margin-right: -9px;
     float: left;
     width: auto;
 }
 .one-col .photos-block li {
     float: left;
     margin-right: 8px;
 }
 .about h2 {
     position: relative;
     margin-bottom: 0px;
     text-transform: uppercase;
     font-size: 25px;
     margin-bottom: 10px;
 }
 .about h2:before {
     content: "";
     left: 0;
     bottom: 0;
     height: 100%;
     border-left: 2px solid #FFF;
     margin-right: 10px;
 }
 .about .description {
     padding-top: 10px;
     padding-bottom: 10px;
 }
 .one-col .about {
     height: 306px;
 }
 .one-col .about .description {
     overflow-y: auto;
     height: 260px;
 }
 .one-col .about .description p {
     padding-right: 10px;
     margin-bottom: 0;
 }
 .one-col-wide .about h2 {
     margin-bottom: 0;
 }
 .one-col-wide .about {
     margin-bottom: 20px;
 }
 .home .one-col-wide .description {
     overflow-y: auto;
     height: 118px;
 }
 .home .one-col-wide .description p {
     margin-bottom: 0;
 }
 .one-col .vcard h3 {
     margin-bottom: 0;
     position: relative;
 }
 .one-col .vcard h3:before {
     content: "";
     left: 0;
     bottom: 0;
     height: 100%;
     margin-right: 10px;
     border-left: 2px solid #FFF;
 }
 .one-col .vcard .vcard-row {
     margin-bottom: 10px;
 }
 .one-col .vcard .lead {
     padding: 10px 0;
 }
 .one-col .vcard .lead p {
     margin-bottom: 2px;
 }
 .one-col .vcard-row h4 {
     font-family: 'Oswald', sans-serif;
     font-size: 16px;
     font-weight: normal;
     line-height: 18px;
     padding-bottom: 2px;
     margin-bottom: 8px;
     padding: 0;
 }
 .home .one-col-wide .vcard h3 {
     display: none;
 }
 .home .one-col-wide .vcard-row h4 {
     position: absolute;
     top: 0;
     left: 0;
     font-size: 14px;
     line-height: 18px;
     font-family: 'Lato', sans-serif;
     padding-bottom: 2px;
 }
 .home .one-col-wide .vcard-row {
     position: relative;
     margin-bottom: 10px;
 }
 .home .one-col-wide .vcard-row address {
     margin: 6px 0 6px 100px;
 }
 .home .one-col-wide .vcard-row p {
     margin: 6px 0 6px 100px;
 }
 .pub-food-and-drink .heading-banner {
     margin-top: 20px;
 }
 .pub-food-and-drink .heading-banner p {}.pub-food-and-drink .row-alt .one-col {}.scroll-pane .jspTrack {
     background: #CCC;
     background: rgba(255, 255, 255, 0.2);
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     -ms-border-radius: 0;
     -o-border-radius: 0;
     border-radius: 0;
 }
 .scroll-pane .jspDrag {
     background: #fff;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     -ms-border-radius: 0;
     -o-border-radius: 0;
     border-radius: 0;
     -webkit-transition: background-color 0.2s ease;
     -moz-transition: background-color 0.2s ease;
     -ms-transition: background-color 0.2s ease;
     -o-transition: background-color 0.2s ease;
     transition: background-color 0.2s ease;
 }
 .scroll-pane:hover .jspDrag,
 .scroll-pane .jspActive {
     background: #ccc;
 }
 .jspVerticalBar .jspCap {
     display: block;
     background-color: transparent;
     height: 6px;
 }
 #map {
     height: 336px;
     border: 2px solid #fff;
     margin: -2px;
 }
 .pub-find-us h3,
 .pub-find-us h4 {
     font-family: 'Oswald', sans-serif;
     font-size: 18px;
     line-height: 22px;
     padding-bottom: 4px;
     margin-bottom: 8px;
 }
 .pub-find-us h4 {
     font-size: 14px;
     line-height: 18px;
 }
 .pub-find-us .vcard,
 .pub-find-us .directions,
 .pub-find-us .extra-information {
     clear: left;
 }
 .pub-find-us .vcard h3 {
     margin-bottom: 0;
 }
 .pub-find-us .vcard .vcard-row {}.pub-find-us .vcard .lead {
     padding: 10px 0;
     border-top-width: 0px;
 }
 .pub-find-us .vcard .lead p {
     margin-bottom: 2px;
 }
 .pub-facilities {
     border-top: 2px solid #fff;
     padding-top: 14px;
 }
 h3.theme1__vcard-title {
     font-family: 'Oswald', sans-serif;
     font-size: 16px;
     font-weight: 700;
     line-height: 18px;
     text-transform: uppercase;
 }
 h3.theme1__vcard-title:before {
     content: "";
     left: 0;
     bottom: 0;
     height: 100%;
     border-left: 2px solid #FFF;
     margin-right: 10px;
 }
 h4.theme1__vcard-title {
     font-weight: normal;
     font-size: 16px;
 }
 .sign-up .form-description h2 {
     margin-bottom: 0;
     text-transform: uppercase;
 }
 .sign-up .form-description h2:before {
     content: "";
     left: 0;
     top: 0;
     height: 100%;
     border-left: 2px solid #fff;
     margin-right: 10px;
 }
 .sign-up .form-description .description {
     padding-top: 10px;
 }
 .season h2 {
     margin-bottom: 0;
 }
 .season #main-content p {
     border-top: 2px solid #fff;
     padding-top: 10px;
 }
 .season .button {
     clear: left;
     float: left;
     text-decoration: none;
 }
 .season .button span {
     display: block;
     font-family: 'Lato', sans-serif;
     font-size: 18px;
     line-height: 22px;
     color: #000;
     padding: 2px 5px 3px 5px;
     text-transform: uppercase;
     -webkit-transition: color 0.3s ease, background-color 0.6s ease, padding 0.2s ease;
     -moz-transition: color 0.3s ease, background-color 0.6s ease, padding 0.2s ease;
     -ms-transition: color 0.3s ease, background-color 0.6s ease, padding 0.2s ease;
     -o-transition: color 0.3s ease, background-color 0.6s ease, padding 0.2s ease;
     transition: color 0.3s ease, background-color 0.6s ease, padding 0.2s ease;
 }
 .season .button:hover span,
 .season .button:active span {
     background-color: #FFFFFF;
     padding-left: 10px;
     -webkit-transition: color 0.1s ease, background-color 0.1s ease, padding 0.2s ease;
     -moz-transition: color 0.1s ease, background-color 0.1s ease, padding 0.2s ease;
     -ms-transition: color 0.1s ease, background-color 0.1s ease, padding 0.2s ease;
     -o-transition: color 0.1s ease, background-color 0.1s ease, padding 0.2s ease;
     transition: color 0.1s ease, background-color 0.1s ease, padding 0.2s ease;
 }
 .job-descriptions h2 {
     margin-bottom: 0;
 }
 .job-descriptions p {
     padding-top: 14px;
 }
 .job-descriptions ul {
     margin: 0;
     padding: 0;
     list-style: none;
 }
 .job-descriptions li {
     margin: 0;
     padding: 0;
     list-style: none;
     display: block;
 }
 .job-descriptions li a {
     float: left;
     clear: left;
     text-decoration: none;
 }
 .job-descriptions li a span {
     cursor: pointer;
     display: block;
     background-color: #fff;
     font-family: 'Lato', sans-serif;
     font-size: 16px;
     line-height: 22px;
     color: #000;
     padding: 2px 5px 3px 5px;
     text-transform: uppercase;
     -webkit-transition: color 0.3s ease, background-color 0.6s ease, padding 0.2s ease;
     -moz-transition: color 0.3s ease, background-color 0.6s ease, padding 0.2s ease;
     -ms-transition: color 0.3s ease, background-color 0.6s ease, padding 0.2s ease;
     -o-transition: color 0.3s ease, background-color 0.6s ease, padding 0.2s ease;
     transition: color 0.3s ease, background-color 0.6s ease, padding 0.2s ease;
 }
 .job-descriptions li a:hover span {
     background-color: #FFFFFF;
     padding-left: 10px;
     -webkit-transition: color 0.1s ease, background-color 0.1s ease, padding 0.2s ease;
     -moz-transition: color 0.1s ease, background-color 0.1s ease, padding 0.2s ease;
     -ms-transition: color 0.1s ease, background-color 0.1s ease, padding 0.2s ease;
     -o-transition: color 0.1s ease, background-color 0.1s ease, padding 0.2s ease;
     transition: color 0.1s ease, background-color 0.1s ease, padding 0.2s ease;
 }
 .job-description-overlay {
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     -ms-border-radius: 3px;
     -o-border-radius: 3px;
     border-radius: 3px;
 }
 .job-description-overlay p {
     margin-bottom: 12px;
 }
 .job-description-overlay ul {
     margin: 0 0 19px 0;
 }
 .job-description-overlay li {
     margin-bottom: 0;
     margin-left: 30px;
     list-style-position: outside;
 }
 .link--block {
     display: block;
 }
 .hidden {
     display: none;
 }
 .media,
 .media__body {
     overflow: hidden;
 }
 .media {
     margin: 1em;
     margin-left: 0;
 }
 .media .media__img {
     float: left;
     margin-right: 1.3em;
 }
 .media .media__img img {
     display: block;
 }
 .standard-form-box {
     position: relative;
 }
 .box-overlay {
     background: #000;
     position: fixed;
     top: 0px;
     left: 0px;
     bottom: 0px;
     right: 0px;
     opacity: 0.9;
     filter: alpha(opacity=90);
     z-index: 21;
 }
 .box-container {
     position: absolute;
     top: 0;
     left: 0;
     z-index: 21;
     padding: 20px;
 }
 .box-element {
     position: absolute;
     background-color: #333;
     border: 1px solid #fff;
 }
 .standard-form-box h1 {
     margin: 40px 20px 0px 10px;
     padding-bottom: 15px;
     font-size: 20px;
     border-bottom: 2px solid #fff;
     margin-bottom: 6px;
 }
 .standard-form-box form {
     width: 100%;
 }
 .box-p {
     padding: 10px 0 0 10px;
     width: 310px;
     color: #fff;
 }
 .box-label span {
     display: block;
     margin-bottom: 5px;
     font-weight: bold;
     width: 178px;
 }
 .box-label input {
     margin-bottom: 10px;
     width: 307px;
     padding: 5px;
 }
 .standard-form-box input {
     display: inline-block;
     padding: 5px;
     color: #333;
     border: 1px solid #FFF;
     background-color: #FFF;
     outline: 0;
     margin-bottom: 10px;
     line-height: 18px;
     -webkit-transition: border 0.2s ease, color 0.2s ease, background 0.2s ease;
     -moz-transition: border 0.2s ease, color 0.2s ease, background 0.2s ease;
     -ms-transition: border 0.2s ease, color 0.2s ease, background 0.2s ease;
     -o-transition: border 0.2s ease, color 0.2s ease, background 0.2s ease;
     transition: border 0.2s ease, color 0.2s ease, background 0.2s ease;
 }
 .standard-form-box .retrieve {
     margin-top: 10px;
     margin-left: 10px;
     border: none;
     width: 69px;
     height: 35px;
     cursor: pointer;
     background-color: #333;
     border: 2px solid #fff;
     color: #fff;
     -webkit-transition: background-color 0.3s ease;
     -moz-transition: background-color 0.3s ease;
     -ms-transition: background-color 0.3s ease;
     -o-transition: background-color 0.3s ease;
     transition: background-color 0.3s ease;
 }
 .standard-form-box .retrieve:hover {
     background-color: #fff;
     color: #333;
     border: none;
 }
 .standard-form-box label {
     display: block;
     margin-bottom: 6px;
     padding: 6px 10px;
 }
 .standard-form-box .form-errors {
     border: 1px solid #fff;
     padding: 5px 3px 6px 5px;
     margin: 50px 10px 20px 10px;
     line-height: 20px;
     font-size: 13px;
     width: 300px;
 }
 .standard-form-box .form-errors h3 {
     font-size: 23px;
 }
 * html .box-element {
     background-color: #000;
 }
 #main-header {
     text-align: center;
 }
 #main-logo {
     margin: 0 auto 18px;
     text-align: center;
 }
 #main-navigation {
     text-align: center;
     margin: 0 auto;
 }
 .gallery-block ul {
     margin-right: -20px;
 }
 .gallery-block li {
     float: left;
     margin-right: 16px;
 }
 .gallery-block img {
     width: 103px !important;
 }
 .promo .details {
     position: absolute;
     left: 0;
     bottom: 0;
     width: 216px;
 }
 #paginated-promo {
     position: relative;
     height: 306px;
 }
 #paginated-promo ul {
     float: left;
     height: 306px;
     width: 120px;
 }
 #paginated-promo ul li {
     height: 102px;
 }
 #paginated-promo span.thumb {
     display: block;
     width: 120px;
     height: 102px;
     overflow: hidden;
 }
 #paginated-promo span.page {
     position: absolute;
     top: 0;
     right: 0;
     display: none;
 }
 #paginated-promo li:hover span.page,
 #paginated-promo li.selected span.page {
     display: block;
 }
 #paginated-promo span.page h3 {
     position: absolute;
     bottom: 0;
     left: 0;
 }
 #paginated-promo .promo .block-link {
     height: 100%;
     position: relative;
     margin: 0;
     border: 0;
 }
 body {
     background-image: url("/resource/Trad/Theme/Theme1/image/default-bg.jpg?v=9.42.0-74aabd3");
     background-position: 50% 0px;
     background-repeat: no-repeat;
     background-color: #000;
     background-attachment: fixed;
 }
 .page-title-row {
     text-transform: uppercase;
     margin-right: 0;
 }
 .three-col .page-title-row {
     width: 696px;
 }
 .four-col .page-title-row {
     width: 936px;
 }
 #main-header h1 {
     padding: 0;
     background-color: transparent;
 }
 #main-header h1 a {
     color: #fff;
     display: inline-block;
 }
 #main-header.one-col h1 {
     padding-bottom: 24px;
     margin-bottom: 0;
 }
 #main-logo {
     text-align: center;
 }
 #main-navigation {
     margin-bottom: 0;
 }
 #main-navigation .nav-inline {
     height: 50px;
     font-weight: 300;
 }
 #main-navigation ul {
     text-align: justify;
 }
 #main-navigation ul:after {
     content: "";
     width: 100%;
     display: inline-block;
 }
 #main-navigation a {
     font-family: 'Oswald', sans-serif;
     font-size: 16px;
     font-weight: 400;
     line-height: 28px;
     color: #ccc;
     text-decoration: none;
     text-transform: uppercase;
     position: relative;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
 }
 #main-navigation a:hover:after {
     content: "";
     position: absolute;
     left: 25%;
     bottom: 0;
     height: 1px;
     width: 50%;
     border-bottom: 3px solid #ccc;
 }
 #main-navigation .nav a:hover {
     padding-left: 10px;
 }
 .bookings #main-navigation .nav .nav-book-an-event a,
 .pub-promotions #main-navigation .nav .nav-promotions a,
 .pub-food-and-drink #main-navigation .nav .nav-food-and-drink a,
 .pub-gallery #main-navigation .nav .nav-gallery a,
 .pub-whats-on #main-navigation .nav .nav-whats-on a,
 .sign-up #main-navigation .nav .nav-sign-up a,
 .pub-find-us #main-navigation .nav .nav-find-us a,
 .season #main-navigation .nav .nav-christmas a {
     background-color: #FFF;
     padding-left: 10px;
     padding-bottom: 10px;
 }
 .bookings #main-navigation .nav-inline .nav-book-an-event a,
 .pub-promotions #main-navigation .nav-inline .nav-promotions a,
 .pub-food-and-drink #main-navigation .nav-inline .nav-food-and-drink a,
 .pub-gallery #main-navigation .nav-inline .nav-gallery a,
 .pub-whats-on #main-navigation .nav-inline .nav-whats-on a,
 .sign-up #main-navigation .nav-inline .nav-sign-up a,
 .pub-find-us #main-navigation .nav-inline .nav-find-us a,
 .season #main-navigation .nav-inline .nav-christmas a,
 .news #main-navigation .nav-inline .nav-news a {
     padding-bottom: 10px;
     color: #fff;
 }
 .bookings #main-navigation .nav-inline .nav-book-an-event a:after,
 .pub-promotions #main-navigation .nav-inline .nav-promotions a:after,
 .pub-food-and-drink #main-navigation .nav-inline .nav-food-and-drink a:after,
 .pub-gallery #main-navigation .nav-inline .nav-gallery a:after,
 .pub-whats-on #main-navigation .nav-inline .nav-whats-on a:after,
 .sign-up #main-navigation .nav-inline .nav-sign-up a:after,
 .pub-find-us #main-navigation .nav-inline .nav-find-us a:after,
 .season #main-navigation .nav-inline .nav-christmas a:after,
 .news #main-navigation .nav-inline .nav-news a:after {
     content: "";
     position: absolute;
     left: 25%;
     bottom: 0px;
     height: 1px;
     width: 50%;
     border-bottom: 3px solid #FFF;
 }
 .bookings #main-navigation .nav-inline .nav-book-an-event a:hover:after,
 .pub-promotions #main-navigation .nav-inline .nav-promotions a:hover:after,
 .pub-food-and-drink #main-navigation .nav-inline .nav-food-and-drink a:hover:after,
 .pub-gallery #main-navigation .nav-inline .nav-gallery a:hover:after,
 .pub-whats-on #main-navigation .nav-inline .nav-whats-on a:hover:after,
 .sign-up #main-navigation .nav-inline .nav-sign-up a:hover:after,
 .pub-find-us #main-navigation .nav-inline .nav-find-us a:hover:after,
 .season #main-navigation .nav-inline .nav-christmas a:hover:after,
 .news #main-navigation .nav-inline .nav-news a:hover:after {
     padding-bottom: 10px;
 }
 #main-navigation .nav-inline a:hover {
     padding-bottom: 10px;
 }
 .one-col #main-navigation {
     margin-bottom: 24px;
 }
 .row-social {
     margin-bottom: 14px;
 }
 .row-social .four-col {
     border-top: 2px solid #fff;
 }
 .row-social .social-links {
     text-align: center;
     margin-top: 18px;
     margin-bottom: 0;
 }
 .row-social .social-links li {
     margin: 0 5px;
 }
 .news-row .news-content {
     height: auto;
     min-height: 100px;
 }
 .news-border {
     position: relative;
     top: 20px;
     padding: 0 0 40px 0;
     float: left;
     display: inline;
 }
 .last-child .news-border {
     padding-bottom: 20px;
 }
 .news-content .flex {
     width: 100%;
 }
 .news-image {
     float: left;
     width: auto;
     height: auto;
     margin: 0 20px 0 0;
     display: inline;
 }
 .news-details {
     float: left;
     display: inline;
 }
 .four-col .news-details {
     width: 568px;
 }
 .three-col .news-details {
     width: 328px;
 }
 #main-footer {
     border-top: 2px solid #fff;
     padding-top: 24px;
 }
 #main-footer p,
 #main-footer p a {
     color: #fff;
 }
 #main-footer .drinkaware-logo {
     background-image: url("../images/drinkaware-logo-light.png");
 }
 .promo {
     position: relative;
     cursor: pointer;
 }
 .promo .button {
     position: absolute;
     bottom: 10px;
     right: 10px;
     margin: 0px 0px 0px 0px;
 }
 .promo .button {
     padding: 5px 16px;
     font-weight: normal;
     outline: 0;
     border: 0;
     cursor: pointer;
     color: #000;
     font-family: 'Oswald', sans-serif;
     line-height: 20px;
     font-size: 20px;
     text-decoration: none;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     -ms-border-radius: 0;
     -o-border-radius: 0;
     border-radius: 0;
     -webkit-transition: background-color 0.3s ease;
     -moz-transition: background-color 0.3s ease;
     -ms-transition: background-color 0.3s ease;
     -o-transition: background-color 0.3s ease;
     transition: background-color 0.3s ease;
 }
 .promo:hover .button {
     background-color: #fff;
 }
 #hero {
     margin-left: 0;
     border: 1px solid #fff;
     width: 694px;
 }
 #hero .mask {
     width: 694px;
 }
 .photos-block {
     width: 956px;
 }
 .photos-block h2 {
     margin-bottom: 0;
     padding: 0;
 }
 .photos-block h2 a {
     color: #fff;
     padding: 2px 5px 0;
     display: block;
 }
 .photos-block h2 a:hover {}.photos-block .details {
     display: block;
     border-bottom: 2px solid #fff;
     margin-bottom: 24px;
     width: 936px;
 }
 .photos-block ul {
     float: left;
 }
 .gallery-block li {
     float: left;
     margin-right: 16px;
 }
 .photos-block li .block-link {
     position: relative;
     margin: -2px;
     border: 2px solid #fff;
 }
 .photos-block li .block-link:hover {
     border-color: #fff;
 }
 .three-col .photos-block {
     width: 694px;
 }
 .three-col .photos-block .details {
     width: 694px;
 }
 .three-col .photos-block ul {
     width: 708px;
 }
 .three-col .photos-block li {
     margin-right: 14px;
 }
 .one-col .photos-block {
     width: 216px;
 }
 .one-col .photos-block .details {
     width: 216px;
 }
 .one-col .photos-block ul {
     margin-right: -9px;
     float: left;
     width: auto;
 }
 .one-col .photos-block li {
     float: left;
     margin-right: 8px;
 }
 .about h2 {
     position: relative;
     margin-bottom: 0px;
     text-transform: uppercase;
     font-size: 25px;
     margin-bottom: 10px;
 }
 .about h2:before {
     content: "";
     left: 0;
     bottom: 0;
     height: 100%;
     border-left: 2px solid #FFF;
     margin-right: 10px;
 }
 .about .description {
     padding-top: 10px;
     padding-bottom: 10px;
 }
 .one-col .about {
     height: 306px;
 }
 .one-col .about .description {
     overflow-y: auto;
     height: 260px;
 }
 .one-col .about .description p {
     padding-right: 10px;
     margin-bottom: 0;
 }
 .one-col-wide .about h2 {
     margin-bottom: 0;
 }
 .one-col-wide .about {
     margin-bottom: 20px;
 }
 .home .one-col-wide .description {
     overflow-y: auto;
     height: 118px;
 }
 .home .one-col-wide .description p {
     margin-bottom: 0;
 }
 .one-col .vcard h3 {
     margin-bottom: 0;
     position: relative;
 }
 .one-col .vcard h3:before {
     content: "";
     left: 0;
     bottom: 0;
     height: 100%;
     margin-right: 10px;
     border-left: 2px solid #FFF;
 }
 .one-col .vcard .vcard-row {
     margin-bottom: 10px;
 }
 .one-col .vcard .lead {
     padding: 10px 0;
 }
 .one-col .vcard .lead p {
     margin-bottom: 2px;
 }
 .one-col .vcard-row h4 {
     font-family: 'Oswald', sans-serif;
     font-size: 16px;
     font-weight: normal;
     line-height: 18px;
     padding-bottom: 2px;
     margin-bottom: 8px;
     padding: 0;
 }
 .home .one-col-wide .vcard h3 {
     display: none;
 }
 .home .one-col-wide .vcard-row h4 {
     position: absolute;
     top: 0;
     left: 0;
     font-size: 14px;
     line-height: 18px;
     font-family: 'Lato', sans-serif;
     padding-bottom: 2px;
 }
 .home .one-col-wide .vcard-row {
     position: relative;
     margin-bottom: 10px;
 }
 .home .one-col-wide .vcard-row address {
     margin: 6px 0 6px 100px;
 }
 .home .one-col-wide .vcard-row p {
     margin: 6px 0 6px 100px;
 }
 .pub-food-and-drink .heading-banner {
     margin-top: 20px;
 }
 .pub-food-and-drink .heading-banner p {}.pub-food-and-drink .row-alt .one-col {}.scroll-pane .jspTrack {
     background: #CCC;
     background: rgba(255, 255, 255, 0.2);
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     -ms-border-radius: 0;
     -o-border-radius: 0;
     border-radius: 0;
 }
 .scroll-pane .jspDrag {
     background: #fff;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     -ms-border-radius: 0;
     -o-border-radius: 0;
     border-radius: 0;
     -webkit-transition: background-color 0.2s ease;
     -moz-transition: background-color 0.2s ease;
     -ms-transition: background-color 0.2s ease;
     -o-transition: background-color 0.2s ease;
     transition: background-color 0.2s ease;
 }
 .scroll-pane:hover .jspDrag,
 .scroll-pane .jspActive {
     background: #ccc;
 }
 .jspVerticalBar .jspCap {
     display: block;
     background-color: transparent;
     height: 6px;
 }
 #map {
     height: 336px;
     border: 2px solid #fff;
     margin: -2px;
 }
 .pub-find-us h3,
 .pub-find-us h4 {
     font-family: 'Oswald', sans-serif;
     font-size: 18px;
     line-height: 22px;
     padding-bottom: 4px;
     margin-bottom: 8px;
 }
 .pub-find-us h4 {
     font-size: 14px;
     line-height: 18px;
 }
 .pub-find-us .vcard,
 .pub-find-us .directions,
 .pub-find-us .extra-information {
     clear: left;
 }
 .pub-find-us .vcard h3 {
     margin-bottom: 0;
 }
 .pub-find-us .vcard .vcard-row {}.pub-find-us .vcard .lead {
     padding: 10px 0;
     border-top-width: 0px;
 }
 .pub-find-us .vcard .lead p {
     margin-bottom: 2px;
 }
 .pub-facilities {
     border-top: 2px solid #fff;
     padding-top: 14px;
 }
 h3.theme1__vcard-title {
     font-family: 'Oswald', sans-serif;
     font-size: 16px;
     font-weight: 700;
     line-height: 18px;
     text-transform: uppercase;
 }
 h3.theme1__vcard-title:before {
     content: "";
     left: 0;
     bottom: 0;
     height: 100%;
     border-left: 2px solid #FFF;
     margin-right: 10px;
 }
 h4.theme1__vcard-title {
     font-weight: normal;
     font-size: 16px;
 }
 .sign-up .form-description h2 {
     margin-bottom: 0;
     text-transform: uppercase;
 }
 .sign-up .form-description h2:before {
     content: "";
     left: 0;
     top: 0;
     height: 100%;
     border-left: 2px solid #fff;
     margin-right: 10px;
 }
 .sign-up .form-description .description {
     padding-top: 10px;
 }
 .job-descriptions h2 {
     margin-bottom: 0;
 }
 .job-descriptions p {
     padding-top: 14px;
 }
 .job-descriptions ul {
     margin: 0;
     padding: 0;
     list-style: none;
 }
 .job-descriptions li {
     margin: 0;
     padding: 0;
     list-style: none;
     display: block;
 }
 .job-descriptions li a {
     float: left;
     clear: left;
     text-decoration: none;
 }
 .job-descriptions li a span {
     cursor: pointer;
     display: block;
     background-color: #fff;
     font-family: 'Lato', sans-serif;
     font-size: 16px;
     line-height: 22px;
     color: #000;
     padding: 2px 5px 3px 5px;
     text-transform: uppercase;
     -webkit-transition: color 0.3s ease, background-color 0.6s ease, padding 0.2s ease;
     -moz-transition: color 0.3s ease, background-color 0.6s ease, padding 0.2s ease;
     -ms-transition: color 0.3s ease, background-color 0.6s ease, padding 0.2s ease;
     -o-transition: color 0.3s ease, background-color 0.6s ease, padding 0.2s ease;
     transition: color 0.3s ease, background-color 0.6s ease, padding 0.2s ease;
 }
 .job-descriptions li a:hover span {
     background-color: #FFFFFF;
     padding-left: 10px;
     -webkit-transition: color 0.1s ease, background-color 0.1s ease, padding 0.2s ease;
     -moz-transition: color 0.1s ease, background-color 0.1s ease, padding 0.2s ease;
     -ms-transition: color 0.1s ease, background-color 0.1s ease, padding 0.2s ease;
     -o-transition: color 0.1s ease, background-color 0.1s ease, padding 0.2s ease;
     transition: color 0.1s ease, background-color 0.1s ease, padding 0.2s ease;
 }
 .job-description-overlay {
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     -ms-border-radius: 3px;
     -o-border-radius: 3px;
     border-radius: 3px;
 }
 .job-description-overlay p {
     margin-bottom: 12px;
 }
 .job-description-overlay ul {
     margin: 0 0 19px 0;
 }
 .job-description-overlay li {
     margin-bottom: 0;
     margin-left: 30px;
     list-style-position: outside;
 }
 .link--block {
     display: block;
 }
 .hidden {
     display: none;
 }
 .media,
 .media__body {
     overflow: hidden;
 }
 .media {
     margin: 1em;
     margin-left: 0;
 }
 .media .media__img {
     float: left;
     margin-right: 1.3em;
 }
 .media .media__img img {
     display: block;
 }
 .page-viewport {
     position: relative;
     overflow: hidden;
     margin: 0px;
     width: 936px;
     height: 306px;
     padding: 2px;
     margin-left: -2px;
 }
 .three-col .page-viewport {
     width: 696px;
 }
 .page-viewport .content-reel {
     position: absolute;
     top: 0px;
     left: 0px;
     width: 9999px;
 }
 .page-viewport .page {
     float: left;
     display: inline;
     margin: 0;
     padding: 0;
     list-style: none;
 }
 .page-viewport .page .panel {
     margin: 2px 22px 0 2px;
 }
 .page-viewport .promo-overlay {
     position: absolute;
     bottom: 15px;
     left: 5px;
     margin-right: 24px;
     cursor: pointer;
     z-index: 1;
 }
 .page-viewport .promo-overlay h3 {
     margin-bottom: 0;
     margin-left: 10px;
 }
 .heading {
     float: left;
     position: relative;
     height: 38px;
 }
 .heading h2 {
     float: left;
     margin-bottom: 0;
     text-transform: uppercase;
     font-size: 18px;
 }
 .heading h2:before {
     content: "";
     left: 0;
     bottom: 0;
     height: 100%;
     border-left: 2px solid #fff;
     margin-right: 10px;
 }
 .heading p {
     position: absolute;
     top: 10px;
     right: 0;
 }
 .heading .pagination {
     float: left;
     margin-left: 20px;
     list-style: none;
     position: relative;
     margin-top: -10px;
 }
 .heading .pagination li {
     float: left;
     display: inline;
     margin: 0;
     padding: 0;
     list-style: none;
     margin-top: 10px;
 }
 .heading .pagination li a {
     display: inline-block;
     color: #fff;
     padding: 2px 8px;
     text-decoration: none;
     font-weight: bold;
     font-family: "Lato", Arial, Helvetica, sans-serif;
     font-size: 14px;
     height: 18px;
     position: relative;
 }
 .heading .pagination li a:hover {}.heading .pagination li a.current {
     color: #fff;
     margin-top: 0px;
     height: 24px;
     position: relative;
 }
 .heading .pagination li a.current:after {
     content: "";
     position: absolute;
     left: 25%;
     bottom: 0;
     height: 1px;
     width: 50%;
     border-bottom: 2px solid #fff;
     margin-bottom: 5px;
 }
 .heading .pagination li a:hover:after {
     content: "";
     position: absolute;
     left: 25%;
     bottom: 0;
     height: 1px;
     width: 50%;
     border-bottom: 2px solid #fff;
     margin-bottom: -1px;
 }
 .heading .pagination li a.current:hover:after {
     margin-bottom: 5px;
 }
 .panel.one-col.promo {
     margin-bottom: 20px;
 }
 #paginated-promo {
     margin: -4px;
     border: 4px solid #fff;
 }
 #paginated-promo:hover {}#paginated-promo .block-link {
     height: 100%;
 }
 #paginated-promo .promo-pagination li {
     background-color: #000;
 }
 #paginated-promo .promo-pagination li a {
     text-decoration: none;
 }
 #paginated-promo .promo-pagination li .thumb {
     position: relative;
     width: 118px;
     height: 100px;
     border-color: #fff;
     border-style: solid;
     border-width: 0 2px 2px 0;
 }
 #paginated-promo .promo-pagination li.selected .thumb {
     border-right-color: #000;
 }
 #paginated-promo .promo-pagination li.nav-food-and-drink .thumb {
     border-bottom: 0;
     height: 102px;
 }
 #paginated-promo .promo-pagination li .thumb h2 {
     position: absolute;
     top: 0;
     left: 0;
     z-index: 1;
     line-height: 26px;
     padding: 4px 5px;
 }
 #paginated-promo .promo-pagination li.selected .thumb h2 {
     background-color: transparent;
     color: #fff;
 }
 #paginated-promo .promo-pagination li .thumb img {
     position: relative;
     top: -20px;
 }
 #paginated-promo .promo-pagination li.selected .thumb img {
     display: none;
 }
 #paginated-promo .nav-promotions .hide {
     display: none;
 }
 #paginated-promo .nav-food-and-drink h2 {
     margin-right: 34px;
 }
 #promo-sign-up {
     position: relative;
     height: 306px;
     background: #000;
     background: rgba(0, 0, 0, .5);
 }
 #promo-sign-up .details {
     position: static;
 }
 #promo-sign-up h2 {
     position: absolute;
     top: 0;
     left: 0;
     margin-top: 0;
 }
 #promo-sign-up .block-link {
     border-top: 2px solid #fff;
     margin-top: 38px;
 }
 #promo-sign-up:hover .block-link {
     border-color: #fff;
 }
 #promo-sign-up a.more {
     position: absolute;
     bottom: 0;
     right: 0;
 }
 .photos-single:hover {
     margin: -2px -2px -2px -2px;
 }
 .photos-single .pagination {
     top: 0px;
     left: 0px;
     margin-top: 310px;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
 }
 .photos-single:hover .pagination {
     margin-top: 285px;
 }
 .photos-single .pagination li a {
     position: relative;
     top: 0px;
     color: #000;
     background-color: #fff;
     height: 18px;
     line-height: 18px;
     padding: 2px 8px;
     text-decoration: none;
     font-weight: bold;
     font-family: "Century Gothic", Arial, Helvetica, sans-serif;
     font-size: 14px;
     -webkit-transition: all 0.1s ease;
     -moz-transition: all 0.1s ease;
     -ms-transition: all 0.1s ease;
     -o-transition: all 0.1s ease;
     transition: all 0.1s ease;
 }
 .photos-single .pagination li a:hover {
     background-color: #FFF;
 }
 .photos-single .pagination li a.current {
     top: -4px;
     padding: 4px 8px;
     background-color: #FFF;
 }
 .pagination-container {
     margin-top: 30px;
 }
 .pagination-container .heading {
     margin-bottom: 10px;
 }
 .pagination-container .heading h2 {
     font-size: 24px;
 }
 .widget-order-summary .inner-div {
     margin: 0 0 15px;
 }
 .widget-order-summary .h4 {
     margin-top: 0;
 }
 .widget-order-summary dd {
     padding-left: 0;
 }
 h3.widget-order-summary__heading {
     padding-bottom: 0;
 }
 .widget-order-summary__section {
     margin-bottom: 10px;
     padding-bottom: 20px;
     border-bottom: 1px solid #fff;
 }
 .widget-order-summary__section__title,
 h4.widget-order-summary__section__title {
     margin-top: 20px;
     font-size: 15px;
 }
 .widget-order-summary__item dt {
     position: relative;
     margin-top: 15px;
 }
 .widget-order-summary__item dt:first-child,
 .widget-order-summary__item dd:first-child {
     margin-top: 5px;
 }
 .widget-order-summary__item {
     overflow: hidden;
 }
 .widget-order-summary__item--inline dt {
     float: left;
     width: 70%;
 }
 .widget-order-summary__item--inline dt,
 .widget-order-summary__item--inline dd {
     display: block;
     margin-top: 5px;
 }
 .widget-order-summary .widget-order-summary__item__total {
     margin: 0;
     margin-top: 5px;
     width: 50%;
 }
 .widget-order-summary .widget-order-summary__item--right {
     float: right;
     text-align: right;
     width: 30%;
 }
 .widget-order-summary .btn--remove {
     position: absolute;
     right: 0;
     border: 0;
     margin: 0;
     padding: 0;
     background: none;
     color: #fff;
     cursor: pointer;
 }
 .widget-order-summary .icon--remove {
     display: block;
     text-indent: 110%;
     white-space: nowrap;
     overflow: hidden;
     font-style: normal;
     font-size: 16px;
     width: 16px;
     height: 16px;
 }
 .widget-order-summary .icon--remove::after {
     content: "\00d7";
     position: absolute;
     right: 0;
     text-indent: 0;
     line-height: 12px;
 }
 .widget-order-summary__show-more {
     display: block;
     margin-top: 10px;
 }
 .bookings .booking-form a {
     color: #fff;
     font-size: 0.9em;
     text-decoration: underline;
 }
 input,
 .standard-form input,
 .standard-form select,
 .standard-form textarea {
     background-color: transparent;
     color: #fff;
 }
 .standard-form select:focus option {
     background-color: #fff;
     color: #333;
 }
 .standard-form input:focus,
 .standard-form select:focus,
 .standard-form textarea:focus {
     border: 1px solid #fff;
     outline: none;
     -webkit-box-shadow: 0px 0px 4px rgba(98, 25, 90, 0.4);
     -moz-box-shadow: 0px 0px 4px rgba(98, 25, 90, 0.4);
     -ms-box-shadow: 0px 0px 4px rgba(98, 25, 90, 0.4);
     -o-box-shadow: 0px 0px 4px rgba(98, 25, 90, 0.4);
     box-shadow: 0px 0px 4px rgba(98, 25, 90, 0.4);
 }
 .standard-form .checkbox-grid label span {
     font-family: inherit;
     color: #fff;
 }
 .standard-form .button {
     padding: 0;
     background-color: transparent;
 }
 .placeholder .input-name {
     display: block;
     font-weight: 600;
 }
 .form-actions .button-action {
     float: right;
     margin-left: 40px;
 }
 .form-actions {
     overflow: hidden;
 }
 .set-courses .standard-form .page-info {
     font-size: 16px;
     top: 11px;
 }
 .set-courses p {
     margin-bottom: 10px;
 }
 .set-courses .standard-form .input-name {
     display: block;
     color: #000;
     font-weight: 600;
     margin-bottom: 10px;
 }
 .set-courses .form-half {
     width: 335px;
     display: inline;
     float: left;
     margin-right: 20px;
 }
 .set-courses .form-half--last {
     margin-right: 0;
 }
 .set-courses .standard-form label,
 .set-courses .standard-form .label {
     margin-right: 0;
 }
 .bookings .set-courses input,
 .bookings .set-courses .input,
 .bookings .set-courses select {
     width: 318px;
     display: block;
 }
 .bookings .set-courses select {
     width: 340px;
     margin-bottom: 8px;
 }
 .set-courses input {
     margin-bottom: 8px;
 }
 .set-courses fieldset,
 .set-courses .fieldset {
     padding-bottom: 14px;
     margin-bottom: 20px;
     border-bottom: 1px solid #d2d2d2;
     overflow: hidden;
 }
 .set-courses form {
     margin: 40px 0;
 }
 .course-extras .btn--remove {
     position: relative;
     top: 9px;
     left: 5px;
     display: inherit;
     color: #ffffff;
 }
 .set-courses--review .label .input {
     border-bottom: 1px dashed #d2d2d2;
     padding: 0 20px 0 0;
     height: 32px;
     line-height: 32px;
     font-size: 14px;
     text-transform: none;
 }
 .set-courses--review {
     margin: 40px 0;
 }
 .bookings .standard-form .page-info {
     top: auto;
 }
 .button--pushed {
     position: relative;
     top: 8px;
 }
 .button--unstyle {
     border: none;
     margin-top: 0;
     padding: 0;
     background-color: transparent;
     text-decoration: underline;
     cursor: pointer;
     color: #fff;
 }
 .button--unstyle:hover {
     text-decoration: none;
 }
 .btn--remove {
     position: absolute;
     right: 0;
     border: 0;
     margin: 0;
     padding: 0;
     background: none;
     color: #fff;
     cursor: pointer;
 }
 .icon--remove {
     display: block;
     text-indent: 110%;
     white-space: nowrap;
     overflow: hidden;
     font-style: normal;
     font-size: 16px;
     width: 16px;
     height: 16px;
 }
 .icon--remove:after {
     content: "\00d7";
     position: absolute;
     right: 0;
     text-indent: 0;
     line-height: 12px;
 }
 .widget-order-summary .icon--remove {
     *zoom: expression(this.innerHTML '×');
     *line-height: .6;
 }
 .standard-form .terms input,
 .standard-form .terms span {
     text-transform: none;
     color: #fff;
     margin-bottom: 4px;
 }
 .print-logo {
     display: none;
 }
 button::-moz-focus-inner {
     padding: 0;
     border: 0
 }
 .booking__breadcrumb {
     margin-bottom: 10px;
     line-height: 0.5px;
 }
 .booking__breadcrumb li {
     display: inline-block;
     margin-bottom: 0;
     margin-left: 0;
     zoom: 1;
     *display: inline;
     *margin-left: 30px;
     list-style: none;
     color: #fff;
     text-transform: uppercase;
     font-weight: bold;
     font-size: 12px;
     line-height: 1;
 }
 .booking__breadcrumb li:first-child {
     margin-left: 0;
 }
 .booking__breadcrumb li + li:before {
     content: "//";
     margin-left: 11px;
     margin-right: 13px;
     font-weight: normal;
 }
 .booking__breadcrumb li.active {
     color: #fff;
 }
 .button.button-primary,
 .standard-form input.button.button-primary {
     padding: 10px 16px 30px 16px;
     font-weight: normal;
     outline: 0;
     border: 0;
     cursor: pointer;
     color: #fff;
     letter-spacing: 2px;
     text-transform: uppercase;
     font-family: 'Oswald', sans-serif;
     height: 32px;
     line-height: 20px;
     font-size: 20px;
     text-decoration: none;
     border: 2px solid #fff;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     -ms-border-radius: 0;
     -o-border-radius: 0;
     border-radius: 0;
     -webkit-transition: background-color 0.3s ease;
     -moz-transition: background-color 0.3s ease;
     -ms-transition: background-color 0.3s ease;
     -o-transition: background-color 0.3s ease;
     transition: background-color 0.3s ease;
 }
 .standard-form input.button.button-primary {
     float: right;
 }
 .standard-form input.button.button-primary.prev {
     float: left;
 }
 .button.button-primary:hover,
 .standard-form input.button.button-primary:hover {
     background-color: #fff;
     color: #000;
 }
 .button--extras {
     margin-top: -8px;
 }
 .standard-form .button.submit-enquiry {
     box-shadow: none;
     float: right;
 }
 .standard-form .form-header {
     margin-bottom: 16px;
 }
 .standard-form .form-header h1 {
     text-transform: uppercase;
 }
 .standard-form .form-header h1:before {
     content: "";
     left: 0;
     bottom: 0;
     height: 100%;
     margin-right: 10px;
     border-left: 2px solid #FFF;
 }
 .standard-form .form-header .booking__breadcrumb li {
     color: #ddd;
     font-weight: 300;
 }
 .standard-form .form-header .booking__breadcrumb li.active {
     color: #fff;
     font-weight: 400;
 }
 @charset "UTF-8";
 .pika-single {
     z-index: 9999;
     display: block;
     position: relative;
     color: #333;
     background: #fff;
     border: 1px solid #ccc;
     border-bottom-color: #bbb;
     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
 .pika-single:before,
 .pika-single:after {
     content: " ";
     display: table;
 }
 .pika-single:after {
     clear: both
 }
 .pika-single {
     *zoom: 1
 }
 .pika-single.is-hidden {
     display: none;
 }
 .pika-single.is-bound {
     position: absolute;
     box-shadow: 0 5px 15px -5px rgba(0, 0, 0, .5);
 }
 .pika-lendar {
     float: left;
     width: 240px;
     margin: 8px;
 }
 .pika-title {
     position: relative;
     text-align: center;
 }
 .pika-label {
     display: inline-block;
     *display: inline;
     position: relative;
     z-index: 9999;
     overflow: hidden;
     margin: 0;
     padding: 5px 3px;
     font-size: 14px;
     line-height: 20px;
     font-weight: bold;
     background-color: #fff;
 }
 .pika-title select {
     cursor: pointer;
     position: absolute;
     z-index: 9998;
     margin: 0;
     left: 0;
     top: 5px;
     filter: alpha(opacity=0);
     opacity: 0;
 }
 .pika-prev,
 .pika-next {
     display: block;
     cursor: pointer;
     position: relative;
     outline: none;
     border: 0;
     padding: 0;
     width: 20px;
     height: 30px;
     text-indent: 20px;
     white-space: nowrap;
     overflow: hidden;
     background-color: transparent;
     background-position: center center;
     background-repeat: no-repeat;
     background-size: 75% 75%;
     opacity: .5;
     *position: absolute;
     *top: 0;
 }
 .pika-prev:hover,
 .pika-next:hover {
     opacity: 1;
 }
 .pika-prev,
 .is-rtl .pika-next {
     float: left;
     background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
     *left: 0;
 }
 .pika-next,
 .is-rtl .pika-prev {
     float: right;
     background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
     *right: 0;
 }
 .pika-prev.is-disabled,
 .pika-next.is-disabled {
     cursor: default;
     opacity: .2;
 }
 .pika-select {
     display: inline-block;
     *display: inline;
 }
 .pika-table {
     width: 100%;
     border-collapse: collapse;
     border-spacing: 0;
     border: 0;
 }
 .pika-table th,
 .pika-table td {
     width: 14.285714285714286%;
     padding: 0;
 }
 .pika-table th {
     color: #999;
     font-size: 12px;
     line-height: 25px;
     font-weight: bold;
     text-align: center;
 }
 .pika-button {
     cursor: pointer;
     display: block;
     outline: none;
     border: 0;
     margin: 0;
     width: 100%;
     padding: 5px;
     color: #666;
     font-size: 12px;
     line-height: 15px;
     text-align: right;
     background: #f5f5f5;
 }
 .pika-week {
     font-size: 11px;
     color: #999;
 }
 .is-today .pika-button {
     color: #676767;
     font-weight: bold;
     box-shadow: inset 0 1px 3px #676767;
     border-radius: 3px;
 }
 .is-selected .pika-button {
     color: #fff;
     font-weight: bold;
     background: #676767;
     border-radius: 3px;
 }
 .is-disabled .pika-button {
     pointer-events: none;
     cursor: default;
     color: #999;
     opacity: .3;
 }
 .pika-button:hover {
     color: #fff !important;
     background: #676767 !important;
     box-shadow: none !important;
     border-radius: 3px !important;
 }
 .cookie-notice-wrapper {
     background-color: black;
     position: fixed;
     z-index: 100;
     bottom: 0;
     width: 100%;
     padding: 8px;
     color: white;
     line-height: 20px;
 }
 .cookie-notice {
     width: 900px;
     margin: auto;
 }
 .cookie-notice p,
 .cookie-notice .accept-button {
     font-size: 12px;
 }
 .cookie-notice p {
     margin-bottom: 0;
 }
 .cookie-notice a {
     text-decoration: underline;
     color: white;
 }
 .cookie-notice .accept-button {
     font-family: inherit;
     background-color: #333;
     float: right;
     border: 0;
     color: white;
     height: 20px;
     padding: 0 5px;
     cursor: pointer;
 }