@charset "UTF-8";
html, body {
  overflow-x: hidden; }

html {
  height: 100%; }

body {
  min-height: 100%;
  overflow-y: hidden; }

html {
  -ms-overflow-style: -ms-autohiding-scrollbar; }

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

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/*-----------------------------------------------------------------------------------*/
/* MIXINS */
/*-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/* COLOURS */
/*-----------------------------------------------------------------------------------*/
.text-white {
  color: #ffffff; }

.text-red {
  color: #d12229; }

.text-grey {
  color: #979797; }

.text-blue {
  color: #0f1b3d; }

/*-----------------------------------------------------------------------------------*/
/* TYPOGRATHY */
/*-----------------------------------------------------------------------------------*/
/* --- Font Weights --- */
.text-light {
  font-weight: 300; }

.text-regular {
  font-weight: 400; }

.text-medium {
  font-weight: 500; }

.text-semibold {
  font-weight: 600; }

.text-bold {
  font-weight: 700; }

/* --- Body --- */
body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.5;
  color: #ffffff;
  background-color: #0f1b3d; }

@media (min-width: 480px) {
  body {
    font-size: 17px; } }

a, a:hover, a:focus, button:focus {
  outline: none;
  text-decoration: none; }

a {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #979797;
  opacity: 1; }
  a:hover, a:focus:hover, a:active:hover, a:focus:active:hover {
    color: #ffffff;
    opacity: 1; }
  a:focus, a:focus:active {
    color: #ffffff;
    opacity: 0.5; }
  a:active {
    color: #ffffff;
    opacity: 0.5; }

.modal a {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #ffffff;
  opacity: 1; }
  .modal a:hover, .modal a:focus:hover, .modal a:active:hover, .modal a:focus:active:hover {
    opacity: 1; }
  .modal a:focus, .modal a:focus:active {
    opacity: 0.5; }
  .modal a:active {
    opacity: 1; }

:focus {
  outline: 0px; }

.small {
  font-size: 12px; }

i {
  font-style: normal; }

.lead {
  margin-bottom: 45px;
  font-size: 20px;
  color: #979797;
  line-height: 1.4;
  font-weight: 400; }

@media only screen and (max-width: 480px) {
  .lead {
    margin-bottom: 25px;
    font-size: 16px; } }

.text-normal {
  font-style: normal; }

/* --- Headings --- */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  font-family: "Raleway", sans-serif; }

h1 {
  text-transform: uppercase;
  margin: 0;
  font-size: 60px;
  font-weight: 300;
  line-height: 1.3; }

@media only screen and (max-width: 767px) {
  h1 {
    font-size: 50px; } }

h2 {
  text-transform: uppercase;
  margin: 0 0 30px;
  font-size: 35px;
  font-weight: 300;
  line-height: 1.3; }

h3 {
  text-transform: none;
  font-family: "Roboto", sans-serif;
  color: #979797;
  font-size: 26px;
  line-height: 1.5;
  margin: 30px 0;
  font-weight: 300; }

h4 {
  text-transform: uppercase;
  font-size: 20px;
  margin: 20px 0;
  color: #d12229; }

@media only screen and (max-width: 767px) {
  h2 {
    font-size: 35px; } }

@media only screen and (max-width: 480px) {
  h1 {
    font-size: 30px; }
  h2 {
    font-size: 27px; }
  h3 {
    font-size: 20px; } }

.page-title {
  position: relative; }

@media only screen and (min-width: 1199px) {
  .page-title h2 {
    margin: 0 0 35px; } }

.jumbotron {
  background-color: transparent; }

/*-----------------------------------------------------------------------------------*/
/* GLOBAL */
/*-----------------------------------------------------------------------------------*/
img {
  image-rendering: auto;
  /* Legal fallback                 */
  image-rendering: -moz-crisp-edges;
  /* Firefox                        */
  image-rendering: -o-crisp-edges;
  /* Opera                          */
  image-rendering: -webkit-optimize-contrast;
  /* Chrome (and eventually Safari) */
  -ms-interpolation-mode: nearest-neighbor;
  /* IE8+                           */ }

.thumb-xs img, .thumb-sm img, .thumb-lg img, .thumb-xlg img, .thumb img {
  height: auto;
  max-width: 100%;
  vertical-align: middle; }

.no-padding {
  padding: 0 !important; }

.no-margin {
  margin: 0 !important; }

.no-border, .no-border td {
  border: 0 !important; }

.underline-red {
  border-bottom: 1px solid #d12229; }

.divider {
  height: 1px;
  width: 100%;
  display: block;
  margin: 25px 0;
  overflow: hidden;
  background-color: #1d3160; }

.icon-inline {
  padding-right: 5px;
  display: inline-block;
  vertical-align: middle; }
  .icon-inline.glyphicon {
    font-size: 15px;
    top: -2px; }

.control-wrapper a {
  color: #d12229;
  padding: 0 15px;
  font-size: 12px;
  font-family: 'Raleway', sans-serif;
  text-transform: uppercase;
  font-weight: 800; }
  .control-wrapper a:hover {
    color: #9a1d22; }
  .control-wrapper a:hover, .control-wrapper a:focus:hover, .control-wrapper a:active:hover, .control-wrapper a:focus:active:hover {
    color: #9a1d22; }
  .control-wrapper a:focus, .control-wrapper a:focus:active {
    color: #e03c42; }
  .control-wrapper a:active {
    color: #9a1d22; }

.button-wrapper {
  margin-top: 25px; }

/*-----------------------------------------------------------------------------------*/
/* BUTTONS */
/*-----------------------------------------------------------------------------------*/
button {
  background-color: transparent;
  border: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

button.edit:focus {
  color: #d12229; }

.btn-inline {
  min-width: auto !important;
  margin: 5px !important; }

.btn {
  padding: 10px 25px;
  margin: 10px;
  min-width: 275px;
  text-transform: uppercase;
  font-size: 17px;
  font-weight: 400;
  font-family: "Raleway", sans-serif;
  background-image: none;
  border: 1px solid transparent;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .btn:hover, .btn:focus:hover, .btn:active:hover, .btn:focus:active:hover {
    outline: 0px;
    outline-offset: 0; }
  .btn:focus, .btn:focus:active {
    outline: 0px;
    outline-offset: 0; }
  .btn:active {
    outline: 0px;
    outline-offset: 0; }
  .btn.active, .btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }

.modal .btn {
  margin-left: 10px;
  margin-right: 10px; }

@media only screen and (max-width: 480px) {
  .btn {
    min-width: 160px;
    font-size: 15px;
    line-height: 14px;
    padding: 15px 25px;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease; }
  .modal .btn {
    margin-left: 0;
    margin-right: 0; } }

.btn-default {
  color: #ffffff;
  background-color: #d12229;
  border-color: #d12229;
  opacity: 1; }
  .btn-default:hover, .btn-default:focus:hover, .btn-default:active:hover, .btn-default:focus:active:hover {
    color: #ffffff;
    background-color: #9a1d22;
    border-color: #9a1d22;
    opacity: 1; }
  .btn-default:focus, .btn-default:focus:active {
    color: #ffffff;
    background-color: #e03c42;
    border-color: #e03c42;
    opacity: 1; }
  .btn-default:active {
    color: #ffffff;
    background-color: #9a1d22;
    border-color: #9a1d22;
    opacity: 1; }

.btn-outline {
  color: #ffffff;
  background-color: transparent;
  border-color: #58565c; }
  .btn-outline:hover {
    color: #ffffff;
    background-color: #979797;
    border-color: #979797; }
  .btn-outline:focus, .btn-outline:active, .btn-outline:focus:active {
    color: #ffffff;
    background-color: #979797;
    border-color: #979797; }

.btn-grey {
  color: #ffffff;
  background-color: #979797;
  border-color: #979797; }
  .btn-grey:hover {
    color: #ffffff;
    background-color: #58565c;
    border-color: #58565c; }
  .btn-grey:focus, .btn-grey:active, .btn-grey:focus:active {
    color: #ffffff;
    background-color: #58565c;
    border-color: #58565c; }

.btn.btn-feature {
  color: #ffffff;
  padding: 12px 20px;
  min-width: inherit;
  text-transform: uppercase;
  font-size: 17px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  line-height: 1.42857143;
  background-color: transparent;
  background-image: none;
  border-color: transparent;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
  position: relative; }
  .btn.btn-feature:hover, .btn.btn-feature:focus, .btn.btn-feature:active, .btn.btn-feature:focus:active {
    color: #d12229;
    border-bottom: 1px solid #d12229; }
  .btn.btn-feature:before, .btn.btn-feature:after {
    content: "";
    position: absolute;
    bottom: 0;
    background-color: #d12229;
    width: 1px;
    height: 10px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 0; }
  .btn.btn-feature:before {
    left: 0; }
  .btn.btn-feature:after {
    right: 0; }
  .btn.btn-feature:hover:before, .btn.btn-feature:focus:before, .btn.btn-feature:active:before, .btn.btn-feature:focus:active:before, .btn.btn-feature:hover:after, .btn.btn-feature:focus:after, .btn.btn-feature:active:after, .btn.btn-feature:focus:active:after {
    opacity: 1; }

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  filter: alpha(opacity=80);
  opacity: 0.8;
  color: #ffffff;
  background-color: #d12229;
  border-color: #d12229; }

.btn.disabled:hover, .btn.disabled:focus,
.btn[disabled]:hover, .btn[disabled]:focus,
fieldset[disabled] .btn:hover, fieldset[disabled] .btn:focus {
  background-color: #d12229;
  border-color: #d12229;
  color: #ffffff;
  opacity: 0.8; }

.modal .btn.disabled, .modal .btn[disabled], fieldset[disabled] .btn {
  opacity: 0.4;
  color: #fff;
  background-color: #d12229;
  border-color: #d12229; }

.modal .btn.disabled:hover, .modal .btn.disabled:focus,
.modal .btn[disabled]:hover, .modal .btn[disabled]:focus,
.modal .btn[disabled]:active, .modal .btn[disabled]:active:focus,
.modal fieldset[disabled] .btn:hover, .modal fieldset[disabled] .btn:focus {
  opacity: 0.4;
  background-color: #d12229;
  border-color: #d12229; }

.modal .btn.disabled:active, .modal .btn[disabled]:active, fieldset[disabled] .btn:active,
.modal .btn.disabled:active:hover, .modal .btn[disabled]:active:hover, fieldset[disabled] .btn:active:hover {
  opacity: 0.4;
  background-color: #d12229;
  border-color: #d12229; }

.download-button {
  width: 38px;
  height: 38px;
  display: inline-block;
  background-color: #d12229;
  border: none;
  padding: 0;
  margin: 0;
  text-indent: -2px;
  color: #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .download-button:hover, .download-buttonfocus {
    background-color: #9a1d22; }
  .download-button i {
    line-height: 40px;
    font-size: 17px;
    text-align: center;
    vertical-align: middle; }

.edit {
  padding: 0 12px;
  font-size: 12px;
  font-family: "Raleway", sans-serif;
  text-transform: uppercase;
  font-weight: 800;
  color: #d12229;
  background-color: transparent;
  border: 0; }
  .edit:hover, .editfocus {
    color: #9a1d22; }

/*-----------------------------------------------------------------------------------*/
/* ALERTS */
/*-----------------------------------------------------------------------------------*/
.alert-warning {
  color: #ffffff;
  background-color: #d12229;
  border-color: #d12229;
  margin-bottom: 40px;
  position: relative;
  cursor: pointer; }
  .alert-warning a {
    color: #ffffff !important;
    opacity: 1;
    font-weight: 600; }
    .alert-warning a:hover, .alert-warning a:focus:hover, .alert-warning a:active:hover, .alert-warning a:focus:active:hover {
      color: #ffffff !important;
      opacity: 0.8; }
    .alert-warning a:focus, .alert-warning a:focus:active {
      color: #ffffff !important;
      opacity: 0.8; }
    .alert-warning a:active {
      color: #ffffff !important;
      opacity: 0.8; }

#seasons-registation-added-wrapper .alert-warning, #book-space-registration-added-wrapper .alert-warning {
  width: 100%; }

@media (min-width: 768px) {
  #seasons-registation-added-wrapper .alert-warning, #book-space-registration-added-wrapper .alert-warning {
    width: 60%;
    margin: 0 auto 40px; } }

.alert-dismissable, .alert-dismissible {
  padding-right: 15px; }
  .alert-dismissable .close, .alert-dismissible .close {
    position: absolute;
    top: 5px;
    right: 10px; }

/*-----------------------------------------------------------------------------------*/
/* ICONS */
/*-----------------------------------------------------------------------------------*/
.service-icon {
  width: 50px;
  height: 50px;
  display: block;
  margin: 20px auto;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.service-icon.season-ticket-icon {
  background-image: url(../img/bp-season-ticket-icon.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%; }

.service-icon.business-enquiries-icon {
  background-image: url(../img/bp-business-enquiries-icon.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%; }

.service-icon.season-ticket-icon-hover {
  background-image: url(../img/bp-season-ticket-icon-hover.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%; }

.service-icon.about-icon-hover {
  background-image: url(../img/bp-about-icon-hover.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%; }

.service-icon.management-icon-hover {
  background-image: url(../img/bp-management-icon-hover.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%; }

.service-icon.news-icon-hover {
  background-image: url(../img/bp-news-icon-hover.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%; }

.service-icon.contact-icon-hover {
  background-image: url(../img/bp-contact-icon-hover.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%; }

.service-icon.business-icon-hover {
  background-image: url(../img/bp-business-icon-hover.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 94%; }

.service-icon.anpr-icon-hover {
  background-image: url(../img/bp-anpr-icon-hover.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%; }

.btn.btn-feature:hover .service-icon.season-ticket-icon,
.btn.btn-feature:focus .service-icon.season-ticket-icon,
.btn.btn-feature:active .service-icon.season-ticket-icon,
.btn.btn-feature:focus:active .service-icon.season-ticket-icon {
  background-image: url(../img/bp-season-ticket-icon-hover.svg); }

.service-icon.where-park-icon {
  background-image: url(../img/bp-where-to-park-icon.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%; }

.service-icon.where-park-icon-hover {
  background-image: url(../img/bp-where-to-park-icon-hover.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%; }

.btn.btn-feature:hover .service-icon.where-park-icon,
.btn.btn-feature:focus .service-icon.where-park-icon,
.btn.btn-feature:active .service-icon.where-park-icon,
.btn.btn-feature:focus:active .service-icon.where-park-icon {
  background-image: url(../img/bp-where-to-park-icon-hover.svg); }

.service-icon.book-space-icon {
  background-image: url(../img/bp-book-space-icon.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%; }

.service-icon.book-space-icon-hover {
  background-image: url(../img/bp-book-space-icon-hover.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%; }

.btn.btn-feature:hover .service-icon.book-space-icon,
.btn.btn-feature:focus .service-icon.book-space-icon,
.btn.btn-feature:active .service-icon.book-space-icon,
.btn.btn-feature:focus:active .service-icon.book-space-icon {
  background-image: url(../img/bp-book-space-icon-hover.svg); }

.service-icon.parking-charge-notices-icon {
  background-image: url(../img/bp-parking-charge-notices-icon.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%; }

.service-icon.parking-charge-notices-icon-hover {
  background-image: url(../img/bp-parking-charge-notices-icon-hover.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%; }

.service-icon.car-park-management-icon {
  background-image: url(../img/bp-mgmt-icon-hover.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%; }

.btn:hover .service-icon.car-park-management-icon,
.btn:focus .service-icon.car-park-management-icon,
.btn:active .service-icon.car-park-management-icon,
.btn:focus:active .service-icon.car-park-management-icon {
  background-image: url(../img/bp-mgmt-icon.svg); }

.spaces-single-icon {
  background-image: url(../img/bp-spaces-single-icon-grey.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%; }

.spaces-multi-icon {
  background-image: url(../img/bp-spaces-multi-icon-grey.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%; }

.new-user-icon {
  background-image: url(../img/bp-new-user-icon-grey.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%; }

.existing-user-icon {
  background-image: url(../img/bp-existing-user-icon-grey.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%; }

.direct-debit-icon {
  background-image: url(../img/bp-direct-debit-icon-grey.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%; }

.pay-by-card-icon {
  background-image: url(../img/bp-pay-by-card-icon-grey.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%; }

.pay-by-invoice-icon {
  background-image: url(../img/bp-pay-by-invoice-icon-grey.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%; }

/*-----------------------------------------------------------------------------------*/
/* TABLE STYLES */
/*-----------------------------------------------------------------------------------*/
.table-responsive {
  border: 0; }

.table > tbody > tr > td, .table > tbody > tr > th,
.table > tfoot > tr > td, .table > tfoot > tr > th,
.table > thead > tr > td, .table > thead > tr > th {
  border-top: 0;
  border-bottom: 1px solid #0f1b3d; }

.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > th {
  font-weight: 400;
  color: #ffffff;
  min-width: 120px; }

.table > tbody > tr > td,
.table > tfoot > tr > td,
.table > thead > tr > td {
  font-weight: 400;
  color: #979797; }

.table.no-border > tbody > tr > td, .table.no-border > tbody > tr > th,
.table.no-border > tfoot > tr > td, .table.no-border > tfoot > tr > th,
.table.no-border > thead > tr > td, .table.no-border > thead > tr > th {
  padding: 0 0 5px 0;
  border-bottom: 0; }

/*-----------------------------------------------------------------------------------*/
/* BREADCRUMB STYLES */
/*-----------------------------------------------------------------------------------*/
#breadcrumbTop {
  position: absolute;
  top: 145px !important;
  width: 100%; }

.breadcrumb {
  margin: 0;
  padding: 0;
  background-color: transparent;
  font-size: 15px; }
  .breadcrumb a {
    color: #ffffff;
    vertical-align: middle;
    opacity: 1; }
    .breadcrumb a:hover, .breadcrumb a:focus:hover, .breadcrumb a:active:hover, .breadcrumb a:focus:active:hover {
      color: #d12229;
      opacity: 1; }
    .breadcrumb a:focus, .breadcrumb a:focus:active {
      color: #ffffff;
      opacity: 0.5; }
    .breadcrumb a:active {
      color: #d12229;
      opacity: 1; }
    .breadcrumb a i {
      color: #d12229;
      margin-right: 10px;
      vertical-align: middle; }

.breadcrumb > li {
  margin-bottom: 10px; }

.breadcrumb > li + li:before {
  padding: 0 10px;
  color: transparent;
  content: ""; }

/*-----------------------------------------------------------------------------------*/
/* PANEL (ACCORDION) */
/*-----------------------------------------------------------------------------------*/
.panel-group .panel {
  margin-bottom: 0;
  background-color: transparent;
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.panel-group .panel + .panel {
  margin-top: 0; }

.panel-heading {
  color: #ffffff;
  background-color: #14182a;
  background-color: rgba(20, 24, 42, 0.25);
  border-top: 1px solid #0f1b3d;
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
  padding: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0; }
  .panel-heading .panel-title {
    color: #ffffff;
    font-family: "Roboto", sans-serif;
    text-transform: none;
    font-size: 20px;
    margin: 0; }
  .panel-heading a {
    width: 100%;
    display: inline-block;
    padding: 20px 25px; }

.panel-group .panel-heading + .panel-collapse > .list-group,
.panel-group .panel-heading + .panel-collapse > .panel-body {
  border-top: 1px solid #0f1b3d;
  padding: 25px;
  color: #979797; }

.panel-group {
  border-bottom: 1px solid #0f1b3d; }

.panel-heading span, .panel-heading i {
  vertical-align: middle; }

#accordion .panel-heading i {
  font-size: 30px;
  float: right;
  line-height: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

#accordion .panel-heading .collapsed i {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  color: #0f1b3d; }

.panel-group .table {
  margin-bottom: 0; }

@media only screen and (max-width: 480px) {
  .panel-heading a {
    font-size: 15px;
    line-height: 26px; } }

/*-----------------------------------------------------------------------------------*/
/* TOOLTIP STYLES */
/*-----------------------------------------------------------------------------------*/
.tooltip-inner {
  background-color: #d12229;
  border: 1px solid #d12229;
  padding: 3px 15px;
  font-size: 12px;
  font-weight: 500;
  font-family: "Roboto", sans-serif; }

.popover {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  background-color: #d12229;
  border: 1px solid #d12229;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px; }

@media only screen and (max-width: 480px) {
  .popover {
    max-width: 185px; } }

.popover.left {
  margin-left: -16px; }

.popover-title {
  background-color: transparent;
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  position: absolute;
  top: 0;
  right: 0; }

.popover-title a {
  color: #ffffff; }

.popover-content {
  padding: 17px 22px; }

.popover-content p {
  margin: 0; }

.popover-content a {
  color: #ffffff;
  text-decoration: underline;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; }
  .popover-content a:hover, .popover-content a:focus {
    opacity: 0.7; }

.popover.left > .arrow, .popover.left > .arrow:after {
  border-left-color: #d12229; }

.popover .close {
  color: #fff;
  text-shadow: none;
  filter: alpha(opacity=20);
  opacity: .2; }
  .popover .close:focus, .popover .close:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=1);
    opacity: 1; }

.tooltip.top > .tooltip-arrow {
  border-top: 5px solid #d12229; }

.tooltip.bottom > .tooltip-arrow {
  border-bottom: 5px solid #d12229; }

.tooltip.left > .tooltip-arrow {
  border-left: 5px solid #d12229; }

.tooltip.right > .tooltip-arrow {
  border-right: 5px solid #d12229; }

.uib-tootip-popup {
  left: 600px !important; }

.label {
  font-weight: 600;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px; }

.label-danger {
  background-color: #d12229; }

.label.processed {
  border-radius: 50%;
  padding: 0;
  width: 25px;
  display: inline-block;
  height: 25px;
  vertical-align: middle; }
  .label.processed i {
    line-height: 25px; }

/*-----------------------------------------------------------------------------------*/
/* 404 STYLES */
/*-----------------------------------------------------------------------------------*/
#four-zero-four-wrapper .sign-wrapper {
  background-image: url(../img/bp-404-sign.png);
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 500px;
  position: fixed;
  bottom: -20%;
  width: 100%;
  height: 100%; }
  #four-zero-four-wrapper .sign-wrapper .inner {
    width: 500px;
    height: 430px;
    display: block;
    margin: 0 auto;
    padding: 45px 0 0 0; }
  #four-zero-four-wrapper .sign-wrapper h1 {
    font-weight: 700;
    text-transform: none; }
  #four-zero-four-wrapper .sign-wrapper h3 {
    margin: 0 0 20px 0;
    color: #ffffff;
    font-weight: 700;
    font-family: "Raleway", sans-serif;
    font-size: 30px; }
  #four-zero-four-wrapper .sign-wrapper .btn-default {
    border: 2px solid #ffffff;
    font-weight: 700;
    font-size: 20px; }
  #four-zero-four-wrapper .sign-wrapper h4 {
    font-size: 35px;
    margin: 97px 0 0 0;
    color: #171515;
    font-weight: 700;
    font-family: "Raleway", sans-serif;
    text-transform: none; }

@media only screen and (max-width: 1034px) {
  #four-zero-four-wrapper .sign-wrapper {
    background-size: 410px; }
    #four-zero-four-wrapper .sign-wrapper .inner {
      width: 500px;
      height: 430px;
      padding: 30px 0 0 0; }
    #four-zero-four-wrapper .sign-wrapper h1 {
      font-size: 50px; }
    #four-zero-four-wrapper .sign-wrapper h3 {
      margin: 0 0 13px 0;
      font-size: 25px; }
    #four-zero-four-wrapper .sign-wrapper .btn-default {
      font-size: 17px;
      min-width: 245px; }
    #four-zero-four-wrapper .sign-wrapper h4 {
      font-size: 30px;
      margin: 78px 0 0 0; } }

@media only screen and (max-width: 520px) {
  #four-zero-four-wrapper .sign-wrapper {
    background-size: 280px; }
    #four-zero-four-wrapper .sign-wrapper .inner {
      width: 280px;
      height: 430px;
      padding: 15px 0 0 0; }
    #four-zero-four-wrapper .sign-wrapper h1 {
      font-size: 35px; }
    #four-zero-four-wrapper .sign-wrapper h3 {
      margin: 0 0 2px 0;
      font-size: 18px; }
    #four-zero-four-wrapper .sign-wrapper .btn-default {
      font-size: 16px;
      min-width: 218px;
      padding: 10px; }
    #four-zero-four-wrapper .sign-wrapper h4 {
      font-size: 20px;
      margin: 43px 0 0 0; } }

/*-----------------------------------------------------------------------------------*/
/* COOKIE CUTTER STYLES */
/*-----------------------------------------------------------------------------------*/
.cc-cookies {
  width: 100%;
  top: auto;
  bottom: 0;
  padding: 10px 15px;
  background: rgba(23, 21, 21, 0.95); }
  @media screen and (max-width: 480px) {
    .cc-cookies {
      position: fixed;
      float: none; } }

.cc-cookies a.cc-cookie-accept,
.cc-cookies-error a.cc-cookie-accept,
.cc-cookies a.cc-cookie-decline,
.cc-cookies-error a.cc-cookie-decline,
.cc-cookies a.cc-cookie-reset {
  text-shadow: none; }

/*-----------------------------------------------------------------------------------*/
/* BROWSER FRAME */
/*-----------------------------------------------------------------------------------*/
#window-border-top, #window-border-bottom, #window-border-left, #window-border-right {
  background-color: #171515;
  z-index: 6000; }

#window-border-top, #window-border-bottom {
  position: fixed;
  left: 0;
  right: 0;
  height: 10px; }

#window-border-top {
  top: 0; }

#window-border-bottom {
  bottom: 0; }

#window-border-left, #window-border-right {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 10px; }

#window-border-left {
  left: 0; }

#window-border-right {
  right: 0; }

.season-ticket #window-border-top, .season-ticket #window-border-bottom, .season-ticket #window-border-left, .season-ticket #window-border-right {
  background-color: #14182a; }

.book-space #window-border-top, .book-space #window-border-bottom, .book-space #window-border-left, .book-space #window-border-right {
  background-color: #2c1011; }

/*-----------------------------------------------------------------------------------*/
/* MAIN CONTENT */
/*-----------------------------------------------------------------------------------*/
.content-wrapper {
  -webkit-overflow-scrolling: touch; }

.overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: inline-block;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  opacity: 0;
  overflow-x: hidden;
  overflow-y: auto;
  background: rgba(29, 49, 96, 0.8);
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out; }

.show-menu .overlay {
  opacity: 1;
  z-index: 1000; }

/*-----------------------------------------------------------------------------------*/
/* OFF-CANVAS MENU */
/*-----------------------------------------------------------------------------------*/
.menu-wrapper {
  position: fixed;
  z-index: 1001;
  width: 300px;
  height: 100%;
  padding: 90px 10px 0;
  background-color: #171515;
  -webkit-transition: -webkit-transform 1.1s;
  transition: transform 1.1s;
  -webkit-transform: translate3d(-320px, 0, 0);
  -moz-transform: translate3d(-320px, 0, 0);
  -o-transform: translate3d(-320px, 0, 0);
  -ms-transform: translate3d(-320px, 0, 0);
  transform: translate3d(-320px, 0, 0);
  -webkit-transition-timing-function: cubic-bezier(0.8, 0, 0.3, 1);
  -moz-transition-timing-function: cubic-bezier(0.8, 0, 0.3, 1);
  -o-transition-timing-function: cubic-bezier(0.8, 0, 0.3, 1);
  transition-timing-function: cubic-bezier(0.8, 0, 0.3, 1); }

.show-menu .menu-wrapper {
  -webkit-transition: -webkit-transform 1.1s;
  transition: transform 1.1s;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition-timing-function: cubic-bezier(0.8, 0, 0.3, 1);
  -moz-transition-timing-function: cubic-bezier(0.8, 0, 0.3, 1);
  -o-transition-timing-function: cubic-bezier(0.8, 0, 0.3, 1);
  transition-timing-function: cubic-bezier(0.8, 0, 0.3, 1); }

.menu-toggle {
  margin: 40px;
  z-index: 3000;
  position: fixed;
  left: 0;
  top: 0; }

@media only screen and (max-width: 480px) {
  .menu-toggle {
    margin: 24px; } }

/*-----------------------------------------------------------------------------------*/
/* SEASON TICKET OFF-CANVAS MENU */
/*-----------------------------------------------------------------------------------*/
.season-menu-wrapper {
  position: fixed;
  z-index: 500;
  width: 75px;
  height: 100%;
  padding: 115px 0 0;
  background-color: #14182a;
  -webkit-transition: width 0.6s ease-in-out;
  -moz-transition: width 0.6s ease-in-out;
  -o-transition: width 0.6s ease-in-out;
  transition: width 0.6s ease-in-out; }

.show-menu .season-menu-wrapper {
  width: 200px;
  -webkit-transition: width 0.6s ease-in-out;
  -moz-transition: width 0.6s ease-in-out;
  -o-transition: width 0.6s ease-in-out;
  transition: width 0.6s ease-in-out; }

@media only screen and (max-width: 768px) {
  .season-menu-wrapper {
    width: 0;
    padding: 115px 0 0; }
  .show-menu .season-menu-wrapper {
    width: 180px; } }

@media only screen and (max-width: 767px) {
  .season-menu-wrapper {
    width: 0;
    padding: 100px 0 0; }
  .show-menu .season-menu-wrapper {
    width: 180px; } }

/*-----------------------------------------------------------------------------------*/
/* BOOK SPACE OFF-CANVAS MENU */
/*-----------------------------------------------------------------------------------*/
.book-space-slideout-wrapper {
  position: fixed;
  z-index: 500;
  width: 300px;
  height: 100%;
  padding: 107px 10px 0;
  background-color: #2c1011;
  -webkit-transition: -webkit-transform 1.1s;
  transition: transform 1.1s;
  -webkit-transform: translate3d(-320px, 0, 0);
  -moz-transform: translate3d(-320px, 0, 0);
  -o-transform: translate3d(-320px, 0, 0);
  -ms-transform: translate3d(-320px, 0, 0);
  transform: translate3d(-320px, 0, 0);
  -webkit-transition-timing-function: cubic-bezier(0.8, 0, 0.3, 1);
  -moz-transition-timing-function: cubic-bezier(0.8, 0, 0.3, 1);
  -o-transition-timing-function: cubic-bezier(0.8, 0, 0.3, 1);
  transition-timing-function: cubic-bezier(0.8, 0, 0.3, 1); }

.show-menu .book-space-slideout-wrapper {
  -webkit-transition: -webkit-transform 1.1s;
  transition: transform 1.1s;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition-timing-function: cubic-bezier(0.8, 0, 0.3, 1);
  -moz-transition-timing-function: cubic-bezier(0.8, 0, 0.3, 1);
  -o-transition-timing-function: cubic-bezier(0.8, 0, 0.3, 1);
  transition-timing-function: cubic-bezier(0.8, 0, 0.3, 1); }

@media only screen and (max-width: 768px) {
  .book-space-slideout-wrapper {
    padding: 78px 10px 0; } }

/*-----------------------------------------------------------------------------------*/
/* HOME MAP OFF-CANVAS MENU */
/*-----------------------------------------------------------------------------------*/
#home-map-modal .slideout-wrapper {
  position: fixed;
  z-index: 500;
  width: 300px;
  height: 100%;
  padding: 40px 0 200px;
  background-color: #074f9b;
  -webkit-transition: -webkit-transform 1.1s;
  transition: transform 1.1s;
  -webkit-transform: translate3d(-320px, 0, 0);
  -moz-transform: translate3d(-320px, 0, 0);
  -o-transform: translate3d(-320px, 0, 0);
  -ms-transform: translate3d(-320px, 0, 0);
  transform: translate3d(-320px, 0, 0);
  -webkit-transition-timing-function: cubic-bezier(0.8, 0, 0.3, 1);
  -moz-transition-timing-function: cubic-bezier(0.8, 0, 0.3, 1);
  -o-transition-timing-function: cubic-bezier(0.8, 0, 0.3, 1);
  transition-timing-function: cubic-bezier(0.8, 0, 0.3, 1); }

#home-map-modal .slideout-wrapper.open-slider {
  -webkit-transition: -webkit-transform 1.1s;
  transition: transform 1.1s;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition-timing-function: cubic-bezier(0.8, 0, 0.3, 1);
  -moz-transition-timing-function: cubic-bezier(0.8, 0, 0.3, 1);
  -o-transition-timing-function: cubic-bezier(0.8, 0, 0.3, 1);
  transition-timing-function: cubic-bezier(0.8, 0, 0.3, 1); }

/*-----------------------------------------------------------------------------------*/
/* BOOKINGS MAP OFF-CANVAS MENU */
/*-----------------------------------------------------------------------------------*/
#booking-map-modal .slideout-wrapper {
  position: fixed;
  z-index: 500;
  width: 300px;
  height: 100%;
  padding: 40px 0 50px;
  background-color: #ad1f24;
  -webkit-transition: -webkit-transform 1.1s;
  transition: transform 1.1s;
  -webkit-transform: translate3d(-320px, 0, 0);
  -moz-transform: translate3d(-320px, 0, 0);
  -o-transform: translate3d(-320px, 0, 0);
  -ms-transform: translate3d(-320px, 0, 0);
  transform: translate3d(-320px, 0, 0);
  -webkit-transition-timing-function: cubic-bezier(0.8, 0, 0.3, 1);
  -moz-transition-timing-function: cubic-bezier(0.8, 0, 0.3, 1);
  -o-transition-timing-function: cubic-bezier(0.8, 0, 0.3, 1);
  transition-timing-function: cubic-bezier(0.8, 0, 0.3, 1); }

.show-menu #booking-map-modal .slideout-wrapper {
  -webkit-transition: -webkit-transform 1.1s;
  transition: transform 1.1s;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition-timing-function: cubic-bezier(0.8, 0, 0.3, 1);
  -moz-transition-timing-function: cubic-bezier(0.8, 0, 0.3, 1);
  -o-transition-timing-function: cubic-bezier(0.8, 0, 0.3, 1);
  transition-timing-function: cubic-bezier(0.8, 0, 0.3, 1); }

/*-----------------------------------------------------------------------------------*/
/* CONTENT WRAPPER */
/*-----------------------------------------------------------------------------------*/
.content-wrapper {
  -webkit-overflow-scrolling: touch;
  position: relative; }

.full-height-wrapper {
  padding-top: 205px;
  padding-bottom: 85px; }
  .full-height-wrapper.no-scroll {
    height: 100vh; }
  .full-height-wrapper .full-height {
    height: 100%; }
  .full-height-wrapper .full-height-center {
    position: absolute;
    top: 55%;
    width: 100%;
    -webkit-transform: translateY(-45%);
    -moz-transform: translateY(-45%);
    -o-transform: translateY(-45%);
    -ms-transform: translateY(-45%);
    transform: translateY(-45%); }

.season-ticket .full-height-wrapper {
  padding-top: 230px; }

.book-space .full-height-wrapper {
  padding-top: 180px; }

@media (max-width: 480px) {
  .book-space .full-height-wrapper {
    padding-top: 130px; } }

#home-carousel-wrapper .full-height-center {
  top: 45%;
  -webkit-transform: translateY(-55%);
  -moz-transform: translateY(-55%);
  -o-transform: translateY(-55%);
  -ms-transform: translateY(-55%);
  transform: translateY(-55%); }

#seasons-intro-wrapper .full-height-center, #book-space-intro-wrapper .full-height-center {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

#book-space-available-wrapper.full-height-wrapper {
  padding-top: 107px; }

#customer-portal-wrapper {
  position: relative; }
  #customer-portal-wrapper.full-height-wrapper {
    padding-top: 0;
    padding-bottom: 0; }
    #customer-portal-wrapper.full-height-wrapper .full-height {
      height: auto; }
      #customer-portal-wrapper.full-height-wrapper .full-height:after {
        background-color: rgba(255, 255, 255, 0.7);
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }

@media only screen and (max-width: 1200px) {
  .full-height-wrapper {
    padding-top: 160px;
    padding-bottom: 85px; }
  .season-ticket .full-height-wrapper {
    padding-top: 230px; } }

@media only screen and (max-width: 767px) {
  #customer-portal-wrapper.full-height-wrapper {
    padding-top: 0; }
  .season-ticket .full-height-wrapper {
    padding-top: 160px; } }

@media only screen and (max-width: 480px) {
  .full-height-wrapper {
    padding-top: 130px; }
  .season-ticket .full-height-wrapper {
    padding-top: 130px; }
  #home-carousel-wrapper .full-height-center {
    top: 60%;
    -webkit-transform: translateY(-60%);
    -moz-transform: translateY(-60%);
    -o-transform: translateY(-60%);
    -ms-transform: translateY(-60%);
    transform: translateY(-60%); }
  #book-space-available-wrapper.full-height-wrapper {
    padding-top: 75px; }
  #seasons-intro-wrapper.full-height-wrapper .full-height-center, #book-space-intro-wrapper.full-height-wrapper .full-height-center {
    top: 50%; } }

.wrapper .header-wrapper {
  background-color: #171515;
  position: fixed;
  width: 100%;
  z-index: 600;
  padding-top: 25px;
  padding-bottom: 25px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.wrapper.sticky .header-wrapper {
  padding: 15px 0; }

#brand {
  width: 300px;
  display: block;
  margin: 0 auto;
  z-index: 300;
  position: relative; }
  #brand img {
    width: 100%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 1; }
    #brand img:hover {
      opacity: 0.5; }

.sticky #brand {
  width: 150px; }

@media only screen and (max-width: 767px) {
  #brand {
    width: 70px; } }

@media only screen and (max-width: 480px) {
  #brand {
    width: 60px;
    margin-top: -5px; } }

.header-left {
  margin: 40px;
  z-index: 3000;
  position: absolute;
  left: 0;
  top: 0; }
  .header-left a {
    font-size: 12px;
    line-height: 1.5;
    text-transform: uppercase;
    font-weight: 700; }
    .header-left a i {
      color: #d12229;
      font-size: 25px;
      display: none;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      .header-left a i:hover, .header-left a i:focus {
        color: #ffffff; }

@media only screen and (max-width: 767px) {
  .header-left a span {
    display: none; }
  .header-left a i {
    display: inline-block; } }

@media only screen and (max-width: 480px) {
  .header-left {
    margin: 25px; } }

.header-right {
  margin: 38px;
  z-index: 300;
  position: absolute;
  right: 0;
  top: 0; }

@media only screen and (max-width: 480px) {
  .header-right {
    margin: 24px; } }

.header-right button {
  font-size: 12px;
  font-weight: 700;
  color: #d12229;
  text-transform: uppercase;
  line-height: 1.5;
  display: inline-block;
  vertical-align: middle;
  padding: 0 5px; }

.header-right button.register, .header-right button.account {
  color: #979797; }

.header-right button:hover {
  color: #ffffff; }

.header-right button.search {
  position: relative;
  padding: 0 0 0 15px;
  color: #ffffff; }

.header-right button.search:hover {
  color: #d12229; }

.header-right button.search:before {
  content: "";
  height: 15px;
  width: 1px;
  background-color: #979797;
  position: absolute;
  display: block;
  top: 9px;
  left: 4px; }

.header-right button.search i {
  font-size: 30px; }

.header-right .register i,
.header-right .account i,
.header-right .sign-in i,
.header-right .sign-out i {
  display: none; }

@media (max-width: 767px) {
  .header-right .register span,
  .header-right .account span,
  .header-right .sign-in span,
  .header-right .sign-out span {
    display: none; }
  .header-right .register i,
  .header-right .account i,
  .header-right .sign-in i,
  .header-right .sign-out i {
    display: inline-block;
    font-size: 25px;
    padding: 0 5px; }
  .header-right button.search {
    display: none; } }

/*-----------------------------------------------------------------------------------*/
/* MENU BUTTONS */
/*-----------------------------------------------------------------------------------*/
.open-button-toggle {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  left: 0;
  top: 5px; }

.open-button {
  padding: 0;
  text-indent: 40px;
  font-size: 12px;
  font-weight: 700;
  color: #d12229;
  text-transform: uppercase;
  vertical-align: middle;
  background-color: transparent;
  border: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.open-button span {
  float: left;
  display: block;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.open-button:hover span {
  color: #ffffff; }

.show-menu .open-button:hover span {
  color: #ffffff; }

@media (max-width: 767px) {
  .open-button span, .open-button:hover span, .open-button:focus span, .show-menu .open-button:hover span {
    color: transparent; } }

.open-button .toggle, .open-button .toggle:before, .open-button .toggle:after {
  height: 2px;
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  display: block;
  float: left; }

.open-button .toggle:before, .open-button .toggle:after {
  content: '';
  position: absolute;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.open-button .toggle {
  margin: 9px 5px 9px 0;
  width: 20px; }

.open-button .toggle:before {
  bottom: -11px;
  width: 27px; }

.open-button .toggle:after {
  top: -11px;
  width: 27px; }

.open-button:hover .toggle:before {
  bottom: -9px;
  width: 27px; }

.open-button:hover .toggle:after {
  top: -9px;
  width: 27px; }

.open-button.active .toggle {
  width: 27px;
  transition: all .1s ease,transform .15s; }

.open-button.active .toggle:after {
  top: 4px;
  transition: top .1s ease,transform .15s;
  /*transition: top .1s ease,transform .15s cubic-bezier(.895,.03,.685,.22) .1s;*/
  transform: translate3d(7px, -10px, 0) rotate(45deg) scaleX(0.7); }

.open-button.active .toggle:before {
  bottom: 4px;
  transition: bottom .1s ease,transform .15s;
  /*transition: bottom .1s ease,transform .15s cubic-bezier(.895,.03,.685,.22) .1s;*/
  transform: translate3d(7px, 10px, 0) rotate(-45deg) scaleX(0.7); }

.show-menu .open-button .toggle {
  margin: 9px 5px 9px 0;
  width: 22px;
  background-color: transparent; }

.show-menu .open-button .toggle:before {
  bottom: 0;
  width: 27px;
  background-color: #ffffff; }

.show-menu .open-button .toggle:after {
  top: 0;
  width: 27px;
  background-color: #ffffff; }

.show-menu .open-button .toggle::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.show-menu .open-button .toggle::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

/*-----------------------------------------------------------------------------------*/
/* SEASON TICKET MENU BUTTONS */
/*-----------------------------------------------------------------------------------*/
.season-ticket .header-wrapper {
  background-color: #14182a; }

.season-ticket .header-left {
  margin: 0;
  left: 25px;
  top: 30px; }

@media only screen and (max-width: 480px) {
  .season-ticket .header-left {
    margin: 0; } }

.season-ticket .header-right {
  margin: 0;
  right: 30px;
  top: 35px; }

@media only screen and (max-width: 480px) {
  .season-ticket .header-right {
    margin: 0;
    top: 32px; } }

.season-ticket .header-left, .season-ticket .header-right {
  margin: 0; }

/*.season-open-button-wrapper {
  padding: 34px 25px;
}

@media only screen and (max-width: 480px) {
  .season-open-button-wrapper {
    padding: 20px 25px;
  }
}

.season-close-button-wrapper {
  padding: 40px;
}

@media only screen and (max-width: 480px) {
  .season-close-button-wrapper {
    padding: 24px;
  }
}*/
button.season-open-button {
  background-color: transparent;
  border: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.season-open-button-toggle {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  right: 0; }

.season-open-button {
  padding: 0;
  font-size: 12px;
  font-weight: 700;
  color: #d12229;
  text-transform: uppercase;
  line-height: 1.5;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: inline-block; }

.season-open-button .open-button-toggle {
  position: relative;
  top: 0;
  display: inline-block;
  width: 27px;
  height: 27px; }

/*@media only screen and (max-width: 480px) {
  .season-open-button .open-button-toggle {
    top: 12px;
    display: inline-block
  }
}*/
.season-open-button span.open-button-text {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  -webkit-transition-delay: 0;
  -moz-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
  width: 120px;
  padding-left: 15px;
  display: inline-block;
  text-align: left; }

.show-menu .season-open-button span.open-button-text {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s; }

@media only screen and (max-width: 480px) {
  .season-open-button span.open-button-text {
    opacity: 0 !important;
    display: none; } }

button.season-open-button {
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
  color: #d12229; }

button.season-open-button:hover,
button.season-open-button:focus,
button.season-open-button:hover span.open-button-text,
button.season-open-button:focus span.open-button-text:focus {
  color: #ffffff; }

.season-open-button .toggle, .season-open-button .toggle:before, .season-open-button .toggle:after {
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  display: block;
  float: left; }

.season-open-button .toggle:before, .season-open-button .toggle:after {
  content: '';
  position: absolute;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.season-open-button .toggle {
  margin: 13px 5px 7px 0;
  width: 22px;
  height: 2px;
  background-color: transparent;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.show-menu .season-open-button .toggle {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.show-menu .season-open-button .toggle:before {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  opacity: 0; }

.show-menu .season-open-button .toggle:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.season-open-button .toggle:before {
  bottom: 0;
  width: 27px;
  height: 2px;
  background-color: #ffffff; }

.season-open-button .toggle:after {
  top: -13px;
  left: 12px;
  width: 2px;
  height: 27px;
  background-color: #ffffff; }

button.season-close-button {
  background-color: transparent;
  border: none;
  vertical-align: baseline;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.season-close-button-toggle {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  right: 0; }

.season-close-button {
  padding: 0;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.5;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: inline-block; }

/*@media (max-width: 767px) {
	.season-close-button  {
    padding-top: 10px;
  }
}*/
.season-close-button span.close-button-text {
  padding-right: 15px;
  color: #d12229;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease; }

.season-close-button:hover span.close-button-text {
  color: #ffffff; }

@media (max-width: 700px) {
  .season-close-button span.close-button-text,
  .season-close-button:hover span.close-button-text {
    color: transparent;
    display: none; } }

.season-close-button .toggle, .season-close-button .toggle:before, .season-close-button .toggle:after {
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  display: block;
  float: right; }

.season-close-button .toggle:before, .season-close-button .toggle:after {
  content: '';
  position: absolute;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.season-close-button .toggle {
  margin: 7px 5px 7px 0;
  width: 22px;
  height: 2px;
  background-color: transparent;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.season-close-button .toggle:before {
  bottom: 0;
  width: 27px;
  height: 2px;
  background-color: #ffffff; }

.season-close-button .toggle:after {
  top: -12px;
  left: 12px;
  width: 2px;
  height: 27px;
  background-color: #ffffff; }

/*-----------------------------------------------------------------------------------*/
/* BOOK SPACE MENU BUTTONS */
/*-----------------------------------------------------------------------------------*/
.book-space .wrapper .header-wrapper {
  background-color: #2c1011; }

.book-space .header-left, .book-space .header-right {
  margin: 0; }

.book-space-close-button-wrapper {
  padding: 40px; }

@media only screen and (max-width: 480px) {
  .book-space-close-button-wrapper {
    padding: 24px; } }

button.book-space-open-button {
  background-color: transparent;
  border: none;
  padding: 40px;
  color: #d12229;
  line-height: 24px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

button.book-space-open-button:hover, button.book-space-open-button:hover span.open-button-text {
  color: #ffffff; }

@media (max-width: 480px) {
  button.book-space-open-button {
    padding: 27px; } }

.book-space-open-button-toggle {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  right: 0; }

.book-space-open-button {
  padding: 0;
  font-size: 12px;
  font-weight: 700;
  color: #d12229;
  text-transform: uppercase;
  line-height: 1.5;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: inline-block; }

.book-space-open-button span {
  padding-left: 5px;
  position: relative; }

.book-space-open-button span.open-button-text {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  width: 120px;
  display: inline-block;
  text-align: left; }

.book-space-open-button .toggle, .book-space-open-button .toggle:before, .book-space-open-button .toggle:after {
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  display: block;
  float: left; }

.book-space-open-button .toggle:before, .book-space-open-button .toggle:after {
  content: '';
  position: absolute;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.book-space-open-button .toggle {
  margin: 7px 5px 7px 0;
  width: 22px;
  height: 2px;
  background-color: transparent;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.show-menu .book-space-open-button .toggle {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.show-menu .book-space-open-button .toggle:before {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  opacity: 0; }

.show-menu .book-space-open-button .toggle:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.book-space-open-button .toggle:before {
  bottom: 0;
  width: 27px;
  height: 2px;
  background-color: #ffffff; }

.book-space-open-button .toggle:after {
  top: -13px;
  left: 12px;
  width: 2px;
  height: 27px;
  background-color: #ffffff; }

@media only screen and (max-width: 700px) {
  .book-space-open-button span.open-button-text {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0; }
  .show-menu .book-space-open-button span.open-button-text {
    opacity: 1;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s; } }

@media only screen and (max-width: 480px) {
  .show-menu .book-space-open-button span.open-button-text {
    opacity: 0; } }

button.book-space-close-button {
  background-color: transparent;
  border: none;
  vertical-align: baseline;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.book-space-close-button-toggle {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  right: 0; }

.book-space-close-button {
  padding: 0;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.5;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: inline-block; }

.book-space-close-button span.close-button-text {
  padding-right: 15px;
  color: #d12229;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease; }

.book-space-close-button:hover span.close-button-text {
  color: #ffffff; }

@media (max-width: 700px) {
  .book-space-close-button span.close-button-text,
  .book-space-close-button:hover span.close-button-text {
    color: transparent; } }

.book-space-close-button .toggle, .book-space-close-button .toggle:before, .book-space-close-button .toggle:after {
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  display: block;
  float: right; }

.book-space-close-button .toggle:before, .book-space-close-button .toggle:after {
  content: '';
  position: absolute;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.book-space-close-button .toggle {
  margin: 7px 5px 7px 0;
  width: 22px;
  height: 2px;
  background-color: transparent;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.book-space-close-button .toggle:before {
  bottom: 0;
  width: 27px;
  height: 2px;
  background-color: #ffffff; }

.book-space-close-button .toggle:after {
  top: -12px;
  left: 12px;
  width: 2px;
  height: 27px;
  background-color: #ffffff; }

footer {
  position: absolute;
  bottom: 0;
  width: 100%; }

nav {
  height: 100%;
  overflow-y: scroll;
  padding: 0 33px; }

.main-menu ul {
  list-style: none;
  text-decoration: none;
  padding: 0;
  margin: 0; }

.main-menu li {
  font-family: 'Raleway', sans-serif;
  color: #d12229;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 16px;
  line-height: 2.8; }

.main-menu li.extra-nav {
  line-height: 1.8;
  margin-bottom: 20px; }

.main-menu li button {
  background-color: transparent;
  border: 0;
  padding: 0;
  font-size: 20px;
  text-transform: uppercase;
  line-height: 1.5;
  color: #ffffff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: block;
  width: 100%;
  text-align: left; }

.main-menu li button:hover, .main-menu li button:focus {
  color: #d12229; }

.main-menu li a {
  text-decoration: none; }

.main-menu li li:last-child {
  padding-bottom: 20px; }

.main-menu li li {
  line-height: 1.6;
  margin-bottom: 12px; }
  .main-menu li li a {
    font-family: "Roboto", sans-serif;
    color: #ffffff;
    font-weight: 400;
    text-transform: capitalize;
    font-size: 15px; }

.main-menu li li a i {
  color: #58565c;
  font-size: 25px;
  padding-right: 10px;
  padding-bottom: 10px;
  display: inline-block;
  float: left;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.main-menu ul ul li:hover a i {
  color: #d12229; }

.main-menu ul.legal-links {
  margin-bottom: 40px; }
  .main-menu ul.legal-links li {
    line-height: 1.6;
    text-transform: none;
    font-family: "Roboto", sans-serif;
    font-weight: 400; }

.main-menu li li ul {
  padding-left: 36px; }

.main-menu li li li {
  line-height: 1.6;
  margin-bottom: 0; }
  .main-menu li li li a {
    font-size: 14px;
    line-height: normal;
    color: #979797; }
    .main-menu li li li a:hover {
      color: #ffffff; }
  .main-menu li li li:first-child {
    padding-top: 5px; }
  .main-menu li li li:last-child {
    padding-bottom: 10px; }

/*-----------------------------------------------------------------------------------*/
/* SEASON TICKET MAIN MENU */
/*-----------------------------------------------------------------------------------*/
.season-ticket nav {
  padding: 0;
  overflow-x: hidden; }

.season-main-menu ul {
  list-style: none;
  text-decoration: none;
  padding: 0;
  margin: 0;
  text-align: center;
  display: table;
  height: 100%;
  width: 100%;
  min-height: 600px;
  overflow-y: scroll; }

.season-main-menu li {
  vertical-align: middle;
  display: table-row;
  width: 100%;
  height: 85px; }

.season-main-menu li a {
  color: #979797;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: not-allowed; }

.season-main-menu li a:hover {
  color: #979797; }

.season-main-menu li.active a {
  color: #d12229; }

.season-main-menu li.active a:hover {
  color: #d12229; }

.season-main-menu li.active a:focus {
  color: #d12229;
  opacity: 1; }

.season-main-menu li.complete a {
  color: #ffffff;
  opacity: 1;
  cursor: pointer; }

.season-main-menu li.complete a:hover, .season-main-menu li.complete a:focus {
  color: #ffffff;
  opacity: 0.8; }

.season-main-menu li a i {
  font-size: 25px; }

@media only screen and (max-width: 700px) {
  .season-main-menu li a i {
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    opacity: 0; }
  .show-menu .season-main-menu li a i {
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;
    opacity: 1; } }

.season-main-menu li a span {
  display: block;
  clear: both;
  opacity: 0;
  font-size: 12px;
  text-transform: uppercase;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  height: 17px;
  padding-top: 3px;
  font-weight: 500; }

.show-menu .season-main-menu li a span small {
  display: block;
  padding-top: 3px;
  font-size: 11px;
  text-transform: capitalize;
  font-weight: 400; }

.season-main-menu li a span small {
  display: none; }

.show-menu .season-main-menu li a span {
  opacity: 1;
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s; }

/*-----------------------------------------------------------------------------------*/
/* BOOK SPACE MAIN MENU */
/*-----------------------------------------------------------------------------------*/
.book-space-slideout {
  color: #ffffff;
  height: 100%;
  overflow-y: scroll; }

.book-space-slideout article {
  margin-bottom: 20px; }

.book-space-slideout .title-wrapper {
  margin-bottom: 5px; }

.book-space-slideout .detail-wrapper {
  color: #979797;
  padding-left: 42px;
  font-size: 14px; }

.book-space-slideout .detail-wrapper ul {
  list-style: none;
  padding: 0; }

.book-space-slideout .detail-wrapper ul li {
  display: block; }

.book-space-slideout .edit {
  padding-top: 6px; }

.book-space-slideout .image-wrapper {
  margin: 15px 0 10px; }
  .book-space-slideout .image-wrapper img {
    width: 100%;
    border: 3px solid #979797; }

.form-control::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #979797; }

.form-control::-moz-placeholder {
  /* Firefox 19+ */
  color: #979797; }

.form-control:-ms-input-placeholder {
  /* IE 10+ */
  color: #979797; }

.form-control:-moz-placeholder {
  /* Firefox 18- */
  color: #979797; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

input[type=number] {
  -moz-appearance: textfield; }

input, textarea {
  outline: none; }

:focus, input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus {
  outline-color: transparent;
  outline-style: none;
  outline: none;
  outline-offset: 0;
  -webkit-box-shadow: 0;
  -moz-box-shadow: 0;
  box-shadow: 0; }

select {
  background-color: transparent;
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0; }

.required {
  color: #d12229 !important;
  padding-right: 3px; }

.help-block {
  margin-bottom: 0; }

.form-group {
  margin-bottom: 25px;
  position: relative; }

.form-control {
  height: 75px;
  max-width: 370px;
  margin: 0 auto;
  padding: 0 12px;
  font-size: 25px;
  text-align: center;
  line-height: 1.4;
  color: #ffffff;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  background-color: transparent;
  background-image: none;
  border: 1px solid #979797;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  -webkit-transition: border-color 0.15s ease-in-out,background-color 0.15s ease-in-out;
  -o-transition: border-color 0.15s ease-in-out,background-color 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out,background-color 0.15s ease-in-out; }

@media (max-width: 767px) {
  .form-control {
    height: 75px;
    font-size: 25px;
    max-width: 245px; } }

@media (max-width: 480px) {
  .form-control {
    height: 65px;
    font-size: 18px;
    max-width: 100%; } }

.form-control:focus {
  border-color: #ffffff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.form-group .clearer-wrapper {
  position: relative; }

.form-group .clearer-wrapper .clearer {
  position: absolute;
  top: 15px;
  right: 25px;
  font-style: normal;
  font-size: 32px;
  color: #979797;
  cursor: pointer;
  display: none; }

@media (max-width: 480px) {
  .form-group .clearer-wrapper .clearer {
    top: 7px;
    right: 15px;
    font-size: 30px; } }

input:focus::-webkit-input-placeholder {
  opacity: 0; }

input:focus:-moz-placeholder {
  opacity: 0; }

/* FF 4-18 */
input:focus::-moz-placeholder {
  opacity: 0; }

/* FF 19+ */
input:focus:-ms-input-placeholder {
  opacity: 0; }

/* IE 10+ */
.search-suggestions {
  margin-bottom: 75px; }

.search-suggestions select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: ''; }

.search-suggestions .input-group {
  display: block; }

.search-suggestions .input-group-addon {
  display: none; }

.search-suggestions ul {
  text-align: left;
  list-style: none;
  padding: 20px;
  width: 100%; }

.search-suggestions ul li {
  padding: 5px 0 5px 0;
  display: inline-block;
  min-width: 50%; }

@media only screen and (max-width: 920px) {
  .search-suggestions ul li {
    min-width: 100%;
    display: inline-block;
    text-align: center; }
    .search-suggestions ul li a {
      display: inline-block;
      text-align: center; } }

@media only screen and (max-width: 650px) {
  .search-suggestions ul li {
    min-width: 100%;
    display: inline-block;
    text-align: left; }
    .search-suggestions ul li a {
      display: inline-block;
      text-align: left; } }

.search-suggestions ul li a {
  background-image: url(../img/bp-location-bullet-red.svg);
  background-position: 0px 4px;
  background-repeat: no-repeat;
  background-size: 12px;
  padding-left: 25px;
  color: #979797;
  text-align: left; }

.search-suggestions ul li a:hover {
  background-image: url(../img/bp-location-bullet-white.svg); }

.search-suggestions .dropdown-menu > .active > a, .search-suggestions .dropdown-menu > .active > a:focus, .search-suggestions .dropdown-menu > .active > a:hover {
  background-color: transparent;
  color: #ffffff; }

.combobox-selected .caret {
  display: none; }

/* :not doesn't work in IE8 */
.combobox-container:not(.combobox-selected) .glyphicon-remove {
  display: none; }

.typeahead-long {
  overflow-y: auto;
  width: 100%;
  top: 93px !important;
  background-color: #171515;
  -webkit-border-top-right-radius: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-bottom-right-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-bottomright: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  border: 0; }

@media only screen and (max-width: 555px) {
  .typeahead-long {
    top: 73px !important; } }

.has-feedback .form-control {
  padding-right: 12px; }

.has-error .form-control, .has-error .form-control:focus {
  border-color: #d12229;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
  color: #d12229; }

.btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled].focus, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
  background-color: #d12229;
  border-color: #d12229;
  opacity: 0.8; }

.has-success .form-control, .has-success .form-control:focus {
  border-color: #4abf5d;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.help-bloc .list-unstyled {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label, .has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label {
  color: #4abf5d; }

.checkbox label {
  font-weight: 400;
  font-size: 15px;
  color: #979797; }

.has-success .checkbox label {
  color: #4abf5d; }

.has-error .checkbox label {
  color: #d12229; }

.checkbox {
  padding-left: 20px;
  margin-top: 15px; }

.checkbox label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  font-size: 14px;
  padding-left: 10px;
  font-weight: 400;
  color: #979797; }

.checkbox label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: -20px;
  top: 2px;
  border: 1px solid #979797;
  background-color: transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }

.has-success .checkbox label::before {
  border: 1px solid #4abf5d; }

.has-error .checkbox label::before {
  border: 1px solid #d12229; }

.checkbox label::after {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: -17px;
  top: 3px;
  font-size: 11px;
  color: transparent;
  font-family: "FontAwesome";
  content: "\f00c"; }

.check {
  display: block;
  position: absolute;
  top: 3px;
  left: -19px;
  width: 16px;
  height: 16px; }
  .check::after {
    display: block;
    position: relative;
    width: 16px;
    height: 16px;
    font-size: 11px;
    color: transparent;
    font-family: "FontAwesome";
    content: "\f00c"; }

.has-success .checkbox label::after {
  color: #4abf5d; }

.has-error .checkbox label::after {
  color: #d12229; }

.checkbox input[type="checkbox"],
.checkbox input[type="radio"] {
  opacity: 0;
  z-index: 1;
  height: 18px;
  width: 20px; }

/*.checkbox input[type="checkbox"]:focus + label::before,
.checkbox input[type="radio"]:focus + label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}*/
.checkbox input[type="checkbox"]:checked + label::after,
.checkbox input[type="radio"]:checked + label::after {
  color: #ffffff; }

.checkbox input[type="checkbox"]:checked + .check::after,
.checkbox input[type="radio"]:checked + .check::after {
  color: #ffffff; }

.checkbox input[type="checkbox"]:disabled + label,
.checkbox input[type="radio"]:disabled + label {
  opacity: 0.65; }

.checkbox input[type="checkbox"]:disabled + label::before,
.checkbox input[type="radio"]:disabled + label::before {
  background-color: #eeeeee;
  cursor: not-allowed; }

.checkbox.checkbox-circle label::before {
  border-radius: 50%; }

.checkbox.checkbox-inline {
  margin-top: 0; }

.checkbox-primary input[type="checkbox"] + label::before,
.checkbox-primary input[type="radio"] + label::before {
  background-color: #979797;
  border-color: #979797; }

.checkbox-primary input[type="checkbox"]:checked + label::before,
.checkbox-primary input[type="radio"]:checked + label::before {
  background-color: #979797;
  border-color: #979797; }

.checkbox-primary input[type="checkbox"]:checked + label::after,
.checkbox-primary input[type="radio"]:checked + label::after {
  color: #171515; }

.checkbox-danger input[type="checkbox"]:checked + label::before,
.checkbox-danger input[type="radio"]:checked + label::before {
  background-color: #d9534f;
  border-color: #d9534f; }

.checkbox-danger input[type="checkbox"]:checked + label::after,
.checkbox-danger input[type="radio"]:checked + label::after {
  color: #fff; }

.checkbox-info input[type="checkbox"]:checked + label::before,
.checkbox-info input[type="radio"]:checked + label::before {
  background-color: #5bc0de;
  border-color: #5bc0de; }

.checkbox-info input[type="checkbox"]:checked + label::after,
.checkbox-info input[type="radio"]:checked + label::after {
  color: #fff; }

.checkbox-warning input[type="checkbox"]:checked + label::before,
.checkbox-warning input[type="radio"]:checked + label::before {
  background-color: #f0ad4e;
  border-color: #f0ad4e; }

.checkbox-warning input[type="checkbox"]:checked + label::after,
.checkbox-warning input[type="radio"]:checked + label::after {
  color: #fff; }

.checkbox-success input[type="checkbox"]:checked + label::before,
.checkbox-success input[type="radio"]:checked + label::before {
  background-color: #5cb85c;
  border-color: #5cb85c; }

.checkbox-success input[type="checkbox"]:checked + label::after,
.checkbox-success input[type="radio"]:checked + label::after {
  color: #fff; }

.radio {
  padding-left: 20px; }

.radio label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 5px; }

.radio label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  top: 4px;
  margin-left: -20px;
  border: 1px solid #979797;
  border-radius: 50%;
  background-color: #ffffff;
  -webkit-transition: border 0.15s ease-in-out;
  -moz-transition: border 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out;
  transition: border 0.15s ease-in-out; }

.radio label::after {
  display: inline-block;
  position: absolute;
  content: " ";
  width: 11px;
  height: 11px;
  left: 3px;
  top: 3px;
  margin-left: -20px;
  background-color: #555555;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }

.radio input[type="radio"] {
  opacity: 0;
  z-index: 1; }

/*.radio input[type="radio"]:focus + label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}*/
.radio input[type="radio"]:checked + label::after {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1); }

.radio input[type="radio"]:disabled + label {
  opacity: 0.65; }

.radio input[type="radio"]:disabled + label::before {
  cursor: not-allowed; }

.radio.radio-inline {
  margin-top: 0; }

.radio-primary input[type="radio"] + label::after {
  background-color: #337ab7; }

.radio-primary input[type="radio"]:checked + label::before {
  border-color: #337ab7; }

.radio-primary input[type="radio"]:checked + label::after {
  background-color: #337ab7; }

.radio-danger input[type="radio"] + label::after {
  background-color: #d9534f; }

.radio-danger input[type="radio"]:checked + label::before {
  border-color: #d9534f; }

.radio-danger input[type="radio"]:checked + label::after {
  background-color: #d9534f; }

.radio-info input[type="radio"] + label::after {
  background-color: #5bc0de; }

.radio-info input[type="radio"]:checked + label::before {
  border-color: #5bc0de; }

.radio-info input[type="radio"]:checked + label::after {
  background-color: #5bc0de; }

.radio-warning input[type="radio"] + label::after {
  background-color: #f0ad4e; }

.radio-warning input[type="radio"]:checked + label::before {
  border-color: #f0ad4e; }

.radio-warning input[type="radio"]:checked + label::after {
  background-color: #f0ad4e; }

.radio-success input[type="radio"] + label::after {
  background-color: #5cb85c; }

.radio-success input[type="radio"]:checked + label::before {
  border-color: #5cb85c; }

.radio-success input[type="radio"]:checked + label::after {
  background-color: #5cb85c; }

input[type="checkbox"].styled:checked + label:after,
input[type="radio"].styled:checked + label:after {
  font-family: 'FontAwesome';
  content: "\f00c"; }

input[type="checkbox"] .styled:checked + label::before,
input[type="radio"] .styled:checked + label::before {
  color: #fff; }

input[type="checkbox"] .styled:checked + label::after,
input[type="radio"] .styled:checked + label::after {
  color: #fff; }

.select2-container--default .select2-selection--single {
  background-color: transparent;
  border: 1px solid #979797;
  height: 75px;
  margin: 0 auto;
  padding: 0 12px;
  font-size: 25px;
  text-align: center;
  line-height: 1.4;
  color: #ffffff;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  -webkit-transition: border 0.15s ease-in-out;
  -moz-transition: border 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out;
  transition: border 0.15s ease-in-out; }
  .select2-container--default .select2-selection--single:focus {
    border: 1px solid #ffffff; }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 73px;
    font-size: 25px;
    color: #ffffff; }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
    top: 0;
    right: 0;
    width: 40px; }

@media (max-width: 767px) {
  .select2-container--default .select2-selection--single {
    height: 75px; } }

@media (max-width: 480px) {
  .select2-container--default .select2-selection--single {
    height: 65px; }
    .select2-container--default .select2-selection--single .select2-selection__rendered {
      line-height: 63px;
      font-size: 23px; } }

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #979797 transparent transparent transparent;
  border-width: 8px 8px 0 8px;
  margin-left: -20px;
  margin-top: 14px; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #979797 transparent;
  border-width: 0 8px 8px 8px; }

.select2-dropdown {
  background-color: #ffffff;
  border: 1px solid #979797;
  color: #171515;
  font-size: 25px;
  font-weight: 300;
  text-align: center;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0; }

.select2-container--default .select2-results__option {
  padding: 15px 6px; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #d12229; }

@media (max-width: 480px) {
  .select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-top: 10px; }
  .select2-dropdown {
    font-size: 18px; } }

#contact-modal textarea.form-control {
  height: 170px;
  padding: 15px;
  text-align: center; }

#contact-modal a {
  color: #d12229; }
  #contact-modal a:hover, #contact-modal a:focus:hover, #contact-modal a:active:hover, #contact-modal a:focus:active:hover {
    color: #9a1d22; }
  #contact-modal a:focus, #contact-modal a:focus:active {
    color: #d12229; }
  #contact-modal a:active {
    color: #d12229; }

#contact-modal .select2-container {
  max-width: 370px; }

@media (max-width: 767px) {
  #contact-modal .select2-container {
    max-width: 245px; } }

@media (max-width: 480px) {
  #contact-modal .select2-container {
    max-width: 100%; } }

.modal-open .select2-dropdown {
  z-index: 5000; }

body {
  background: url(../img/bp-generic-bk-home.jpg) -25px -50px;
  background-position: center center;
  background-repeat: no-repeat !important;
  background-attachment: fixed;
  background-size: cover;
  background-color: #14182a; }

#home-carousel {
  text-align: center;
  overflow-x: hidden; }

#home-carousel .slick-text {
  display: inline-block;
  max-width: 800px; }

#home-carousel h2 {
  text-transform: uppercase;
  margin: 0;
  font-size: 50px;
  font-weight: 300;
  text-shadow: 1px 1px 5px black;
  line-height: 1.3; }

#home-carousel span.last-line {
  font-size: 70px;
  font-weight: 700;
  color: #d12229;
  line-height: 1.3; }

#home-carousel .next-arrow, #home-carousel .prev-arrow {
  position: absolute;
  top: 15%;
  z-index: 500;
  font-size: 30px;
  color: #979797;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
  padding: 25px; }

#home-carousel .next-arrow:hover, #home-carousel .prev-arrow:hover {
  color: #ffffff; }

#home-carousel .prev-arrow {
  left: 35px; }

#home-carousel .next-arrow {
  right: 35px; }

@media only screen and (max-width: 1200px) {
  #home-carousel-wrapper .slick-slide .slick-text h2 {
    font-size: 35px;
    padding: 0 20px; }
  #home-carousel-wrapper .slick-slide .slick-text span.last-line {
    font-size: 55px; } }

@media only screen and (max-width: 767px) {
  #home-carousel-wrapper .slick-slide .slick-text h2 {
    font-size: 40px;
    padding: 0 20px; }
  #home-carousel-wrapper .slick-slide .slick-text span.last-line {
    font-size: 55px; }
  #home-carousel-wrapper .prev-arrow {
    left: 5px; }
  #home-carousel-wrapper .next-arrow {
    right: 5px; } }

@media only screen and (max-width: 480px) {
  #home-carousel-wrapper .slick-slide .slick-text h2 {
    font-size: 18px;
    padding: 0 60px; }
  #home-carousel-wrapper .slick-slide .slick-text span.last-line {
    font-size: 25px; }
  #home-carousel-wrapper .next-arrow, #home-carousel-wrapper .prev-arrow {
    padding: 10px 25px; }
  #home-carousel-wrapper .prev-arrow {
    left: 5px; }
  #home-carousel-wrapper .next-arrow {
    right: 5px; } }

/* -------- Main Nav -------- */
#home-main-nav-wrapper {
  position: fixed;
  width: 100%;
  bottom: 0;
  z-index: 300;
  padding-bottom: 110px; }
  #home-main-nav-wrapper.mobile {
    position: relative; }
  #home-main-nav-wrapper .item {
    text-align: center; }
  #home-main-nav-wrapper .btn.btn-feature {
    font-family: "Raleway", sans-serif;
    color: #979797; }

#home-main-nav-wrapper .btn.btn-feature:hover,
#home-main-nav-wrapper .btn.btn-feature:focus,
#home-main-nav-wrapper .btn.btn-feature:active,
#home-main-nav-wrapper .btn.btn-feature:focus:active {
  color: #ffffff;
  border-bottom: 1px solid #d12229; }

@media (max-width: 1199px) {
  #home-main-nav-wrapper {
    padding-top: 0;
    padding-bottom: 80px; }
    #home-main-nav-wrapper .item .service-icon {
      width: 40px;
      height: 40px; } }

@media only screen and (max-width: 767px) {
  #home-main-nav-wrapper {
    padding-top: 30px;
    padding-bottom: 0; }
    #home-main-nav-wrapper .item .service-icon {
      width: 25px;
      height: 25px; }
  #home-main-nav-wrapper .item {
    border-top: 1px solid #0f1b3d; }
  #home-main-nav-wrapper .item:last-child {
    border-bottom: 1px solid #0f1b3d; }
  #home-main-nav-wrapper .btn.btn-feature {
    padding: 2px 5px;
    width: 300px;
    min-width: inherit;
    margin: 0 auto;
    font-size: 18px;
    border-color: transparent;
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    display: block;
    text-align: left;
    line-height: 2.4;
    color: #ffffff;
    font-family: 'Raleway', sans-serif; } }
  @media only screen and (max-width: 767px) and (min-device-width: 480px) {
    #home-main-nav-wrapper .btn.btn-feature {
      padding: 2px 20px; } }

@media only screen and (max-width: 767px) {
    #home-main-nav-wrapper .btn.btn-feature.btn-text-wrap {
      line-height: 1.3; }
  #home-main-nav-wrapper .btn.btn-feature:hover,
  #home-main-nav-wrapper .btn.btn-feature:focus,
  #home-main-nav-wrapper .btn.btn-feature:active,
  #home-main-nav-wrapper .btn.btn-feature:focus:active {
    border-bottom: 1px solid transparent; }
  #home-main-nav-wrapper .btn.btn-feature:before,
  #home-main-nav-wrapper .btn.btn-feature:after {
    display: none; }
  #home-main-nav-wrapper .service-icon {
    height: 25px;
    width: 25px;
    float: left;
    margin: 9px 15px 0 0; }
  #home-main-nav-wrapper .service-icon.season-ticket-icon {
    background-image: url(../img/bp-season-ticket-icon-hover.svg); }
  #home-main-nav-wrapper .service-icon.where-park-icon {
    background-image: url(../img/bp-where-to-park-icon-hover.svg); }
  #home-main-nav-wrapper .service-icon.book-space-icon {
    background-image: url(../img/bp-book-space-icon-hover.svg); }
  #home-main-nav-wrapper .service-icon.car-park-management-icon {
    background-image: url(../img/bp-mgmt-icon.svg); }
  #home-main-nav-wrapper .parking-charge-button {
    position: relative; }
  #home-main-nav-wrapper .parking-charge-button .btn {
    font-size: 15px;
    line-height: 75px;
    width: 285px;
    text-align: center;
    color: #58565c; }
  #home-main-nav-wrapper .parking-charge-button .btn:hover,
  #home-main-nav-wrapper .parking-charge-button .btn:focus,
  #home-main-nav-wrapper .parking-charge-button .btn:active,
  #home-main-nav-wrapper .parking-charge-button .btn:focus:active {
    color: #ffffff; }
  #home-main-nav-wrapper .parking-charge-button .service-icon {
    float: none;
    margin: 0 15px 0 0; } }

/* -------- Parking Charges -------- */
.parking-charge-button-wrapper {
  /*position: absolute;
  right: 10px;
  bottom: 110px;
  padding: 15px 500px 15px 15px;
  margin-right: -500px;
  background: rgba(20,32,62,0.8);
  @include border-radius(10px);
  @include box-shadow(0px 8px 6px -5px rgba(0,0,0,0.5));*/
  position: absolute;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
  bottom: 0;
  padding: 0;
  margin-right: 0;
  margin-bottom: 0;
  width: 220px;
  background: rgba(20, 32, 62, 0.8);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
  -webkit-box-shadow: 0px 0px 45px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 45px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 45px 2px rgba(0, 0, 0, 0.3); }

.parking-charge-button {
  width: 100%;
  text-align: center;
  display: block;
  height: 70px; }
  .parking-charge-button a {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 400;
    text-align: center;
    color: #ffffff;
    text-transform: uppercase;
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 20px 0;
    opacity: 1; }
    .parking-charge-button a:hover, .parking-charge-button a:focus:hover, .parking-charge-button a:active:hover, .parking-charge-button a:focus:active:hover {
      opacity: 0.7; }
    .parking-charge-button a:focus, .parking-charge-button a:focus:active {
      opacity: 0.7; }
    .parking-charge-button a:active {
      opacity: 0.7; }

.parking-charge-button span {
  display: inline-block;
  width: auto;
  line-height: 1.5;
  vertical-align: super; }

.parking-charge-button .service-icon {
  margin: 0 5px 0 0;
  width: 20px;
  height: 20px;
  display: inline-block; }

.parking-charge-button a:hover .service-icon.parking-charge-button-notices-icon,
.parking-charge-button a:focus .service-icon.parking-charge-button-notices-icon,
.parking-charge-button a:active .service-icon.parking-charge-button-notices-icon,
.parking-charge-button a:focus:active .service-icon.parking-charge-button-notices-icon {
  background-image: url(../img/bp-parking-charge-notices-icon-hover.svg); }

/*@media only screen and (max-width: 865px) and (min-width: 767px) {
  #home-main-nav-wrapper {
    padding-bottom: 90px;
  }
  .parking-charge-button-wrapper {
    right: 0;
    @include transform (translateX(-50%));
    left: 50%;
    bottom: 0;
    padding: 0;
    margin-right: 0;
    margin-bottom: 0;
    width: 250px;
  }
  .parking-charge-button {
    margin: 0 auto;
    width: 200px;
    padding: 20px 0px 25px;
  }
  .parking-charge-button a {
    text-align: center;
  }
  .parking-charge-button .service-icon {
    margin: 0 5px 0 0;
    float: left;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .parking-charge-button span {
    display: inline-block;
    width: auto;
    vertical-align: bottom;
    line-height: 1.5;
  }
}*/
/*-----------------------------------------------------------------------------------*/
/* CUSTOMER PORTAL */
/*-----------------------------------------------------------------------------------*/
@media screen and (min-width: 768px) {
  #customer-portal-wrapper .jumbotron {
    padding-top: 205px;
    padding-bottom: 48px; } }

#customer-portal-wrapper .jumbotron {
  padding-top: 160px;
  padding-bottom: 30px; }

#customer-portal-wrapper .interface nav {
  background-color: #172444;
  background-color: rgba(23, 36, 68, 0.7);
  position: relative; }

#customer-portal-wrapper .interface nav:after {
  content: "";
  display: block;
  border-bottom: 6px solid #979797;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%; }

#customer-portal-wrapper .interface .nav-tabs.nav-justified > li {
  display: table-cell;
  width: 1%; }

#customer-portal-wrapper .interface .nav-tabs.nav-justified > li > a {
  border-bottom: 6px solid #979797;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  position: relative;
  z-index: 10;
  margin-bottom: 0;
  padding: 18px 15px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0; }

#customer-portal-wrapper .interface .nav > li > a:focus, #customer-portal-wrapper .interface .nav > li > a:hover {
  background-color: transparent; }

#customer-portal-wrapper .interface .nav-tabs.nav-justified > .active > a,
#customer-portal-wrapper .interface .nav-tabs.nav-justified > .active > a:focus,
#customer-portal-wrapper .interface .nav-tabs.nav-justified > .active > a:hover {
  border-bottom: 6px solid #d12229;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  background-color: transparent;
  color: #ffffff;
  cursor: not-allowed; }

#customer-portal-wrapper .interface .nav-tabs.nav-justified > .active > a > i,
#customer-portal-wrapper .interface .nav-tabs.nav-justified > .active > a:focus > i,
#customer-portal-wrapper .interface .nav-tabs.nav-justified > .active > a:hover > i {
  color: #d12229; }

@media only screen and (max-width: 767px) {
  #customer-portal-wrapper .interface .nav-tabs.nav-justified > li.active > a > i.icon-inline {
    padding-right: 0; } }

#customer-portal-wrapper .interface .panel-wrapper {
  background-color: white;
  background-color: rgba(255, 255, 255, 0.7);
  padding-top: 50px;
  padding-bottom: 940px;
  margin-bottom: -900px; }

#customer-portal-wrapper .panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 0;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0px 0px 20px -3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 20px -3px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 20px -3px rgba(0, 0, 0, 0.4); }
  #customer-portal-wrapper .panel .divider {
    background-color: #e4e4e4;
    margin: 15px 0 10px; }
  #customer-portal-wrapper .panel .form-group {
    padding: 10px 20px 0;
    margin-bottom: 0px; }
  #customer-portal-wrapper .panel .btn {
    font-size: 14px;
    min-width: 100%;
    margin: 0;
    font-weight: 700; }
  #customer-portal-wrapper .panel i {
    color: #58565c; }
    #customer-portal-wrapper .panel i:hover, #customer-portal-wrapper .panel ifocus {
      color: #d12229; }
  #customer-portal-wrapper .panel .add-remove-button {
    width: 28px;
    height: 28px;
    background-color: #d12229;
    margin: 0;
    color: #ffffff; }
    #customer-portal-wrapper .panel .add-remove-button:hover, #customer-portal-wrapper .panel .add-remove-buttonfocus {
      background-color: #9a1d22; }
    #customer-portal-wrapper .panel .add-remove-button i {
      line-height: 31px;
      font-size: 24px;
      color: #ffffff; }
  #customer-portal-wrapper .panel label {
    font-size: 14px;
    color: #d12229;
    font-weight: 800;
    text-transform: uppercase; }
  #customer-portal-wrapper .panel .form-control {
    height: 40px;
    max-width: 100%;
    padding: 6px 12px;
    font-size: 16px;
    color: #979797;
    font-weight: 500;
    text-align: left;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
  #customer-portal-wrapper .panel .form-control:focus, #customer-portal-wrapper .panel .has-success .form-control:focus {
    border-color: #58565c; }
  #customer-portal-wrapper .panel .has-success .form-control {
    border-color: #979797; }
  #customer-portal-wrapper .panel .help-block {
    font-size: 14px; }
    #customer-portal-wrapper .panel .help-block ul {
      margin-bottom: 0; }
    #customer-portal-wrapper .panel .help-block .list-group-item {
      background-color: #0f1b3d;
      border: 0;
      border-bottom: 1px 0 solid #0f1b3d; }
  #customer-portal-wrapper .panel .panel-heading {
    color: #ffffff;
    background-color: #1d3160;
    border-top: 0;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    padding: 0;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    -ms-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0; }
    #customer-portal-wrapper .panel .panel-heading .panel-title {
      color: #ffffff;
      font-size: 16px;
      font-weight: 600;
      text-transform: uppercase;
      padding: 10px 20px; }
      #customer-portal-wrapper .panel .panel-heading .panel-title i.icon-inline {
        padding-right: 0;
        line-height: 24px;
        float: right;
        color: #979797; }
  #customer-portal-wrapper .panel .panel-body {
    padding: 0;
    color: #58565c;
    border-top: 0;
    border-bottom: 0;
    border-left: 3px solid #f1f2f2;
    border-right: 3px solid #f1f2f2;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0; }
    #customer-portal-wrapper .panel .panel-body article {
      padding: 15px 20px 0;
      border-bottom: 1px solid #e4e4e4; }
    #customer-portal-wrapper .panel .panel-body article:last-child {
      border-bottom: 0; }
    #customer-portal-wrapper .panel .panel-body .table-responsive {
      border: 0; }
    #customer-portal-wrapper .panel .panel-body .dropdown-wrapper .label-danger {
      background-color: #9a1d22;
      -webkit-transition: background-color 0.3s ease;
      -moz-transition: background-color 0.3s ease;
      -o-transition: background-color 0.3s ease;
      transition: background-color 0.3s ease; }
    #customer-portal-wrapper .panel .panel-body .dropdown-wrapper.collapsed .label-danger {
      background-color: #d12229;
      -webkit-transition: background-color 0.3s ease;
      -moz-transition: background-color 0.3s ease;
      -o-transition: background-color 0.3s ease;
      transition: background-color 0.3s ease; }
    #customer-portal-wrapper .panel .panel-body .table.table-striped {
      background-color: #f4f4f4; }
    #customer-portal-wrapper .panel .panel-body .table thead {
      background-color: #ffffff; }
    #customer-portal-wrapper .panel .panel-body .table th {
      font-size: 14px;
      color: #d12229;
      font-weight: 800;
      text-transform: uppercase;
      border-bottom: 1px solid #d12229;
      padding: 10px; }
      #customer-portal-wrapper .panel .panel-body .table th a {
        color: #d12229; }
    #customer-portal-wrapper .panel .panel-body .table td {
      border-bottom: #e4e4e4;
      color: #444444;
      padding: 10px;
      font-weight: 500; }
    #customer-portal-wrapper .panel .panel-body .table .btn {
      padding: 0 10px;
      font-size: 11px;
      margin: -3px 0 0 7px !important;
      font-weight: 700;
      height: 22px;
      min-width: 48px !important;
      line-height: 1;
      display: inline; }
    #customer-portal-wrapper .panel .panel-body .table.table-striped > tbody > tr:nth-of-type(odd) {
      background-color: #ffffff; }
    #customer-portal-wrapper .panel .panel-body .table tr.clickable:nth-of-type(2n+0) {
      background-color: #f4f4f4; }
    #customer-portal-wrapper .panel .panel-body .table .table {
      background-color: #e9eaef;
      border-top: 1px solid #bababa;
      border-bottom: 1px solid #bababa; }
    #customer-portal-wrapper .panel .panel-body .table .clickable {
      cursor: pointer;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
    #customer-portal-wrapper .panel .panel-body .table .dropdown-info {
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
      -webkit-transition-delay: 0.5s;
      -moz-transition-delay: 0.5s;
      -o-transition-delay: 0.5s;
      transition-delay: 0.5s;
      opacity: 1; }
      #customer-portal-wrapper .panel .panel-body .table .dropdown-info.collapse {
        opacity: 0;
        -webkit-transition-delay: 0.5s;
        -moz-transition-delay: 0.5s;
        -o-transition-delay: 0.5s;
        transition-delay: 0.5s; }
      #customer-portal-wrapper .panel .panel-body .table .dropdown-info .table td {
        color: #0f1b3d;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 15px; }
        #customer-portal-wrapper .panel .panel-body .table .dropdown-info .table td.right-col {
          color: #58565c;
          font-weight: 400; }
      #customer-portal-wrapper .panel .panel-body .table .dropdown-info .table.table-striped > tbody > tr:nth-of-type(odd) {
        background-color: #ffffff; }
    #customer-portal-wrapper .panel .panel-body dl {
      margin-bottom: 15px; }
    #customer-portal-wrapper .panel .panel-body dt {
      font-size: 14px;
      color: #d12229;
      font-weight: 800;
      text-transform: uppercase; }
    #customer-portal-wrapper .panel .panel-body dd {
      color: #444444; }
    #customer-portal-wrapper .panel .panel-body h3 {
      font-family: "Roboto", sans-serif;
      font-size: 25px;
      color: #d12229;
      font-weight: 800;
      text-transform: uppercase;
      margin: 0;
      line-height: 1.4; }
    #customer-portal-wrapper .panel .panel-body h4 {
      font-family: "Roboto", sans-serif;
      font-size: 18px;
      color: #d12229;
      font-weight: 800;
      text-transform: uppercase;
      margin: 0;
      line-height: 1.4; }
    #customer-portal-wrapper .panel .panel-body h5 {
      font-family: "Roboto", sans-serif;
      font-size: 18px;
      color: #58565c;
      font-weight: 800;
      text-transform: capitalize;
      margin: 0;
      line-height: 1.4; }
    #customer-portal-wrapper .panel .panel-body .img-wrapper {
      width: 100%;
      height: 88px;
      overflow: hidden;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      -ms-border-radius: 8px;
      border-radius: 8px;
      background-position: center center;
      background-size: cover; }
      #customer-portal-wrapper .panel .panel-body .img-wrapper img {
        display: none; }
    #customer-portal-wrapper .panel .panel-body .form-control#postcode, #customer-portal-wrapper .panel .panel-body .form-control#registration, #customer-portal-wrapper .panel .panel-body .form-control#registration-search {
      text-transform: uppercase; }
      #customer-portal-wrapper .panel .panel-body .form-control#postcode::-webkit-input-placeholder, #customer-portal-wrapper .panel .panel-body .form-control#postcode::-moz-placeholder, #customer-portal-wrapper .panel .panel-body .form-control#postcode:-ms-input-placeholder, #customer-portal-wrapper .panel .panel-body .form-control#postcode:-moz-placeholder, #customer-portal-wrapper .panel .panel-body .form-control#registration::-webkit-input-placeholder, #customer-portal-wrapper .panel .panel-body .form-control#registration::-moz-placeholder, #customer-portal-wrapper .panel .panel-body .form-control#registration:-ms-input-placeholder, #customer-portal-wrapper .panel .panel-body .form-control#registration:-moz-placeholder, #customer-portal-wrapper .panel .panel-body .form-control#registration-search::-webkit-input-placeholder, #customer-portal-wrapper .panel .panel-body .form-control#registration-search::-moz-placeholder, #customer-portal-wrapper .panel .panel-body .form-control#registration-search:-ms-input-placeholder, #customer-portal-wrapper .panel .panel-body .form-control#registration-search:-moz-placeholder {
        text-transform: capitalize; }
  #customer-portal-wrapper .panel .orders-table .clickable:hover {
    background-color: #f1f1f1; }
  #customer-portal-wrapper .panel .orders-table .table th:first-child {
    min-width: 180px; }
  #customer-portal-wrapper .panel .panel-footer {
    padding: 10px 20px;
    margin-top: -1px;
    background-color: #fff;
    border-top: 0;
    border-bottom: 3px solid #f1f2f2;
    border-left: 3px solid #f1f2f2;
    border-right: 3px solid #f1f2f2;
    -webkit-border-radius: 0 0 8px 8px;
    -moz-border-radius: 0 0 8px 8px;
    -ms-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px; }
    #customer-portal-wrapper .panel .panel-footer .btn {
      font-size: 14px;
      min-width: 100%;
      margin: 10px 0;
      font-weight: 700; }
    #customer-portal-wrapper .panel .panel-footer .form-group {
      padding: 10px 0 0; }
    #customer-portal-wrapper .panel .panel-footer .pager {
      color: #58565c;
      text-align: right;
      margin: 0;
      vertical-align: middle; }
      #customer-portal-wrapper .panel .panel-footer .pager i {
        color: #d12229;
        font-size: 30px;
        vertical-align: middle; }

#customer-portal-wrapper .nav-tabs > li {
  width: 50%; }
  #customer-portal-wrapper .nav-tabs > li > a {
    margin-right: 0; }

#customer-portal-wrapper .interface .nav.nav-tabs.order-tab > li > a:hover {
  border: 0 !important;
  background: #14182a !important; }

#customer-portal-wrapper .interface .nav.nav-tabs.order-tab > li.active > a, #customer-portal-wrapper .interface .nav.nav-tabs.order-tab > li.active > a:focus, #customer-portal-wrapper .interface .nav.nav-tabs.order-tab > li.active > a:hover {
  background: #0f1b3d !important;
  cursor: not-allowed; }

#customer-portal-wrapper .panel .panel-heading.order-panel-heading {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  border-radius: 0 !important; }

#customer-portal-wrapper .panel form .panel-body {
  padding-bottom: 15px; }

@media only screen and (max-width: 991px) {
  #customer-portal-wrapper .panel .form-group .btn {
    margin: 15px 0 0; }
  #customer-portal-wrapper .panel .form-group .btn.add-new-vehicle {
    margin: 0; } }

@media only screen and (max-width: 767px) {
  #customer-portal-wrapper .panel .form-group .btn.add-new-vehicle {
    margin: 15px 0 0; } }

@media only screen and (max-width: 767px) {
  #customer-portal-wrapper .panel .panel-footer .text-left {
    margin-bottom: 15px; }
  #customer-portal-wrapper .panel .panel-footer .text-left, #customer-portal-wrapper .panel .panel-footer .text-right {
    text-align: center; } }

@media only screen and (max-width: 991px) {
  #customer-portal-wrapper #panel-half .panel .panel-footer .text-left {
    margin-bottom: 15px; }
  #customer-portal-wrapper #panel-half .panel .panel-footer .text-left, #customer-portal-wrapper #panel-half .panel .panel-footer .text-right {
    text-align: center; } }

#customer-portal-wrapper .table-buttons {
  margin-bottom: 10px;
  display: inline-block;
  width: 100%; }

#customer-portal-wrapper .select2-container {
  z-index: 0; }

#customer-portal-wrapper .select2-container--default .select2-selection--single {
  height: 40px;
  padding: 0;
  width: 60px;
  text-align: left; }
  #customer-portal-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px;
    font-size: 16px;
    color: #171515;
    font-weight: 400;
    padding-left: 8px;
    padding-right: 8px; }
  #customer-portal-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
    width: 100%; }
    #customer-portal-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow b {
      left: auto;
      right: 10px;
      top: 44%;
      border-width: 6px 6px 0 6px;
      margin-left: 0;
      margin-top: 0; }
  #customer-portal-wrapper .select2-container--default .select2-selection--single:focus {
    border: 1px solid #58565c; }

#customer-portal-wrapper .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-width: 0 6px 6px 6px; }

@media (max-device-width: 1024px) {
  .select2-container--default {
    text-align: center; }
    .select2-container--default .select2-selection--single .select2-selection__arrow {
      display: none; }
  #customer-portal-wrapper .select2-container--default .select2-selection--single {
    text-align: center; } }

.select2-container--default .select2-dropdown.panel-select-dropdown {
  font-size: 16px;
  min-width: 60px; }
  .select2-container--default .select2-dropdown.panel-select-dropdown .select2-results__option {
    padding: 8px 6px; }

#customer-portal-wrapper .panel .panel-footer .select2-container--default .select2-selection--single {
  width: 60px; }

.pagination-sm > li > a, .pagination-sm > li > span {
  color: #58565c;
  font-size: 16px;
  line-height: 40px;
  padding: 0 5px; }

.pagination-sm .pagination-prev a {
  font-family: FontAwesome;
  color: #d12229;
  font-size: 0;
  padding: 0;
  line-height: 0;
  font-weight: 400;
  margin-right: 5px; }
  .pagination-sm .pagination-prev a:before {
    content: "\f104";
    font-size: 30px;
    line-height: 40px; }

.pagination-sm .pagination-next a {
  font-family: FontAwesome;
  color: #d12229;
  font-size: 0;
  padding: 0;
  line-height: 0;
  font-weight: 400;
  margin-left: 5px; }
  .pagination-sm .pagination-next a:before {
    content: "\f105";
    font-size: 30px;
    line-height: 40px; }

.pager li > a, .pager li > span {
  border: 0;
  background-color: transparent;
  font-weight: 500; }

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover,
.pager li > a:focus,
.pager li > a:hover {
  background-color: transparent;
  color: #14182a; }

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span,
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0; }

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  color: #0f1b3d;
  background-color: transparent;
  border-color: transparent;
  cursor: not-allowed; }

.panel-body .order-tab > li > a {
  background-color: #cecece; }

.season-ticket {
  height: 100%; }

.season-ticket {
  background-image: url(../img/bp-generic-bk.jpg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #14182a; }

.season-ticket .item {
  display: inline-block;
  padding: 0 45px 20px;
  vertical-align: top; }

.season-ticket .item .content-wrapper {
  color: #979797;
  padding: 20px 10px;
  display: block;
  font-size: 17px; }

/*.season-ticket .item .item-content {
  @include transition(all 0.3s ease);
  position: relative;
  cursor: pointer;
  margin: 10px auto 20px;
  display: inline-block;
}

.season-ticket .item .item-content .content-wrapper {
  border-bottom: 1px solid transparent;
}

.season-ticket .item .item-content .content-wrapper:hover {
  border-bottom: 1px solid $red;
}

.season-ticket .item .item-content .content-wrapper:before,
.season-ticket .item .item-content .content-wrapper:after {
  content: "";
  position: absolute;
  bottom: 0;
  background-color: $red;
  width: 1px;
  height: 10px;
  @include transition(all 0.3s ease);
  opacity: 0;
}

.season-ticket .item .item-content .content-wrapper:before {
  left: 0;
}

.season-ticket .item .item-content .content-wrapper:after {
  right: 0;
}

.season-ticket .item .item-content .content-wrapper:hover:before,
.season-ticket .item .item-content .content-wrapper:focus:before,
.season-ticket .item .item-content .content-wrapper:hover:after,
.season-ticket .item .item-content .content-wrapper:focus:after {
  opacity: 1;
}*/
/*-----------------------------------------------------------------------------------*/
/* SEASON TICKET INTRO */
/*-----------------------------------------------------------------------------------*/
#seasons-intro-wrapper h2 .service-icon {
  height: 80px;
  width: 80px;
  margin: 0 auto 20px; }

#seasons-intro-wrapper h3 {
  margin: 30px 0 40px 0;
  font-size: 24px; }

#seasons-intro-wrapper .service-icon {
  width: 70px;
  height: 70px; }

@media only screen and (max-width: 480px) {
  #seasons-intro-wrapper h2 .service-icon {
    height: 50px;
    width: 50px;
    margin: 0 auto 15px; }
  #seasons-intro-wrapper h2 .service-icon.season-ticket-icon-hover {
    background-size: 50px; }
  #seasons-intro-wrapper h3 {
    margin: 15px 0 20px 0;
    font-size: 18px; }
  #seasons-intro-wrapper .service-icon {
    width: 50px;
    height: 50px; } }

/*-----------------------------------------------------------------------------------*/
/* SEASON TICKET LOCATION */
/*-----------------------------------------------------------------------------------*/
#seasons-location-wrapper {
  padding-top: 160px; }

@media (max-width: 480px) {
  #seasons-location-wrapper {
    padding-top: 130px; } }

#seasons-location-wrapper .item {
  border-bottom: 1px solid #1d3160;
  padding: 15px 0; }

/*-----------------------------------------------------------------------------------*/
/* SEASON TICKET CARPARK */
/*-----------------------------------------------------------------------------------*/
#seasons-carpark-wrapper .item {
  min-height: 330px;
  width: 320px; }

#seasons-carpark-wrapper .item .static-map {
  width: 145px;
  display: block;
  margin: 0 auto;
  position: relative; }

#seasons-carpark-wrapper .item .static-map .img-wrapper {
  border: 3px solid #58565c;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  display: block;
  width: 145px;
  height: 145px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0 auto;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

/*#seasons-carpark-wrapper .item .item-content:hover .img-wrapper {
  border: 3px solid $red;
}*/
#seasons-carpark-wrapper .item .static-map .img-wrapper:before {
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  position: absolute;
  content: "";
  background-image: url(../img/bp-expand-icon-white.svg);
  /*background-color: rgba(168,22,40, 0.8);*/
  background-color: #d12229;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 50px;
  width: 145px;
  height: 145px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  opacity: 0;
  left: 0;
  top: 0; }

#seasons-carpark-wrapper .item .item-content .img-wrapper:hover:before {
  opacity: 1; }

#seasons-carpark-wrapper .item .img-wrapper img {
  display: none; }

#seasons-carpark-wrapper .item .content-wrapper span {
  color: #ffffff;
  display: block;
  font-size: 20px;
  padding-bottom: 10px;
  line-height: 1.3;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

#seasons-carpark-wrapper .item .item-content .content-wrapper:hover span {
  color: #d12229; }

/* ---- Hover Underline Start ---- */
#seasons-carpark-wrapper .item .item-content {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  cursor: pointer;
  margin: 10px auto 20px;
  display: inline-block; }

#seasons-carpark-wrapper .item .item-content .content-wrapper {
  border-bottom: 1px solid transparent; }

#seasons-carpark-wrapper .item .item-content .content-wrapper:before,
#seasons-carpark-wrapper .item .item-content .content-wrapper:after {
  content: "";
  position: absolute;
  bottom: 0;
  background-color: #d12229;
  width: 1px;
  height: 10px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0; }

#seasons-carpark-wrapper .item .item-content .content-wrapper:before {
  left: 0; }

#seasons-carpark-wrapper .item .item-content .content-wrapper:after {
  right: 0; }

#seasons-carpark-wrapper .item .item-content .content-wrapper:hover:before,
#seasons-carpark-wrapper .item .item-content .content-wrapper:focus:before,
#seasons-carpark-wrapper .item .item-content .content-wrapper:hover:after,
#seasons-carpark-wrapper .item .item-content .content-wrapper:focus:after {
  opacity: 1; }

#seasons-carpark-wrapper .item .item-content .content-wrapper:hover {
  color: #ffffff;
  border-bottom: 1px solid #d12229; }

/* ---- Hover Underline End ---- */
@media only screen and (max-width: 480px) {
  #seasons-carpark-wrapper .item {
    min-height: auto;
    width: 100%;
    padding: 0; }
  #seasons-carpark-wrapper .item .item-content {
    width: 100%;
    margin: 10px auto; }
  #seasons-carpark-wrapper .row.buttons {
    margin-top: 20px; }
  #seasons-carpark-wrapper .item .item-content .content-wrapper {
    border: 0; }
  #seasons-carpark-wrapper .item .item-content .content-wrapper:hover {
    border: 0; }
  #seasons-carpark-wrapper .item .item-content .content-wrapper:hover:before,
  #seasons-carpark-wrapper .item .item-content .content-wrapper:focus:before,
  #seasons-carpark-wrapper .item .item-content .content-wrapper:hover:after,
  #seasons-carpark-wrapper .item .item-content .content-wrapper:focus:after {
    display: none; } }

/*-----------------------------------------------------------------------------------*/
/* SEASON TICKET CHOOSE TICKET */
/*-----------------------------------------------------------------------------------*/
#seasons-choose-ticket-wrapper .item {
  min-height: 220px;
  width: 250px; }

#seasons-choose-ticket-wrapper .item .img-wrapper {
  display: block;
  width: 100%;
  position: relative; }

#seasons-choose-ticket-wrapper .item .img-wrapper i {
  display: block;
  width: 60px;
  height: 60px;
  margin: 0 auto;
  -webkit-transition: background-image 0.3s ease;
  -moz-transition: background-image 0.3s ease;
  -o-transition: background-image 0.3s ease;
  transition: background-image 0.3s ease; }

.ticket-duration-monthly-icon {
  background-image: url(../img/bt-ticket-duration-monthly-icon-grey.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%; }

#seasons-choose-ticket-wrapper .item .item-content:hover .img-wrapper .ticket-duration-monthly-icon {
  background-image: url(../img/bt-ticket-duration-monthly-icon-red.svg); }

.ticket-duration-biannual-icon {
  background-image: url(../img/bt-ticket-duration-biannual-icon-grey.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%; }

#seasons-choose-ticket-wrapper .item .item-content:hover .img-wrapper .ticket-duration-biannual-icon {
  background-image: url(../img/bt-ticket-duration-biannual-icon-red.svg); }

.ticket-duration-annual-icon {
  background-image: url(../img/bt-ticket-duration-annual-icon-grey.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%; }

#seasons-choose-ticket-wrapper .item .item-content:hover .img-wrapper .ticket-duration-annual-icon {
  background-image: url(../img/bt-ticket-duration-annual-icon-red.svg); }

#seasons-choose-ticket-wrapper .item .content-wrapper {
  color: #ffffff;
  font-size: 20px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

#seasons-choose-ticket-wrapper .item .content-wrapper span {
  color: #979797;
  display: block;
  font-size: 34px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

#seasons-choose-ticket-wrapper .item .item-content:hover .content-wrapper span {
  color: #d12229; }

/* ---- Hover Underline Start ---- */
#seasons-choose-ticket-wrapper .item .item-content {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  cursor: pointer;
  margin: 10px auto 20px;
  display: inline-block; }

#seasons-choose-ticket-wrapper .item .item-content .content-wrapper {
  border-bottom: 1px solid transparent;
  padding: 20px 10px 15px; }

#seasons-choose-ticket-wrapper .item .item-content .content-wrapper:before,
#seasons-choose-ticket-wrapper .item .item-content .content-wrapper:after {
  content: "";
  position: absolute;
  bottom: 0;
  background-color: #d12229;
  width: 1px;
  height: 10px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0; }

#seasons-choose-ticket-wrapper .item .item-content .content-wrapper:before {
  left: 0; }

#seasons-choose-ticket-wrapper .item .item-content .content-wrapper:after {
  right: 0; }

#seasons-choose-ticket-wrapper .item .item-content:hover .content-wrapper:before,
#seasons-choose-ticket-wrapper .item .item-content:focus .content-wrapper:before,
#seasons-choose-ticket-wrapper .item .item-content:hover .content-wrapper:after,
#seasons-choose-ticket-wrapper .item .item-content:focus .content-wrapper:after {
  opacity: 1; }

#seasons-choose-ticket-wrapper .item .item-content:hover .content-wrapper {
  color: #ffffff;
  border-bottom: 1px solid #d12229; }

/* ---- Hover Underline End ---- */
@media only screen and (max-width: 480px) {
  #seasons-choose-ticket-wrapper .item {
    min-height: 115px;
    width: 50%;
    padding: 0; }
  #seasons-choose-ticket-wrapper .item .item-content {
    margin: 10px auto 10px;
    width: 100%; }
  #seasons-choose-ticket-wrapper .item .img-wrapper {
    width: auto;
    float: center; }
  #seasons-choose-ticket-wrapper .item .content-wrapper {
    float: left;
    width: 100%;
    text-align: center; }
  #seasons-choose-ticket-wrapper .item .content-wrapper span {
    line-height: 1;
    padding: 10px 0 10px 0;
    font-size: 30px; }
  #seasons-choose-ticket-wrapper .item .item-content .content-wrapper {
    border: 0;
    padding: 10px 10px 0;
    font-size: 17px; }
  #seasons-choose-ticket-wrapper .item .item-content:hover .content-wrapper {
    border: 0; }
  #seasons-choose-ticket-wrapper .item .item-content:hover .content-wrapper:before,
  #seasons-choose-ticket-wrapper .item .item-content:focus .content-wrapper:before,
  #seasons-choose-ticket-wrapper .item .item-content:hover .content-wrapper:after,
  #seasons-choose-ticket-wrapper .item .item-content:focus .content-wrapper:after {
    display: none; } }

/*-----------------------------------------------------------------------------------*/
/* SEASON TICKET SPACES */
/*-----------------------------------------------------------------------------------*/
#seasons-spaces-wrapper .item {
  min-height: 170px;
  min-width: 220px; }

#seasons-spaces-wrapper .item .img-wrapper {
  display: block;
  width: 100%;
  position: relative; }

#seasons-spaces-wrapper .item .img-wrapper .spaces-single-icon {
  display: block;
  width: 60px;
  height: 60px;
  margin: 0 auto;
  -webkit-transition: background-image 0.3s ease;
  -moz-transition: background-image 0.3s ease;
  -o-transition: background-image 0.3s ease;
  transition: background-image 0.3s ease; }

#seasons-spaces-wrapper .item .img-wrapper .spaces-multi-icon {
  display: block;
  width: 105px;
  height: 60px;
  margin: 0 auto;
  -webkit-transition: background-image 0.3s ease;
  -moz-transition: background-image 0.3s ease;
  -o-transition: background-image 0.3s ease;
  transition: background-image 0.3s ease; }

#seasons-spaces-wrapper .item .item-content .img-wrapper .spaces-single-icon {
  background-image: url(../img/bp-spaces-single-icon-grey.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%; }

#seasons-spaces-wrapper .item .item-content:hover .img-wrapper .spaces-single-icon {
  background-image: url(../img/bp-spaces-single-icon-red.png); }

#seasons-spaces-wrapper .item .item-content:hover .img-wrapper .spaces-multi-icon {
  background-image: url(../img/bp-spaces-multi-icon-red.png); }

#seasons-spaces-wrapper .item .content-wrapper {
  color: #ffffff;
  font-size: 20px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

/* ---- Hover Underline Start ---- */
#seasons-spaces-wrapper .item .item-content {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  cursor: pointer;
  margin: 10px auto 20px;
  display: inline-block; }

#seasons-spaces-wrapper .item .item-content .content-wrapper {
  border-bottom: 1px solid transparent;
  padding: 20px 10px; }

#seasons-spaces-wrapper .item .item-content .content-wrapper:before,
#seasons-spaces-wrapper .item .item-content .content-wrapper:after {
  content: "";
  position: absolute;
  bottom: 0;
  background-color: #d12229;
  width: 1px;
  height: 10px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0; }

#seasons-spaces-wrapper .item .item-content .content-wrapper:before {
  left: 0; }

#seasons-spaces-wrapper .item .item-content .content-wrapper:after {
  right: 0; }

#seasons-spaces-wrapper .item .item-content:hover .content-wrapper:before,
#seasons-spaces-wrapper .item .item-content:focus .content-wrapper:before,
#seasons-spaces-wrapper .item .item-content:hover .content-wrapper:after,
#seasons-spaces-wrapper .item .item-content:focus .content-wrapper:after {
  opacity: 1; }

#seasons-spaces-wrapper .item .item-content:hover .content-wrapper {
  border-bottom: 1px solid #d12229; }

/* ---- Hover Underline End ---- */
@media only screen and (max-width: 480px) {
  #seasons-spaces-wrapper .item {
    min-height: auto;
    padding: 0; }
  #seasons-spaces-wrapper .item .content-wrapper {
    padding: 10px 10px 15px; }
  #seasons-spaces-wrapper .item .item-content {
    margin: 10px auto; }
  #seasons-spaces-wrapper .item .item-content .content-wrapper {
    border: 0;
    padding: 10px; }
  #seasons-spaces-wrapper .item .item-content:hover .content-wrapper {
    border: 0; }
  #seasons-spaces-wrapper .item .item-content:hover .content-wrapper:before,
  #seasons-spaces-wrapper .item .item-content:focus .content-wrapper:before,
  #seasons-spaces-wrapper .item .item-content:hover .content-wrapper:after,
  #seasons-spaces-wrapper .item .item-content:focus .content-wrapper:after {
    display: none; } }

/*-----------------------------------------------------------------------------------*/
/* SEASON TICKET REGISTRATION */
/*-----------------------------------------------------------------------------------*/
#seasons-registation-wrapper .item .item-content, #seasons-registation-wrapper .item .item-content:hover {
  border-bottom: 0; }

#seasons-registation-wrapper .item .item-content:before, #seasons-registation-wrapper .item .item-content:after {
  display: none; }

#seasons-registation-wrapper form {
  margin-top: 10px; }

#seasons-registation-wrapper .form-group {
  margin-bottom: 0; }

#seasons-registation-wrapper .form-group .item {
  margin-bottom: 25px;
  padding: 0;
  width: 100%; }

#seasons-registation-wrapper .active {
  margin-bottom: 25px; }

#seasons-registation-wrapper .active .form-group .item .form-control {
  border-color: #9a1d22; }

#seasons-registation-wrapper .active .form-group .item .form-control:focus {
  border-color: #d12229; }

#seasons-registation-wrapper .active .has-success .form-control, #seasons-registation-wrapper .active .has-success .form-control:focus {
  border-color: #4abf5d !important; }

#seasons-registation-wrapper .form-control {
  max-width: 100%; }

#seasons-registation-wrapper .form-control#registation, .form-control.registration {
  text-transform: uppercase; }

.form-control#registation::-webkit-input-placeholder,
.form-control.registration::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  text-transform: capitalize; }

.form-control#registation::-moz-placeholder,
.form-control.registration::-moz-placeholder {
  /* Firefox 19+ */
  text-transform: capitalize; }

.form-control#registation:-ms-input-placeholder,
.form-control.registration:-ms-input-placeholder {
  /* IE 10+ */
  text-transform: capitalize; }

.form-control#registation:-moz-placeholder,
.form-control.registration:-moz-placeholder {
  /* Firefox 18- */
  text-transform: capitalize; }

/*#seasons-registation-multi-wrapper .active .form-group.has-success .item  .form-control, #seasons-registation-multi-wrapper .active .form-group.has-success .item .form-control:focus {
  border-color: $green;
}*/
.add-remove-button {
  background-color: #979797;
  border: none;
  padding: 0;
  margin: 16px;
  display: inline-block;
  width: 48px;
  height: 48px;
  text-indent: -2px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .add-remove-button i {
    vertical-align: middle;
    font-size: 33px;
    text-align: center;
    line-height: 50px; }

.add-remove-button:hover, .add-remove-button:focus {
  background-color: #d12229; }

/*.active .add-remove-button.disabled {
  background-color: $red;
  cursor: not-allowed;
}

.active .add-remove-button.disabled:hover, .active .add-remove-button.disabled:focus {
  background-color: $dark-red;
}*/
.active .add-remove-button {
  background-color: #d12229; }

.active .add-remove-button:hover, .active .add-remove-button:focus {
  background-color: #9a1d22; }

/*.add-remove-button .toggle-wrapper {
  display: inline-block;
  width: 26px;
  height: 29px;
  @include transition(all 0.3s ease);
  @include transform(rotate(45deg))
}

.active .add-remove-button .toggle-wrapper {
  @include transform(rotate(0deg))
}

.add-remove-button .toggle, .add-remove-button .toggle:after {
  position: relative;
  display: inline-block;
  @include transition(all 0.3s ease)
}

.add-remove-button .toggle {
  width: 26px;
  height: 2px;
  background-color: $white;
  vertical-align: middle;
}

.add-remove-button .toggle:after {
  top: -12px;
  left: 12px;
  height: 26px;
  width: 2px;
  content: '';
  background-color: $white;
  position: absolute;
}*/
.save-button {
  background-color: #4abf5d; }
  .save-button:hover, .save-button:focus:hover, .save-button:active:hover, .save-button:focus:active:hover {
    background-color: #378e45; }
  .save-button:focus, .save-button:focus:active {
    background-color: #378e45; }
  .save-button:active {
    background-color: #378e45; }
  .save-button i {
    vertical-align: middle;
    font-size: 33px;
    text-align: center;
    line-height: 50px; }

#seasons-registation-added-wrapper .item {
  border-bottom: 1px solid #1d3160;
  padding: 20px 0;
  display: inline-block;
  margin: 0 25px 60px;
  min-width: 330px; }

#seasons-registation-added-wrapper .item .content-wrapper {
  padding: 0; }

#seasons-registation-added-wrapper .item .item-content {
  border-bottom: 0; }

#seasons-registation-added-wrapper .item .item-content:hover {
  border-bottom: 0; }

#seasons-registation-added-wrapper .item .item-content:before, #seasons-registation-added-wrapper .item .item-content:after {
  display: none; }

#seasons-registation-added-wrapper .item .content-wrapper td {
  color: #979797;
  font-size: 17px;
  border-bottom: 0; }

#seasons-registation-added-wrapper .item .content-wrapper td span {
  color: #ffffff; }

@media only screen and (max-width: 990px) {
  #seasons-registation-added-wrapper .item {
    margin: 0 0 60px;
    min-width: 280px; } }

@media only screen and (max-width: 767px) {
  #seasons-registation-wrapper form .row {
    position: relative; }
  #seasons-registation-wrapper.multiple .form-group .item {
    margin-bottom: 15px; }
  /*#seasons-registation-wrapper .add-remove-button-wrapper {
    position: absolute;
    top: 23px;
    right: 7%;
    width: 95px;
    padding: 0;
  }*/
  #seasons-registation-wrapper .form-group.add-remove-button-wrapper .item {
    margin-bottom: 20px; }
  #seasons-registation-wrapper .form-control {
    max-width: 370px;
    margin: 0 auto; }
  #seasons-registation-wrapper.multiple .form-control {
    max-width: 370px;
    margin: 0 auto; }
  #seasons-registation-added-wrapper .item {
    margin: 0 0 10px;
    min-width: 255px;
    padding: 10px 0; }
  #seasons-registation-added-wrapper .buttons {
    margin: 25px 0 0; } }

@media only screen and (max-width: 480px) {
  #seasons-registation-wrapper.multiple .form-group .item {
    padding: 0; }
  #seasons-registation-wrapper .form-control {
    max-width: 100%; }
  #seasons-registation-wrapper.multiple .form-control {
    max-width: 100%; }
  #seasons-registation-wrapper .form-group.add-remove-button-wrapper .item {
    margin-bottom: 20px; } }

#toast-container > div {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  opacity: 1; }

/*-----------------------------------------------------------------------------------*/
/* SEASON TICKET DATE */
/*-----------------------------------------------------------------------------------*/
#seasons-date-wrapper .item .item-content, #seasons-date-wrapper .item .item-content:hover {
  border-bottom: 0; }

#seasons-date-wrapper .item .item-content:before, #seasons-date-wrapper .item .item-content:after {
  display: none; }

#seasons-date-wrapper .item {
  margin-bottom: 40px;
  width: 100%;
  padding: 0; }

#seasons-date-wrapper .item .item-content {
  width: 100%;
  position: relative;
  margin: 0 auto; }

table.ui-datepicker-calendar {
  width: 100%; }

.ui-datepicker-calendar th, .ui-datepicker-calendar td {
  text-align: center;
  padding: 15px 0;
  width: 100px;
  overflow: hidden;
  display: inline-block;
  white-space: nowrap;
  color: #ffffff; }

.ui-datepicker-calendar th {
  font-family: "Raleway", sans-serif;
  text-transform: uppercase; }

.ui-datepicker-calendar td {
  font-size: 20px;
  position: relative; }

.ui-datepicker-calendar td:before {
  position: absolute;
  top: 11px;
  left: 30%;
  content: "";
  width: 40px;
  height: 40px;
  background-color: transparent;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  padding: 7px 9px;
  cursor: pointer;
  color: #ffffff;
  -webkit-transform: scale(0.75);
  -moz-transform: scale(0.75);
  -o-transform: scale(0.75);
  -ms-transform: scale(0.75);
  transform: scale(0.75);
  transition: all 0.25s cubic-bezier(0.7, -0.12, 0.2, 1.12);
  transition-property: background, transform, color, border; }

.ui-datepicker-calendar td:hover:before {
  background-color: #d12229;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

.ui-datepicker-calendar td a {
  color: #ffffff;
  position: relative;
  cursor: pointer; }

/*.ui-state-active {
  background-color: $red;
  @include border-radius(50%);
  padding: 7px 9px;
}*/
td.ui-datepicker-today {
  position: relative;
  cursor: not-allowed; }

td.ui-datepicker-current-day a {
  position: relative;
  cursor: not-allowed; }

td.ui-datepicker-current-day:before, td.ui-datepicker-current-day:hover:before, td.ui-datepicker-current-day:focus:before {
  position: absolute;
  top: 11px;
  left: 30%;
  content: "";
  width: 40px;
  height: 40px;
  background-color: #d12229;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  padding: 7px 9px;
  cursor: not-allowed;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

td.ui-datepicker-today {
  position: relative;
  cursor: not-allowed;
  color: #a8bbe8; }

td.ui-datepicker-today span {
  position: relative;
  cursor: not-allowed; }

td.ui-datepicker-today:before, td.ui-datepicker-today:hover:before, td.ui-datepicker-today:focus:before {
  position: absolute;
  top: 11px;
  left: 30%;
  content: "";
  width: 40px;
  height: 40px;
  background-color: #365397;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  padding: 7px 9px;
  cursor: not-allowed;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

td.ui-state-disabled {
  color: #979797;
  position: relative; }

td.ui-state-disabled span {
  position: relative;
  cursor: not-allowed; }

td.ui-state-disabled:before, td.ui-state-disabled:hover:before, td.ui-state-disabled:focus:before {
  position: absolute;
  top: 11px;
  left: 30%;
  content: "";
  width: 40px;
  height: 40px;
  background-color: #171515;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  padding: 7px 9px;
  cursor: not-allowed;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

td.ui-datepicker-today.ui-state-disabled {
  color: #a8bbe8; }

td.ui-datepicker-today.ui-state-disabled:before,
td.ui-datepicker-today.ui-state-disabled:hover:before,
td.ui-datepicker-today.ui-state-disabled:focus:before {
  background-color: #365397; }

.ui-datepicker .ui-datepicker-header {
  position: relative;
  width: 328px;
  display: inline-block;
  margin: 0 auto 30px; }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px; }

.ui-datepicker .ui-datepicker-prev {
  left: 0; }

.ui-datepicker .ui-datepicker-next {
  right: 0; }

.ui-datepicker-prev span.ui-icon, .ui-datepicker-next span.ui-icon {
  width: 10px;
  height: 26px;
  display: block;
  text-indent: 0;
  overflow: hidden;
  background-repeat: no-repeat;
  line-height: 0.9;
  font-size: 26px;
  color: #d12229;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.ui-datepicker-prev span.ui-icon:hover, .ui-datepicker-next span.ui-icon:hover {
  color: #9a1d22; }

.ui-datepicker-prev.ui-state-disabled span.ui-icon, .ui-datepicker-next.ui-state-disabled span.ui-icon {
  color: #58565c;
  cursor: not-allowed; }

.ui-datepicker-prev span:before {
  content: "\f104";
  font-family: FontAwesome;
  position: relative; }

.ui-datepicker-next span:before {
  content: "\f105";
  font-family: FontAwesome;
  position: relative; }

.ui-datepicker-title {
  font-family: 'Raleway', sans-serif;
  font-size: 23px; }

.ui-datepicker-title .ui-datepicker-month {
  font-weight: 600; }

.calendar-year {
  display: inline-block;
  position: absolute;
  top: 2px;
  right: 70px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px;
  background-color: #ffffff;
  padding: 0 25px 3px; }

.calendar-year select {
  color: #171515;
  font-size: 14px;
  font-weight: 500;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: transparent;
  background-image: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: ''; }

.calendar-date-wrapper .select2-container {
  width: auto !important; }

@media only screen and (max-width: 990px) {
  .ui-datepicker-calendar th, .ui-datepicker-calendar td {
    width: 80px; }
  .ui-datepicker-calendar td:before {
    left: 25%; }
  td.ui-datepicker-current-day:before {
    left: 24%; }
  td.ui-datepicker-current-day:hover:before,
  td.ui-datepicker-current-day:focus:before {
    left: 24%; }
  td.ui-state-disabled:before {
    left: 24%; }
  td.ui-state-disabled:before,
  td.ui-state-disabled:hover:before,
  td.ui-state-disabled:focus:before,
  td.ui-state-disabled:before,
  td.ui-state-disabled:hover:before,
  td.ui-state-disabled:focus:before {
    left: 24%; } }

@media only screen and (max-width: 414px) {
  .ui-datepicker .ui-datepicker-header {
    width: 220px; }
  .ui-datepicker-title {
    font-size: 19px; }
  .ui-datepicker-calendar th, .ui-datepicker-calendar td {
    width: 45px;
    font-size: 16px;
    padding: 12px 0; }
  .ui-datepicker-calendar td:hover:before,
  td.ui-datepicker-current-day:before {
    left: 13%; }
  td.ui-datepicker-current-day:before,
  td.ui-datepicker-current-day:hover:before,
  td.ui-datepicker-current-day:focus:before,
  .ui-datepicker-calendar td:before {
    left: 11%;
    width: 33px;
    height: 33px;
    top: 7px; }
  td.ui-state-disabled:before, td.ui-state-disabled:hover:before, td.ui-state-disabled:focus:before {
    left: 11%;
    width: 33px;
    height: 33px;
    top: 7px; }
  td.ui-datepicker-current-day:hover:before,
  td.ui-datepicker-current-day:focus:before {
    left: 13%; }
  .ui-state-active {
    padding: 5px 7px; }
  .calendar-year {
    position: relative;
    margin: 0 0 30px;
    width: 90px;
    top: 0;
    right: 0; } }

@media only screen and (max-width: 320px) {
  .ui-datepicker .ui-datepicker-header {
    width: 220px; }
  .ui-datepicker-title {
    font-size: 19px; }
  .ui-datepicker-calendar th, .ui-datepicker-calendar td {
    width: 36px;
    font-size: 16px;
    padding: 12px 0; }
  .ui-datepicker-calendar td:hover:before,
  td.ui-datepicker-current-day:before {
    left: 5%; }
  td.ui-datepicker-current-day:before, td.ui-datepicker-current-day:hover:before, td.ui-datepicker-current-day:focus:before, .ui-datepicker-calendar td:before {
    left: 5%;
    width: 33px;
    height: 33px;
    top: 7px; }
  td.ui-state-disabled:before, td.ui-state-disabled:hover:before, td.ui-state-disabled:focus:before {
    left: 5%;
    width: 33px;
    height: 33px;
    top: 7px; }
  td.ui-datepicker-current-day:hover:before,
  td.ui-datepicker-current-day:focus:before {
    left: 5%; }
  .ui-state-active {
    padding: 5px 7px; }
  .calendar-year {
    position: relative;
    margin: 0 0 30px;
    width: 90px;
    top: 0;
    right: 0; } }

/*-----------------------------------------------------------------------------------*/
/* SEASON TICKET SIGN IN */
/*-----------------------------------------------------------------------------------*/
#seasons-signin-wrapper .item .img-wrapper {
  display: block;
  width: 100%;
  position: relative; }

#seasons-signin-wrapper button {
  background-color: transparent;
  border: 0; }

#seasons-signin-wrapper .item .img-wrapper .new-user-icon,
#seasons-signin-wrapper .item .img-wrapper .existing-user-icon {
  display: block;
  width: 80px;
  height: 65px;
  margin: 0 auto;
  -webkit-transition: background-image 0.3s ease;
  -moz-transition: background-image 0.3s ease;
  -o-transition: background-image 0.3s ease;
  transition: background-image 0.3s ease; }

#seasons-signin-wrapper .item .item-content:hover .img-wrapper .new-user-icon {
  background-image: url(../img/bp-new-user-icon-red.png); }

#seasons-signin-wrapper .item .item-content:hover .img-wrapper .existing-user-icon {
  background-image: url(../img/bp-existing-user-icon-red.png); }

#seasons-signin-wrapper .item .content-wrapper {
  color: #ffffff;
  font-size: 20px;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease; }

/* ---- Hover Underline Start ---- */
#seasons-signin-wrapper .item .item-content {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  cursor: pointer;
  margin: 10px auto 20px;
  display: inline-block; }

#seasons-signin-wrapper .item .item-content .content-wrapper {
  border-bottom: 1px solid transparent;
  padding: 20px 10px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

#seasons-signin-wrapper .item .item-content .content-wrapper:before,
#seasons-signin-wrapper .item .item-content .content-wrapper:after {
  content: "";
  position: absolute;
  bottom: 0;
  background-color: #d12229;
  width: 1px;
  height: 10px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0; }

#seasons-signin-wrapper .item .item-content .content-wrapper:before {
  left: 0; }

#seasons-signin-wrapper .item .item-content .content-wrapper:after {
  right: 0; }

#seasons-signin-wrapper .item .item-content:hover .content-wrapper:before,
#seasons-signin-wrapper .item .item-content:focus .content-wrapper:before,
#seasons-signin-wrapper .item .item-content:hover .content-wrapper:after,
#seasons-signin-wrapper .item .item-content:focus .content-wrapper:after {
  opacity: 1; }

#seasons-signin-wrapper .item .item-content:hover .content-wrapper {
  border-bottom: 1px solid #d12229; }

/* ---- Hover Underline End ---- */
@media only screen and (max-width: 480px) {
  #seasons-signin-wrapper .item {
    min-height: auto;
    padding: 0;
    width: 100%; }
  #seasons-signin-wrapper .item .item-content {
    margin: 10px auto; }
  #seasons-signin-wrapper .item .content-wrapper {
    padding: 10px 10px 15px; }
  #seasons-signin-wrapper .item .item-content .content-wrapper {
    border: 0;
    padding: 10px; }
  #seasons-signin-wrapper .item .item-content:hover .content-wrapper {
    border: 0; }
  #seasons-signin-wrapper .item .item-content:hover .content-wrapper:before,
  #seasons-signin-wrapper .item .item-content:focus .content-wrapper:before,
  #seasons-signin-wrapper .item .item-content:hover .content-wrapper:after,
  #seasons-signin-wrapper .item .item-content:focus .content-wrapper:after {
    display: none; } }

/*-----------------------------------------------------------------------------------*/
/* SEASON TICKET PAYMENT */
/*-----------------------------------------------------------------------------------*/
#seasons-payment-wrapper .item {
  min-height: 190px;
  min-width: 255px; }

#seasons-payment-wrapper .item .img-wrapper {
  display: block;
  width: 100%;
  position: relative; }

#seasons-payment-wrapper button {
  background-color: transparent;
  border: 0; }

#seasons-payment-wrapper .item .content-wrapper {
  color: #ffffff;
  font-size: 20px;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease; }

#seasons-payment-wrapper .item .img-wrapper .direct-debit-icon,
#seasons-payment-wrapper .item .img-wrapper .pay-by-card-icon,
#seasons-payment-wrapper .item .img-wrapper .pay-by-invoice-icon {
  display: block;
  width: 80px;
  height: 65px;
  margin: 0 auto;
  -webkit-transition: background-image 0.3s ease;
  -moz-transition: background-image 0.3s ease;
  -o-transition: background-image 0.3s ease;
  transition: background-image 0.3s ease; }

#seasons-payment-wrapper .item .item-content:hover .img-wrapper .direct-debit-icon {
  background-image: url(../img/bp-direct-debit-icon-red.svg); }

#seasons-payment-wrapper .item .item-content:hover .img-wrapper .pay-by-card-icon {
  background-image: url(../img/bp-pay-by-card-icon-red.png); }

#seasons-payment-wrapper .item .item-content:hover .img-wrapper .pay-by-invoice-icon {
  background-image: url(../img/bp-pay-by-invoice-icon-red.png); }

/* ---- Hover Underline Start ---- */
#seasons-payment-wrapper .item .item-content {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  cursor: pointer;
  margin: 10px auto 20px;
  display: inline-block; }

#seasons-payment-wrapper .item .item-content .content-wrapper {
  border-bottom: 1px solid transparent;
  padding: 20px 10px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

#seasons-payment-wrapper .item .item-content .content-wrapper:before,
#seasons-payment-wrapper .item .item-content .content-wrapper:after {
  content: "";
  position: absolute;
  bottom: 0;
  background-color: #d12229;
  width: 1px;
  height: 10px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0; }

#seasons-payment-wrapper .item .item-content .content-wrapper:before {
  left: 0; }

#seasons-payment-wrapper .item .item-content .content-wrapper:after {
  right: 0; }

#seasons-payment-wrapper .item .item-content:hover .content-wrapper:before,
#seasons-payment-wrapper .item .item-content:focus .content-wrapper:before,
#seasons-payment-wrapper .item .item-content:hover .content-wrapper:after,
#seasons-payment-wrapper .item .item-content:focus .content-wrapper:after {
  opacity: 1; }

#seasons-payment-wrapper .item .item-content:hover .content-wrapper {
  border-bottom: 1px solid #d12229; }

/* ---- Hover Underline End ---- */
@media only screen and (max-width: 480px) {
  #seasons-payment-wrapper .item {
    min-height: 90px;
    min-width: 100%;
    padding: 0; }
  #seasons-payment-wrapper .item .item-content {
    margin: 10px auto 10px;
    width: 230px;
    padding: 0; }
  #seasons-payment-wrapper .item .item-content .content-wrapper {
    padding: 10px 0 10px 20px; }
  #seasons-payment-wrapper button {
    padding: 0; }
  #seasons-payment-wrapper .payment-options .tooltip.top {
    top: -25px !important; }
  #seasons-payment-wrapper .item .img-wrapper {
    width: auto;
    float: left;
    padding: 0; }
  #seasons-payment-wrapper .item .img-wrapper .direct-debit-icon,
  #seasons-payment-wrapper .item .img-wrapper .pay-by-card-icon,
  #seasons-payment-wrapper .item .img-wrapper .pay-by-invoice-icon {
    width: 70px;
    height: 50px; }
  #seasons-payment-wrapper .item .content-wrapper {
    padding: 8px 0 0 20px;
    float: left;
    width: auto;
    text-align: left; }
  #seasons-payment-wrapper .item .content-wrapper span {
    line-height: 1;
    padding: 0 0 15px 0; }
  #seasons-payment-wrapper .item .item-content .content-wrapper {
    border: 0; }
  #seasons-payment-wrapper .item .item-content:hover .content-wrapper {
    border: 0; }
  #seasons-payment-wrapper .item .item-content:hover .content-wrapper:before,
  #seasons-payment-wrapper .item .item-content:focus .content-wrapper:before,
  #seasons-payment-wrapper .item .item-content:hover .content-wrapper:after,
  #seasons-payment-wrapper .item .item-content:focus .content-wrapper:after {
    display: none; } }

#seasons-payment-options-wrapper p {
  margin-bottom: 30px;
  font-size: 20px; }

@media only screen and (max-width: 767px) {
  #seasons-payment-options-wrapper p {
    font-size: 16px; } }

.payment-options-wrapper {
  position: absolute;
  top: 0;
  right: -30px;
  width: 220px;
  padding: 10px 0; }

@media only screen and (max-width: 767px) {
  #seasons-payment-options-wrapper h2 {
    margin: 0 0 15px; }
  .payment-options-wrapper {
    position: relative;
    top: inherit;
    right: inherit;
    width: auto;
    padding: 10px 0;
    display: none; } }

#seasons-payment-options-wrapper .item {
  width: 100%;
  padding: 0; }

#seasons-payment-options-wrapper .form-control {
  max-width: 100%; }

#seasons-payment-options-wrapper .payment-options-wrapper a {
  display: inline-block;
  margin: 0 5px; }

#seasons-payment-options-wrapper .payment-options-wrapper button {
  background-color: transparent;
  border: 0; }

#seasons-payment-options-wrapper .payment-options-wrapper .img-wrapper .direct-debit-icon,
#seasons-payment-options-wrapper .payment-options-wrapper .img-wrapper .pay-by-card-icon,
#seasons-payment-options-wrapper .payment-options-wrapper .img-wrapper .pay-by-invoice-icon {
  display: block;
  width: 40px;
  height: 35px;
  margin: 0 auto;
  -webkit-transition: background-image 0.3s ease;
  -moz-transition: background-image 0.3s ease;
  -o-transition: background-image 0.3s ease;
  transition: background-image 0.3s ease; }

#seasons-payment-options-wrapper .payment-options-wrapper a:hover .img-wrapper .direct-debit-icon,
#seasons-payment-options-wrapper .payment-options-wrapper button:hover .img-wrapper .direct-debit-icon {
  background-image: url(../img/bp-direct-debit-icon-red.svg); }

#seasons-payment-options-wrapper .payment-options-wrapper a:hover .img-wrapper .pay-by-card-icon,
#seasons-payment-options-wrapper .payment-options-wrapper button:hover .img-wrapper .pay-by-card-icon {
  background-image: url(../img/bp-pay-by-card-icon-red.png); }

#seasons-payment-options-wrapper .payment-options-wrapper a:hover .img-wrapper .pay-by-invoice-icon,
#seasons-payment-options-wrapper .payment-options-wrapper button:hover .img-wrapper .pay-by-invoice-icon {
  background-image: url(../img/bp-pay-by-invoice-icon-red.png); }

#seasons-payment-options-wrapper .control-wrapper a {
  color: #979797; }

#seasons-payment-options-wrapper .control-wrapper a:hover {
  color: #ffffff; }

#seasons-payment-options-wrapper .result-wrapper {
  padding: 20px 0; }

#seasons-payment-options-wrapper .form-group .help-block {
  margin-top: 0px; }
  #seasons-payment-options-wrapper .form-group .help-block .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

#seasons-payment-options-wrapper .input-tooltip-icon {
  right: -18px; }

@media (max-width: 767px) {
  #seasons-payment-options-wrapper .input-tooltip-icon {
    display: none; } }

/*-----------------------------------------------------------------------------------*/
/* SEASON TICKET SUMMARY */
/*-----------------------------------------------------------------------------------*/
#seasons-summary-wrapper {
  color: #979797;
  padding-top: 160px; }

@media (max-width: 480px) {
  #seasons-summary-wrapper {
    padding-top: 130px; } }

#seasons-summary-wrapper i {
  color: #d12229;
  padding-right: 8px;
  display: inline-block;
  vertical-align: middle; }

#seasons-summary-wrapper .page-title h2 {
  color: #ffffff; }

#seasons-summary-wrapper .page-title p {
  margin-bottom: 45px;
  font-size: 20px; }

#seasons-summary-wrapper .cell-left {
  padding-bottom: 25px;
  padding-left: 160px; }

@media (max-width: 1200px) {
  #seasons-summary-wrapper .cell-left {
    padding-left: 95px; } }

@media (max-width: 991px) {
  #seasons-summary-wrapper .cell-left {
    padding-left: 0; } }

#seasons-summary-wrapper .cell-right {
  padding-bottom: 25px; }

#seasons-summary-wrapper .cell-right section {
  padding: 0 0 25px; }

#seasons-summary-wrapper .cell-left.promo-code-label {
  padding-top: 24px; }

#seasons-summary-wrapper .cell-right.promo-code-input {
  padding-bottom: 15px; }
  #seasons-summary-wrapper .cell-right.promo-code-input input {
    margin: 0 30px 0 0;
    display: inline-block;
    float: left;
    font-size: 24px;
    height: 65px;
    max-width: 350px; }
  #seasons-summary-wrapper .cell-right.promo-code-input .btn {
    display: inline-block;
    float: left;
    min-width: 200px; }

@media only screen and (max-width: 1200px) {
  #seasons-summary-wrapper .cell-right.promo-code-input input {
    max-width: 315px; }
  #seasons-summary-wrapper .cell-right.promo-code-input .btn {
    min-width: 145px; } }

@media only screen and (max-width: 991px) {
  #seasons-summary-wrapper .cell-right.promo-code-input input {
    max-width: 100%; }
  #seasons-summary-wrapper .cell-right.promo-code-input .btn {
    min-width: 100%;
    margin: 25px 0 0 0; } }

@media only screen and (max-width: 767px) {
  #seasons-summary-wrapper .cell-right.promo-code-input input {
    margin: 10px 0 0 0;
    height: 55px;
    font-size: 18px; } }

#seasons-summary-wrapper .promotion-code-message .cell-left {
  display: none; }

#seasons-summary-wrapper .promotion-code-message .cell-right {
  padding-bottom: 0; }

#seasons-summary-wrapper th {
  padding: 0 7px 0 0;
  border-bottom: 0;
  color: #ffffff;
  font-weight: 400;
  width: 150px; }

#seasons-summary-wrapper td {
  padding: 0;
  border-bottom: 0; }

#seasons-summary-wrapper .divider {
  margin: 25px 0 45px; }

#seasons-summary-wrapper .total {
  display: table;
  border-top: 1px solid #d12229;
  border-bottom: 1px solid #d12229;
  padding: 0 0 5px;
  margin-bottom: 20px;
  margin-top: -10px;
  font-size: 25px; }

#seasons-summary-wrapper .total span {
  display: inline-block;
  vertical-align: middle; }

#seasons-summary-wrapper .total .text-red {
  font-size: 17px;
  padding: 0 15px 0 0; }

#seasons-summary-wrapper .checkbox {
  display: inline-block;
  float: left;
  margin-bottom: 20px; }

@media only screen and (max-width: 767px) {
  #seasons-summary-wrapper .page-title p {
    margin-bottom: 45px;
    font-size: 16px; }
  #seasons-summary-wrapper .cell-left {
    padding: 20px 0 0; }
  #seasons-summary-wrapper .cell-right {
    padding: 10px 0 25px 25px; }
  #seasons-summary-wrapper .total {
    margin-top: 10px; } }

@media only screen and (max-width: 565px) {
  #seasons-summary-wrapper .control-label {
    width: 80%; } }

@media only screen and (max-width: 480px) {
  #seasons-summary-wrapper .cell-right {
    padding: 10px 0 25px 0; } }

#seasons-summary-wrapper .cell-right input.form-control.verify-cvv {
  margin: 10px 0 0 0;
  width: 100%; }

@media only screen and (max-width: 767px) {
  #seasons-summary-wrapper .cell-right input.form-control.verify-cvv {
    margin: 10px 0 0 0;
    height: 55px;
    max-width: 100%;
    font-size: 18px; } }

.book-space {
  height: 100%; }

.book-space {
  background-image: url(../img/bp-booking-bk.jpg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #3b090a; }

.book-space .btn.disabled, .book-space .btn[disabled], .book-space fieldset[disabled] .btn {
  filter: alpha(opacity=100);
  opacity: 1;
  color: #6c5d5d;
  background-color: #2d0e0e;
  border-color: #2d0e0e; }

.book-space .btn.disabled:hover, .book-space .btn.disabled:focus,
.book-space .btn[disabled]:hover, .book-space .btn[disabled]:focus,
.book-space fieldset[disabled] .btn:hover, .book-space fieldset[disabled] .btn:focus {
  background-color: #171515;
  border-color: #171515; }

.book-space .modal .btn.disabled, .book-space .modal .btn[disabled], .book-space fieldset[disabled] .btn {
  filter: alpha(opacity=100);
  opacity: 1;
  color: #fff;
  background-color: #d12229;
  border-color: #d12229; }

.book-space .modal .btn.disabled:hover, .book-space .modal .btn.disabled:focus,
.book-space .modal .btn[disabled]:hover, .book-space .modal .btn[disabled]:focus,
.book-space .modal fieldset[disabled] .btn:hover, .book-space .modal fieldset[disabled] .btn:focus {
  background-color: #9a1d22;
  border-color: #9a1d22; }

/*-----------------------------------------------------------------------------------*/
/* BOOK A SPACE INTRO */
/*-----------------------------------------------------------------------------------*/
#book-space-intro-wrapper h2 .service-icon {
  height: 80px;
  width: 80px;
  margin: 0 auto 20px; }

#book-space-intro-wrapper h3 {
  margin: 30px 0 40px 0;
  font-size: 24px; }

#book-space-intro-wrapper .service-icon {
  width: 70px;
  height: 70px; }

@media only screen and (max-width: 480px) {
  #book-space-intro-wrapper h2 .service-icon {
    height: 50px;
    width: 50px;
    margin: 0 auto 15px; }
  #book-space-intro-wrapper h2 .service-icon.season-ticket-icon-hover {
    background-size: 50px; }
  #book-space-intro-wrapper h3 {
    margin: 15px 0 20px 0;
    font-size: 18px; }
  #book-space-intro-wrapper .service-icon {
    width: 50px;
    height: 50px; } }

/*-----------------------------------------------------------------------------------*/
/* BOOK A SPACE SELECTION */
/*-----------------------------------------------------------------------------------*/
#book-space-selection-wrapper .search-icon {
  width: 30px;
  display: inline-block;
  padding: 10px 0; }

#book-space-selection-wrapper .search-icon img {
  width: 100%; }

#book-space-selection-wrapper .search-suggestions {
  margin-bottom: 15px; }

#book-space-selection-wrapper .search-suggestions .form-control {
  border-top: 0;
  border-bottom: 1px;
  border-left: 0;
  border-right: 0;
  border-style: solid;
  border-color: #d12229;
  max-width: 100%;
  height: 95px;
  font-size: 30px; }

@media only screen and (max-width: 555px) {
  #book-space-selection-wrapper .search-suggestions .form-control {
    height: 75px;
    font-size: 25px; } }

#book-space-selection-wrapper .search-suggestions .form-control::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #ffffff; }

#book-space-selection-wrapper .search-suggestions .form-control::-moz-placeholder {
  /* Firefox 19+ */
  color: #ffffff; }

#book-space-selection-wrapper .search-suggestions .form-control:-ms-input-placeholder {
  /* IE 10+ */
  color: #ffffff; }

#book-space-selection-wrapper .search-suggestions .form-control:-moz-placeholder {
  /* Firefox 18- */
  color: #ffffff; }

#book-space-selection-wrapper .search-suggestions .form-control:focus {
  border-color: #d12229; }

/*#book-space-selection-wrapper .planner-wrapper {
  & label {
  font-weight: $regular;
  font-size: 22px;
  padding-bottom: 30px;
  margin-bottom: 0;
  color: $light-grey;
  @include transition(color 0.3s ease);

    &:hover, &.active {
      color: $white;
    }
    & i {
      color: $light-grey;
      @include transition(color 0.3s ease);
    }
    &:hover i, &.active i {
      color: $red;
    }
  }

  &.has-success label {
    color: $white;

    i {
      color: $red;
    }
  }
}*/
#book-space-selection-wrapper .planner-wrapper label {
  font-weight: 400;
  font-size: 22px;
  padding-bottom: 30px;
  margin-bottom: 0;
  color: #979797;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease; }

#book-space-selection-wrapper .planner-wrapper label i {
  color: #979797;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease; }

#book-space-selection-wrapper .planner-wrapper label:hover i,
#book-space-selection-wrapper .planner-wrapper label.active i,
#book-space-selection-wrapper .planner-wrapper .has-success label i {
  color: #d12229; }

#book-space-selection-wrapper .planner-wrapper .form-control {
  max-width: 100%;
  border: 1px solid #2d0e0e;
  background-color: #2d0e0e;
  margin-bottom: 20px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px; }
  #book-space-selection-wrapper .planner-wrapper .form-control:hover {
    border-color: #d12229;
    background-color: #d12229; }

#book-space-selection-wrapper .planner-wrapper .form-control:hover::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #ffffff; }

#book-space-selection-wrapper .planner-wrapper .form-control:hover::-moz-placeholder {
  /* Firefox 19+ */
  color: #ffffff; }

#book-space-selection-wrapper .planner-wrapper .form-control:hover:-ms-input-placeholder {
  /* IE 10+ */
  color: #ffffff; }

#book-space-selection-wrapper .planner-wrapper .form-control:hover:-moz-placeholder {
  /* Firefox 18- */
  color: #ffffff; }

#book-space-selection-wrapper .planner-wrapper .form-control:focus,
#book-space-selection-wrapper .planner-wrapper .has-success .form-control,
#book-space-selection-wrapper .planner-wrapper .has-success .form-control:focus {
  border-color: #d12229;
  background-color: transparent; }

#book-space-selection-wrapper .planner-wrapper .form-control::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #6c5d5d; }

#book-space-selection-wrapper .planner-wrapper .form-control::-moz-placeholder {
  /* Firefox 19+ */
  color: #6c5d5d; }

#book-space-selection-wrapper .planner-wrapper .form-control:-ms-input-placeholder {
  /* IE 10+ */
  color: #6c5d5d; }

#book-space-selection-wrapper .planner-wrapper .form-control:-moz-placeholder {
  /* Firefox 18- */
  color: #6c5d5d; }

#book-space-selection-wrapper .btn {
  margin-bottom: 30px; }

#book-space-selection-wrapper .promotion-code-wrapper .form-group {
  margin: 60px 0; }

#book-space-selection-wrapper .promotion-code-wrapper .form-control {
  max-width: 100%;
  border-left: 0;
  border-right: 0; }
  #book-space-selection-wrapper .promotion-code-wrapper .form-control:focus {
    border-color: #d12229; }

#book-space-selection-wrapper .promotion-code-wrapper .form-group .info-icon {
  position: absolute;
  top: 20px;
  right: 0;
  font-size: 24px;
  color: #979797;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  #book-space-selection-wrapper .promotion-code-wrapper .form-group .info-icon:hover, #book-space-selection-wrapper .promotion-code-wrapper .form-group .info-icon:focus {
    color: #ffffff; }

@media only screen and (max-width: 480px) {
  #book-space-selection-wrapper .promotion-code-wrapper .form-group .info-icon {
    top: 13px;
    font-size: 20px; }
  #book-space-selection-wrapper .planner-wrapper label {
    font-size: 17px;
    padding-bottom: 20px;
    margin-bottom: 0; }
  #book-space-selection-wrapper .search-suggestions {
    margin-bottom: 32px; }
  #book-space-selection-wrapper .promotion-code-wrapper .form-group {
    margin: 20px 0 30px; }
  #book-space-selection-wrapper .search-suggestions .form-control {
    font-size: 16px; } }

/*-----------------------------------------------------------------------------------*/
/* BOOK A SPACE DATEPICKER */
/*-----------------------------------------------------------------------------------*/
.datetimepicker-wrapper {
  width: 100%;
  padding: 0; }
  .datetimepicker-wrapper table {
    width: 100%; }

.datepicker table tbody tr td:nth-child(n+8) {
  display: none; }

#planner-modal .datepicker table {
  width: 290px;
  margin: 0 auto; }

@media (min-width: 550px) {
  #planner-modal .datepicker table {
    width: 500px; } }

@media (min-width: 992px) {
  #planner-modal .datepicker table {
    width: 640px; } }

#planner-modal h3 {
  text-align: center;
  margin: 0; }

#planner-modal button.uib-right, #planner-modal button.uib-left {
  color: #d12229;
  font-size: 15px; }
  #planner-modal button.uib-right:hover, #planner-modal button.uib-right:focus:hover, #planner-modal button.uib-right:active:hover, #planner-modal button.uib-right:focus:active:hover, #planner-modal button.uib-left:hover, #planner-modal button.uib-left:focus:hover, #planner-modal button.uib-left:active:hover, #planner-modal button.uib-left:focus:active:hover {
    color: #ffffff; }
  #planner-modal button.uib-right:focus, #planner-modal button.uib-right:focus:active, #planner-modal button.uib-left:focus, #planner-modal button.uib-left:focus:active {
    color: #d12229; }
  #planner-modal button.uib-right:active, #planner-modal button.uib-left:active {
    color: #d12229; }

#planner-modal .datepicker button.uib-title {
  font-family: "Raleway", sans-serif;
  font-size: 18px;
  padding: 20px 0;
  cursor: unset; }
  #planner-modal .datepicker button.uib-title strong {
    font-weight: 600; }

@media (min-width: 550px) {
  #planner-modal .datepicker button.uib-title {
    font-size: 22px;
    padding: 30px 0; } }

#planner-modal .datepicker th {
  font-family: "Raleway", sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px; }
  #planner-modal .datepicker th small {
    font-size: 100%; }

@media (min-width: 550px) {
  #planner-modal .datepicker th {
    font-size: 17px; } }

#planner-modal .datepicker table tr td span {
  text-align: center;
  width: 100%;
  float: none;
  font-size: 16px;
  background-color: transparent;
  border: none;
  position: relative;
  z-index: 10;
  color: #ffffff; }

@media (min-width: 550px) {
  #planner-modal .datepicker table tr td span {
    font-size: 18px; } }

@media (min-width: 992px) {
  #planner-modal .datepicker table tr td span {
    font-size: 20px; } }

#planner-modal .datepicker table tr td button {
  position: relative; }
  #planner-modal .datepicker table tr td button.btn-info {
    color: #ffffff;
    background-color: transparent;
    border: none; }
    #planner-modal .datepicker table tr td button.btn-info:hover, #planner-modal .datepicker table tr td button.btn-info:focus:hover, #planner-modal .datepicker table tr td button.btn-info:active:hover, #planner-modal .datepicker table tr td button.btn-info:focus:active:hover {
      color: #ffffff;
      background-color: transparent;
      border: none; }
    #planner-modal .datepicker table tr td button.btn-info:focus, #planner-modal .datepicker table tr td button.btn-info:focus:active {
      color: #ffffff;
      background-color: transparent;
      border: none; }
    #planner-modal .datepicker table tr td button.btn-info:active {
      color: #ffffff;
      background-color: transparent;
      border: none; }
  #planner-modal .datepicker table tr td button:after {
    position: absolute;
    top: 17px;
    left: 6px;
    content: "";
    width: 30px;
    height: 30px;
    background-color: transparent;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    padding: 7px 9px;
    cursor: pointer;
    color: #fff;
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    -o-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75);
    transition: all 0.25s cubic-bezier(0.7, -0.12, 0.2, 1.12);
    transition-property: background, transform, color, border; }
  #planner-modal .datepicker table tr td button:hover:after, #planner-modal .datepicker table tr td button:focus:hover:after, #planner-modal .datepicker table tr td button:active:hover:after, #planner-modal .datepicker table tr td button:focus:active:hover:after {
    background-color: #d12229;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  #planner-modal .datepicker table tr td button:focus, #planner-modal .datepicker table tr td button:focus:active {
    color: #ffffff; }
  #planner-modal .datepicker table tr td button:active {
    color: #ffffff; }

@media (min-width: 550px) {
  #planner-modal .datepicker table tr td button:after {
    top: 13px;
    left: 16px;
    width: 40px;
    height: 40px; } }

@media (min-width: 992px) {
  #planner-modal .datepicker table tr td button:after {
    top: 14px;
    left: 26px;
    width: 40px;
    height: 40px; } }

#planner-modal button.text-muted-button {
  position: relative; }
  #planner-modal button.text-muted-button .text-muted {
    color: #734850; }
  #planner-modal button.text-muted-button:hover .text-muted, #planner-modal button.text-muted-button:focus:hover .text-muted, #planner-modal button.text-muted-button:active:hover .text-muted, #planner-modal button.text-muted-button:focus:active:hover .text-muted {
    color: #ffffff; }
  #planner-modal button.text-muted-button:focus .text-muted, #planner-modal button.text-muted-button:focus:active .text-muted {
    color: #734850; }
  #planner-modal button.text-muted-button:active .text-muted {
    color: #734850; }
  #planner-modal button.text-muted-button:before {
    position: absolute;
    top: 17px;
    left: 6px;
    content: "";
    width: 30px;
    height: 30px;
    background-color: #65111c;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    padding: 7px 9px;
    cursor: pointer;
    display: none; }

@media (min-width: 550px) {
  #planner-modal button.text-muted-button:before {
    top: 13px;
    left: 16px;
    width: 40px;
    height: 40px; } }

@media (min-width: 992px) {
  #planner-modal button.text-muted-button:before {
    top: 14px;
    left: 26px;
    width: 40px;
    height: 40px; } }

#planner-modal .datepicker table tr td button.active {
  background-color: transparent;
  border: none; }
  #planner-modal .datepicker table tr td button.active:before {
    position: absolute;
    top: 17px;
    left: 6px;
    content: "";
    width: 30px;
    height: 30px;
    background-color: #171515;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    padding: 7px 9px;
    cursor: pointer;
    display: block; }
  #planner-modal .datepicker table tr td button.active:after {
    display: none; }

@media (min-width: 550px) {
  #planner-modal .datepicker table tr td button.active:before {
    top: 13px;
    left: 16px;
    width: 40px;
    height: 40px; } }

@media (min-width: 992px) {
  #planner-modal .datepicker table tr td button.active:before {
    top: 14px;
    left: 26px;
    width: 40px;
    height: 40px; } }

#planner-modal .datepicker table tr td button[disabled], #planner-modal .datepicker table tr td html input[disabled], #planner-modal .datepicker table tr td button[disabled].text-muted-button {
  color: #734850; }
  #planner-modal .datepicker table tr td button[disabled] span, #planner-modal .datepicker table tr td html input[disabled] span, #planner-modal .datepicker table tr td button[disabled].text-muted-button span {
    color: #734850;
    cursor: not-allowed; }

#planner-modal button[disabled], #planner-modal html input[disabled], #planner-modal button[disabled].text-muted-button {
  position: relative; }
  #planner-modal button[disabled] span, #planner-modal html input[disabled] span, #planner-modal button[disabled].text-muted-button span {
    cursor: not-allowed;
    color: #734850; }
  #planner-modal button[disabled] .text-muted, #planner-modal html input[disabled] .text-muted, #planner-modal button[disabled].text-muted-button .text-muted {
    color: #734850; }
  #planner-modal button[disabled]:hover .text-muted, #planner-modal button[disabled]:focus:hover .text-muted, #planner-modal button[disabled]:active:hover .text-muted, #planner-modal button[disabled]:focus:active:hover .text-muted, #planner-modal html input[disabled]:hover .text-muted, #planner-modal html input[disabled]:focus:hover .text-muted, #planner-modal html input[disabled]:active:hover .text-muted, #planner-modal html input[disabled]:focus:active:hover .text-muted, #planner-modal button[disabled].text-muted-button:hover .text-muted, #planner-modal button[disabled].text-muted-button:focus:hover .text-muted, #planner-modal button[disabled].text-muted-button:active:hover .text-muted, #planner-modal button[disabled].text-muted-button:focus:active:hover .text-muted {
    color: #734850; }
  #planner-modal button[disabled]:focus .text-muted, #planner-modal button[disabled]:focus:active .text-muted, #planner-modal html input[disabled]:focus .text-muted, #planner-modal html input[disabled]:focus:active .text-muted, #planner-modal button[disabled].text-muted-button:focus .text-muted, #planner-modal button[disabled].text-muted-button:focus:active .text-muted {
    color: #734850; }
  #planner-modal button[disabled]:active .text-muted, #planner-modal html input[disabled]:active .text-muted, #planner-modal button[disabled].text-muted-button:active .text-muted {
    color: #734850; }
  #planner-modal button[disabled]:before, #planner-modal html input[disabled]:before, #planner-modal button[disabled].text-muted-button:before {
    position: absolute;
    top: 17px;
    left: 6px;
    content: "";
    width: 30px;
    height: 30px;
    background-color: #65111c;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    padding: 7px 9px;
    cursor: pointer;
    display: block; }
  #planner-modal button[disabled]:after, #planner-modal html input[disabled]:after, #planner-modal button[disabled].text-muted-button:after {
    display: none; }

@media (min-width: 550px) {
  #planner-modal button[disabled]:before, #planner-modal html input[disabled]:before, #planner-modal button[disabled].text-muted-button:before {
    top: 13px;
    left: 16px;
    width: 40px;
    height: 40px; } }

@media (min-width: 992px) {
  #planner-modal button[disabled]:before, #planner-modal html input[disabled]:before, #planner-modal button[disabled].text-muted-button:before {
    top: 14px;
    left: 26px;
    width: 40px;
    height: 40px; } }

#planner-modal .datepicker table tr td button[disabled].active span {
  color: #734850; }

#planner-modal .datepicker table tr td button[disabled].active .text-muted {
  color: #734850; }

#planner-modal .datepicker table tr td button[disabled].active:hover .text-muted, #planner-modal .datepicker table tr td button[disabled].active:focus:hover .text-muted, #planner-modal .datepicker table tr td button[disabled].active:active:hover .text-muted, #planner-modal .datepicker table tr td button[disabled].active:focus:active:hover .text-muted {
  color: #734850; }

#planner-modal .datepicker table tr td button[disabled].active:focus .text-muted, #planner-modal .datepicker table tr td button[disabled].active:focus:active .text-muted {
  color: #734850; }

#planner-modal .datepicker table tr td button[disabled].active:active .text-muted {
  color: #734850; }

#planner-modal .datepicker table tr td button[disabled].active:before {
  background-color: #65111c; }

.datetimepicker-wrapper[name=timepicker] {
  margin: 20px 0 10px; }
  .datetimepicker-wrapper[name=timepicker] table {
    width: 85%;
    margin: 0 auto; }

@media (min-width: 550px) {
  .datetimepicker-wrapper[name=timepicker] table {
    width: 50%; } }

.datetimepicker-wrapper .uib-time input {
  width: 50%; }

.datetimepicker-wrapper .uib-separator {
  font-size: 40px; }

.datetimepicker-wrapper .uib-increment .btn, .datetimepicker-wrapper .uib-decrement .btn {
  min-width: auto;
  color: #d12229;
  font-size: 15px; }
  .datetimepicker-wrapper .uib-increment .btn:hover, .datetimepicker-wrapper .uib-increment .btn:focus:hover, .datetimepicker-wrapper .uib-increment .btn:active:hover, .datetimepicker-wrapper .uib-increment .btn:focus:active:hover, .datetimepicker-wrapper .uib-decrement .btn:hover, .datetimepicker-wrapper .uib-decrement .btn:focus:hover, .datetimepicker-wrapper .uib-decrement .btn:active:hover, .datetimepicker-wrapper .uib-decrement .btn:focus:active:hover {
    color: #ffffff; }
  .datetimepicker-wrapper .uib-increment .btn:focus, .datetimepicker-wrapper .uib-increment .btn:focus:active, .datetimepicker-wrapper .uib-decrement .btn:focus, .datetimepicker-wrapper .uib-decrement .btn:focus:active {
    color: #d12229; }
  .datetimepicker-wrapper .uib-increment .btn:active, .datetimepicker-wrapper .uib-decrement .btn:active {
    color: #d12229; }
  .datetimepicker-wrapper .uib-increment .btn[disabled], .datetimepicker-wrapper .uib-decrement .btn[disabled] {
    background-color: transparent;
    border-color: transparent;
    color: #9a1d22; }
    .datetimepicker-wrapper .uib-increment .btn[disabled]:hover, .datetimepicker-wrapper .uib-increment .btn[disabled]:focus:hover, .datetimepicker-wrapper .uib-increment .btn[disabled]:active:hover, .datetimepicker-wrapper .uib-increment .btn[disabled]:focus:active:hover, .datetimepicker-wrapper .uib-decrement .btn[disabled]:hover, .datetimepicker-wrapper .uib-decrement .btn[disabled]:focus:hover, .datetimepicker-wrapper .uib-decrement .btn[disabled]:active:hover, .datetimepicker-wrapper .uib-decrement .btn[disabled]:focus:active:hover {
      background-color: transparent;
      border-color: transparent;
      color: #9a1d22; }
    .datetimepicker-wrapper .uib-increment .btn[disabled]:focus, .datetimepicker-wrapper .uib-increment .btn[disabled]:focus:active, .datetimepicker-wrapper .uib-decrement .btn[disabled]:focus, .datetimepicker-wrapper .uib-decrement .btn[disabled]:focus:active {
      background-color: transparent;
      border-color: transparent;
      color: #9a1d22; }
    .datetimepicker-wrapper .uib-increment .btn[disabled]:active, .datetimepicker-wrapper .uib-decrement .btn[disabled]:active {
      background-color: transparent;
      border-color: transparent;
      color: #9a1d22; }

/*#book-space-selection-wrapper .promotion-code-wrapper i.success-tick {
  opacity: 0;
  top: 20px;
  right: 0;
  font-size: 24px;
}

#book-space-selection-wrapper .promotion-code-wrapper .has-success i.success-tick {
  opacity: 1;
}*/
/*[ng\:cloak], [ng-cloak], .ng-cloak {
  display: none;
}

.app-container {
  overflow: hidden;
  max-width: 100%;
  margin: auto;
}

.datepicker {
  position: relative;
  width: 100%;
  min-height: 600px;
  display: block;
  -webkit-tap-highlight-color: rgb(0,0,0);
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  font-family: "Roboto", sans-serif;
  overflow: hidden;
  transition: background 0.15s ease;
}

.datepicker-calendar {
  display: block;
  margin: 0 auto;
}

.calendar-header {
  color: $white;
  text-align: center;
  font-size: 23px;
  padding: 0 80px 25px;
  position: relative;
  font-family: "Raleway", sans-serif;
}

.calendar-header strong {
  font-weight: $semibold;
}

.current-month-container {
  display: inline-block;
  position: relative;
}

.goback, .goforward {
  position: absolute;
  display: inline-block;
  font-size: 15px;
  line-height: 40px;
  color: $dark-red;
  cursor: pointer;
  @include transition(color 0.3s ease-in-out);
}

.goback:hover, .goback:focus, .goforward:hover, .goforward:focus {
  color: $red;
}

.goback {
  left: 25%;
}
.goforward {
  right: 25%;
}

@media only screen and (max-width: 480px) {
  .goback {
    left: 5%;
  }
  .goforward {
    right: 5%;
  }
}

.calendar-day-header {
  width: 100%;
  position: relative;
}

.day-label {
  color: $white;
  padding: 8px 0;
  width: 14.2857142%;
  display: inline-block;
  text-align: center;
  font-family: "Raleway", sans-serif;
  text-transform: uppercase;
  font-weight: $semibold;
  font-size: 15px;
}

.datecontainer {
  width: 14.2857142%;
  display: inline-block;
  text-align: center;
  padding: 7px 0;
}

.datenumber {
  max-width: 35px;
  max-height: 35px;
  line-height: 35px;
  margin: 0 auto;
  color: $white;
  position: relative;
  text-align: center;
  cursor: pointer;
  z-index: 1;
  transition: all .25s cubic-bezier(0.7,-0.12, 0.2, 1.12);
}

.no-hover .datenumber,
.no-hover .datenumber:hover,
.no-hover .datenumber:before,
.no-hover .datenumber:hover::before {
  cursor: default;
  color: #77797b;
  background-color: #411414;
  opacity: 0.5;
  @include border-radius(50%);
}

.no-hover .datenumber.day-selected {
  color: white;
}

.datenumber:hover {
  color: white;
}

.datenumber:before {
  content: '';
  display: block;
  position: absolute;
  height: 35px;
  width: 35px;
  border-radius: 100px;
  z-index: -1;
  background-color: transparent;
  @include transform(scale(0.75));
  transition: all .25s cubic-bezier(0.7,-0.12, 0.2, 1.12);
  transition-property: background, transform, color, border;
}

.datenumber:hover::before {
  background-color: $red;
  @include transform(scale(1));
}

.day-selected {
  color: white;
}

.datenumber.day-selected:before {
  background-color: $black;
  @include transform(scale(1));
  -webkit-animation: select-date .25s forwards;
  -moz-animation: select-date .25s forwards;
  animation: select-date .25s forwards;
}

@-webkit-keyframes select-date {
  0% { background-color: $grey; }
  100% { background-color: $black; }
}

@keyframes select-date {
  0% { background-color: $grey; }
  100% { background-color: $black; }
}*/
/* timepicker styles */
/*.timepicker-container-outer {
  width: 100%;
  display: block;
  padding: 70px 25px 0;
  position: relative;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
}

.timepicker-border {
  border: 1px solid $dark-red;
  @include border-radius(50px);
  padding: 0 40px;
}

.timepicker-container-inner {
  width: 100%;
  height: 65px;
  margin: 0 auto;
  position: relative;
  display: block;
}

.timeline-container {
  display: block;
  margin: 0 auto;
  position: relative;
  width: 100%;
  height: 36px;
}

.current-time {
  display: block;
  position: absolute;
  z-index: 1;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  top: -25px;
  left: -20px;
  cursor: pointer;
  @include user-select(none);
}

.current-time::after {
  content: '';
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  background-color: $red;
  @include transition(all 0.15s ease);
  @include transform(rotate(45deg));
  @include border-radius(20px 20px 3px 20px);
  z-index: -1;
  top: 0;
}

.actual-time {
  color: white;
  line-height: 40px;
  font-size: 12px;
  text-align: center;
  @include transition(all 0.15s ease);
}

.timeline {
  display: block;
  z-index: 1;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
}

.timeline::before, .timeline::after {
  content: '';
  display: block;
  width: 2px;
  height: 10px;
  top: -6px;
  position: absolute;
  background-color: #77787b;
  left: -1px;
  @include transition(background-color 0.15s ease);
}

.timeline::after {
  left: auto;
  right: -1px;
}

.hours-container {
  display: block;
  z-index: 0;
  width: 100%;
  height: 10px;
  position: absolute;
  top: 31px;
  left: 1px;
}

.hour-mark {
  width: 2px;
  display: block;
  float: left;
  height: 4px;
  background-color: #77787b;
  position: relative;
  margin-left: calc((100% / 12) - 2px);
  @include transition(background-color 0.15s ease);
}

.hour-mark:nth-child(3n) {
  height: 6px;
  top: -1px;
}

.time-warpper {
  display: inline-block;
  padding: 25px 25px 0;
  width: 100%;
}

.display-time {
  display: block;
  overflow: hidden;
  position: relative;
  font-size: 20px;
  text-align: center;
  @include transition(color 0.15s ease);
}

.decrement-time,
.increment-time {
  cursor: pointer;
  position: absolute;
  display: block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  top: 6px;
  font-size: 20px;
  z-index: 500;
  cursor: pointer;
}

.decrement-time {
  left: 0;
  text-align: left;
}

.increment-time {
  right: 0;
  text-align: right;
}

@media only screen and (max-width: 480px) {
  .decrement-time {
    left: 30px;
  }
  .increment-time {
    right: 30px;
  }
}

.increment-time path,
.decrement-time path{
  transition: all 0.15s ease;
}

.time {
  position: relative;
  height: 36px;
}

.time.time-active:after {
  display: none;
}

.time-input {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 34px;
  line-height: 34px;
  bottom: 2px;
  width: 100%;
  border: none;
  background: none;
  text-align: center;
  color: white;
  font-size: inherit;
  opacity: 0;
  transition: all 0.15s ease;
  cursor: pointer;
  &:focus,
  &:active {
    outline: none;
  }
}

.formatted-time {
  cursor: pointer;
  text-transform: uppercase;
  font-weight: $semibold;
}

.time-input:focus {
  cursor: auto;
  & ~ .formatted-time {
    border-radius: 2px;
    background-color: $red;
    color: white;
    cursor: default;
  }
}

.am-pm-container {
  display: inline-block;
}

@media only screen and (max-width: 480px) {
  .am-pm-container {
    display: block;
    margin: 0 auto 25px;
    width: 105px;
    height: 28px;
  }
}

.am-pm-button {
  height: 28px;
  line-height: 28px;
  text-align: center;
  color: $white;
  @include border-radius(15px);
  float: left;
  cursor: pointer;
  padding: 0 12px;
  text-transform: uppercase;
  font-size: 13px;
}

.am .am-pm-button:first-child {
  background-color: $red;
  color: $white;
}

.am .am-pm-button:last-child {
  background-color: transparent;
  color: $white;
  margin-left: 10px;
}

.pm .am-pm-button:first-child {
  background-color: transparent;
  color: $white;
}

.pm .am-pm-button:last-child {
  background-color: $red;
  color: $white;
  margin-left: 10px;
}

@-webkit-keyframes select-date-pm {
  0% { background-color: rgba(255,255,255,0.5); }
  100% { background-color: #FFF; }
}

@keyframes select-date-pm {
  0% { background-color: rgba(255,255,255,0.5); }
  100% { background-color: #FFF; }
}
*/
/*-----------------------------------------------------------------------------------*/
/* BOOK A SPACE AVAILABLE */
/*-----------------------------------------------------------------------------------*/
#book-space-available-wrapper .jumbotron {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 8px 6px -5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 8px 6px -5px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 8px 6px -5px rgba(0, 0, 0, 0.5); }

#book-space-available-wrapper .jumbotron h1 {
  margin-bottom: 20px;
  color: #d12229; }

#book-space-available-wrapper .jumbotron p.lead {
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400; }

@media only screen and (max-width: 767px) {
  #book-space-available-wrapper .jumbotron h1 {
    font-size: 45px; } }

@media only screen and (max-width: 480px) {
  #book-space-available-wrapper .jumbotron h1 {
    font-size: 30px; }
  #book-space-available-wrapper .jumbotron p.lead {
    font-size: 16px; } }

#book-space-available-wrapper .page-header {
  padding-bottom: 0;
  margin: 40px 0 70px;
  border-bottom: 0; }

#book-space-available-wrapper .page-header .location-wrapper {
  background-color: #ad1f24;
  background-color: rgba(173, 31, 36, 0.25); }
  #book-space-available-wrapper .page-header .location-wrapper h3 {
    color: #ffffff;
    margin: 20px 0; }

#book-space-available-wrapper .map-wrapper {
  margin-bottom: 50px; }

#book-space-available-wrapper .item {
  min-height: 400px; }

#book-space-available-wrapper .item .static-map {
  width: 400px;
  display: block;
  margin: 0 auto;
  position: relative;
  cursor: pointer; }

#book-space-available-wrapper .item .static-map .img-wrapper {
  border: 3px solid #58565c;
  display: block;
  width: 400px;
  height: 400px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  margin: 0 auto;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: border 0.3s ease;
  -moz-transition: border 0.3s ease;
  -o-transition: border 0.3s ease;
  transition: border 0.3s ease; }

#book-space-available-wrapper .item .item-content:hover .img-wrapper {
  border: 3px solid #d12229; }

#book-space-available-wrapper .item .static-map .img-wrapper:before {
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  position: absolute;
  content: "";
  background-image: url(../img/bp-expand-icon-white.svg);
  background-color: #d12229;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 50px;
  width: 400px;
  height: 400px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  opacity: 0;
  left: 0;
  top: 0; }

#book-space-available-wrapper .item .item-content .img-wrapper:hover:before {
  opacity: 1; }

#book-space-available-wrapper .item .img-wrapper img {
  display: none; }

@media only screen and (max-width: 1200px) {
  #book-space-available-wrapper .item {
    min-height: 340px; }
  #book-space-available-wrapper .item .static-map {
    width: 340px; }
  #book-space-available-wrapper .item .static-map .img-wrapper,
  #book-space-available-wrapper .item .static-map .img-wrapper:before {
    width: 340px;
    height: 340px; } }

@media only screen and (max-width: 991px) {
  #book-space-available-wrapper .item {
    min-height: 280px; }
  #book-space-available-wrapper .item .static-map {
    width: 280px; }
  #book-space-available-wrapper .item .static-map .img-wrapper,
  #book-space-available-wrapper .item .static-map .img-wrapper:before {
    width: 280px;
    height: 280px;
    margin: 0; } }

@media only screen and (max-width: 767px) {
  #book-space-available-wrapper .item {
    min-height: 240px; }
  #book-space-available-wrapper .item .static-map {
    width: 240px;
    margin-bottom: 60px; }
  #book-space-available-wrapper .item .static-map .img-wrapper,
  #book-space-available-wrapper .item .static-map .img-wrapper:before {
    width: 240px;
    height: 240px;
    margin: 0 auto; } }

@media only screen and (max-width: 480px) {
  #book-space-available-wrapper .item {
    min-height: 200px; }
  #book-space-available-wrapper .item .static-map {
    width: 200px;
    margin-bottom: 60px; }
  #book-space-available-wrapper .item .static-map .img-wrapper,
  #book-space-available-wrapper .item .static-map .img-wrapper:before {
    width: 200px;
    height: 200px;
    margin: 0 auto; } }

.book-space .panel-group {
  border-bottom: 1px solid #d12229; }

.book-space .panel-heading {
  color: #ffffff;
  background-color: #ad1f24;
  background-color: rgba(173, 31, 36, 0.25);
  border-top: 1px solid #d12229; }

.book-space .panel-group .panel-heading + .panel-collapse > .list-group,
.book-space .panel-group .panel-heading + .panel-collapse > .panel-body {
  border-top: 1px solid #d12229; }

.book-space #accordion .panel-heading .collapsed i {
  color: #d12229; }

#book-space-available-wrapper .criteria-wrapper {
  margin-bottom: 50px; }

#book-space-available-wrapper .criteria-wrapper tbody th {
  padding: 0 0 5px 20px;
  min-width: 125px; }

#book-space-available-wrapper .criteria-wrapper tbody td {
  padding: 0 0 5px 20px; }

#book-space-available-wrapper .criteria-wrapper tbody:after {
  line-height: 20px;
  content: ".";
  color: transparent;
  background-color: transparent;
  display: block; }

#book-space-available-wrapper .criteria-wrapper tfoot.total {
  background-color: #ad1f24;
  background-color: rgba(173, 31, 36, 0.25);
  border-top: 1px solid #d12229;
  border-bottom: 1px solid #d12229; }
  #book-space-available-wrapper .criteria-wrapper tfoot.total th, #book-space-available-wrapper .criteria-wrapper tfoot.total td {
    font-size: 20px;
    padding: 15px 0 20px 20px; }

/*-----------------------------------------------------------------------------------*/
/* BOOK A SPACE VEHICAL REGISTRATION */
/*-----------------------------------------------------------------------------------*/
#book-space-registration-wrapper .form-control::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  text-transform: capitalize; }

#book-space-registration-wrapper .form-control::-moz-placeholder {
  /* Firefox 19+ */
  text-transform: capitalize; }

#book-space-registration-wrapper .form-control:-ms-input-placeholder {
  /* IE 10+ */
  text-transform: capitalize; }

#book-space-registration-wrapper .form-control:-moz-placeholder {
  /* Firefox 18- */
  text-transform: capitalize; }

#book-space-registration-wrapper .form-control {
  height: 125px;
  max-width: 100%;
  padding: 0 12px;
  font-size: 40px;
  margin: 30px 0;
  text-transform: uppercase; }

#book-space-registration-wrapper .form-control:focus,
#book-space-registration-wrapper .has-success .form-control,
#book-space-registration-wrapper .has-success .form-control:focus {
  border-color: #d12229;
  background-color: transparent; }

@media only screen and (max-width: 480px) {
  #book-space-registration-wrapper .form-control {
    height: 100px;
    font-size: 30px;
    margin: 10px 0; } }

/*-----------------------------------------------------------------------------------*/
/* BOOK A SPACE VEHICAL DETAILS */
/*-----------------------------------------------------------------------------------*/
#book-space-vehicle-details-wrapper .item {
  border-bottom: 1px solid #d12229;
  padding: 20px 0;
  display: inline-block;
  margin: 0 25px 60px;
  min-width: 330px; }

#book-space-vehicle-details-wrapper .item .content-wrapper {
  padding: 0; }

#book-space-vehicle-details-wrapper .item .item-content {
  border-bottom: 0; }

#book-space-vehicle-details-wrapper .item .item-content:hover {
  border-bottom: 0; }

#book-space-vehicle-details-wrapper .item .item-content:before, #book-space-vehicle-details-wrapper .item .item-content:after {
  display: none; }

#book-space-vehicle-details-wrapper .item .content-wrapper td {
  color: #979797;
  font-size: 17px;
  border-bottom: 0; }

#book-space-vehicle-details-wrapper .item .content-wrapper td span {
  color: #ffffff; }

@media only screen and (max-width: 990px) {
  #book-space-vehicle-details-wrapper .item {
    margin: 0 0 60px;
    min-width: 280px; } }

@media only screen and (max-width: 757px) {
  #book-space-vehicle-details-wrapper .item {
    margin: 0 0 10px;
    min-width: 255px;
    padding: 10px 0; }
  #book-space-vehicle-details-wrapper .buttons {
    margin: 25px 0 0; } }

/*-----------------------------------------------------------------------------------*/
/* BOOK A SPACE PAYMENT */
/*-----------------------------------------------------------------------------------*/
#book-space-payment-options-wrapper p {
  margin-bottom: 30px;
  font-size: 20px; }

@media only screen and (max-width: 767px) {
  #book-space-payment-options-wrapper h2 {
    margin: 0 0 15px; }
  #book-space-payment-options-wrapper p {
    font-size: 16px; } }

#book-space-payment-options-wrapper .item {
  width: 100%;
  padding: 0; }

#book-space-payment-options-wrapper .form-control {
  max-width: 100%; }

#book-space-payment-options-wrapper .payment-options-wrapper a {
  display: inline-block;
  margin: 0 5px; }

#book-space-payment-options-wrapper .payment-options-wrapper button {
  background-color: transparent;
  border: 0; }

#book-space-payment-options-wrapper .payment-options-wrapper a .img-wrapper .direct-debit-icon,
#book-space-payment-options-wrapper .payment-options-wrapper a .img-wrapper .pay-by-card-icon,
#book-space-payment-options-wrapper .payment-options-wrapper button .img-wrapper .pay-by-invoice-icon {
  display: block;
  width: 40px;
  height: 35px;
  margin: 0 auto;
  -webkit-transition: background-image 0.3s ease;
  -moz-transition: background-image 0.3s ease;
  -o-transition: background-image 0.3s ease;
  transition: background-image 0.3s ease; }

#book-space-payment-options-wrapper .payment-options-wrapper a:hover .img-wrapper .direct-debit-icon {
  background-image: url(../img/bp-direct-debit-icon-red.svg); }

#book-space-payment-options-wrapper .payment-options-wrapper a:hover .img-wrapper .pay-by-card-icon {
  background-image: url(../img/bp-pay-by-card-icon-red.svg); }

#book-space-payment-options-wrapper .payment-options-wrapper button:hover .img-wrapper .pay-by-invoice-icon {
  background-image: url(../img/bp-pay-by-invoice-icon-red.svg); }

#book-space-payment-options-wrapper .control-wrapper a {
  color: #979797; }

#book-space-payment-options-wrapper .control-wrapper a:hover {
  color: #58565c; }

#book-space-payment-options-wrapper .result-wrapper {
  padding: 20px 0; }

/*-----------------------------------------------------------------------------------*/
/* BOOK A SPACE SUMMARY */
/*-----------------------------------------------------------------------------------*/
#book-space-summary-wrapper {
  color: #979797; }

#book-space-summary-wrapper i {
  color: #d12229;
  padding-right: 8px;
  display: inline-block;
  vertical-align: middle; }

#book-space-summary-wrapper .page-title h2 {
  color: #ffffff; }

#book-space-summary-wrapper .page-title p {
  margin-bottom: 45px;
  font-size: 20px; }

#book-space-summary-wrapper .cell-left, #book-space-summary-wrapper .cell-right {
  padding: 0 0 25px; }

#book-space-summary-wrapper .cell-right section {
  padding: 0 0 25px; }

#book-space-summary-wrapper th {
  padding: 0 7px 0 0;
  border-bottom: 0;
  color: #ffffff;
  font-weight: 400; }

#book-space-summary-wrapper td {
  padding: 0;
  border-bottom: 0; }

#book-space-summary-wrapper .divider {
  margin: 25px 0 45px;
  background-color: #d12229; }

#book-space-summary-wrapper .total {
  display: table;
  border-top: 1px solid #d12229;
  border-bottom: 1px solid #d12229;
  padding: 0 0 5px;
  margin-bottom: 20px;
  margin-top: -10px;
  font-size: 25px; }

#book-space-summary-wrapper .total span {
  display: inline-block;
  vertical-align: middle; }

#book-space-summary-wrapper .total .text-red {
  font-size: 17px;
  padding: 0 15px 0 0; }

#book-space-summary-wrapper .checkbox {
  display: inline-block;
  float: left;
  margin-bottom: 20px; }

@media only screen and (max-width: 767px) {
  #book-space-summary-wrapper .page-title p {
    margin-bottom: 45px;
    font-size: 16px; }
  #book-space-summary-wrapper .cell-left {
    padding: 20px 0 0; }
  #book-space-summary-wrapper .cell-right {
    padding: 10px 0 25px 25px; }
  #book-space-summary-wrapper .total {
    margin-top: 10px; } }

@media only screen and (max-width: 565px) {
  #book-space-summary-wrapper .control-label {
    width: 80%; } }

@media only screen and (max-width: 480px) {
  #book-space-summary-wrapper .cell-right {
    padding: 10px 0 25px 0; } }

.parking-charge {
  height: 100%; }

.parking-charge {
  background-image: url(../img/bp-parking-charge-bk.jpg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #14182a; }

/*-----------------------------------------------------------------------------------*/
/* SEASON TICKET INTRO */
/*-----------------------------------------------------------------------------------*/
#parking-charge-intro-wrapper h3 {
  margin: 30px 0 40px 0;
  font-size: 24px; }

@media only screen and (max-width: 480px) {
  #parking-charge-intro-wrapper h3 {
    margin: 15px 0 20px 0;
    font-size: 20px; } }

#parking-charge-intro-nav-wrapper {
  position: fixed;
  width: 100%;
  bottom: 0;
  z-index: 300;
  padding-bottom: 60px; }

#parking-charge-intro-nav-wrapper .btn.btn-feature {
  font-family: "Roboto", sans-serif;
  color: #979797; }

#parking-charge-intro-nav-wrapper .btn.btn-feature:hover,
#parking-charge-intro-nav-wrapper .btn.btn-feature:focus,
#parking-charge-intro-nav-wrapper .btn.btn-feature:active,
#parking-charge-intro-nav-wrapper .btn.btn-feature:focus:active {
  color: #ffffff;
  border-bottom: 1px solid #d12229; }

/*-----------------------------------------------------------------------------------*/
/* SEASON TICKET PAYMENTS */
/*-----------------------------------------------------------------------------------*/
#parking-charge-payment-wrapper .content {
  margin-bottom: 30px; }

#parking-charge-payment-wrapper h4 {
  text-transform: none;
  font-family: "Roboto", sans-serif;
  font-size: 22px;
  margin-top: 0; }

#parking-charge-payment-wrapper ol {
  display: block;
  margin: 20px auto;
  width: 300px;
  font-size: 18px;
  list-style: none;
  padding: 0; }
  #parking-charge-payment-wrapper ol li {
    counter-increment: counter;
    margin-bottom: 10px; }
  #parking-charge-payment-wrapper ol li:before {
    margin-right: 15px;
    content: counter(counter) ".";
    color: #d12229;
    display: inline-block; }

#parking-charge-payment-wrapper .small {
  color: #979797;
  font-size: 80%; }

#parking-charge-payment-wrapper .policy-button {
  font-family: "Raleway", sans-serif;
  cursor: pointer;
  margin-top: 15px;
  display: inline-block; }

#parking-charge-payment-wrapper .payment-options {
  display: block;
  position: absolute;
  top: 0;
  left: 0; }
  #parking-charge-payment-wrapper .payment-options ul {
    list-style: none;
    padding: 0; }
  #parking-charge-payment-wrapper .payment-options li {
    margin-bottom: 30px; }
    #parking-charge-payment-wrapper .payment-options li img {
      width: 70px; }

@media only screen and (max-width: 767px) {
  #parking-charge-payment-wrapper .payment-options {
    display: block;
    position: relative; }
    #parking-charge-payment-wrapper .payment-options li {
      display: inline-block;
      padding: 0 15px; }
      #parking-charge-payment-wrapper .payment-options li img {
        width: 50px; } }

@media only screen and (max-width: 480px) {
  #parking-charge-payment-wrapper ol {
    width: 245px;
    font-size: 15px; }
  #parking-charge-payment-wrapper li:before {
    margin-right: 5px !important; }
  #parking-charge-payment-wrapper .payment-options li {
    padding: 0 5px; }
    #parking-charge-payment-wrapper .payment-options li img {
      width: 45px; } }

/*-----------------------------------------------------------------------------------*/
/* NON-PROCESS GLOBAL */
/*-----------------------------------------------------------------------------------*/
.non-process {
  height: 100%;
  background-image: url(../img/bp-nonprocess-generic-bk.jpg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #14182a; }

#non-process-intro-wrapper .page-title h2,
#non-process-management-wrapper .page-title h2,
#non-process-links-wrapper .page-title h2,
#non-process-team-wrapper .page-title h2,
#non-process-clients-wrapper .page-title h2,
#non-process-contact-wrapper .page-title h2,
#non-process-news-overview-wrapper .page-title h2,
#non-process-news-single-wrapper .page-title h2,
#non-process-wrapper .page-title h2 {
  margin: 5px 0 0;
  font-size: 35px; }

#non-process-intro-wrapper h3,
#non-process-management-wrapper h3,
#non-process-links-wrapper h3,
#non-process-team-wrapper h3,
#non-process-clients-wrapper h3,
#non-process-contact-wrapper h3,
#non-process-news-overview-wrapper h3,
#non-process-news-single-wrapper h3,
#non-process-wrapper h3 {
  margin: 40px 0 25px;
  font-weight: 700;
  color: #ffffff;
  text-transform: uppercase; }
  #non-process-intro-wrapper h3.lead,
  #non-process-management-wrapper h3.lead,
  #non-process-links-wrapper h3.lead,
  #non-process-team-wrapper h3.lead,
  #non-process-clients-wrapper h3.lead,
  #non-process-contact-wrapper h3.lead,
  #non-process-news-overview-wrapper h3.lead,
  #non-process-news-single-wrapper h3.lead,
  #non-process-wrapper h3.lead {
    margin: 35px 0 30px;
    font-size: 18px;
    color: #979797;
    line-height: 1.4;
    font-weight: 300;
    text-transform: none; }
  #non-process-intro-wrapper h3 p,
  #non-process-management-wrapper h3 p,
  #non-process-links-wrapper h3 p,
  #non-process-team-wrapper h3 p,
  #non-process-clients-wrapper h3 p,
  #non-process-contact-wrapper h3 p,
  #non-process-news-overview-wrapper h3 p,
  #non-process-news-single-wrapper h3 p,
  #non-process-wrapper h3 p {
    text-align: center; }

#non-process-intro-wrapper h4,
#non-process-management-wrapper h4,
#non-process-links-wrapper h4,
#non-process-team-wrapper h4,
#non-process-clients-wrapper h4,
#non-process-contact-wrapper h4,
#non-process-news-overview-wrapper h4,
#non-process-news-single-wrapper h4,
#non-process-wrapper h4 {
  text-transform: none;
  font-family: "Roboto", sans-serif; }

#non-process-intro-wrapper p,
#non-process-management-wrapper p,
#non-process-links-wrapper p,
#non-process-team-wrapper p,
#non-process-clients-wrapper p,
#non-process-contact-wrapper p,
#non-process-news-overview-wrapper p,
#non-process-news-single-wrapper p,
#non-process-wrapper p {
  margin: 0 0 30px;
  text-align: center; }

@media (min-width: 480px) {
  #non-process-intro-wrapper h3,
  #non-process-management-wrapper h3,
  #non-process-links-wrapper h3,
  #non-process-team-wrapper h3,
  #non-process-clients-wrapper h3,
  #non-process-contact-wrapper h3,
  #non-process-news-overview-wrapper h3,
  #non-process-news-single-wrapper h3,
  #non-process-wrapper h3 {
    margin: 70px 0 40px; }
    #non-process-intro-wrapper h3.lead,
    #non-process-management-wrapper h3.lead,
    #non-process-links-wrapper h3.lead,
    #non-process-team-wrapper h3.lead,
    #non-process-clients-wrapper h3.lead,
    #non-process-contact-wrapper h3.lead,
    #non-process-news-overview-wrapper h3.lead,
    #non-process-news-single-wrapper h3.lead,
    #non-process-wrapper h3.lead {
      margin: 25px 0 40px;
      font-size: 23px; }
  #non-process-intro-wrapper p,
  #non-process-management-wrapper p,
  #non-process-links-wrapper p,
  #non-process-team-wrapper p,
  #non-process-clients-wrapper p,
  #non-process-contact-wrapper p,
  #non-process-news-overview-wrapper p,
  #non-process-news-single-wrapper p,
  #non-process-wrapper p {
    text-align: left; } }

@media (min-width: 992px) {
  #non-process-intro-wrapper .page-title h2,
  #non-process-management-wrapper .page-title h2,
  #non-process-links-wrapper .page-title h2,
  #non-process-team-wrapper .page-title h2,
  #non-process-clients-wrapper .page-title h2,
  #non-process-contact-wrapper .page-title h2,
  #non-process-news-overview-wrapper .page-title h2,
  #non-process-news-single-wrapper .page-title h2,
  #non-process-wrapper .page-title h2 {
    margin: 15px 0 0;
    font-size: 50px; }
  #non-process-intro-wrapper h3,
  #non-process-management-wrapper h3,
  #non-process-links-wrapper h3,
  #non-process-team-wrapper h3,
  #non-process-clients-wrapper h3,
  #non-process-contact-wrapper h3,
  #non-process-news-overview-wrapper h3,
  #non-process-news-single-wrapper h3,
  #non-process-wrapper h3 {
    margin: 70px 0 40px; }
    #non-process-intro-wrapper h3.lead,
    #non-process-management-wrapper h3.lead,
    #non-process-links-wrapper h3.lead,
    #non-process-team-wrapper h3.lead,
    #non-process-clients-wrapper h3.lead,
    #non-process-contact-wrapper h3.lead,
    #non-process-news-overview-wrapper h3.lead,
    #non-process-news-single-wrapper h3.lead,
    #non-process-wrapper h3.lead {
      margin: 35px 0 30px;
      font-size: 23px; } }

@media (min-width: 1200px) {
  #non-process-intro-wrapper .page-title h2,
  #non-process-management-wrapper .page-title h2,
  #non-process-links-wrapper .page-title h2,
  #non-process-team-wrapper .page-title h2,
  #non-process-clients-wrapper .page-title h2,
  #non-process-contact-wrapper .page-title h2,
  #non-process-news-overview-wrapper .page-title h2,
  #non-process-news-single-wrapper .page-title h2,
  #non-process-wrapper .page-title h2 {
    margin: 15px 0 0;
    font-size: 65px; }
  #non-process-intro-wrapper h3,
  #non-process-management-wrapper h3,
  #non-process-links-wrapper h3,
  #non-process-team-wrapper h3,
  #non-process-clients-wrapper h3,
  #non-process-contact-wrapper h3,
  #non-process-news-overview-wrapper h3,
  #non-process-news-single-wrapper h3,
  #non-process-wrapper h3 {
    margin: 70px 0 40px; }
    #non-process-intro-wrapper h3.lead,
    #non-process-management-wrapper h3.lead,
    #non-process-links-wrapper h3.lead,
    #non-process-team-wrapper h3.lead,
    #non-process-clients-wrapper h3.lead,
    #non-process-contact-wrapper h3.lead,
    #non-process-news-overview-wrapper h3.lead,
    #non-process-news-single-wrapper h3.lead,
    #non-process-wrapper h3.lead {
      margin: 35px 0 40px;
      font-size: 25px; } }

#non-process-intro-wrapper ul,
#non-process-management-wrapper ul,
#non-process-links-wrapper ul,
#non-process-team-wrapper ul,
#non-process-clients-wrapper ul,
#non-process-contact-wrapper ul,
#non-process-news-overview-wrapper ul,
#non-process-news-single-wrapper ul,
#non-process-wrapper ul {
  padding-left: 0;
  margin-bottom: 25px;
  list-style: none;
  text-align: left; }
  #non-process-intro-wrapper ul li,
  #non-process-management-wrapper ul li,
  #non-process-links-wrapper ul li,
  #non-process-team-wrapper ul li,
  #non-process-clients-wrapper ul li,
  #non-process-contact-wrapper ul li,
  #non-process-news-overview-wrapper ul li,
  #non-process-news-single-wrapper ul li,
  #non-process-wrapper ul li {
    font-style: italic;
    text-indent: -20px;
    padding-left: 40px;
    line-height: 1.5;
    padding-bottom: 5px; }
    #non-process-intro-wrapper ul li:before,
    #non-process-management-wrapper ul li:before,
    #non-process-links-wrapper ul li:before,
    #non-process-team-wrapper ul li:before,
    #non-process-clients-wrapper ul li:before,
    #non-process-contact-wrapper ul li:before,
    #non-process-news-overview-wrapper ul li:before,
    #non-process-news-single-wrapper ul li:before,
    #non-process-wrapper ul li:before {
      content: "•";
      color: #d12229;
      padding-right: 10px;
      font-size: 30px;
      font-style: normal;
      line-height: 0;
      vertical-align: sub; }

#non-process-intro-wrapper .enquiries-wrapper,
#non-process-management-wrapper .enquiries-wrapper,
#non-process-links-wrapper .enquiries-wrapper,
#non-process-team-wrapper .enquiries-wrapper,
#non-process-clients-wrapper .enquiries-wrapper,
#non-process-contact-wrapper .enquiries-wrapper,
#non-process-news-overview-wrapper .enquiries-wrapper,
#non-process-news-single-wrapper .enquiries-wrapper,
#non-process-wrapper .enquiries-wrapper {
  text-align: center;
  margin-top: 80px;
  margin-bottom: 100px;
  border-top: 1px solid #d12229;
  border-bottom: 1px solid #d12229;
  padding: 50px 0; }
  #non-process-intro-wrapper .enquiries-wrapper i,
  #non-process-management-wrapper .enquiries-wrapper i,
  #non-process-links-wrapper .enquiries-wrapper i,
  #non-process-team-wrapper .enquiries-wrapper i,
  #non-process-clients-wrapper .enquiries-wrapper i,
  #non-process-contact-wrapper .enquiries-wrapper i,
  #non-process-news-overview-wrapper .enquiries-wrapper i,
  #non-process-news-single-wrapper .enquiries-wrapper i,
  #non-process-wrapper .enquiries-wrapper i {
    font-size: 50px;
    color: #979797; }
  #non-process-intro-wrapper .enquiries-wrapper h4,
  #non-process-management-wrapper .enquiries-wrapper h4,
  #non-process-links-wrapper .enquiries-wrapper h4,
  #non-process-team-wrapper .enquiries-wrapper h4,
  #non-process-clients-wrapper .enquiries-wrapper h4,
  #non-process-contact-wrapper .enquiries-wrapper h4,
  #non-process-news-overview-wrapper .enquiries-wrapper h4,
  #non-process-news-single-wrapper .enquiries-wrapper h4,
  #non-process-wrapper .enquiries-wrapper h4 {
    color: #ffffff;
    font-weight: 400;
    font-size: 25px; }
  #non-process-intro-wrapper .enquiries-wrapper p,
  #non-process-management-wrapper .enquiries-wrapper p,
  #non-process-links-wrapper .enquiries-wrapper p,
  #non-process-team-wrapper .enquiries-wrapper p,
  #non-process-clients-wrapper .enquiries-wrapper p,
  #non-process-contact-wrapper .enquiries-wrapper p,
  #non-process-news-overview-wrapper .enquiries-wrapper p,
  #non-process-news-single-wrapper .enquiries-wrapper p,
  #non-process-wrapper .enquiries-wrapper p {
    color: #979797;
    font-size: 17px;
    margin: 0 0 20px; }

#non-process-intro-wrapper .download-link,
#non-process-management-wrapper .download-link,
#non-process-links-wrapper .download-link,
#non-process-team-wrapper .download-link,
#non-process-clients-wrapper .download-link,
#non-process-contact-wrapper .download-link,
#non-process-news-overview-wrapper .download-link,
#non-process-news-single-wrapper .download-link,
#non-process-wrapper .download-link {
  display: block;
  border-top: 1px solid #d12229;
  border-bottom: 1px solid #d12229;
  text-align: center;
  padding: 30px 0;
  margin: 50px 0 30px; }
  #non-process-intro-wrapper .download-link a,
  #non-process-management-wrapper .download-link a,
  #non-process-links-wrapper .download-link a,
  #non-process-team-wrapper .download-link a,
  #non-process-clients-wrapper .download-link a,
  #non-process-contact-wrapper .download-link a,
  #non-process-news-overview-wrapper .download-link a,
  #non-process-news-single-wrapper .download-link a,
  #non-process-wrapper .download-link a {
    text-transform: uppercase;
    color: #ffffff;
    font-size: 15px;
    font-weight: 700; }
    #non-process-intro-wrapper .download-link a:hover, #non-process-intro-wrapper .download-link a:focus:hover, #non-process-intro-wrapper .download-link a:active:hover, #non-process-intro-wrapper .download-link a:focus:active:hover,
    #non-process-management-wrapper .download-link a:hover,
    #non-process-management-wrapper .download-link a:focus:hover,
    #non-process-management-wrapper .download-link a:active:hover,
    #non-process-management-wrapper .download-link a:focus:active:hover,
    #non-process-links-wrapper .download-link a:hover,
    #non-process-links-wrapper .download-link a:focus:hover,
    #non-process-links-wrapper .download-link a:active:hover,
    #non-process-links-wrapper .download-link a:focus:active:hover,
    #non-process-team-wrapper .download-link a:hover,
    #non-process-team-wrapper .download-link a:focus:hover,
    #non-process-team-wrapper .download-link a:active:hover,
    #non-process-team-wrapper .download-link a:focus:active:hover,
    #non-process-clients-wrapper .download-link a:hover,
    #non-process-clients-wrapper .download-link a:focus:hover,
    #non-process-clients-wrapper .download-link a:active:hover,
    #non-process-clients-wrapper .download-link a:focus:active:hover,
    #non-process-contact-wrapper .download-link a:hover,
    #non-process-contact-wrapper .download-link a:focus:hover,
    #non-process-contact-wrapper .download-link a:active:hover,
    #non-process-contact-wrapper .download-link a:focus:active:hover,
    #non-process-news-overview-wrapper .download-link a:hover,
    #non-process-news-overview-wrapper .download-link a:focus:hover,
    #non-process-news-overview-wrapper .download-link a:active:hover,
    #non-process-news-overview-wrapper .download-link a:focus:active:hover,
    #non-process-news-single-wrapper .download-link a:hover,
    #non-process-news-single-wrapper .download-link a:focus:hover,
    #non-process-news-single-wrapper .download-link a:active:hover,
    #non-process-news-single-wrapper .download-link a:focus:active:hover,
    #non-process-wrapper .download-link a:hover,
    #non-process-wrapper .download-link a:focus:hover,
    #non-process-wrapper .download-link a:active:hover,
    #non-process-wrapper .download-link a:focus:active:hover {
      color: #d12229;
      opacity: 1; }
    #non-process-intro-wrapper .download-link a:focus, #non-process-intro-wrapper .download-link a:focus:active,
    #non-process-management-wrapper .download-link a:focus,
    #non-process-management-wrapper .download-link a:focus:active,
    #non-process-links-wrapper .download-link a:focus,
    #non-process-links-wrapper .download-link a:focus:active,
    #non-process-team-wrapper .download-link a:focus,
    #non-process-team-wrapper .download-link a:focus:active,
    #non-process-clients-wrapper .download-link a:focus,
    #non-process-clients-wrapper .download-link a:focus:active,
    #non-process-contact-wrapper .download-link a:focus,
    #non-process-contact-wrapper .download-link a:focus:active,
    #non-process-news-overview-wrapper .download-link a:focus,
    #non-process-news-overview-wrapper .download-link a:focus:active,
    #non-process-news-single-wrapper .download-link a:focus,
    #non-process-news-single-wrapper .download-link a:focus:active,
    #non-process-wrapper .download-link a:focus,
    #non-process-wrapper .download-link a:focus:active {
      color: #d12229;
      opacity: 1; }
    #non-process-intro-wrapper .download-link a:active,
    #non-process-management-wrapper .download-link a:active,
    #non-process-links-wrapper .download-link a:active,
    #non-process-team-wrapper .download-link a:active,
    #non-process-clients-wrapper .download-link a:active,
    #non-process-contact-wrapper .download-link a:active,
    #non-process-news-overview-wrapper .download-link a:active,
    #non-process-news-single-wrapper .download-link a:active,
    #non-process-wrapper .download-link a:active {
      color: #d12229;
      opacity: 1; }
    #non-process-intro-wrapper .download-link a:before,
    #non-process-management-wrapper .download-link a:before,
    #non-process-links-wrapper .download-link a:before,
    #non-process-team-wrapper .download-link a:before,
    #non-process-clients-wrapper .download-link a:before,
    #non-process-contact-wrapper .download-link a:before,
    #non-process-news-overview-wrapper .download-link a:before,
    #non-process-news-single-wrapper .download-link a:before,
    #non-process-wrapper .download-link a:before {
      content: "\e025";
      display: inline-block;
      font-family: 'Glyphicons Halflings';
      font-style: normal;
      font-weight: 400;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      background-color: #d12229;
      color: #ffffff;
      padding: 10px;
      margin-right: 15px;
      border-radius: 50%;
      text-indent: -0.04em;
      width: 37px;
      height: 37px; }

#non-process-contact-wrapper p {
  text-align: center; }

#non-process-intro-wrapper {
  padding-top: 130px; }
  #non-process-intro-wrapper .service-icon {
    width: 50px;
    height: 50px;
    margin: 0 auto 20px; }

@media (min-width: 767px) {
  #non-process-intro-wrapper {
    padding-top: 150px; }
    #non-process-intro-wrapper .service-icon {
      width: 50px;
      height: 50px;
      margin: 0 auto 20px; } }

@media (min-width: 992px) {
  #non-process-intro-wrapper {
    padding-top: 150px; }
    #non-process-intro-wrapper .service-icon {
      width: 60px;
      height: 60px;
      margin: 0 auto 10px; } }

@media (min-width: 1200px) {
  #non-process-intro-wrapper {
    padding-top: 200px; }
    #non-process-intro-wrapper .service-icon {
      width: 70px;
      height: 70px;
      margin: 0 auto 20px; } }

#non-process-intro-wrapper img, #non-process-management-wrapper img, #non-process-news-single-wrapper img {
  display: inline-block;
  width: 100%;
  margin-top: 30px;
  border: 10px solid #171515; }

#non-process-intro-wrapper #content-carousel, #non-process-management-wrapper #content-carousel, #non-process-news-single-wrapper #content-carousel {
  margin-top: 60px;
  position: relative;
  border: 10px solid #171515; }
  #non-process-intro-wrapper #content-carousel img, #non-process-management-wrapper #content-carousel img, #non-process-news-single-wrapper #content-carousel img {
    border: none;
    margin-top: 0; }
  #non-process-intro-wrapper #content-carousel .content-carousel-nav, #non-process-management-wrapper #content-carousel .content-carousel-nav, #non-process-news-single-wrapper #content-carousel .content-carousel-nav {
    position: absolute;
    top: 45%;
    z-index: 200;
    width: 100%;
    display: none; }
    #non-process-intro-wrapper #content-carousel .content-carousel-nav .next-arrow, #non-process-intro-wrapper #content-carousel .content-carousel-nav .prev-arrow, #non-process-management-wrapper #content-carousel .content-carousel-nav .next-arrow, #non-process-management-wrapper #content-carousel .content-carousel-nav .prev-arrow, #non-process-news-single-wrapper #content-carousel .content-carousel-nav .next-arrow, #non-process-news-single-wrapper #content-carousel .content-carousel-nav .prev-arrow {
      cursor: pointer;
      display: inline-block;
      background-color: #d12229;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      #non-process-intro-wrapper #content-carousel .content-carousel-nav .next-arrow:hover, #non-process-intro-wrapper #content-carousel .content-carousel-nav .next-arrow:focus:hover, #non-process-intro-wrapper #content-carousel .content-carousel-nav .next-arrow:active:hover, #non-process-intro-wrapper #content-carousel .content-carousel-nav .next-arrow:focus:active:hover, #non-process-intro-wrapper #content-carousel .content-carousel-nav .prev-arrow:hover, #non-process-intro-wrapper #content-carousel .content-carousel-nav .prev-arrow:focus:hover, #non-process-intro-wrapper #content-carousel .content-carousel-nav .prev-arrow:active:hover, #non-process-intro-wrapper #content-carousel .content-carousel-nav .prev-arrow:focus:active:hover, #non-process-management-wrapper #content-carousel .content-carousel-nav .next-arrow:hover, #non-process-management-wrapper #content-carousel .content-carousel-nav .next-arrow:focus:hover, #non-process-management-wrapper #content-carousel .content-carousel-nav .next-arrow:active:hover, #non-process-management-wrapper #content-carousel .content-carousel-nav .next-arrow:focus:active:hover, #non-process-management-wrapper #content-carousel .content-carousel-nav .prev-arrow:hover, #non-process-management-wrapper #content-carousel .content-carousel-nav .prev-arrow:focus:hover, #non-process-management-wrapper #content-carousel .content-carousel-nav .prev-arrow:active:hover, #non-process-management-wrapper #content-carousel .content-carousel-nav .prev-arrow:focus:active:hover, #non-process-news-single-wrapper #content-carousel .content-carousel-nav .next-arrow:hover, #non-process-news-single-wrapper #content-carousel .content-carousel-nav .next-arrow:focus:hover, #non-process-news-single-wrapper #content-carousel .content-carousel-nav .next-arrow:active:hover, #non-process-news-single-wrapper #content-carousel .content-carousel-nav .next-arrow:focus:active:hover, #non-process-news-single-wrapper #content-carousel .content-carousel-nav .prev-arrow:hover, #non-process-news-single-wrapper #content-carousel .content-carousel-nav .prev-arrow:focus:hover, #non-process-news-single-wrapper #content-carousel .content-carousel-nav .prev-arrow:active:hover, #non-process-news-single-wrapper #content-carousel .content-carousel-nav .prev-arrow:focus:active:hover {
        background-color: #ffffff;
        color: #d12229; }
      #non-process-intro-wrapper #content-carousel .content-carousel-nav .next-arrow:focus, #non-process-intro-wrapper #content-carousel .content-carousel-nav .next-arrow:focus:active, #non-process-intro-wrapper #content-carousel .content-carousel-nav .prev-arrow:focus, #non-process-intro-wrapper #content-carousel .content-carousel-nav .prev-arrow:focus:active, #non-process-management-wrapper #content-carousel .content-carousel-nav .next-arrow:focus, #non-process-management-wrapper #content-carousel .content-carousel-nav .next-arrow:focus:active, #non-process-management-wrapper #content-carousel .content-carousel-nav .prev-arrow:focus, #non-process-management-wrapper #content-carousel .content-carousel-nav .prev-arrow:focus:active, #non-process-news-single-wrapper #content-carousel .content-carousel-nav .next-arrow:focus, #non-process-news-single-wrapper #content-carousel .content-carousel-nav .next-arrow:focus:active, #non-process-news-single-wrapper #content-carousel .content-carousel-nav .prev-arrow:focus, #non-process-news-single-wrapper #content-carousel .content-carousel-nav .prev-arrow:focus:active {
        background-color: #ffffff;
        color: #d12229; }
      #non-process-intro-wrapper #content-carousel .content-carousel-nav .next-arrow:active, #non-process-intro-wrapper #content-carousel .content-carousel-nav .prev-arrow:active, #non-process-management-wrapper #content-carousel .content-carousel-nav .next-arrow:active, #non-process-management-wrapper #content-carousel .content-carousel-nav .prev-arrow:active, #non-process-news-single-wrapper #content-carousel .content-carousel-nav .next-arrow:active, #non-process-news-single-wrapper #content-carousel .content-carousel-nav .prev-arrow:active {
        background-color: #ffffff;
        color: #d12229; }
    #non-process-intro-wrapper #content-carousel .content-carousel-nav .next-arrow, #non-process-management-wrapper #content-carousel .content-carousel-nav .next-arrow, #non-process-news-single-wrapper #content-carousel .content-carousel-nav .next-arrow {
      float: right;
      padding: 20px 8px 20px 15px;
      -webkit-border-top-left-radius: 40px;
      -webkit-border-bottom-left-radius: 40px;
      -moz-border-radius-topleft: 40px;
      -moz-border-radius-bottomleft: 40px;
      border-top-left-radius: 40px;
      border-bottom-left-radius: 40px; }
    #non-process-intro-wrapper #content-carousel .content-carousel-nav .prev-arrow, #non-process-management-wrapper #content-carousel .content-carousel-nav .prev-arrow, #non-process-news-single-wrapper #content-carousel .content-carousel-nav .prev-arrow {
      float: left;
      padding: 20px 15px 20px 8px;
      -webkit-border-top-right-radius: 40px;
      -webkit-border-bottom-right-radius: 40px;
      -moz-border-radius-topright: 40px;
      -moz-border-radius-bottomright: 40px;
      border-top-right-radius: 40px;
      border-bottom-right-radius: 40px; }

@media (min-width: 768px) {
  #non-process-intro-wrapper #content-carousel .content-carousel-nav, #non-process-management-wrapper #content-carousel .content-carousel-nav, #non-process-news-single-wrapper #content-carousel .content-carousel-nav {
    display: block; } }

#non-process-intro-wrapper #content-carousel.about-content-carousel, #non-process-intro-wrapper .content-carousel.about-content-carousel, #non-process-management-wrapper #content-carousel.about-content-carousel, #non-process-management-wrapper .content-carousel.about-content-carousel {
  border: 10px solid #171515;
  margin-top: 60px; }
  #non-process-intro-wrapper #content-carousel.about-content-carousel img, #non-process-intro-wrapper .content-carousel.about-content-carousel img, #non-process-management-wrapper #content-carousel.about-content-carousel img, #non-process-management-wrapper .content-carousel.about-content-carousel img {
    margin: 0;
    border: 0; }
  #non-process-intro-wrapper #content-carousel.about-content-carousel .next-arrow, #non-process-intro-wrapper #content-carousel.about-content-carousel .prev-arrow, #non-process-intro-wrapper .content-carousel.about-content-carousel .next-arrow, #non-process-intro-wrapper .content-carousel.about-content-carousel .prev-arrow, #non-process-management-wrapper #content-carousel.about-content-carousel .next-arrow, #non-process-management-wrapper #content-carousel.about-content-carousel .prev-arrow, #non-process-management-wrapper .content-carousel.about-content-carousel .next-arrow, #non-process-management-wrapper .content-carousel.about-content-carousel .prev-arrow {
    cursor: pointer;
    display: inline-block;
    background-color: #d12229;
    position: absolute;
    z-index: 10;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    #non-process-intro-wrapper #content-carousel.about-content-carousel .next-arrow:hover, #non-process-intro-wrapper #content-carousel.about-content-carousel .next-arrow:focus:hover, #non-process-intro-wrapper #content-carousel.about-content-carousel .next-arrow:active:hover, #non-process-intro-wrapper #content-carousel.about-content-carousel .next-arrow:focus:active:hover, #non-process-intro-wrapper #content-carousel.about-content-carousel .prev-arrow:hover, #non-process-intro-wrapper #content-carousel.about-content-carousel .prev-arrow:focus:hover, #non-process-intro-wrapper #content-carousel.about-content-carousel .prev-arrow:active:hover, #non-process-intro-wrapper #content-carousel.about-content-carousel .prev-arrow:focus:active:hover, #non-process-intro-wrapper .content-carousel.about-content-carousel .next-arrow:hover, #non-process-intro-wrapper .content-carousel.about-content-carousel .next-arrow:focus:hover, #non-process-intro-wrapper .content-carousel.about-content-carousel .next-arrow:active:hover, #non-process-intro-wrapper .content-carousel.about-content-carousel .next-arrow:focus:active:hover, #non-process-intro-wrapper .content-carousel.about-content-carousel .prev-arrow:hover, #non-process-intro-wrapper .content-carousel.about-content-carousel .prev-arrow:focus:hover, #non-process-intro-wrapper .content-carousel.about-content-carousel .prev-arrow:active:hover, #non-process-intro-wrapper .content-carousel.about-content-carousel .prev-arrow:focus:active:hover, #non-process-management-wrapper #content-carousel.about-content-carousel .next-arrow:hover, #non-process-management-wrapper #content-carousel.about-content-carousel .next-arrow:focus:hover, #non-process-management-wrapper #content-carousel.about-content-carousel .next-arrow:active:hover, #non-process-management-wrapper #content-carousel.about-content-carousel .next-arrow:focus:active:hover, #non-process-management-wrapper #content-carousel.about-content-carousel .prev-arrow:hover, #non-process-management-wrapper #content-carousel.about-content-carousel .prev-arrow:focus:hover, #non-process-management-wrapper #content-carousel.about-content-carousel .prev-arrow:active:hover, #non-process-management-wrapper #content-carousel.about-content-carousel .prev-arrow:focus:active:hover, #non-process-management-wrapper .content-carousel.about-content-carousel .next-arrow:hover, #non-process-management-wrapper .content-carousel.about-content-carousel .next-arrow:focus:hover, #non-process-management-wrapper .content-carousel.about-content-carousel .next-arrow:active:hover, #non-process-management-wrapper .content-carousel.about-content-carousel .next-arrow:focus:active:hover, #non-process-management-wrapper .content-carousel.about-content-carousel .prev-arrow:hover, #non-process-management-wrapper .content-carousel.about-content-carousel .prev-arrow:focus:hover, #non-process-management-wrapper .content-carousel.about-content-carousel .prev-arrow:active:hover, #non-process-management-wrapper .content-carousel.about-content-carousel .prev-arrow:focus:active:hover {
      background-color: #ffffff;
      color: #d12229; }
    #non-process-intro-wrapper #content-carousel.about-content-carousel .next-arrow:focus, #non-process-intro-wrapper #content-carousel.about-content-carousel .next-arrow:focus:active, #non-process-intro-wrapper #content-carousel.about-content-carousel .prev-arrow:focus, #non-process-intro-wrapper #content-carousel.about-content-carousel .prev-arrow:focus:active, #non-process-intro-wrapper .content-carousel.about-content-carousel .next-arrow:focus, #non-process-intro-wrapper .content-carousel.about-content-carousel .next-arrow:focus:active, #non-process-intro-wrapper .content-carousel.about-content-carousel .prev-arrow:focus, #non-process-intro-wrapper .content-carousel.about-content-carousel .prev-arrow:focus:active, #non-process-management-wrapper #content-carousel.about-content-carousel .next-arrow:focus, #non-process-management-wrapper #content-carousel.about-content-carousel .next-arrow:focus:active, #non-process-management-wrapper #content-carousel.about-content-carousel .prev-arrow:focus, #non-process-management-wrapper #content-carousel.about-content-carousel .prev-arrow:focus:active, #non-process-management-wrapper .content-carousel.about-content-carousel .next-arrow:focus, #non-process-management-wrapper .content-carousel.about-content-carousel .next-arrow:focus:active, #non-process-management-wrapper .content-carousel.about-content-carousel .prev-arrow:focus, #non-process-management-wrapper .content-carousel.about-content-carousel .prev-arrow:focus:active {
      background-color: #ffffff;
      color: #d12229; }
    #non-process-intro-wrapper #content-carousel.about-content-carousel .next-arrow:active, #non-process-intro-wrapper #content-carousel.about-content-carousel .prev-arrow:active, #non-process-intro-wrapper .content-carousel.about-content-carousel .next-arrow:active, #non-process-intro-wrapper .content-carousel.about-content-carousel .prev-arrow:active, #non-process-management-wrapper #content-carousel.about-content-carousel .next-arrow:active, #non-process-management-wrapper #content-carousel.about-content-carousel .prev-arrow:active, #non-process-management-wrapper .content-carousel.about-content-carousel .next-arrow:active, #non-process-management-wrapper .content-carousel.about-content-carousel .prev-arrow:active {
      background-color: #ffffff;
      color: #d12229; }
  #non-process-intro-wrapper #content-carousel.about-content-carousel .next-arrow, #non-process-intro-wrapper .content-carousel.about-content-carousel .next-arrow, #non-process-management-wrapper #content-carousel.about-content-carousel .next-arrow, #non-process-management-wrapper .content-carousel.about-content-carousel .next-arrow {
    right: 0;
    padding: 20px 8px 20px 15px;
    -webkit-border-top-left-radius: 40px;
    -webkit-border-bottom-left-radius: 40px;
    -moz-border-radius-topleft: 40px;
    -moz-border-radius-bottomleft: 40px;
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px; }
  #non-process-intro-wrapper #content-carousel.about-content-carousel .prev-arrow, #non-process-intro-wrapper .content-carousel.about-content-carousel .prev-arrow, #non-process-management-wrapper #content-carousel.about-content-carousel .prev-arrow, #non-process-management-wrapper .content-carousel.about-content-carousel .prev-arrow {
    left: 0;
    padding: 20px 15px 20px 8px;
    -webkit-border-top-right-radius: 40px;
    -webkit-border-bottom-right-radius: 40px;
    -moz-border-radius-topright: 40px;
    -moz-border-radius-bottomright: 40px;
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px; }

/*-----------------------------------------------------------------------------------*/
/* NON-PROCESS ABOUT */
/*-----------------------------------------------------------------------------------*/
/* --- Team Section --- */
#non-process-team-wrapper {
  background-color: #14182a;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 75px;
  padding-bottom: 30px; }
  #non-process-team-wrapper .item .inner {
    padding: 25px 0; }
  #non-process-team-wrapper h3 {
    text-align: center;
    margin-top: 0; }
  #non-process-team-wrapper .image {
    display: block;
    vertical-align: middle;
    width: 115px;
    height: 115px;
    overflow: hidden;
    margin: 0 auto 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%; }
    #non-process-team-wrapper .image img {
      width: 100%;
      height: auto; }
  #non-process-team-wrapper .contact {
    display: inline-block;
    vertical-align: middle;
    padding-left: 0;
    width: 100%;
    text-align: center; }
    #non-process-team-wrapper .contact h4 {
      font-size: 26px;
      color: #ffffff;
      margin: 0; }
    #non-process-team-wrapper .contact h5 {
      font-size: 15px;
      font-family: "Roboto", sans-serif;
      text-transform: none;
      color: #d12229;
      margin-bottom: 15px;
      margin-top: 7px; }
    #non-process-team-wrapper .contact a {
      border-top: 1px solid #58565c;
      border-bottom: 1px solid #58565c;
      width: 100%;
      display: block;
      padding: 12px 0;
      font-size: 14px;
      color: #ffffff;
      opacity: 1; }
      #non-process-team-wrapper .contact a:hover, #non-process-team-wrapper .contact a:focus:hover, #non-process-team-wrapper .contact a:active:hover, #non-process-team-wrapper .contact a:focus:active:hover {
        color: #d12229;
        opacity: 1; }
      #non-process-team-wrapper .contact a:focus, #non-process-team-wrapper .contact a:focus:active {
        color: #d12229;
        opacity: 1; }
      #non-process-team-wrapper .contact a:active {
        color: #d12229;
        opacity: 1; }
  #non-process-team-wrapper .description {
    text-align: center;
    display: block; }
    #non-process-team-wrapper .description p {
      font-size: 14px;
      color: #979797;
      margin: 25px 0; }

@media (min-width: 620px) {
  #non-process-team-wrapper .item .inner {
    padding: 25px 0; }
  #non-process-team-wrapper .image {
    display: inline-block;
    margin: 0; }
  #non-process-team-wrapper .contact {
    width: 75%;
    padding-left: 20px;
    text-align: left; }
  #non-process-team-wrapper .description {
    text-align: left; } }

@media (min-width: 992px) {
  #non-process-team-wrapper .item .inner {
    padding: 35px; }
  #non-process-team-wrapper .image {
    display: inline-block;
    margin: 0; }
  #non-process-team-wrapper .contact {
    width: 65%;
    padding-left: 20px;
    text-align: left; }
  #non-process-team-wrapper .description {
    text-align: left; } }

@media (min-width: 1200px) {
  .item .inner {
    padding: 35px; }
  #non-process-team-wrapper .image {
    display: inline-block;
    margin: 0; }
  #non-process-team-wrapper .contact {
    width: 75%;
    padding-left: 20px;
    text-align: left; }
  #non-process-team-wrapper .description {
    text-align: left; } }

/* --- Clients Section --- */
#non-process-clients-wrapper .image {
  display: inline-block;
  width: 100%;
  padding: 30px 30px;
  vertical-align: middle; }
  #non-process-clients-wrapper .image img {
    max-width: 170px; }

@media (min-width: 768px) {
  #non-process-clients-wrapper .image {
    display: inline-block;
    width: 38.5%;
    padding: 40px 30px; }
    #non-process-clients-wrapper .image img {
      max-width: 170px; } }

@media (min-width: 1200px) {
  #non-process-clients-wrapper .image {
    display: inline-block;
    width: 28%;
    padding: 20px 30px; }
    #non-process-clients-wrapper .image img {
      max-width: 170px; } }

/*-----------------------------------------------------------------------------------*/
/* NON-PROCESS Management */
/*-----------------------------------------------------------------------------------*/
#non-process-management-wrapper .interface {
  background-color: #14182a;
  position: relative;
  display: inline-block;
  width: 100%; }
  #non-process-management-wrapper .interface:after {
    content: "";
    display: block;
    border-bottom: 6px solid #979797;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%; }
  #non-process-management-wrapper .interface nav {
    overflow-y: hidden; }
  #non-process-management-wrapper .interface .nav-tabs.nav-justified {
    padding: 0;
    margin: 0; }
    #non-process-management-wrapper .interface .nav-tabs.nav-justified li {
      font-style: normal;
      text-indent: 0;
      padding-left: 0;
      padding-bottom: 0; }
      #non-process-management-wrapper .interface .nav-tabs.nav-justified li:before {
        display: none; }
      #non-process-management-wrapper .interface .nav-tabs.nav-justified li a i {
        display: inline-block;
        vertical-align: middle;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: 100%;
        height: 20px;
        width: 20px;
        margin-right: 5px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        #non-process-management-wrapper .interface .nav-tabs.nav-justified li a i.icon-outline-management-services {
          background-image: url(../img/bp-management-services-icon.svg); }
        #non-process-management-wrapper .interface .nav-tabs.nav-justified li a i.icon-outline-management-control {
          background-image: url(../img/bp-management-control-icon.svg); }
        #non-process-management-wrapper .interface .nav-tabs.nav-justified li a i.icon-outline-management-work {
          background-image: url(../img/bp-management-work-icon.svg); }
      #non-process-management-wrapper .interface .nav-tabs.nav-justified li a:hover i.icon-outline-management-services, #non-process-management-wrapper .interface .nav-tabs.nav-justified li a:focus:hover i.icon-outline-management-services, #non-process-management-wrapper .interface .nav-tabs.nav-justified li a:active:hover i.icon-outline-management-services, #non-process-management-wrapper .interface .nav-tabs.nav-justified li a:focus:active:hover i.icon-outline-management-services {
        background-image: url(../img/bp-management-services-icon-wo.svg); }
      #non-process-management-wrapper .interface .nav-tabs.nav-justified li a:hover i.icon-outline-management-control, #non-process-management-wrapper .interface .nav-tabs.nav-justified li a:focus:hover i.icon-outline-management-control, #non-process-management-wrapper .interface .nav-tabs.nav-justified li a:active:hover i.icon-outline-management-control, #non-process-management-wrapper .interface .nav-tabs.nav-justified li a:focus:active:hover i.icon-outline-management-control {
        background-image: url(../img/bp-management-control-icon-wo.svg); }
      #non-process-management-wrapper .interface .nav-tabs.nav-justified li a:hover i.icon-outline-management-work, #non-process-management-wrapper .interface .nav-tabs.nav-justified li a:focus:hover i.icon-outline-management-work, #non-process-management-wrapper .interface .nav-tabs.nav-justified li a:active:hover i.icon-outline-management-work, #non-process-management-wrapper .interface .nav-tabs.nav-justified li a:focus:active:hover i.icon-outline-management-work {
        background-image: url(../img/bp-management-work-icon-wo.svg); }
      #non-process-management-wrapper .interface .nav-tabs.nav-justified li a:focus i.icon-outline-management-services, #non-process-management-wrapper .interface .nav-tabs.nav-justified li a:focus:active i.icon-outline-management-services {
        background-image: url(../img/bp-management-services-icon-wo.svg); }
      #non-process-management-wrapper .interface .nav-tabs.nav-justified li a:focus i.icon-outline-management-control, #non-process-management-wrapper .interface .nav-tabs.nav-justified li a:focus:active i.icon-outline-management-control {
        background-image: url(../img/bp-management-control-icon-wo.svg); }
      #non-process-management-wrapper .interface .nav-tabs.nav-justified li a:focus i.icon-outline-management-work, #non-process-management-wrapper .interface .nav-tabs.nav-justified li a:focus:active i.icon-outline-management-work {
        background-image: url(../img/bp-management-work-icon-wo.svg); }
      #non-process-management-wrapper .interface .nav-tabs.nav-justified li a:active i.icon-outline-management-services {
        background-image: url(../img/bp-management-services-icon-wo.svg); }
      #non-process-management-wrapper .interface .nav-tabs.nav-justified li a:active i.icon-outline-management-control {
        background-image: url(../img/bp-management-control-icon-wo.svg); }
      #non-process-management-wrapper .interface .nav-tabs.nav-justified li a:active i.icon-outline-management-work {
        background-image: url(../img/bp-management-work-icon-wo.svg); }
      #non-process-management-wrapper .interface .nav-tabs.nav-justified li.active a i.icon-outline-management-services {
        background-image: url(../img/bp-management-services-icon-red.svg); }
      #non-process-management-wrapper .interface .nav-tabs.nav-justified li.active a i.icon-outline-management-control {
        background-image: url(../img/bp-management-control-icon-red.svg); }
      #non-process-management-wrapper .interface .nav-tabs.nav-justified li.active a i.icon-outline-management-work {
        background-image: url(../img/bp-management-work-icon-red.svg); }
      #non-process-management-wrapper .interface .nav-tabs.nav-justified li.active a:hover i.icon-outline-management-services, #non-process-management-wrapper .interface .nav-tabs.nav-justified li.active a:focus:hover i.icon-outline-management-services, #non-process-management-wrapper .interface .nav-tabs.nav-justified li.active a:active:hover i.icon-outline-management-services, #non-process-management-wrapper .interface .nav-tabs.nav-justified li.active a:focus:active:hover i.icon-outline-management-services {
        background-image: url(../img/bp-management-services-icon-red.svg); }
      #non-process-management-wrapper .interface .nav-tabs.nav-justified li.active a:hover i.icon-outline-management-control, #non-process-management-wrapper .interface .nav-tabs.nav-justified li.active a:focus:hover i.icon-outline-management-control, #non-process-management-wrapper .interface .nav-tabs.nav-justified li.active a:active:hover i.icon-outline-management-control, #non-process-management-wrapper .interface .nav-tabs.nav-justified li.active a:focus:active:hover i.icon-outline-management-control {
        background-image: url(../img/bp-management-control-icon-red.svg); }
      #non-process-management-wrapper .interface .nav-tabs.nav-justified li.active a:hover i.icon-outline-management-work, #non-process-management-wrapper .interface .nav-tabs.nav-justified li.active a:focus:hover i.icon-outline-management-work, #non-process-management-wrapper .interface .nav-tabs.nav-justified li.active a:active:hover i.icon-outline-management-work, #non-process-management-wrapper .interface .nav-tabs.nav-justified li.active a:focus:active:hover i.icon-outline-management-work {
        background-image: url(../img/bp-management-work-icon-red.svg); }
      #non-process-management-wrapper .interface .nav-tabs.nav-justified li.active a:focus i.icon-outline-management-services, #non-process-management-wrapper .interface .nav-tabs.nav-justified li.active a:focus:active i.icon-outline-management-services {
        background-image: url(../img/bp-management-services-icon-red.svg); }
      #non-process-management-wrapper .interface .nav-tabs.nav-justified li.active a:focus i.icon-outline-management-control, #non-process-management-wrapper .interface .nav-tabs.nav-justified li.active a:focus:active i.icon-outline-management-control {
        background-image: url(../img/bp-management-control-icon-red.svg); }
      #non-process-management-wrapper .interface .nav-tabs.nav-justified li.active a:focus i.icon-outline-management-work, #non-process-management-wrapper .interface .nav-tabs.nav-justified li.active a:focus:active i.icon-outline-management-work {
        background-image: url(../img/bp-management-work-icon-red.svg); }
      #non-process-management-wrapper .interface .nav-tabs.nav-justified li.active a:active i.icon-outline-management-services {
        background-image: url(../img/bp-management-services-icon-red.svg); }
      #non-process-management-wrapper .interface .nav-tabs.nav-justified li.active a:active i.icon-outline-management-control {
        background-image: url(../img/bp-management-control-icon-red.svg); }
      #non-process-management-wrapper .interface .nav-tabs.nav-justified li.active a:active i.icon-outline-management-work {
        background-image: url(../img/bp-management-work-icon-red.svg); }
  #non-process-management-wrapper .interface .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%; }
  #non-process-management-wrapper .interface .nav-tabs.nav-justified > li > a {
    border-bottom: 6px solid #979797;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    position: relative;
    z-index: 10;
    margin-bottom: 0;
    padding: 18px 15px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    opacity: 1; }
  #non-process-management-wrapper .interface .nav > li > a:focus, #non-process-management-wrapper .interface .nav > li > a:hover {
    background-color: transparent;
    opacity: 1; }
  #non-process-management-wrapper .interface .nav-tabs.nav-justified > .active > a,
  #non-process-management-wrapper .interface .nav-tabs.nav-justified > .active > a:focus,
  #non-process-management-wrapper .interface .nav-tabs.nav-justified > .active > a:hover {
    border-bottom: 6px solid #d12229;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    background-color: transparent;
    color: #ffffff;
    cursor: not-allowed;
    opacity: 1; }
  #non-process-management-wrapper .interface .nav-tabs.nav-justified > .active > a > i,
  #non-process-management-wrapper .interface .nav-tabs.nav-justified > .active > a:focus > i,
  #non-process-management-wrapper .interface .nav-tabs.nav-justified > .active > a:hover > i {
    color: #d12229;
    opacity: 1; }

#non-process-management-wrapper .tab-wrapper .tab-pane {
  display: none; }
  #non-process-management-wrapper .tab-wrapper .tab-pane.active {
    display: block; }

@media only screen and (max-width: 767px) {
  #non-process-management-wrapper .interface .nav-tabs.nav-justified > li.active > a > i.icon-inline {
    padding-right: 0; } }

/*-----------------------------------------------------------------------------------*/
/* NON-PROCESS NEWS */
/*-----------------------------------------------------------------------------------*/
/* --- Overview --- */
#non-process-news-overview-wrapper .feed a {
  padding: 0 15px 40px;
  background-color: transparent;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  #non-process-news-overview-wrapper .feed a:nth-child(odd) {
    background-color: #14182a;
    padding: 70px 15px 40px;
    margin-bottom: 70px; }
  #non-process-news-overview-wrapper .feed a:hover, #non-process-news-overview-wrapper .feed a:focus:hover, #non-process-news-overview-wrapper .feed a:active:hover, #non-process-news-overview-wrapper .feed a:focus:active:hover {
    opacity: 1; }
  #non-process-news-overview-wrapper .feed a:focus, #non-process-news-overview-wrapper .feed a:focus:active {
    opacity: 1; }
  #non-process-news-overview-wrapper .feed a:active {
    opacity: 1; }

#non-process-news-overview-wrapper .feed h3 {
  margin: 0 0 20px; }

#non-process-news-overview-wrapper .feed h6 {
  margin: 0 0 20px;
  color: #ffffff;
  font-family: "Roboto", sans-serif;
  font-size: 15px; }

#non-process-news-overview-wrapper .pagination-wrapper {
  text-align: center;
  margin-bottom: 70px; }

#non-process-news-overview-wrapper .pagination {
  margin-top: 20px;
  margin-bottom: 20px; }
  #non-process-news-overview-wrapper .pagination li {
    font-style: normal;
    text-indent: 0;
    padding-left: 0;
    line-height: 1.5;
    padding-bottom: 0; }
    #non-process-news-overview-wrapper .pagination li a {
      background-color: #14182a;
      color: #ffffff;
      border: 0;
      padding: 12px 15px; }
      #non-process-news-overview-wrapper .pagination li a:hover, #non-process-news-overview-wrapper .pagination li a:focus:hover, #non-process-news-overview-wrapper .pagination li a:active:hover, #non-process-news-overview-wrapper .pagination li a:focus:active:hover {
        opacity: 1;
        color: #d12229; }
      #non-process-news-overview-wrapper .pagination li a:focus, #non-process-news-overview-wrapper .pagination li a:focus:active {
        opacity: 1;
        color: #d12229; }
      #non-process-news-overview-wrapper .pagination li a:active {
        opacity: 1;
        color: #d12229; }
    #non-process-news-overview-wrapper .pagination li.active a {
      color: #14182a; }
    #non-process-news-overview-wrapper .pagination li.active a:before {
      content: "";
      display: inline-block;
      width: 25px;
      height: 25px;
      background-color: #d12229;
      position: absolute;
      top: 10px;
      left: 7px;
      z-index: -1;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%; }
    #non-process-news-overview-wrapper .pagination li:first-child a:before, #non-process-news-overview-wrapper .pagination li:last-child a:before {
      display: none; }
    #non-process-news-overview-wrapper .pagination li:before {
      display: none; }
    #non-process-news-overview-wrapper .pagination li:first-child a, #non-process-news-overview-wrapper .pagination li:first-child span {
      -webkit-border-top-left-radius: 50px;
      -webkit-border-bottom-left-radius: 50px;
      -moz-border-radius-topleft: 50px;
      -moz-border-radius-bottomleft: 50px;
      border-top-left-radius: 50px;
      border-bottom-left-radius: 50px;
      padding-left: 13px;
      padding-right: 10px; }
    #non-process-news-overview-wrapper .pagination li:last-child a, #non-process-news-overview-wrapper .pagination li:last-child span {
      -webkit-border-top-right-radius: 50px;
      -webkit-border-bottom-right-radius: 50px;
      -moz-border-radius-topright: 50px;
      -moz-border-radius-bottomright: 50px;
      border-top-right-radius: 50px;
      border-bottom-right-radius: 50px;
      padding-right: 13px;
      padding-left: 10px; }

#non-process-news-overview-wrapper p {
  text-align: center !important;
  font-size: 15px !important;
  font-family: "Roboto",sans-serif !important; }
  #non-process-news-overview-wrapper p span {
    text-align: center !important;
    font-family: "Roboto",sans-serif !important; }

@media (min-width: 480px) {
  #non-process-news-overview-wrapper p {
    text-align: center !important;
    font-size: 17px !important; }
    #non-process-news-overview-wrapper p span {
      text-align: center !important; } }

/* --- Single --- */
#non-process-news-single-wrapper {
  padding-bottom: 80px; }
  #non-process-news-single-wrapper .post {
    position: relative; }
    #non-process-news-single-wrapper .post .back-btn {
      position: relative;
      display: block;
      color: #ffffff;
      text-align: center;
      padding-bottom: 35px; }
      #non-process-news-single-wrapper .post .back-btn:hover, #non-process-news-single-wrapper .post .back-btn:focus:hover, #non-process-news-single-wrapper .post .back-btn:active:hover, #non-process-news-single-wrapper .post .back-btn:focus:active:hover {
        opacity: 1;
        color: #d12229; }
      #non-process-news-single-wrapper .post .back-btn:focus, #non-process-news-single-wrapper .post .back-btn:focus:active {
        opacity: 1;
        color: #d12229; }
      #non-process-news-single-wrapper .post .back-btn:active {
        opacity: 1;
        color: #d12229; }
      #non-process-news-single-wrapper .post .back-btn:before {
        color: #d12229;
        font-family: 'ElegantIcons';
        content: "4";
        speak: none;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 24px;
        vertical-align: middle;
        margin-right: 5px; }
    #non-process-news-single-wrapper .post h3 {
      margin: 0 0 40px; }
    #non-process-news-single-wrapper .post h6 {
      margin: 0 0 20px;
      color: #ffffff;
      font-family: "Roboto", sans-serif;
      font-size: 15px; }
    #non-process-news-single-wrapper .post img {
      margin-bottom: 50px; }
    #non-process-news-single-wrapper .post .btn {
      margin: 40px 10px 20px; }

@media (min-width: 768px) {
  #non-process-news-single-wrapper .post .back-btn {
    position: absolute;
    top: 0;
    left: -60px;
    display: block;
    text-align: left;
    padding-bottom: 0; } }

#non-process-news-single-wrapper p {
  font-size: 15px !important;
  font-family: "Roboto",sans-serif !important; }
  #non-process-news-single-wrapper p span {
    font-family: "Roboto",sans-serif !important; }

@media (min-width: 480px) {
  #non-process-news-single-wrapper p {
    font-size: 17px !important; } }

/*-----------------------------------------------------------------------------------*/
/* NON-PROCESS CONTACT */
/*-----------------------------------------------------------------------------------*/
/* --- Address etc… --- */
#non-process-contact-wrapper {
  background-color: #14182a;
  padding: 10px 0 25px; }
  #non-process-contact-wrapper h3 {
    margin: 30px 0 0px;
    font-size: 20px; }
  #non-process-contact-wrapper address {
    color: #979797;
    line-height: 1.4;
    font-weight: 300;
    text-transform: none;
    font-size: 18px;
    margin: 20px 0 0px; }
  #non-process-contact-wrapper h4 {
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
    margin: 60px 0 30px; }
  #non-process-contact-wrapper h6 {
    font-family: "Roboto", sans-serif;
    color: #d12229;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 30px; }
  #non-process-contact-wrapper p {
    font-size: 13px;
    color: #979797;
    margin: 0 0 25px; }
    #non-process-contact-wrapper p.text-red {
      color: #d12229; }

@media (min-width: 480px) {
  #non-process-contact-wrapper {
    background-color: #14182a;
    padding: 10px 0 45px; }
    #non-process-contact-wrapper h3 {
      margin: 50px 0 0px;
      font-size: 23px; }
    #non-process-contact-wrapper address {
      font-size: 22px;
      margin: 20px 0 0px; } }

@media (min-width: 768px) {
  #non-process-contact-wrapper {
    background-color: #14182a;
    padding: 10px 0 45px; }
    #non-process-contact-wrapper h3 {
      margin: 50px 0 0px;
      font-size: 25px; }
    #non-process-contact-wrapper address {
      font-size: 25px;
      margin: 25px 0 0px; } }

/* --- Map --- */
#non-process-contact-map-wrapper #contact-gmap {
  height: 300px;
  width: 100%;
  padding: 0 10px; }

@media (min-width: 480px) {
  #non-process-contact-map-wrapper #contact-gmap {
    height: 500px; } }

/* --- Contact links --- */
#non-process-contact-links-wrapper {
  padding: 40px 0 60px; }
  #non-process-contact-links-wrapper .item {
    padding-top: 20px;
    padding-bottom: 20px; }
    #non-process-contact-links-wrapper .item h3 {
      font-size: 22px;
      text-transform: capitalize;
      font-weight: 400;
      margin: 15px 0; }
    #non-process-contact-links-wrapper .item p {
      font-size: 17px;
      color: #979797;
      margin: 0 0 25px; }

@media (min-width: 991px) {
  #non-process-contact-links-wrapper {
    padding: 20px 0 40px; }
    #non-process-contact-links-wrapper .item {
      padding-top: 70px;
      padding-bottom: 70px; }
      #non-process-contact-links-wrapper .item h3 {
        font-size: 24px; } }

/*-----------------------------------------------------------------------------------*/
/* BUSINESS AND SEASON TICKET ENQUIRIES */
/*-----------------------------------------------------------------------------------*/
#non-process-form-wrapper {
  padding-bottom: 0; }
  #non-process-form-wrapper p {
    text-align: center; }
  #non-process-form-wrapper p, #non-process-form-wrapper .fsBody .fsForm .fsLabel, #non-process-form-wrapper .fsBody .fsForm .fsOptionLabel, #non-process-form-wrapper .fsBody .fsForm .fsMatrix th, #non-process-form-wrapper .fsBody .fsForm .fsMatrixLabel {
    color: #ffffff !important;
    font-weight: 400 !important;
    font-size: 17px !important;
    line-height: 1.5 !important;
    font-family: 'Roboto', sans-serif !important;
    margin-bottom: 10px; }
  #non-process-form-wrapper .fsBody .fsForm, #non-process-form-wrapper .fsForm .fsSpacerRow .fsRowBody {
    background-color: transparent !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important; }
  #non-process-form-wrapper .fsSectionHeader {
    display: none !important; }
  #non-process-form-wrapper .fsForm textarea, #non-process-form-wrapper .fsRowBody input[type=email], #non-process-form-wrapper .fsRowBody input[type=number], #non-process-form-wrapper .fsRowBody input[type=tel], #non-process-form-wrapper .fsRowBody input[type=text] {
    background-color: transparent !important;
    background-image: none !important;
    border-top: 1px solid #979797 !important;
    border-left: 1px solid #979797 !important;
    border-right: 1px solid #979797 !important;
    border-bottom: 1px solid #979797 !important;
    color: #ffffff;
    font-weight: 300;
    font-family: 'Roboto', sans-serif !important;
    padding: 10px 22px;
    font-size: 25px;
    line-height: 1.4;
    height: 75px;
    width: 100%;
    max-width: 100% !important; }
  #non-process-form-wrapper .fsBody .fsRowBody {
    padding: 0 0 10px 0 !important; }
  #non-process-form-wrapper .fsBody {
    margin-bottom: 70px; }
  #non-process-form-wrapper .fsBody .fsForm {
    margin: 0 auto 18px;
    padding: 0; }
  #non-process-form-wrapper .fsBody .fsSubField {
    margin-right: 0 !important;
    width: 100%; }
    #non-process-form-wrapper .fsBody .fsSubField:last-child {
      margin-right: 0 !important; }
  #non-process-form-wrapper .fsForm textarea {
    height: 200px; }
  #non-process-form-wrapper .fsForm .fsSubmit {
    padding: 20px 0;
    background-color: transparent !important; }
  #non-process-form-wrapper .fsSubmit input.fsSubmitButton {
    background-color: #d12229 !important;
    padding: 18px 25px !important;
    min-width: 216px !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #ffffff !important;
    font-family: "Raleway",sans-serif !important;
    -webkit-border-radius: 50px !important;
    -moz-border-radius: 50px !important;
    -ms-border-radius: 50px !important;
    border-radius: 50px !important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    #non-process-form-wrapper .fsSubmit input.fsSubmitButton:hover {
      background-color: #9a1d22 !important; }
  #non-process-form-wrapper .fsFieldFocused {
    background-color: transparent !important; }
  #non-process-form-wrapper .fsValidationError {
    background-color: transparent !important; }
  #non-process-form-wrapper .fsRowBody input[type=checkbox].vertical, #non-process-form-wrapper .fsRowBody input[type=radio].vertical {
    top: 7px !important; }
  #non-process-form-wrapper div.fsError {
    margin: 15px 10px 25px !important;
    font-size: 17px !important;
    background-color: #d12229 !important;
    border: 0 !important;
    padding: 20px !important;
    color: #ffffff !important;
    font-weight: 400 !important;
    font-family: 'Roboto', sans-serif !important; }

@media (min-width: 480px) {
  #non-process-form-wrapper {
    padding-bottom: 70px; }
    #non-process-form-wrapper .fsBody {
      margin-bottom: 0; }
    #non-process-form-wrapper p {
      text-align: center;
      margin-bottom: 25px; }
    #non-process-form-wrapper .fsSubmit input.fsSubmitButton {
      padding: 20px 25px !important;
      min-width: 275px !important;
      font-size: 17px !important; } }

@media (min-width: 992px) {
  #non-process-form-wrapper .fsBody .fsSubField {
    margin-right: 25px !important;
    width: 47.8%; } }

@media (min-width: 1200px) {
  #non-process-form-wrapper .fsBody .fsSubField {
    margin-right: 25px !important;
    width: 48.2%; } }

@media (max-width: 40em) {
  label.fsOptionLabel {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important; } }

/*-----------------------------------------------------------------------------------*/
/* NON-PROCESS FAQ */
/*-----------------------------------------------------------------------------------*/
#non-process-management-wrapper.faq-wrapper {
  margin-top: 40px; }

#non-process-management-wrapper.faq-wrapper .interface .nav-tabs.nav-justified > li > a {
  padding: 18px 0; }

#non-process-management-wrapper.faq-wrapper .feed .row:nth-child(odd) article {
  padding: 70px 15px 40px; }

#non-process-management-wrapper.faq-wrapper .feed .row:nth-child(even) article {
  background-color: #14182a;
  padding: 70px 15px 40px; }

/*-----------------------------------------------------------------------------------*/
/* NON-PROCESS FOOTER LINKS */
/*-----------------------------------------------------------------------------------*/
#non-process-links-wrapper {
  background-color: #14182a;
  border-top: 5px solid #074f9a;
  position: relative;
  margin-top: 40px;
  padding-top: 75px;
  padding-bottom: 70px; }
  #non-process-links-wrapper .brand-wrapper {
    width: 100%;
    display: block;
    position: absolute;
    top: -70px;
    left: 0;
    text-align: center; }
    #non-process-links-wrapper .brand-wrapper #brand {
      background-color: #14182a;
      width: 200px;
      height: 135px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%; }
      #non-process-links-wrapper .brand-wrapper #brand a {
        display: inline-block;
        padding: 52px 10px; }
  #non-process-links-wrapper .item {
    position: relative; }
    #non-process-links-wrapper .item:after {
      position: absolute;
      top: 18px;
      right: 0;
      content: "";
      width: 1px;
      height: 60px;
      background-color: #074f9a;
      display: none; }
    #non-process-links-wrapper .item:last-child:after {
      display: none; }
  #non-process-links-wrapper .service-icon {
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px 0 0;
    width: 40px;
    height: 40px; }
  #non-process-links-wrapper .btn.btn-feature {
    font-size: 17px;
    border-bottom: 0; }
    #non-process-links-wrapper .btn.btn-feature:before, #non-process-links-wrapper .btn.btn-feature:after {
      display: none; }

@media (min-width: 768px) {
  #non-process-links-wrapper .item:after {
    right: -20px;
    display: block; }
  #non-process-links-wrapper .service-icon {
    width: 40px;
    height: 40px; } }

@media (min-width: 992px) {
  #non-process-links-wrapper .item:after {
    right: 0;
    display: block; }
  #non-process-links-wrapper .service-icon {
    margin: 0 25px 0 0;
    width: 50px;
    height: 50px; }
  #non-process-links-wrapper .btn.btn-feature {
    font-size: 20px; } }

.modal.fullscreen, .modal.confirmation-model {
  z-index: 5000; }

.fullscreen.modal.fade .modal-dialog, .confirmation-model.modal.fade {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0); }

.fullscreen .modal-dialog, .confirmation-model .modal-dialog {
  margin: 0 0 0 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
  padding: 0; }

.fullscreen .modal-content, .confirmation-model .modal-content {
  height: 100%;
  min-height: 100%;
  border-radius: 0;
  color: #ffffff;
  background-color: #171515;
  overflow: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 0; }

.season-ticket .fullscreen .modal-content {
  background-color: #0f1b3d; }

.book-space .fullscreen .modal-content {
  background-color: #510f15; }

.fullscreen .modal-body, .confirmation-model .modal-body {
  padding-top: 90px;
  padding-bottom: 90px; }

.fullscreen .modal-body h2, .confirmation-model .modal-body h2 {
  text-transform: uppercase;
  margin: 0 0 35px 0;
  font-size: 45px;
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  display: inline-block;
  border-bottom: 1px solid #d12229;
  padding-bottom: 6px; }

@media only screen and (max-width: 480px) {
  .fullscreen .modal-body, .confirmation-model .modal-body {
    padding-top: 80px; }
  .fullscreen .modal-body h2, .confirmation-model .modal-body h2 {
    font-size: 30px;
    margin: 0 0 30px 0; } }

/*-----------------------------------------------------------------------------------*/
/* CLOSE BUTTON */
/*-----------------------------------------------------------------------------------*/
.fullscreen .close-button-wrapper, .confirmation-model .close-button-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  margin: 30px 28px;
  z-index: 6000; }

.fullscreen button.close-button, .confirmation-model button.close-button {
  background-color: transparent;
  border: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.fullscreen .close-button-toggle, .confirmation-model .close-button-toggle {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  right: 0;
  top: 0; }

.fullscreen .close-button, .confirmation-model .close-button {
  padding: 0;
  padding-right: 40px;
  font-size: 12px;
  font-weight: 700;
  color: #d12229;
  text-transform: uppercase;
  line-height: 1.5;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.fullscreen .close-button span, .confirmation-model .close-button span {
  float: left;
  display: block;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.fullscreen .close-button:hover span, .confirmation-model .close-button:hover span {
  color: #ffffff; }

.fullscreen .close-button .toggle,
.fullscreen .close-button .toggle:before,
.fullscreen .close-button .toggle:after,
.confirmation-model .close-button .toggle,
.confirmation-model .close-button .toggle:before,
.confirmation-model .close-button .toggle:after {
  height: 2px;
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  display: block;
  float: left; }

.fullscreen .close-button .toggle:before, .fullscreen .close-button .toggle:after,
.confirmation-model .close-button .toggle:before, .confirmation-model .close-button .toggle:after {
  content: '';
  position: absolute;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.fullscreen .close-button .toggle, .confirmation-model .close-button .toggle {
  margin: 9px 5px 9px 0;
  width: 22px;
  background-color: transparent; }

.fullscreen .close-button .toggle:before, .confirmation-model .close-button .toggle:before {
  bottom: 0;
  width: 27px;
  background-color: #ffffff; }

.fullscreen .close-button .toggle:after, .confirmation-model .close-button .toggle:after {
  top: 0;
  width: 27px;
  background-color: #ffffff; }

.fullscreen .close-button .toggle::before, .confirmation-model .close-button .toggle::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.fullscreen .close-button .toggle::after, .confirmation-model .close-button .toggle::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

/*-----------------------------------------------------------------------------------*/
/* HOME MODALS */
/*-----------------------------------------------------------------------------------*/
#search-modal .search-icon {
  width: 30px;
  display: inline-block;
  padding: 10px 0; }

#search-modal .search-icon img {
  width: 100%; }

#search-modal .form-control {
  border-top: 0;
  border-bottom: 1px;
  border-left: 0;
  border-right: 0;
  border-style: solid;
  border-color: #d12229;
  max-width: 100%; }

@media only screen and (max-width: 480px) {
  #search-modal .form-control {
    font-size: 16px; } }

#search-modal .form-control:focus {
  border-color: #d12229; }

#search-modal .search-suggestions {
  margin-bottom: 40px; }

#search-modal .search-suggestions ul {
  text-align: left;
  list-style: none;
  padding: 20px; }

#search-modal .search-suggestions ul li {
  padding: 5px 0 5px 0; }

#search-modal .search-suggestions ul li a {
  background-image: url(../img/bp-location-bullet-red.svg);
  background-position: 0px 4px;
  background-repeat: no-repeat;
  background-size: 12px;
  padding: 3px 0 3px 25px;
  text-align: left;
  white-space: normal; }

#search-modal .search-suggestions ul li a:hover {
  background-image: url(../img/bp-location-bullet-white.svg); }

#account-modal .btn {
  margin-bottom: 30px; }

.modal-body .btn.btn-feature {
  color: #979797;
  text-transform: capitalize;
  padding: 12px 20px;
  font-size: 30px;
  font-weight: 300;
  font-family: 'Roboto', sans-serif; }

.modal-body .btn.btn-feature:hover, .modal-body .btn.btn-feature:focus, .modal-body .btn.btn-feature:active, .modal-body .btn.btn-feature:focus:active {
  color: #ffffff;
  border-bottom: 1px solid #d12229; }

@media only screen and (max-width: 767px) {
  #search-modal .search-suggestions ul {
    text-align: center; } }

@media only screen and (max-width: 480px) {
  #account-modal .btn {
    margin-bottom: 20px;
    font-size: 20px;
    padding: 0 15px 12px; } }

/*-----------------------------------------------------------------------------------*/
/* HOME MAP MODAL */
/*-----------------------------------------------------------------------------------*/
#home-map-modal {
  border: 10px solid transparent; }
  #home-map-modal.fullscreen .modal-body {
    padding: 0;
    height: 100%;
    overflow: hidden; }

#home-map-modal header {
  position: relative;
  background-color: #0f1b3d;
  padding: 20px 30px 25px;
  z-index: 100; }
  #home-map-modal header #gmap-info {
    line-height: 60px;
    float: left; }
  #home-map-modal header .btn {
    margin-right: 25px;
    float: left; }
  #home-map-modal header i {
    color: #d12229;
    font-size: 30px;
    margin-right: 10px;
    vertical-align: middle; }
  #home-map-modal header p {
    display: inline-block;
    color: #979797;
    margin: 0;
    line-height: 2; }
    #home-map-modal header p strong {
      display: inline-block;
      color: #ffffff;
      font-size: 20px;
      padding-right: 15px;
      font-weight: 400; }
  #home-map-modal header .map-open-button {
    position: absolute;
    left: 0;
    bottom: -57px;
    background-color: #074f9b;
    padding: 15px 20px 15px 60px; }
    #home-map-modal header .map-open-button i.list-icon {
      margin: 0;
      background-image: url(../img/bp-list-icon-white.svg);
      background-position: 50% 50%;
      background-repeat: no-repeat;
      background-size: 100%;
      display: inline-block;
      width: 25px;
      height: 25px;
      opacity: 1;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      #home-map-modal header .map-open-button i.list-icon:hover, #home-map-modal header .map-open-button i.list-icon:focus {
        background-image: url(../img/bp-list-icon-white.svg);
        opacity: 0.5; }

@media only screen and (max-width: 480px) {
  #home-map-modal header .map-open-button {
    bottom: -61px; }
  #home-map-modal header p {
    font-size: 12px;
    display: block; }
    #home-map-modal header p strong {
      font-size: 17px; }
  #home-map-modal header i {
    font-size: 20px;
    vertical-align: baseline; } }

#home-map-modal main .map-close-button {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1000;
  color: #ffffff;
  background-color: transparent;
  border: 0;
  padding: 10px;
  font-size: 30px;
  line-height: 0.5;
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  #home-map-modal main .map-close-button:hover, #home-map-modal main .map-close-button:focus {
    opacity: 0.5; }

#home-map-modal main .slideout-wrapper .slideout {
  height: 100%;
  overflow-y: scroll;
  padding-bottom: 100px; }

#home-map-modal main .slideout-wrapper .inner {
  border-bottom: 1px solid #14182a;
  margin-bottom: 30px; }
  #home-map-modal main .slideout-wrapper .inner:last-child {
    border-bottom: 0; }

#home-map-modal main .slideout-wrapper article {
  padding: 0 30px 30px; }

#home-map-modal main .slideout-wrapper h4 {
  color: #ffffff;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  text-align: left;
  font-weight: 600;
  margin: 0 0 20px 0; }

#home-map-modal main .slideout-wrapper .table {
  margin-bottom: 0; }
  #home-map-modal main .slideout-wrapper .table > tbody > tr > td, #home-map-modal main .slideout-wrapper .table > tbody > tr > th,
  #home-map-modal main .slideout-wrapper .table > tfoot > tr > td, #home-map-modal main .slideout-wrapper .table > tfoot > tr > th,
  #home-map-modal main .slideout-wrapper .table > thead > tr > td, #home-map-modal main .slideout-wrapper .table > thead > tr > th {
    border-top: 0;
    border-bottom: 0;
    font-size: 14px; }
  #home-map-modal main .slideout-wrapper .table > tbody > tr > th,
  #home-map-modal main .slideout-wrapper .table > tfoot > tr > th,
  #home-map-modal main .slideout-wrapper .table > thead > tr > th {
    font-weight: 600;
    color: #ffffff;
    min-width: 100px; }
  #home-map-modal main .slideout-wrapper .table > tbody > tr > td,
  #home-map-modal main .slideout-wrapper .table > tfoot > tr > td,
  #home-map-modal main .slideout-wrapper .table > thead > tr > td {
    font-weight: 400;
    color: #ffffff; }

#home-map-modal main .slideout-wrapper img.img-rounded {
  border: 3px solid #ffffff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  margin-top: 20px; }

#home-map-modal main .gmap-wrapper {
  min-height: 100%;
  position: relative; }

#home-map-modal main .gmap {
  width: 100%;
  height: 100vh; }

@media only screen and (max-width: 480px) {
  #home-map-modal main .gmap {
    padding-bottom: 0; } }

#home-map-modal footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: #0f1b3d;
  padding: 30px 30px 20px;
  z-index: 500;
  min-height: 116px; }
  #home-map-modal footer ul li a {
    float: left;
    margin-right: 20px; }
    #home-map-modal footer ul li a span {
      background-image: url(../img/bp-location-bullet-light-grey.svg);
      background-repeat: no-repeat;
      background-size: 15px;
      font-size: 15px;
      padding-left: 25px;
      color: #979797; }
  #home-map-modal footer ul li.active a span {
    color: #ffffff;
    background-image: url(../img/bp-location-bullet-red.svg); }

/*-----------------------------------------------------------------------------------*/
/* SEASONS MAP MODAL */
/*-----------------------------------------------------------------------------------*/
#map-modal {
  border: 10px solid transparent; }

#map-modal.fullscreen .modal-body {
  padding: 0;
  height: 100%;
  overflow: hidden; }

#map-modal header {
  position: relative;
  background-color: #0f1b3d;
  padding: 25px 30px 30px;
  z-index: 100; }

#map-modal header i {
  color: #d12229;
  font-size: 30px;
  margin-right: 10px;
  vertical-align: middle; }

#map-modal header p {
  display: inline-block;
  color: #979797;
  margin: 0; }

#map-modal header p strong {
  display: inline-block;
  color: #ffffff;
  font-size: 20px;
  padding-right: 15px;
  font-weight: 400; }

#map-modal .gmap-wrapper {
  min-height: 100%;
  position: relative; }

#map-modal .gmap {
  width: 100%;
  height: 100vh;
  padding-bottom: 190px; }
  #map-modal .gmap a[href^="http://maps.google.com/maps"],
  #map-modal .gmap a[href^="https://maps.google.com/maps"],
  #map-modal .gmap a[href^="https://www.google.com/maps"] {
    display: none !important; }
  #map-modal .gmap .gmnoprint:not(.gm-bundled-control) {
    display: none; }
  #map-modal .gmap .gm-bundled-control .gmnoprint {
    display: block;
    left: -20px !important;
    top: -20px !important; }
  #map-modal .gmap .gm-bundled-control .gm-svpc {
    display: none !important; }

#gmap-controls ul li a {
  float: left;
  margin-right: 20px; }

#gmap-controls ul li a span {
  background-image: url(../img/bp-location-bullet-light-grey.svg);
  background-repeat: no-repeat;
  background-size: 15px;
  font-size: 15px;
  padding-left: 25px;
  color: #979797; }

#gmap-controls ul li.active a span {
  color: #ffffff;
  background-image: url(../img/bp-location-bullet-red.svg); }

#map-modal footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: #0f1b3d;
  padding: 30px 30px 20px; }

@media only screen and (max-width: 480px) {
  #map-modal .gmap {
    padding-bottom: 0; }
  #map-modal header p {
    font-size: 12px;
    display: block; }
  #map-modal header p strong {
    font-size: 17px; }
  #map-modal header i {
    font-size: 20px;
    vertical-align: baseline; } }

/*-----------------------------------------------------------------------------------*/
/* SEARSONS PAY INVOICE MODAL */
/*-----------------------------------------------------------------------------------*/
#pay-by-invoice-modal .invoice-icon {
  width: 60px;
  display: block;
  padding: 10px 0 20px;
  margin: 0 auto; }

#pay-by-invoice-modal .invoice-icon img {
  width: 100%; }

#pay-by-invoice-modal p {
  margin-bottom: 10px; }
  #pay-by-invoice-modal p:last-child {
    margin-bottom: 50px; }

/*-----------------------------------------------------------------------------------*/
/* BOOKINGS MAP MODAL */
/*-----------------------------------------------------------------------------------*/
#booking-map-modal {
  border: 10px solid transparent; }

#booking-map-modal.fullscreen .modal-body {
  padding: 0;
  height: 100%;
  overflow: hidden; }

#booking-map-modal header {
  position: relative;
  background-color: #4b1314;
  padding: 20px 30px 25px;
  z-index: 100; }

#booking-map-modal header i {
  color: #d12229;
  font-size: 30px;
  margin-right: 10px;
  vertical-align: middle; }

#booking-map-modal header p {
  display: inline-block;
  color: #979797;
  margin: 0; }

#booking-map-modal header p strong {
  display: inline-block;
  color: #ffffff;
  font-size: 20px;
  padding-right: 15px;
  font-weight: 400; }

#booking-map-modal header .map-open-button {
  position: absolute;
  left: 0;
  bottom: -57px;
  background-color: #ad1f24;
  padding: 15px 20px 15px 60px; }

@media only screen and (max-width: 480px) {
  #booking-map-modal header .map-open-button {
    bottom: -61px; } }

#booking-map-modal header .map-open-button i.list-icon {
  margin: 0;
  background-image: url(../img/bp-list-icon-white.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  width: 25px;
  height: 25px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  #booking-map-modal header .map-open-button i.list-icon:hover, #booking-map-modal header .map-open-button i.list-icon:focus {
    background-image: url(../img/bp-list-icon-dark-red.svg); }

#booking-map-modal .map-close-button {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1000;
  color: #ffffff;
  background-color: transparent;
  border: 0;
  padding: 10px;
  font-size: 30px;
  line-height: 0.5;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  #booking-map-modal .map-close-button:hover, #booking-map-modal .map-close-button:focus {
    color: #9a1d22; }

#booking-map-modal .slideout-wrapper .slideout {
  height: 100%;
  overflow-y: scroll; }

#booking-map-modal .slideout-wrapper .inner {
  border-bottom: 1px solid #d12229;
  margin-bottom: 30px; }

#booking-map-modal .slideout-wrapper article {
  padding: 0 30px 30px; }

#booking-map-modal .slideout-wrapper h4 {
  color: #ffffff;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  text-align: left;
  font-weight: 600;
  margin: 0 0 20px 0; }

#booking-map-modal .slideout-wrapper .table {
  margin-bottom: 0; }
  #booking-map-modal .slideout-wrapper .table > tbody > tr > td, #booking-map-modal .slideout-wrapper .table > tbody > tr > th,
  #booking-map-modal .slideout-wrapper .table > tfoot > tr > td, #booking-map-modal .slideout-wrapper .table > tfoot > tr > th,
  #booking-map-modal .slideout-wrapper .table > thead > tr > td, #booking-map-modal .slideout-wrapper .table > thead > tr > th {
    border-top: 0;
    border-bottom: 0;
    font-size: 14px; }
  #booking-map-modal .slideout-wrapper .table > tbody > tr > th,
  #booking-map-modal .slideout-wrapper .table > tfoot > tr > th,
  #booking-map-modal .slideout-wrapper .table > thead > tr > th {
    font-weight: 600;
    color: #ffffff;
    min-width: 100px; }
  #booking-map-modal .slideout-wrapper .table > tbody > tr > td,
  #booking-map-modal .slideout-wrapper .table > tfoot > tr > td,
  #booking-map-modal .slideout-wrapper .table > thead > tr > td {
    font-weight: 400;
    color: #ffffff; }

#booking-map-modal img.img-rounded {
  border: 3px solid #d12229;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  margin-top: 20px; }

#booking-map-modal .gmap-wrapper {
  min-height: 100%;
  position: relative; }

#booking-map-modal .gmap {
  width: 100%;
  height: 100vh; }

#booking-map-modal ul li a {
  float: left;
  margin-right: 20px; }

#booking-map-modal ul li a span {
  background-image: url(../img/bp-location-bullet-light-grey.svg);
  background-repeat: no-repeat;
  background-size: 15px;
  font-size: 15px;
  padding-left: 25px;
  color: #979797; }

#booking-map-modal ul li.active a span {
  color: #ffffff;
  background-image: url(../img/bp-location-bullet-red.svg); }

@media only screen and (max-width: 480px) {
  #booking-map-modal .gmap {
    padding-bottom: 0; }
  #booking-map-modal header p {
    font-size: 12px;
    display: block; }
  #booking-map-modal header p strong {
    font-size: 17px; }
  #booking-map-modal header i {
    font-size: 20px;
    vertical-align: baseline; } }

/*-----------------------------------------------------------------------------------*/
/* BOOKINGS COST DETAIL MODAL */
/*-----------------------------------------------------------------------------------*/
#cost-details-modal tbody th {
  padding: 15px 0 15px;
  min-width: 125px;
  font-size: 22px;
  font-weight: 300; }

#cost-details-modal tbody td {
  padding: 15px 0 15px;
  font-size: 22px;
  font-weight: 300; }

#cost-details-modal tbody small {
  font-size: 70%;
  font-weight: 400;
  margin-left: 5px; }

#cost-details-modal tr:last-child th, #cost-details-modal tr:last-child td {
  padding-bottom: 35px; }

/*#cost-details-modal tr:nth-last-child(2) {
  th, td {
    padding: 15px 0 35px;
  }
}

#cost-details-modal tr:last-child {
  border-top: 1px dashed $red;
}*/
#cost-details-modal tfoot.total {
  background-color: transparent;
  border-top: 1px solid #d12229;
  border-bottom: 1px solid #d12229; }
  #cost-details-modal tfoot.total th, #cost-details-modal tfoot.total td {
    font-size: 28px;
    padding: 15px 0 15px; }

@media only screen and (max-width: 480px) {
  #cost-details-modal tbody th, #cost-details-modal tbody td {
    padding: 10px 0 10px;
    font-size: 16px; }
  #cost-details-modal tfoot.total th, #cost-details-modal tfoot.total td {
    font-size: 20px;
    padding: 10px 0 10px; }
  #cost-details-modal tr:last-child th, #cost-details-modal tr:last-child td {
    padding-bottom: 30px; }
  /*#cost-details-modal tr:nth-last-child(2) {
    th, td {
      padding: 10px 0 30px;
    }
  }*/ }

/*-----------------------------------------------------------------------------------*/
/* BOOKINGS SIGN-IN MODAL */
/*-----------------------------------------------------------------------------------*/
#signin-modal .register-wrapper {
  border-top: 1px solid #d12229;
  border-bottom: 1px solid #d12229;
  margin-top: 50px;
  padding: 20px 0; }

#signin-modal .register-wrapper .btn {
  min-width: 155px;
  margin: 0;
  font-size: 14px; }

#signin-modal .register-wrapper h5 {
  font-size: 20px;
  margin: 0;
  line-height: 45px;
  font-family: "Roboto", sans-serif; }

@media only screen and (max-width: 767px) {
  #signin-modal .register-wrapper .text-left, #signin-modal .register-wrapper .text-right {
    float: none !important;
    text-align: center !important; }
  #signin-modal .register-wrapper .btn {
    min-width: 216px;
    font-size: 14px;
    padding: 10px 15px; }
  #signin-modal .register-wrapper h5 {
    margin-bottom: 15px;
    line-height: 1.5; } }

/*-----------------------------------------------------------------------------------*/
/* PARKING CHARGES MODALS */
/*-----------------------------------------------------------------------------------*/
#appeal-modal h4 {
  text-transform: none;
  color: #979797;
  margin: 20px 0 40px; }

#appeal-modal .downloads-wrapper {
  margin-top: 100px;
  border-top: 1px solid #d12229;
  padding-top: 30px; }
  #appeal-modal .downloads-wrapper .download-button {
    margin-right: 15px;
    margin-bottom: 20px;
    float: left; }
  #appeal-modal .downloads-wrapper p {
    text-transform: uppercase;
    font-size: 14px; }
  #appeal-modal .downloads-wrapper a:hover .download-button {
    background-color: #9a1d22; }

#policy-modal h4 {
  text-transform: none;
  color: #d12229;
  margin: 20px 0 40px; }

#policy-modal ul {
  list-style: none;
  padding: 0;
  margin: 0 0 50px 0; }

#policy-modal li {
  padding-left: 20px;
  margin-bottom: 30px;
  position: relative;
  font-family: "Raleway", sans-serif;
  font-weight: 500; }

#policy-modal li::before {
  content: "•";
  color: #d12229;
  font-size: 30px;
  position: absolute;
  top: -12px;
  left: 0; }

/*-----------------------------------------------------------------------------------*/
/* CUSTOMER PORTAL ORDERS MODALS */
/*-----------------------------------------------------------------------------------*/
.portal-modal.fullscreen .modal-content, .confirmation-model .modal-content {
  background-color: rgba(15, 27, 61, 0.9); }

.portal-modal .panel, .confirmation-model .panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 0;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0px 0px 20px -3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 20px -3px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 20px -3px rgba(0, 0, 0, 0.4); }
  .portal-modal .panel .divider, .confirmation-model .panel .divider {
    background-color: #e4e4e4;
    margin: 15px 0 10px; }
  .portal-modal .panel .form-group, .confirmation-model .panel .form-group {
    padding: 10px 20px 0;
    margin-bottom: 0px; }
  .portal-modal .panel .btn, .confirmation-model .panel .btn {
    font-size: 14px;
    min-width: 100%;
    margin: 0;
    font-weight: 700; }
  .portal-modal .panel .add-remove-button, .confirmation-model .panel .add-remove-button {
    width: 38px;
    height: 38px;
    background-color: #d12229;
    margin: 0;
    color: #ffffff; }
    .portal-modal .panel .add-remove-button:hover, .portal-modal .panel .add-remove-buttonfocus, .confirmation-model .panel .add-remove-button:hover, .confirmation-model .panel .add-remove-buttonfocus {
      background-color: #9a1d22; }
    .portal-modal .panel .add-remove-button i, .confirmation-model .panel .add-remove-button i {
      line-height: 42px;
      font-size: 28px; }
  .portal-modal .panel label, .confirmation-model .panel label {
    font-size: 14px;
    color: #d12229;
    font-weight: 800;
    text-transform: uppercase; }
  .portal-modal .panel .form-control, .confirmation-model .panel .form-control {
    height: 40px;
    max-width: 100%;
    padding: 6px 12px;
    font-size: 16px;
    color: #979797;
    font-weight: 600;
    text-align: left;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
  .portal-modal .panel .form-control:focus, .portal-modal .panel .has-success .form-control:focus, .confirmation-model .panel .form-control:focus, .confirmation-model .panel .has-success .form-control:focus {
    border-color: #58565c; }
  .portal-modal .panel .has-success .form-control, .confirmation-model .panel .has-success .form-control {
    border-color: #979797; }
  .portal-modal .panel .help-block, .confirmation-model .panel .help-block {
    margin: 0;
    font-size: 14px; }
    .portal-modal .panel .help-block ul, .confirmation-model .panel .help-block ul {
      margin-top: 0;
      margin-bottom: 0; }
    .portal-modal .panel .help-block .list-group, .confirmation-model .panel .help-block .list-group {
      margin: 0; }
    .portal-modal .panel .help-block .list-group-item, .confirmation-model .panel .help-block .list-group-item {
      background-color: #1d3160;
      border: 1px solid #979797;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      border-radius: 0; }
      .portal-modal .panel .help-block .list-group-item:hover, .portal-modal .panel .help-block .list-group-item:focus:hover, .portal-modal .panel .help-block .list-group-item:active:hover, .portal-modal .panel .help-block .list-group-item:focus:active:hover, .confirmation-model .panel .help-block .list-group-item:hover, .confirmation-model .panel .help-block .list-group-item:focus:hover, .confirmation-model .panel .help-block .list-group-item:active:hover, .confirmation-model .panel .help-block .list-group-item:focus:active:hover {
        color: #ffffff;
        background-color: #14182a;
        border-color: #979797;
        opacity: 1; }
      .portal-modal .panel .help-block .list-group-item:focus, .portal-modal .panel .help-block .list-group-item:focus:active, .confirmation-model .panel .help-block .list-group-item:focus, .confirmation-model .panel .help-block .list-group-item:focus:active {
        color: #ffffff;
        background-color: #1d3160;
        border-color: #979797;
        opacity: 1; }
      .portal-modal .panel .help-block .list-group-item:active, .confirmation-model .panel .help-block .list-group-item:active {
        color: #ffffff;
        background-color: #1d3160;
        border-color: #979797;
        opacity: 1; }
  .portal-modal .panel .panel-heading, .confirmation-model .panel .panel-heading {
    color: #ffffff;
    background-color: #d12229;
    border-top: 0;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    padding: 0;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    -ms-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0; }
    .portal-modal .panel .panel-heading .panel-title, .confirmation-model .panel .panel-heading .panel-title {
      color: #ffffff;
      font-size: 16px;
      font-weight: 600;
      text-transform: uppercase;
      padding: 10px 20px; }
      .portal-modal .panel .panel-heading .panel-title i.icon-inline, .confirmation-model .panel .panel-heading .panel-title i.icon-inline {
        padding-right: 0;
        line-height: 24px;
        float: right;
        color: #979797; }
  .portal-modal .panel .panel-body, .confirmation-model .panel .panel-body {
    padding: 0;
    color: #58565c;
    border-top: 0;
    border-bottom: 0;
    border-left: 3px solid #f1f2f2;
    border-right: 3px solid #f1f2f2;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0; }
    .portal-modal .panel .panel-body article, .confirmation-model .panel .panel-body article {
      padding: 15px 20px 0; }
    .portal-modal .panel .panel-body article:last-child, .confirmation-model .panel .panel-body article:last-child {
      border-bottom: 0; }
    .portal-modal .panel .panel-body .table-responsive, .confirmation-model .panel .panel-body .table-responsive {
      border: 0; }
    .portal-modal .panel .panel-body .dropdown-wrapper .label-danger, .confirmation-model .panel .panel-body .dropdown-wrapper .label-danger {
      background-color: #9a1d22;
      -webkit-transition: background-color 0.3s ease;
      -moz-transition: background-color 0.3s ease;
      -o-transition: background-color 0.3s ease;
      transition: background-color 0.3s ease; }
    .portal-modal .panel .panel-body .dropdown-wrapper.collapsed .label-danger, .confirmation-model .panel .panel-body .dropdown-wrapper.collapsed .label-danger {
      background-color: #d12229;
      -webkit-transition: background-color 0.3s ease;
      -moz-transition: background-color 0.3s ease;
      -o-transition: background-color 0.3s ease;
      transition: background-color 0.3s ease; }
    .portal-modal .panel .panel-body .table.table-striped, .confirmation-model .panel .panel-body .table.table-striped {
      background-color: #f4f4f4; }
    .portal-modal .panel .panel-body .table thead, .confirmation-model .panel .panel-body .table thead {
      background-color: #ffffff; }
    .portal-modal .panel .panel-body .table th, .confirmation-model .panel .panel-body .table th {
      font-size: 14px;
      color: #d12229;
      font-weight: 800;
      text-transform: uppercase;
      border-bottom: 1px solid #d12229;
      padding: 10px; }
      .portal-modal .panel .panel-body .table th a, .confirmation-model .panel .panel-body .table th a {
        color: #d12229; }
    .portal-modal .panel .panel-body .table td, .confirmation-model .panel .panel-body .table td {
      border-bottom: #e4e4e4;
      color: #444444;
      padding: 10px;
      font-weight: 500; }
    .portal-modal .panel .panel-body .table .btn, .confirmation-model .panel .panel-body .table .btn {
      padding: 0 10px;
      font-size: 11px;
      margin: -3px 0 0 7px !important;
      font-weight: 700;
      height: 22px;
      min-width: 48px !important;
      line-height: 1;
      display: inline; }
    .portal-modal .panel .panel-body .table.table-striped > tbody > tr:nth-of-type(odd), .confirmation-model .panel .panel-body .table.table-striped > tbody > tr:nth-of-type(odd) {
      background-color: #ffffff; }
    .portal-modal .panel .panel-body .table tr.clickable:nth-of-type(3n+0), .confirmation-model .panel .panel-body .table tr.clickable:nth-of-type(3n+0) {
      background-color: #f4f4f4; }
    .portal-modal .panel .panel-body .table .table, .confirmation-model .panel .panel-body .table .table {
      background-color: #e9eaef;
      border-top: 1px solid #bababa;
      border-bottom: 1px solid #bababa; }
    .portal-modal .panel .panel-body .table .clickable, .confirmation-model .panel .panel-body .table .clickable {
      cursor: pointer; }
    .portal-modal .panel .panel-body .table .dropdown-info .table td, .confirmation-model .panel .panel-body .table .dropdown-info .table td {
      color: #0f1b3d;
      text-transform: uppercase;
      font-weight: 600;
      font-size: 15px; }
      .portal-modal .panel .panel-body .table .dropdown-info .table td.right-col, .confirmation-model .panel .panel-body .table .dropdown-info .table td.right-col {
        color: #58565c;
        font-weight: 400; }
    .portal-modal .panel .panel-body .table .dropdown-info .table.table-striped > tbody > tr:nth-of-type(odd), .confirmation-model .panel .panel-body .table .dropdown-info .table.table-striped > tbody > tr:nth-of-type(odd) {
      background-color: #ffffff; }
    .portal-modal .panel .panel-body dl, .confirmation-model .panel .panel-body dl {
      margin-bottom: 15px; }
    .portal-modal .panel .panel-body dt, .confirmation-model .panel .panel-body dt {
      font-size: 14px;
      color: #d12229;
      font-weight: 800;
      text-transform: uppercase; }
    .portal-modal .panel .panel-body dd, .confirmation-model .panel .panel-body dd {
      color: #444444; }
    .portal-modal .panel .panel-body h3, .confirmation-model .panel .panel-body h3 {
      font-family: "Roboto", sans-serif;
      font-size: 25px;
      color: #d12229;
      font-weight: 800;
      text-transform: uppercase;
      margin: 0;
      line-height: 1.4; }
    .portal-modal .panel .panel-body h4, .confirmation-model .panel .panel-body h4 {
      font-family: "Roboto", sans-serif;
      font-size: 18px;
      color: #0f1b3d;
      font-weight: 800;
      text-transform: uppercase;
      margin: 0;
      line-height: 1.4; }
    .portal-modal .panel .panel-body h5, .confirmation-model .panel .panel-body h5 {
      font-family: "Roboto", sans-serif;
      font-size: 18px;
      color: #58565c;
      font-weight: 800;
      text-transform: capitalize;
      margin: 0;
      line-height: 1.4; }
    .portal-modal .panel .panel-body .img-wrapper, .confirmation-model .panel .panel-body .img-wrapper {
      width: 100%;
      height: 88px;
      overflow: hidden;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      -ms-border-radius: 8px;
      border-radius: 8px;
      background-position: center center;
      background-size: cover; }
      .portal-modal .panel .panel-body .img-wrapper img, .confirmation-model .panel .panel-body .img-wrapper img {
        display: none; }
    .portal-modal .panel .panel-body .form-control#postcode, .portal-modal .panel .panel-body .form-control#registration, .portal-modal .panel .panel-body .form-control#registration-search, .confirmation-model .panel .panel-body .form-control#postcode, .confirmation-model .panel .panel-body .form-control#registration, .confirmation-model .panel .panel-body .form-control#registration-search {
      text-transform: uppercase; }
      .portal-modal .panel .panel-body .form-control#postcode::-webkit-input-placeholder, .portal-modal .panel .panel-body .form-control#postcode::-moz-placeholder, .portal-modal .panel .panel-body .form-control#postcode:-ms-input-placeholder, .portal-modal .panel .panel-body .form-control#postcode:-moz-placeholder, .portal-modal .panel .panel-body .form-control#registration::-webkit-input-placeholder, .portal-modal .panel .panel-body .form-control#registration::-moz-placeholder, .portal-modal .panel .panel-body .form-control#registration:-ms-input-placeholder, .portal-modal .panel .panel-body .form-control#registration:-moz-placeholder, .portal-modal .panel .panel-body .form-control#registration-search::-webkit-input-placeholder, .portal-modal .panel .panel-body .form-control#registration-search::-moz-placeholder, .portal-modal .panel .panel-body .form-control#registration-search:-ms-input-placeholder, .portal-modal .panel .panel-body .form-control#registration-search:-moz-placeholder, .confirmation-model .panel .panel-body .form-control#postcode::-webkit-input-placeholder, .confirmation-model .panel .panel-body .form-control#postcode::-moz-placeholder, .confirmation-model .panel .panel-body .form-control#postcode:-ms-input-placeholder, .confirmation-model .panel .panel-body .form-control#postcode:-moz-placeholder, .confirmation-model .panel .panel-body .form-control#registration::-webkit-input-placeholder, .confirmation-model .panel .panel-body .form-control#registration::-moz-placeholder, .confirmation-model .panel .panel-body .form-control#registration:-ms-input-placeholder, .confirmation-model .panel .panel-body .form-control#registration:-moz-placeholder, .confirmation-model .panel .panel-body .form-control#registration-search::-webkit-input-placeholder, .confirmation-model .panel .panel-body .form-control#registration-search::-moz-placeholder, .confirmation-model .panel .panel-body .form-control#registration-search:-ms-input-placeholder, .confirmation-model .panel .panel-body .form-control#registration-search:-moz-placeholder {
        text-transform: capitalize; }
  .portal-modal .panel .panel-footer, .confirmation-model .panel .panel-footer {
    padding: 10px 20px;
    margin-top: -1px;
    background-color: #fff;
    border-top: 0;
    border-bottom: 3px solid #f1f2f2;
    border-left: 3px solid #f1f2f2;
    border-right: 3px solid #f1f2f2;
    -webkit-border-radius: 0 0 8px 8px;
    -moz-border-radius: 0 0 8px 8px;
    -ms-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px; }
    .portal-modal .panel .panel-footer .btn, .confirmation-model .panel .panel-footer .btn {
      font-size: 14px;
      min-width: 100%;
      margin: 10px 0;
      font-weight: 700; }
    .portal-modal .panel .panel-footer .form-group, .confirmation-model .panel .panel-footer .form-group {
      padding: 10px 0 0; }
    .portal-modal .panel .panel-footer .pager, .confirmation-model .panel .panel-footer .pager {
      color: #58565c;
      text-align: right;
      margin: 0;
      vertical-align: middle; }
      .portal-modal .panel .panel-footer .pager i, .confirmation-model .panel .panel-footer .pager i {
        color: #d12229;
        font-size: 30px;
        vertical-align: middle; }

/*.select2-container {
  z-index: 6000;
}*/
.portal-modal .select2-container {
  margin: 0 0 10px 0;
  text-transform: uppercase; }

.portal-modal .select2-container--default .select2-selection--single {
  border: 1px solid #dbdbdb;
  height: 40px;
  margin: 0 auto;
  padding: 0 12px;
  font-size: 15px;
  text-align: left;
  line-height: 1.4;
  color: #77787b;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  -webkit-transition: border 0.15s ease-in-out;
  -moz-transition: border 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out;
  transition: border 0.15s ease-in-out;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,d7d7d7+100 */
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 );
  /* IE6-9 */ }
  .portal-modal .select2-container--default .select2-selection--single:focus {
    border: 1px solid #dbdbdb; }
  .portal-modal .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px;
    font-size: 15px;
    color: #77787b;
    padding: 0; }
  .portal-modal .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
    top: 0;
    right: 0;
    width: 40px; }

.portal-modal .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #979797 transparent transparent transparent;
  border-width: 6px 7px 0 6px;
  margin-left: -7px;
  margin-top: -3px; }

.portal-modal .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #979797 transparent;
  border-width: 0 6px 7px 6px; }

@media (max-width: 767px) {
  .portal-modal .select2-container--default .select2-selection--single {
    height: 40px; } }

@media (max-width: 480px) {
  .portal-modal .select2-container--default .select2-selection--single {
    height: 40px; }
    .portal-modal .select2-container--default .select2-selection--single .select2-selection__rendered {
      line-height: 40px;
      font-size: 15px; } }

@media (max-width: 480px) {
  .portal-modal .select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-top: -3px; } }

.select2-dropdown.vehicle-dropdown {
  background-color: #1d3160;
  border: 1px solid #979797;
  color: #ffffff;
  font-size: 13px;
  font-weight: 400;
  text-align: left;
  text-transform: uppercase;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0; }
  .select2-dropdown.vehicle-dropdown .select2-results__option {
    padding: 10px 13px;
    border-bottom: 1px solid #979797; }
  .select2-dropdown.vehicle-dropdown .select2-results__option--highlighted[aria-selected] {
    background-color: #074f9a; }
  .select2-dropdown.vehicle-dropdown .select2-results__option[aria-selected=true] {
    background-color: #074f9a; }

.portal-modal-dropdown {
  z-index: 80000; }

.portal-modal-dropdown.select2-dropdown {
  background-color: #1d3160;
  border: 1px solid #979797;
  color: #ffffff;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 400;
  text-align: left;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0; }
  .portal-modal-dropdown.select2-dropdown .select2-results__option {
    padding: 10px 13px;
    border-bottom: 1px solid #979797; }
  .portal-modal-dropdown.select2-dropdown .select2-results__option--highlighted[aria-selected] {
    background-color: #0f1b3d; }
  .portal-modal-dropdown.select2-dropdown .select2-results__option[aria-selected=true] {
    background-color: #074f9a; }

/*-----------------------------------------------------------------------------------*/
/* SESSION TIMED OUT */
/*-----------------------------------------------------------------------------------*/
.season-ticket .fullscreen.session-timeout-modal .modal-content {
  background-color: rgba(15, 27, 61, 0.7); }

.session-timeout-modal .modal-dialog {
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important; }

/*-----------------------------------------------------------------------------------*/
/* INVOICE MODAL */
/*-----------------------------------------------------------------------------------*/
.season-ticket #pay-by-invoice-modal .modal-dialog {
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important; }