.SantaLogo {
  width:30px;
}
.MarinaLocalTitless {
  font-size:1.5em;
}
.FitBtn {
  background-color:#6f9e21;
  color:#FFF;
}
.FitBtn a {
  color:#FFF !important;
}
.FitBtn i {
  color:#FFF !important;
}
.FitBtn:hover {
  background-color:#55800d !important;
}
.HolsBtn {
  background-color:#eb5f0a;
  color:#FFF !important;
}
.HolsBtn a {
  color:#FFF !important;
}
.HolsBtn i {
  color:#FFF !important;
}
.HolsBtn:hover {
  background-color:#cb3b0c !important;
}
/* Home Events */

.HomeEvents {
  background-color: #F1F1F1;
  padding: 100px 0;
}

.HomeEvents #add-calendar-btn {
  z-index: 88;
  position: absolute;
  right: 15px;
  font-size: 0.85em;
  color: #FFF;
  border: 0;
  background-color: #041D40;
  padding: 5px;
  top: 0;
}

.HomeEvents .mapmarker {
  margin-right: 11px !important;
}

.HomeEvents .Exec {
  font-size: 0.7em !important;
}

.HomeEvents .close-btn {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #ff4d4d;
  color: white;
  border: none;
  padding: 10px 4px;
  font-size: 16px;
  cursor: pointer;
}

.HomeEvents .close-btn:hover {
  background-color: #ff1a1a;
}

.HomeEvents .Dates {
  color: #FFF;
  margin: 0;
  padding: 0;
}

.HomeEvents .Dates li {
  list-style-type: none;
  margin: 0;
}

.HomeEvents .StudiesBG {
  background-position: center;
  height: 300px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.HomeEvents label {
  width: 100%;
  border: 1px solid #323232;
}

.HomeEvents #CategoryIds {
  width: 100%;
  padding: 10px;
}

.HomeEvents .loca {
  font-size: 0.7em !important;
}

.HomeEvents label {
  width: 100%;
  display: block;
}

.HomeEvents .Vevents {
  width: fit-content;
  float: none;
  margin: 0 auto;
}

.HomeEvents .CaseStudiesGrid .overlay {
  background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transition: all 0.3s ease-in-out;
}

.HomeEvents #active-filters {
  text-align: right;
  width: 100%;
  font-size: 1.3em;
}

.HomeEvents .TextArea {
  z-index: 111111;
  position: absolute;
  bottom: 20px;
  right: 10px;
  text-align: left !important;
  text-shadow: 0px 1px 10px rgb(0 0 0 / 80%);
}

.HomeEvents .TextArea h2 {
  color: #FFF !important;
  font-size: 1.2em !important;
  margin-top: 10px;
  font-weight: bold;
}

.HomeEvents .TextArea p {
  color: #FFF !important;
}

.HomeEvents .TextArea .MapMarker {
  color: #FFF !important;
  text-transform: uppercase !important;
}

.HomeEvents .badge-secondary {
  background-color: #041D40;
  padding: 10px;
  margin: 0 0 0 10px !important;
}

.HomeEvents .badge-secondary span {
  font-size: 1.2em !important;
  vertical-align: top;
  margin-left: 15px !important;
}
/* Home Events */
.EventsAll #CategoryIds {
  width:100%;
  padding:10px;
}
.EventsAll label {
  width:100%;
  border:1px solid #323232;
}
.EventsAll #active-filters {
  text-align:right;
  width:100%;
  font-size:1.3em;
}
.EventsAll .badge-secondary {
  background-color:#041D40;
  padding:10px;
  margin:0 0 0 10px !important
}
.EventsAll .badge-secondary span {
  font-size:1.2em !important;
  vertical-align:top;
  margin-left:15px !important;
}

.LocalListing .buttonwrap .bluebutton {
  color:#FFF  !important;
}
.DividerLine {display:none;
}
.MoreDrop .dropdown-menu:before {
  display:none;
}
.VGuide {
  background-color:#F7F7F7;
  padding:20px;
  text-align:left !important;
}
.InnerVg {
  padding:10px;
}
.VGuide .Item h4 {
  text-align:left;
  font-size:1.1em;
  margin:10px 0;
}
.VGuide p {
  font-size:0.9em;
  font-weight:400;
  text-align:left;
}
.VGuide .Item {
  background-color:#FFF !important;
}
.DropdownActive .dropdown-toggle{
  border-bottom:2px solid #FFF;
  font-weight:bold;
  padding-left:0 !important;
}
.dropdown-menu::before {
  content: "";
  position: absolute;
  top: -9px;
  left: 5%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 9px solid #fff;
  z-index: 1;
}
.Fs {
  clear:both;
}
.MarinaDM {
  min-width:800px  !important;
}
.MarinaDM a {
  float:left;
  width:32%;
  margin:0 5px;
}
.LastM {
  border:0 !important;
}
.LineB {
  border-bottom:1px solid rgb(255, 255, 255,0.5);

}
.HoildayParks .pageshero .hero-desc {
  font-weight:bold;
  right:0;
  float:none;
  margin:0 auto;
  left:0;
  text-align:center;
}
.PadTop {
  padding:80px 0 0 0;
}
.tk img {
  width:12px;
  margin-top:-3px;
}
footer .socialsection .tk {
  display: inline-block;
  line-height:38px;
  border:1px solid #9faebe;
  height:40px;
  border-radius:50%;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  width:40px;
  color: #9faebe;
  font-size:1em;
}
.tk:hover {
  background-color:rgb(29, 133, 149);

}
.GreySection ul {
  margin-left:0px !important;
  padding-left:0px !important;
  list-style-type:none;
}
.GreySection li {
  margin-bottom:10px;
}
.GreySection {
  padding:20px;
  background-color:#041D40;
}
.GreySection h3 {
  margin-top:0;
  color:#FFF !important;
  margin-bottom:20px;
  font-size:1.9em !Important;
}
.GreySection h4 {
  margin-top:0 !important;
  margin-bottom:10px !important;
  font-size:1.6em !important;
}
.GreySection h4:after {
  display:none !important;
}
.GreySection .Whites {
  padding:20px;
  text-align:center;
  background-color:#FFF;
}
.GreySection img {
  margin-bottom:10px;
}
.LocalListing .AppsInner h2 {
  font-size:1.2em !important;
}
.LocalListing .IHWrap .tealbutton {
  color:#FFF !important;
}
.LocalListing .Showcase .tealbutton {
  color:#FFF !important;
}
.LocalListing .GTBSWrap .tealbutton {
  color:#FFF !important;
}
.LocalListing .GBTSGrey  .tealbutton {
  color:#FFF !important;
}
.LocalListing .TBtnBlock {
  height:auto;
}
.dropdown .nav-link::after {
  display:none !important;
}
.dropdown .active {
  border-bottom:1px solid #FFF;
  font-weight:bold;
}
nav .GQuote {
  background-color:#007A99 !important;
}
.HolidayPark #supercontrolCalendarWidget0 {
  display:none !important;
}
.Walkie {
  width:15px;
  margin-right:10px;
}
.TickListB {
  padding:0;
}
.TickListB li {
  list-style-type:none;
  font-size:1em;
  list-style-position: inside;
  text-indent: -1.2em;
  padding-left: 2em;
  margin-bottom:15px;
}
.TickListB .fas {
  font-size:1.4em;
  color:#5EB726;
  margin-right:10px;
}
.CarParkingTariff th {
  border:0 !important;
  text-align:center !important;
  color:#FFF;
}
.hero-desc h3 {
  font-weight:700 !important;
  margin-bottom:0 !important;
}
.CarParkingTariff i {
  font-size:1.2em;
}
.CarParkingTariff thead {
  text-align:center !important;
  background-color:#007A99;
  font-size:1.3em;
  border:1px solid rgba(0,0,0,0.20);
}
.CarParkingTariff td {
  border:1px solid rgba(0,0,0,0.20);
  text-align:center;
  font-size:1.1em;
  width:50%;
}
.StaffBene .btn {
  padding:5px 15px !important;
  font-size:0.9em !important;
}
.EventListing .LocalListing a {
  color:#007a99 !important;
  font-weight:bold;
}

.borders td {
  border:2px solid #dee2e6;
}
.StaffBene h3 {
  font-size:1em !important;
  padding-bottom:10px;
  margin:0;
}
.StaffBene h3:after {
  display:none !important;
}
/** Tariff Style**/
.TariffInner {
  padding:30px 0px 10px 0px;
}
.TariffBox {
  background-color:#d6d6d6;
  border-radius:5px;
  margin-bottom:20px;
  text-align:center;
}

.TarrifWrap .WB .TopBox {
  background-color:#c0c8cd !important;
}
.TarrifWrap .WB .TariffBox {
  background-color:#f0f0f0 !important;
}
.TarrifWrap .SSB .TopBox {
  background-color:#041D40 !important;
}
.TarrifWrap .SSB .Out {
  background-color:#007A99 !important;
}
.TariffBox h2 {
  margin-top:0;
  padding-top:0;
  color:#FFF !important;
}
.TariffBox h3 {
  margin-top:0;
  padding-top:0;
  color:#FFF !important;
}

.WB h3 {
  color:#003971 !important;
}

.TariffBox .TopBox {
  background-color:#007A99;
  padding:30px 10px;
  border-radius:5px 5px 0 0 ;
}
.TariffBox .TopBox .Out {
  font-size:1.6em;
  text-align:center;
  margin:0 auto;
  float:none;
  border-radius:50%;
  background:#041D40;
  padding:10px;
  height:80px !important;
  width:80px !important;
  line-height:50px;
}
.TariffBox h2:after {
  display:none !important;
}
.TariffBox h3:after {
  display:none !important;
}
.TariffBox .Price {
  font-size:3em !important;
  margin:0 !important;
  font-weight:bold !important;
}
.TariffBox .TopBox p {
  font-size:0.9em !important;
  color:#FFF !important;
  margin:0 !important;
}
.WB .TopBox p {
  color:#003971 !important;
}

.TariffBox .TariffInner li {
  list-style-type:none;
  margin: 0 0 10px 0;
}
.TariffBox .TariffInner p {
  color:#323232 !important;
  margin:0;
}
.TariffBox  .TariffInner ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
.TariffBox .Boat {
  position:absolute;
  max-width:300px;
  background-color:red;
  font-size:1.5em!important;
  padding:20px 100px;
}
.TarrifWrap {
  padding:30px; background-color:#F7F7F7;
}
.TBoatSize {
  font-size:1.3em !important;
  font-weight:bold !important;
  text-transform:uppercase !important;
  margin-bottom:20px;
}
.GetQuoteTariff {
  border:0 !important;
  background-color:#041D40;
  padding:10px 70px !important;
}

/** Tariff Style**/
/** FAQ's **/
.FAQsArea h3 {
  margin-bottom:20px !important;
}
.FAQsArea .nav-item .active {
  background-color:#041D40 !important;
  border:0 !important;
  font-weight:bold;
}
.FAQsArea .accordion p {
  line-height: 40px;
  margin: 0;
}
.FAQsArea a {
  font-size:1.05em !important;
}
.MainFaqTitle p {
  line-height:35px;
  margin-bottom:0;
}
.FaqInner a {
  background-color: white !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-block !important;
}
.FAQsArea .tealbutton {

  margin-right:20px !important;

}
.FAQsArea .accordion {
  margin: 10px 0;
}
.MainFaqTitle {
  padding:10px 5px;
}
.MainFaqTitle i {
  text-align:right !important;
  float:right;
  margin-top:5px;
  margin-right:5px;
}
.FaqInner {
  border:2px solid #F5F5F5;
  padding:20px;
}
.MainFaqTitle a {
  background-color:#F5F5F5 !important;
  color:#000000 !important;
  display:block;
  padding:15px;
}
/** FAQ's **/

.MedPart {
  padding:30px;
  border:5px solid #bfbfbf;
}
.MedPart .Log {
  margin:30px 0 15px 0;
}
.MedPart img {
  max-width:250px;
  margin:0 20px;
}
.MedPart h2 {
  text-align:center;
  margin:0;
}
.NewsletterSignUp {
  background-image:linear-gradient(rgba(38, 164, 183, 0.80),rgba(0, 0, 0, 0.70)), url(/_assets/otiumhero_1.jpg);
  background-position:center;
  padding:90px 0;
  color:#323232;
}
.overlayH {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(31, 34, 57, 0) 50%, rgba(0, 0, 0, 0.8) 100%);
  position: absolute;
  z-index:0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition:    all 0.3s ease-in-out;
  -ms-transition:     all 0.3s ease-in-out;
  -o-transition:      all 0.3s ease-in-out;
  transition:         all 0.3s ease-in-out;
}

.overlayC {
  background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 65%);
  position: absolute;
  z-index:0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition:    all 0.3s ease-in-out;
  -ms-transition:     all 0.3s ease-in-out;
  -o-transition:      all 0.3s ease-in-out;
  transition:         all 0.3s ease-in-out;
}
.NewsletterSignUp h5 {
  color:#ffffff !important;
}

.BlackFriday {
  background-color:#0D1015;
  padding:20px 30px;
}
.OfferCode {
  background-color:#FFF; padding:2px 8px; border-radius:5px; color:#000;
}

#timer {
  font-size: 3em;
  font-weight: 100;
  color: #FFF;
}
#timer  div {
  display: inline-block;
  min-width: 90px;
}
#timer   span {
  color: #FFF;
  display: block;
  font-size: .35em;
  font-weight: 400;
}
.BFLogo {
  max-width:330px; width:100%;
}
.Timers p {
  margin:0;
  color:#FFF;
}
.TimersLeft p {
  margin:0;
  color:#FFF;
}

.FuelMembers h3 {
  font-weight:bold;
  color:#041D40;
  text-align:center !important;
  margin:0;
  font-size:1.3em !important;
}

.BookApps {
  background-image:linear-gradient(rgba(38, 164, 183, 0.65),rgba(0, 0, 0, 0.55)), url(/_assets/elan-gt6-boat-test-yacht-review-running-shot-bow-credit-richard-langdon.jpg);
  background-size:cover;
  width:100%;
}
.BookApps i {
  color:#FFF;
}
.AppsInner h2 {
  color:#FFF !important;
  font-size:1.6em;
}
.AppsInner {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align:center;
  width:100%;
}

.BuyTix {
  background-image:linear-gradient(rgba(38, 164, 183, 0.65),rgba(0, 0, 0, 0.55)), url(/_assets/wifiboat.jpg);
  background-size:cover;
  width:100%;
}
.BuyTix i {
  color:#FFF;
  transform: rotate(-45deg);
}
.TixInner h2 {
  color:#FFF !important;
  font-size:1.6em;
}
.Anchs {
  font-size:1.2em !important;
}
.Custtable {

  border:1px solid #dee2e6;
}
.FL {
  font-weight:bold;
  color:#041D40;
  text-align:center !important;
  margin:0;
  font-size:1.3em !important;
}
.LFS .ListingItemWrapper .card h2:after {
  display:none !important;
}
.LFS .ListingItemWrapper .card h2 {
  color:#eb5f0a  !important
}
.LFS .DSearchWrap {
  display:none;
}
.LFS .TortsCard h3 {
  color:#eb5f0a  !important;
}
.LFS h2 {
  color:#eb5f0a  !important;
}
.LFS .buttonwrap .fas{
  color:#FFF  !important
}

/** Boat Show Page **/

.GTBSWrap .tealbutton {
  background-color:#749927 !important;
}
.Showcase h3 {
  font-size:3em !important;
  color:#000 !important;
}
.TopBtns h5 {
  color:#FFF;
  text-align:right;
  font-weight:bold;
  position:absolute;
  right:25px;
  bottom:0;
  text-shadow: 2px 2px #041D40;
}
.TopBtns h2:after {
  display:none !important;
}
.BtnBlock img {
  transition: transform .5s ease;
}
.TBtnBlock img {
  transition: transform .5s ease;
}
.TBtnBlock {
  height: 170px;
  overflow: hidden;
}
.TBtnBlock img {
  margin-top:-50px;
}
.TixInner {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align:center;
  width:100%;
}

.TBtnBlock:hover img {
  transform: scale(1.4);
}
.BtnBlock {
  height: 200px;
  overflow: hidden;
}
.BtnBlock:hover img {
  transform: scale(1.4);
}
.VIsitorsInfo h2 {
  font-size:2em !important;
}
.VisitorBox {
  padding:15px;
  background-color:#F3F3F3;
}
.VIsitorsInfo h3 {
  font-size:1.6em !Important;
  text-align:center;
  margin-top:25px !important;
}
.VIsitorsInfo p {
  font-size:0.9em !important;
  text-align:center;
  margin-bottom:0;
}
/** Boat Show Page **/
.MainT {
  background-color:#FF0000;
  padding:10px;
  margin-bottom:0;
}
/** 50th **/
.Fitness .White50 {
  display:none !important;
}
.Fitness .Gold50 {
  display:none !important;
}
.HoildayParks  .Gold50 {
  display:none !important;
}
.HoildayParks  .White50 {
  display:none !important;
}
.HoildayPark  .Gold50 {
  display:none !important;
}
.HoildayPark  .White50 {
  display:none !important;
}
.White50 {
  display:none;
}
.shrink .Gold50 {
  display:none;
}
.shrink .White50 {
  display:block;
}
/** 50th **/
.MainT p {
  color:#FFF;
  margin:0;
  padding:0;
  font-size:1.2em !important;
  font-weight:bold;
}
#BookingTimer {
  color:#E30E13;
  font-weight:bold;
}
.DolphinB .Envos {
  margin-right:13px !important;
}
.DolphinB .Address .fas {
  text-align:left;
}
.DolphinB .Address .fa-envelope {
  margin-right:5px;
}
.SCBSSWrap {
  padding:20px;
  border:5px solid #246F83;
}

.SCBSSWrap h3 {
  color:#323232;
  margin-top:10px;
  font-weight:bold;
}

.MaidGTBSWrap {
  padding:20px;
  margin-top:20px;
  border:5px solid #872042;
}

.MaidGTBSWrap .tealbutton {
  background-color: #872042 !important;
}

.IHWrap {
  padding:20px;
  border:5px solid #015FA7;

}
.GTBSWrap {
  padding:20px;
  border:5px solid #749927;
}
.GBTSGrey {
  padding:20px;
  background-color:#F7F7F7;
}

.GBTSDGrey {
  padding:20px;
  background-color:#F3F3F3;
}
.GTBSWrap h3 {
  color:#323232;
  margin-top:10px;
  font-weight:bold;
}
.GTBSWrap p{
  color:#323232;
}
.BookingDetails .validation {
  color:#721c24;
  background-color:#f8d7da;
  border:1px solid #f5c6cb;
  border-radius:5px;
  width:100%;
  padding:.75rem 1.25rem;
  list-style:none;
}
.BookConfirm {
  margin:0 !important;
  color:#155724 !important;
  font-weight:500 !important;
}
.BookConfirm:after {
  display:none !important;
}
.ReserveForm label {
  width:100%;
  float:left;
  font-weight:bold;
}
.ReserveForm .btn  .far {
  font-size:0.9em;
  margin: 0 5px 0 0;
}
.CustomButton {
  padding:5px 10px;
  background-color:#041D40;
  border:1px solid rgba(0,0,0,.125);
  border-radius:5px;
  color:#FFF !important;
  text-transform:uppercase;
  font-size:0.90em;
}
.CustomButton a {
  color:#FFF !important;
}
.CustomButton a:hover {
  color:#FFF !important;
}
.CustomButton .far {
  font-size:0.9em;
  margin: 0 5px 0 0;
}
.CustomButton .fas {
  font-size:0.9em;
  margin: 0 5px 0 0;
}
.ReserveForm .RedAsh {
  color:#F00;
}
.TermsModel {
  padding:20px !important;
}
.BookingTL:hover {
  color:#007A99 !important;
}
.TermsModel li {
  margin-bottom:10px !important;
}
.Bookings .back {
  padding:10px 20px !important;
}
.Bookings .padding {
  padding:35px 0;
}
.Bookings h1 {
  font-size:2.5em !important;
}

.BookingInfo p {
  font-size:1.1em;
}
.ReserveForm #AgreeTerms {
  float:left;
  width:auto;
}
.ReserveForm {
  background-color:#F8F8F8;
  padding:10px;
}
.ReserveForm input {
  width:100%;
  float:left;
  border:1px solid rgba(0,0,0,.125);
  border-radius:5px;
  padding:5px;
  margin:5px 0;
}
.ReserveForm .invalid {
  border-color: #F00 !important;
}
/** Booking Progress Bar **/

.progressbar {
  margin: 50px 0 50px 0;
  counter-reset: step;
  width:100%;
  height:50px;
}
.progressbar li {
  list-style-type: none;
  width: 33%;
  float: left;
  font-size: 14px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  color: #7d7d7d;
}
.progressbar li:before {
  width: 25px;
  content: "";
  height: 25px;
  line-height: 30px;
  border: 2px solid #7d7d7d;
  background-color: #7d7d7d;
  display: block;
  text-align: center;
  margin: 0 auto 10px auto;
  border-radius: 50%;
  transition: all .8s;
  margin-top:-5px;
}
.progressbar li:after {
  width: 100%;
  height: 2px;
  content: '';
  position: absolute;
  background-color: #7d7d7d;
  top: 7px;
  left: -50%;
  z-index: -1;
  transition: all .8s;
}
.progressbar li:first-child:after {
  content: none;
}
.progressbar li.active:before {
  border-color: #55b776;
  background-color: #55b776;
  transition: all .8s;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f00c";
  font-size:11px;
  color:#FFF;
  line-height:21px;
}
.progressbar li.active:after {
  background-color: #55b776;
  transition: all .8s;
}

/** Booking Progress Bar **/
/** Bookings **/

.disabled1 {
  pointer-events: none;
  cursor: default;
}

.UNAvailable {
  opacity: 0.3;
  filter: alpha(opacity=30);
  cursor: not-allowed;
}

.UNAvailable img {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
  filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

.Bookings .pageshero {
  height:170px !important;
  background-image:url('/_assets/exhibithero.jpg');
  background-position:center !important;
}
.BookingDetails {

  padding:20px;
  background-color:#FFF;
}
.BookingDetails h3 {
  margin:0 0 30px 0 !important;
  font-weight:bold;
}
.ReserveForm {
  padding:20px;

}
.Bookings {
  background-color:#e5f7ff;
}
.BookingTime label {
  display:inherit !important;
  margin:0 !important;
}
.BookingTime {
  overflow:auto;
  margin:5px;
  float:left;
}
#ck-button label {
  float:left;
  width:4.0em;
}
.BookingTime label span {
  text-align:center;
  cursor:pointer;
  display:inline-block;
  list-style-type:none;
  padding:11px 13px;
  background-color:#60B674;
  color:#FFF;
  border-radius:5px;
  font-weight:bold;
  float:left;
}
.BookingTime label input {
  position:absolute;
  top:-20px;
  display:none;
}
.BookingTime .unavailable span {
  background-color:#aeaeae;
  cursor: not-allowed;
}
.BookingTime .Booked {
  background-color:#E30E13;
}
.BookingTime input:checked + span {
  background-color:#FC7806;
  color:#fff;
  border-radius:5px;
}
.BookingDay {
  padding:25px;
  background-color:#FFF;
  margin:15px 0;
  border-radius:10px;
  width:100%;
  float:left;
}
.BookingWrap {
  padding:0;
  margin:0;
  list-style-type:none;
}

.BookingSlot li:focus {
  background-color:#F49AC1;
}
.booking-slot-date {
  font-size:1.6em;
  font-weight:bold;
  margin: 0 0 20px 0;
  text-align:center;
}
.BookingSlot {
  margin:0;
  padding:0;
  text-align:center;
}
/** Bookings **/

/*.ft1 {
height:880px;
}
.ft2 {
height:730px;
margin-top:-20px;
}

*/
.ISOLogos {
  max-width:60%;
}

/* Local Marina Fuel Prices */

.MFPrices {
  padding: 10px 10px 0 10px;
}
.SocialSide .followbox {
  margin-right:2px;
  display:inline-block;
}
/* Local Marina Fuel Prices */

.RiversidePage .MarinasPage h3 {
  color:#007A99 !important;
}
.WoolverstonePage  .MarinasPage h3 {
  color:#007A99 !important;
}
.nm p {
  margin-bottom:0;
}
.GreyBar {
  background-color:#F6f6f6;
  padding:10px;
}
.GreyBar p {
  font-size:1.5em;
  font-weight:bold !important;
}

/** News Search **/
.SearchForm {
  background-color:#F7F7F7;
  padding:20px 10px;
  width:100%;
}
.typesearch {
  border-radius: 5px 0 0 5px;
  border:2px solid rgba(0,0,0,0.10);
  padding: 10px 10px;
}
.SearchButton {
  background-color:#041D40;
  padding:4px 10px;
  text-align:center;
  border-radius:0 5px 5px 0;
}
.SearchIcon {
  width:45px;
  padding: 6px 10px;
  margin-top:5px;
}
/** News Search **/

/** Fitness Challenege **/

.FitHeader {
  background-color:#6f9e21 !important;
  padding:12px 0;
  color:#FFF;
  font-weight:bold;
  border-radius:15px;
  font-size:1.1em;
  margin-bottom:20px;
}
.FitContent {
  border-radius:15px;
  border:1px solid #E7E7E8;
  margin-bottom:20px;
}
.FitnessChallenge .list-group-item {
  border:0;
}
.FitnessChallenge .container .row:nth-child(2) {
  background-color:#E7E7E8;
  font-weight:bold;
}
.FitnessChallenge {
  border:0;
}
.FitnessChallenge .Rank {
  padding:10px 0;
}
/** Fitness Challenege **/

.NavHeader {
  position:fixed;
  width:100%;
  z-index:9845787;
  top:0;
}
.ButtonsBox h3 {
  color:#041E41  !important;
  margin-top:15px;
  font-weight:bold;
  font-size:1.7em;
}
.CatActive {
  font-weight:bold !important;
  color:#041D40 !important;
}
.FormEmbed {
  z-index:1111;
  position:relative;
}
.ButtonsBox p {
  color:#041E41  !important;
}
.ButtonsBox .darkbluebutton {
  font-size:1em !important;
  padding:10px 20px !important;
}
/* ============
Newsletter popup > Starts
=============== */

.ModalWrap .modal {
  z-index:9999999999 !important;
}
.ModalWrap .CloseButton {
  float:right;
  margin-top:10px;
}
.ModalWrap .CloseButton i {
  font-size:1.2em !important;
}
.ModalWrap .modal h3 {
  font-size:1.5em !important;
  margin-bottom:0 !important;
}
.ModalWrap .modal-dialog {
  top:33%;
  background-color:#C0DEE8;
  height:300px !important;
  max-width:700px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.ModalWrap .modal-content .btn {
  background-color:#26517D !important;
  padding:5px 20px;
  border-color:#26517D !important;
  color:#FFF !important;
}
.ModalWrap .modal-content .btn:focus {
  box-shadow:0 !important;
}
.ModalWrap .InnerText {
  padding:30px 15px !important;
}
.ModalWrap .InnerText i {
  cursor:pointer !important;
}
.modal .clearfix {
  height:5px !important;
}
.ModalWrap .Left {
  background-color:#C0DEE8 !important;
  height:300px !important;
}
.ModalWrap .Left img {
  margin-top:40px;
}
.ModalWrap .show {
  background-color:rgba(0, 0, 0, 0.7) !important;
}
@media screen and (max-width:650px) {
  .Showcase h3 {
    font-size:2em !important;
    color:#000 !important;
  }
  .SantaLogo {
    width:25px;
    margin-top:-5px;
  }
  .DropdownActive .dropdown-toggle {
    border:0;
  }
  .MarinaDM {
    min-width:auto  !important;
  }
  .MarinaDM a{
    width:100% !important;
    float:none !important;
  }
  .Parks {
    display:block !important;
  }
  .FAQsArea .tealbutton {
    width:100%;
    text-align:center;
  }
  .MedPart img {
    margin:0 !important;
  }
  .NewsletterSignUp {
    padding:50px 20px !important;
  }
  .BlackFriday {
    padding:15px;
  }
  #timer  div {
    display: inline-block;
    min-width: 80px;
  }

  .AppsInner {
    position:inherit !important;
    transform:none !important;
    height:200px !important;
    padding:20px 0;

  }

  .TixInner {
    position:inherit !important;
    transform:none !important;
    height:200px !important;
    padding:20px 0;

  }
  .BookApps {
    width:auto !important;
    margin:0 15px !important;
  }

  .BuyTix {
    width:auto !important;
    margin:0 15px !important;
  }
  .TopBtns .TBtnBlock {
    height:130px;
    margin-bottom:10px;
  }
  .RegisterBg {
    height:100px;
  }
  .VirtualShowBg {
    height:100px;
  }
  .VisitorsBg {
    height:100px;
  }
  .EventsInner .tealbutton {
    width:100% !important;
    text-align:center;
  }

  .EventsInner .darkbluebutton {
    width:100% !important;
    text-align:center;
  }

  .TermsModel {
    width:100% !Important;
    padding:15px !important;
  }

  .TermsModel ul {
    padding-left:20px !important;
    font-size:0.95em !important;
  }
  .ExhitListing .nav-item {
    padding:0 !important;
  }
  .CustomButton {
    margin-bottom:10px;
    float:left;

  }
  .progressbar {
    padding:0 !important;
    margin:50px 0 !important;
  }
  .ISOLogos {
    max-width:100%;
  }
  .ft1 {
    height:auto !important;
  }
  .ft2 {
    height:auto !important;
  }
  .LoginPage .padding {
    padding:20px 0 !important;
  }
  .LoginPage h2 {
    font-size:1.4em !important;
    font-weight:bold !important;
  }
  article h1 {
    font-size:1.7em !important;
  }
  .ModalWrap .Left {
    height:auto !important;
  }
  .ModalWrap .Left img {
    width:50% !important;
    float:none;
    margin:0 auto;
    display:block;
  }
  .ModalWrap .modal {
    padding-right:0 !important;
  }
}
/* ============
Fuel Page Prices > Ends
=============== */

/* ============
Fuel Page Prices > Starts
=============== */

.FuelWrap h4:after {
  display:none !important;
}
.MDLFuel .titles {
  position:inherit !important;
  text-align:right;
}
.FuelName {
  font-size:1.3em !important;
}
.FuelWrap .card-header{
  font-size:1.4em !important;
  padding:15px 5px;
}
.FuelWrap p {
  font-size:0.9em;
  margin:10px 0;
}
.FuelWrap h3 {
  font-weight:bold;
  color:#007A99;
  margin:0;
}
.FuelWrap:after {
  content: "";
  position: absolute;
  left: 0; right: 0;
  top: 0; bottom: 0;
  background:rgba(4, 29, 64, .5);
}
.FuelWrap {
  background-image:url('/_assets/fuel_3.jpg');
  background-size:cover;
  background-position:center;
  padding:80px 0;
  position:relative;
  background-attachment: fixed;
}
.FuelWrap .FuelType {
  background-color:#EFF8FF;
}
.FuelWrap .card {
  border:0px !important;
  text-align:center;
}
.FuelWrap .FuelPrice {
  font-size:1.2em;
}
.FuelWrap .FuelType {
  font-size:1.6em !important;
  font-weight:bold !important;
}
.FuelWrap  .Fuel {
  color:#041D40;
  font-size:1.1em !important;
}
.FuelWrap .Fuel span {
  display:none;
}
.FuelWrap h2 {
  color:#FFFFFF !important;
  text-align:center;
  z-index:1111;
  position:relative;
  margin-bottom:40px;
  font-size:2.5em;
  font-weight:bold;
}
.FuelWrap h2:after {
  display:none !important;
}
.FuelWrap .FuelGraphic {
  width:150px !important;
  float:none;
  margin:0 auto;
  padding:20px 30px;
}
.FuelWrap .FuelOuter {
  position:relative;
  z-index:1111;
}
/* ============
Fuel Page Prices > Ends
=============== */

.MarinaNotice p {
  font-size:1.2em !important;
  color:#FFF !important;
  margin-bottom:0 !important;
}
.MarinaNotice {
  background-color:#ED3833;
  padding:10px 20px;
}
.MarinaNotice .fas {
  color:#FFF;
  text-align:right;
  font-size:1.4em !important;
  margin-top:2px;
}
.Employee-of-the-Month {
  border:5px solid #007A99;
}
.HeroImage .hero-desc {
  width:100%;
  color:#FFF;
  text-align:center;
  bottom:0 !important;
  transform:inherit !important;
  top:auto !important;
  margin-bottom:10px !important;
  cursor:pointer;
}
.HeroImage h1 {
  font-size: 3em !important;
  font-weight: 500;
  text-transform:uppercase;
  margin-bottom:0;
  color: #FFF;
  letter-spacing:2.5px;
  text-shadow:0px 1px 10px rgba(0,0,0,0.8);
}
.Employee-of-the-Month::after {
  position:absolute;
  width:100%;
  height:40px;
  background-color:#007A99;
  text-align:center;
  padding:7px;
  content: "\2605  Star of the Month \2605";
  color:#FFFFFF !important;
  font-family:PT Sans, sans-serif !important;
  font-weight:bold;
  left:0;
  right:0;
  bottom:0;
}
.TeamItem .card-body p {
  color:#FFF !important;
}

/* ============
Top Search Section > Starts
=============== */

#searchResults #facets ul
{
  margin: 0px;
  padding: 0px 0px;
  list-style-type: none;
}

#searchResults #facets a, ul.dates
{
  cursor: pointer;
  font-weight: 400;
  margin: 0px;
  padding: 0px;
}

#searchResults #facets ul li
{
  background: none;
  padding: 0px 0px 5px 0px;
}

#searchResults #facets ul.dates li
{
  padding: 0px 0px 5px 0px;
}

#searchResults #facets p, #searchResults #facets #moreBut
{
  font-weight: 600;
  margin: 0px 0px 15px 0px;
  padding: 0px 0px 0px 0px;
  display: block;
  text-align: right;
  text-transform: uppercase;
}

#searchResults #results div.next
{
  padding: 5px;
  background: #6ea1c2;
  color: #fff;
  float: right;
}

#searchResults #results ul
{
  width: 100%;
  margin: 0px 0px 15px 0px;
  float: right;
  list-style-type: none;
  padding: 0px;
}

#searchResults #results ul li
{
  padding: 15px 0px 0px 0px;
  line-height: normal;
  border-bottom: 1px solid #e7e9ea;
}

#searchResults #results ul li:first-child
{
  padding: 0px !important;
}

#searchResults #results ul li:last-child
{
  border-bottom: none;
  padding: 15px 0px 0px 0px;
}

#searchResults #results ul li .text h3
{
  font-weight: 600;
  margin: 0px 0px 15px 0px;
}

#searchResults #results ul li .link
{
  float: left;
  margin: 15px 0px 15px 0px;
  font-size: 13px;
  word-wrap: break-word;
  word-break: break-word;
}

#searchResults #results ul li .link a
{
  padding: 0px 0px 0px 0px;
  text-decoration: underline;
  font-weight: 400;
}

#searchResults #results ul li .link span
{
  width: 100%;
  float: left;
  margin: 5px 0px 0px 0px;
  padding: 0px 0px 0px 10px;
}

#searchResults #results ul li .image
{
  float: right;
  margin: 0px 0px 15px 15px;
}

#searchResults #results ul li .image img
{
  width: 110px;
}

#searchResults #paging
{
  width: 100%;
  float: left;
  margin: 0px 0px 0px 0px;
}

#searchResults #paging .next
{
  float: right;
  margin: 0px 0px 15px 10px;
  background: #007A99;
  color:#ffffff !important;
  border-radius: 0px;
  padding:13px 20px;
}
#searchResults .dates span {
  font-weight:bold;
}
#searchResults #paging .prev
{
  float: left;
  margin: 0px 0px 0px 0px;
  background: #007A99;
  color:#ffffff !important;
  border-radius: 0px;
  padding:13px 20px;
}

/* ============
Top Search Section > Ends
=============== */

/* ----------------------------------------------  */

/** Other Marina Button **/

.MenuMarina {
  width:700px !important;
  left:-100px !important;
  text-align:center;
}
.MenuMarina .dropdown-item {
  border:1px solid rgba(255,255,255,0.2) !important;
}
.MarinaLink{
  color:#FFF !important;
}
.MarinaLink a {
  color:#FFF !important;
}
.MarinaLink:hover {
  color:#FFF !important;
}
.MarinaActiveLink {
  color:rgba(255, 255, 255, 0.65) !important;
  cursor:default !important;
}
.MarinaActiveLink:hover {
  color:rgba(255, 255, 255, 0.65) !important;
}
.MarinaDrop .dropdown-item a:hover {
  color:#FFF !important;
}
/** Other Marina Button **/

.LocalEventsPage div p {
  color:#323232 !important;
}
/** MEET TEAM MARINAS **/
.card-front .card-body {
  padding:0 !important;
  border:0 !important;
}

.noshape .ShapeBefore1 {
  clip-path:none !important;
}
/*
flip card
*/
.card-flip > div {

  -webkit-backface-visibility: visible;
  -webkit-backface-visibility: hidden;
  transform-style: preserve-3d;
  visibility:visible;
  backface-visibility: hidden;

  transition: transform 300ms;
  transition-timing-function: linear;
  width: 100%;
  height: 100%;
  margin: 0;
  display: flex;
  border:0 !important;
}

.card-front {
  -ms-transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
  border:0 !important;
}
.card-body h2 {
  color:#FFF !important;
  font-size:1.4em;
}
.card-flip p {
  color:#FFF !important;
}
.card-body p {
  color:#FFF;
  font-size:0.83em !important;
}
.card-back {
  -ms-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
  position: absolute;
  top: 0;
  border:0 !important;
  background-color:#007A99 !important;
}

.card-flip:hover .card-front {
  -ms-transform: rotateY(-180deg);
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  border:0 !important;
}

.card-flip:hover .card-back {
  -ms-transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
  border:0 !important;
}
/** MEET TEAM MARINAS **/

.Large {
  font-size:40px !important;
  font-weight:bold;
  color:#FFF !important;
  margin-bottom:5px;

}
.OffersBox p {
  font-weight:bold !important;
  color:#FFF;
  margin-top:0px;
}
.OffersBox {
  background-color:#041D40;
  border:5px solid #007A99 !important;
  border-radius:5px;
}
.OfferText {
  margin-top:-10px !important;
}
figcaption {
  padding:10px;
  background-color:#F7F7F7;
}
.RayLogo {
  max-width:200px;
}
.SponsorCarousel {
  background-color:#FFF !important;
  height:auto !important;
}
.SponsorCarousel  img {
  height:auto !important;
}
.SponsorCarousel .fas {
  color:#041D40 !important;
}
.MyWrap {
  padding:30px;
  border-radius:5px;
  background-color:#FFF;
}
/** Fitness Eco **/
.LightBack {
  background-color:#F8F8F8;
  padding:10px;
}
.gallery-slider .carousel {
  height:auto !important;
}
.gallery-slider .item {
  height:auto !important;
}
.gallery-slider .carousel-inner {
  background-color:#FFF !important;

}
.Eco h3:after {
  display:none !important;
}

.EcoLogo {
  max-width:500px !important;
  width:100%;
}

.EcoPowerPg .pageshero {
  height:490px;
  background-attachment:inherit !important;
  background-position:right;
}

.Howitworks {
  max-width:700px !important;
  width:100%;
}
.Eco .Greybg {
  background-color:#F7F7F7;
}

.FeatureEco {
  background-image:url(/_assets/eco-powr-tech-header.jpg);
  padding:100px 0;
  min-height:500px;
}

.FeatureEco p {
  color:#FFFFFF;
  max-width:700px !important;
  width:100%;
  float:none;
  margin:0 auto;

}
.FeatureEco a {
  color:#84bd00 !important;
  font-weight:200 !important;
}

/** Fitness Eco **/
.Flash {
  padding:10px 0;
  background-color:#F7F7F7;
  margin-bottom:30px;

}
.Flash p {
  font-size:1.2em;
  font-weight:bold;
}
/** Staff Login Area **/
.LoginButtons h3:after{
  display:none !important;
}
.LoginButtons h3 {
  margin:5px 0;
  font-size:1.3em;
}
.LoginButtons p {
  margin-bottom:0;
  font-size:0.9em;
  color:#323232;
  font-weight:200;
}
.MainHome .whitebg {
  border-radius:5px;
  padding:50px;
  -webkit-box-shadow: 0px 10px 20px 0px rgba(50, 50, 50, 0.52);
  -moz-box-shadow: 0px 10px 20px 0px rgba(50, 50, 50, 0.52);
  box-shadow: 0px 10px 20px 0px rgba(50, 50, 50, 0.52);
  background-color:rgba(233, 235, 238, 0.9);
}
.LoginHomePage .MyApps .card {
  background-color: #f7f7f7;
}
.LoginButtons i {
  color:#041D40;
}
.LoginHomePage h2:after {
  display:none !important;
}
.LoginHomePage h4:after {
  display:none !important;
}

@media screen and (max-width:1200px) {
  .LoginHomePage .container-small {
    width:900px !important;
  }

}

/** Staff Login Area **/

.StoryCard {
  display:none;
}
#loadMore {
  padding: 13px 40px;
  text-align: center;
  background-color: #007A99;
  color: #fff;
  min-width:200px;
  box-shadow: 0 1px 1px #ccc;
  transition: all 600ms ease-in-out;
  -webkit-transition: all 600ms ease-in-out;
  -moz-transition: all 600ms ease-in-out;
  -o-transition: all 600ms ease-in-out;
  float:none;
  margin:0 auto;
  text-transform:uppercase;
  display:block;
  font-size:1.05em;
}
#loadMore i {
  margin-left:10px;
  font-size:0.9em;
}

.MoreDrop {display:none;}
.WoolverstoneMarina .TopBG {
  display:none !important;
}
.WoolverstonePage .shrink {
  background-color:#eb5f0a !important;
}
.WoolverstonePage h3 {
  color:#000000 !important;
}
.WoolverstonePage .bluebutton {
  background-color:#eb5f0a !important;
}
.WoolverstonePage .bluebutton:hover {
  background: #cb3b0c  !important;
}
.WoolverstonePage .rld {
  background-color:#eb5f0a !important;
}
.WoolverstonePage h3:after {
  background-color:#eb5f0a !important;
}
.WoolverstonePage .shrink .logo {
  width:120px !important;
}
.WoolverstonePage  .Newsletterbtn   {
  background-color:#eb5f0a !important;
  border-color:#eb5f0a !important;
}
/**/
.RiversidePage .shrink {
  background: #eb5f0a  !important;
}
.RiversidePage .shrink .logo {
  width:120px !important;
}
.RiversidePage  h3 {
  color:#000000 !important;
}
.RiversidePage  .bluebutton {
  background: #eb5f0a  !important;
}
.RiversidePage  .bluebutton:hover {
  background: #cb3b0c  !important;
}
.RiversidePage  .rld {
  background: #eb5f0a  !important;
}
.RiversidePage  h3:after {
  background: #eb5f0a  !important;
}
.RiversidePage .Newsletterbtn  {
  background: #eb5f0a  !important;
  border-color:#eb5f0a !important;
}
/**/

.HoildayPark .shrink {
  background: #eb5f0a  !important;
}

.HoildayPark .bluebutton {
  background: #eb5f0a  !important;
}

.HoildayPark .Newsletterbtn {
  background: #eb5f0a  !important;
  border-color:#eb5f0a !important;
}

.HoildayPark #btnSubmit {
  background: #eb5f0a  !important;
}
.HoildayPark .bluebutton:hover {
  background: #cb3b0c  !important;
}
.HoildayPark .rld {
  background: #eb5f0a  !important;
}
.HoildayPark h3:after {
  background: #eb5f0a  !important;
}

.HoildayParks .shrink {
  background: #eb5f0a  !important;
}
.HoildayParks .shrink .logo {
  width:120px !important;
}
.HoildayParks h3 {
  color:#1F2239 !important;
}
.HoildayParks .bluebutton {
  background: #eb5f0a  !important;
}

.HoildayParks .Newsletterbtn {
  background: #eb5f0a  !important;
  border-color:#eb5f0a !important;
}

.HoildayParks #btnSubmit {
  background: #eb5f0a  !important;
}
.HoildayParks .bluebutton:hover {
  background: #cb3b0c  !important;
}
.HoildayParks .rld {
  background: #eb5f0a  !important;
}
.HoildayParks h3:after {
  background: #eb5f0a  !important;
}
.HoildayParks h2:after {
  background: #eb5f0a  !important;
}
.Fitness .pageshero {
  background-position:top !important;
  background-attachment:inherit !important;
}
.Fitness .shrink {
  background-color:#6f9e21 !important;
}
.Fitness h3 {
  color:#000000 !important;
}
.Fitness #btnSubmit {
  background-color:#6f9e21 !important;
}
.Fitness .Newsletterbtn {
  background-color:#6f9e21 !important;
  border-color:#6f9e21 !important;
}
.Fitness .bluebutton {
  background-color:#6f9e21 !important;
}
.Fitness .bluebutton:hover {
  background-color:#55800d !important;
}
.Fitness .tealbutton{
  background-color:#6f9e21 !important;
}
.Fitness .rld {
  background-color:#6f9e21 !important;
}
.Fitness .rldmiddle {
  background-color:#6f9e21 !important;
}
.Fitness h3:after {
  background-color:#6f9e21 !important;
}

.LoginMenu  {
  z-index:111111111;
  min-width:130px !important;
  left:0 !important;
}
.PointsCalculatorSection .whitelink:hover {
  color:#FFFFFF !important;
}
#calendar-tide .datepicker-days {
  width:100% !important;
}
#calendar-tide .datepicker-inline {
  width:100% !important;
}
.datepicker-days .table-condensed {
  width:100% !important;

}
.MoreNewsTitle {
  font-size:0.98em !important;
  padding:20px;
  color:#000000;
}
.ArticleSidebar .VideoButton {
  font-size:11px;
  padding:5px 10px;
}
.FixedSidebar {
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
  height:70vh;
}
.ArticleSidebar {
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
  height:70vh;
}
.OtiumPage .LargeNumber {
  font-size:5em;

  z-index:0;
  width:100%;
  font-weight:bold;
  left:0;
  top:0;
  color:rgba(0,0,0,.125);
}
.OtiumPage  .Earn h4 {
  color:#007A99;
  font-weight:bold;
}
.OtiumPage .GreyAngleSection {
  background-color:#f2f2f2;
}
.OtiumPage .ReadMore {
  color:#041D40;
  font-weight:bold;
}
.LoginBox .validation {
  background-color:#CC3333;
  list-style-type:none;
  margin:0;
  padding:10px;
  color:#FFFFFF;
  font-size:1em;
  margin-bottom:10px;
  width:100%;
}
.LoginBox form {
  width:100%;
}
.LoginBox .validation:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f071";
  float:left;
  display:inline-block;
  margin: 0 10px 0 5px;

}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
  background-color:#007A99 !important;
}
.LoginMenu a:hover {
  color:#FFFFFF !important;
}
.MyMdl a:hover {
  color:#FFFFFF !important;
}
.MyMdl a {
  text-transform:uppercase;
}
/**Otium**/

.points-calculator  ul {
  list-style-type:none;
  margin:0 auto;
  padding:0;
}
.PointsEarned {
  font-size:2em !important;
}
.CustomerButton button {
  width:100%;

  background-color:#FFF;
  color:#000000;
  border:1px solid rgb(204, 204, 204);
  padding:12px 12px;
  letter-spacing:1.2px;
  font-weight:bold;
  border-radius:5px;
}

.CustomerButton button:hover {
  border:1px solid rgb(204, 204, 204);
  background-color:#018596;
  color:#FFFFFF;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}
.points-calculator {
  padding:20px 20px 30px 20px;
  text-align:center;

}
.progress-bar {
  background-color:#041D40;
}
.NextBtn {
  background-color:#041D40;
  border:0;
  padding:10px 12px;
  color:#FFFFFF;
  border-radius:5px;
  width:50px;
}
.ResetBtn {
  background-color:#041D40;
  border:0;
  padding:10px 12px;
  color:#FFFFFF;
  border-radius:5px;
}

.ResetBtn:hover {
  background-color:#26a4b7 !important;

  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;

}
.PrevBtn:hover {
  background-color:#26a4b7 !important;

  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;

}
.NextBtn:hover {
  background-color:#26a4b7 !important;

  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;

}

.PrevBtn {
  border:0;
  padding:10px 12px;
  color:#FFFFFF;
  background-color:#0a3877;
  border-radius:5px;
  width:50px;
}

.MainStepTitle {
  font-size:1.4em;
  margin-bottom:10px;
  color:#FFFFFF;
}
#service-value {
  padding:10px 20px;
  border-radius:5px;
  border:0;
}

.OtiumPage .padding {
  padding-bottom:0;
}
.Teal {
  color:#007A99 !important;
}
.StartOptions {
  background-color: #ffffff;

}
.GetStarted {
  background-color: rgb(246, 246, 246);
  padding:70px 0 150px 0;
}
.PointsCalculatorSection {
  padding:70px 0 120px 0;
  background-color:#018596;
  background-image: -webkit-linear-gradient(rgba(0, 122, 153,0.80),rgba(0, 0, 0,0.70)),url('/_assets/boathero_1.jpg');
  background-size:cover;
  background-position:top;

}

.CollectPointsOption {
  padding:70px 0;
  background-color:rgb(246, 246, 246);
}
.PointsSection h2:after {
  display:none !important;
}
.MainTitle h2:after {
  display:none !important;
}
.ScenarioBox h2 {
  font-size:1.6em !important;
}
.MainTitle h2 {
  margin-bottom:50px;
  font-weight:bold;
  font-size:2.4em !important;
  color:#000000 !important;
}
.PointsSection h3:after {
  display:none !important;
}
.PointsSection h3 {
  color:#666;
  margin-top:10px;
  font-size:1.7em;
}
.PointsSection h2 {
  margin-top:10px;
  color:#000 !important;
  font-weight:600 !important;
  font-size:2.3em !important;
}
.OtiumWrap  h4 {
  font-size:1.4em !important;
  margin-top:0;
}
.OtiumWrap h4:after {
  display:none !important;
}
.OtiumWrap h2:after {
  display:none !important;
}
.PointsSection h2:after {
  display:none !important;
}

.PointsSection img {
  border-bottom:2px solid #007A99;
}
.PointsSection i {
  color:#007A99;
  font-size:3.4em !important;
}
.PointsSection i:hover {
  color:#041D40;
}
.OtiumWrap .padding {
  padding-bottom:0 !important;
}
.OtiumWrap .Eye {
  font-size:1.1em !important;
}
.PointsOptions {
  font-size:0.7em;
  background-color: #ffffff;
  border: 1px solid rgb(204, 204, 204);
}
.OtiumWrap .Number {
  font-size:3.0em;
  line-height:40px;
  text-align:center;
  color: #041D40;
  font-weight:bold;
}
.ScenarioBox {
  background-color: #ffffff;
  border: 1px solid rgb(204, 204, 204);
}
.OtiumWrap table thead th {
  vertical-align:top;
}
.ScenarioBox td {
  border:1px solid #dee2e6 !important;

}
.OtiumWrap td {
  border:1px solid #dee2e6 !important;

}
.CollectMethod {
  background-color: #ffffff;
  border: 1px solid rgb(204, 204, 204);
}
.CollectMethod h2 {
  font-size:2em !important;
}
.OtiumWrap table {
  width: 100%;
  border-collapse: collapse;
}
.ScenarioTitle {
  color:#041D40 !important;
  font-weight:400 !important;
  font-size:1.7em !important;
}
.OtiumWrap td, th {
  padding: 6px;
  border: 1px solid #ccc;
  text-align: left;
}
.OtiumRewards {
  background-color:#041D40;
  color:#FFFFFF;
}
.OtiumRewards h1 {
  font-size:3em;
  font-weight:bold;
}
.WhatOtium {
  padding:70px 0;
  margin-top:20px;
  background-color:#007A99;
  background: -webkit-linear-gradient(rgba(0, 122, 153,0.60),rgba(0, 122, 153,0.80)),url(/_assets/oceanvill.jpg);
  background-size:cover;

}
.WhatOtium p {
  line-height:33px;
  color:#000000;
  font-size:1.03em;
}
.OtiumExample {
  background-color:#018596;
  background: -webkit-linear-gradient(rgba(4,29,64,0.80),rgba(4,29,64,0.90)),url(/_assets/mdlaccesscards.jpg);
  background-position:bottom;
  padding:70px 0 150px 0;
  background-size:cover;
  background-attachment:fixed;
}
.CollectPoints {
  background-color: rgb(246, 246, 246);
  padding:70px 0;
  margin-top:0px;
}
.PointsCalculatorSection h2 {
  color:#FFFFFF !important;
}
.PointsCalculatorSection p {
  color:#FFFFFF !important;
}
.StartOptions h2 {
  font-size:1.4em !important;
}
.CollectsPointsOption {
  padding:40px 0;
  margin-top:20px;
}
/**Otium**/

/** Login Page **/
.MDLpg {

  background: -webkit-linear-gradient(rgba(4,29,64,0.50),rgba(4,29,64,0.25)),url(/_assets/ovm1.jpg) !important;
  background-size:cover !important;
  background-position:center !important;
  background-attachment:fixed !important;
}

.LoginHomePage {
  padding:70px 0;
  background: -webkit-linear-gradient(rgba(4,29,64,0.50),rgba(4,29,64,0.25)),url(/_assets/scm_4.jpg);
  background-size:cover;
  background-position:center;
  background-attachment:fixed;
}
.LoginHomePage .invalid {
  color:#FF0000;
  border:2px solid #FF0000;
  border-radius:5px;
}
.LoginHomePage footer {
  display:none;
}
.LoginPage {
  /*background: rgb(38,164,183);
  background: linear-gradient(90deg, rgba(38,164,183,1) 35%, rgba(0,212,255,1) 100%);*/
  padding:70px 0;
  background: -webkit-linear-gradient(rgba(4,29,64,0.55),rgba(4,29,64,0.45)),url(/_assets/ovm1.jpg);
  background-size:cover;
  background-position:center;

  background-attachment:fixed;
}
.LoginPage .invalid {
  color:#FF0000;
  border:2px solid #FF0000;
  border-radius:5px;
}
.LoginPage footer {
  display:none;
}
.Title:after {
  display:none !important;
}
.LoginBox .LoginButton {
  font-size:1em;
  color:#323232;
}
.FacebookLogin i {
  color:#3b5998 !important;
}
.FacebookLogin i:hover {
  background-color:#3b5998;
  color:#FFFFFF !important;
}
.TwitterLogin i {
  color:#2caae1 !important;
}
.TwitterLogin i:hover {
  background-color:#2caae1;
  color:#FFFFFF !important;
}
.LinkedinLogin i {
  color:#0E76A8 !important;
}
.LinkedinLogin i:hover {
  background-color:#0E76A8;
  color:#FFFFFF !important;
}
.GoogleLogin i {
  color:#D64937 !important;
}
.GoogleLogin i:hover {
  background-color:#D64937;
  color:#FFFFFF !important;
}
.LoginButton i {
  display: inline-block;
  line-height:38px;
  border:1px solid rgba(0,0,0,.1);
  height:40px;
  border-radius:50%;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  width:40px;
  color: #323232;
  font-size:1em;
}

.LoginBox {
  background-color:#FFFFFF;
  max-width:600px;
  float:none;
  margin:0 auto;
  border-radius:5px;
  box-shadow:0 0 15px rgba(0,0,0,0.10);
  padding:50px;
  margin-top:30px;
}
.LoginBox h2 {
  margin-top:0;
}
.LoginBox input {
  width:100%;
  margin-bottom:15px;
  border:0;
  background-color:#f2f2f2;
  padding:15px 15px 15px 45px;
}

.LoginBox .iconbefore {
  position:absolute;
  top:22px;
  color:#041D40;
  left:30px;
  font-size:0.9em;
}
/** Login Page **/
.EventCountdown #demo {
  font-size:1.1em;
  float:right;

  height:15px;
}

.noline:after {
  display:none !important;

}
.whitelink {
  color:#FFFFFF !important;
}

.whitelink:hover {
  color:#007A99 !important;
}
#testimonial-carousel img {
  object-fit:none !important;
  height:inherit !important;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .modal-dialog {
    margin:0;
  }
}

.YourStory .GreyAngleSection {
  -webkit-clip-path:none !important;
  clip-path: none !important;
}

.EmailBox {
  background-color:#1d8595;
  padding:7px 10px;
  color:#FFFFFF;
  width:40px;
  height:40px;
  font-size:1.1em;
  float:none;
  margin:0 auto;
  display:inline-block;
  border-radius:5px;
}
.EmailBox:hover {
  border-radius:50%;
  transition:border-radius .3s linear;
}
.BoatShowNews {
  background-color:#041D40;
  background-image: -webkit-linear-gradient(rgba(4, 29, 64, 0.85),rgba(4, 29, 64, 0.55)), url(/_assets/oceanbg.jpg);
  color:#FFFFFF;
  background-size:cover;
}

.BoatShowNews h3 {
  font-size:1.7em;
  line-height:1.4em;
}
.YouTubeBox {
  background-color:#ff0000;
  padding:7px 10px;
  color:#FFFFFF;
  width:40px;
  height:40px;
  font-size:1.1em;
  float:none;
  margin:0 auto;
  display:inline-block;
  border-radius:5px;
}
.YouTubeBox:hover {
  border-radius:50%;
  transition:border-radius .3s linear;
}

.TikTokBox  {

  background: #000000;

  padding:7px 10px;
  color:#FFFFFF;
  width:40px;
  height:40px;
  font-size:1.1em;
  float:none;
  margin:0 auto;
  display:inline-block;
  border-radius:5px;
}
.TikTokBox img {
  width:13px;
  margin-top:-5px;
}
.TikTokBox:hover {
  background: #000;

  transition:background-color .4s linear;
  border-radius:50%;
  transition:border-radius .3s linear;
}

.InstaBox  {

  background: #f09433;
  background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
  background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
  padding:7px 10px;
  color:#FFFFFF;
  width:40px;
  height:40px;
  font-size:1.1em;
  float:none;
  margin:0 auto;
  display:inline-block;
  border-radius:5px;
}
.InstaBox:hover {
  background: #f09431;
  background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
  background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
  transition:background-color .4s linear;
  border-radius:50%;
  transition:border-radius .3s linear;
}
.FacebookBox {
  background-color: #3b5998;
  padding:7px 10px;
  color:#FFFFFF;
  width:40px;
  height:40px;
  font-size:1.1em;
  margin-right:20px;
  float:none;
  margin:0 auto;
  display:inline-block;
  border-radius:5px;
}
.FacebookBox:hover {
  background-color:#486dbd;
  transition:background-color .4s linear;
  border-radius:50%;
  transition:border-radius .3s ease;
}
.TwitterBox {
  background-color:#2caae1;
  padding:10px;
  color:#FFFFFF;
}
.TwitterBox:hover {
  background-color:#2489b5;
  transition:background-color .4s ease;
}
.ListingImage img {
  margin-top:-30px;
  z-index:0;
}
.EventText {
  float:left;
  font-weight:bold;
  font-size:1.2em;
}
#inner-text {
  font-size:1.1em;
  margin-left:-2px;
}
#demo span {

  color:#FFFFFF;
}
#timer-days {
  margin-right:5px;
}
#timer-hours {
  margin-right:5px;
}
.EventCountdown {
  float:left;
  width:100%;
  padding:5px 10px;
  color:#FFFFFF;
  background-color:#007A99 !important;
}

#InnerText {
  clear:both;
  float:left;
  display:block;
}

.Categoryname {
  padding:15px 0;
  display:block;
  border-bottom:1px solid rgba(0,0,0,0.10);
  font-weight:600;
}
.PBerth .GreyAngleSection {
  background-color: #FFF !important;
}
.DarkBlue {
  background-color:#041D40 !important;
}
.ArticleShare .share {
  float:right;
}
.Facilities a {
  font-weight:bold;
}
.TermsButton {
  width:300px;
}
.modal-open {
  padding-right:0 !important;
}
.modal-open nav {
  padding-right:10px !important;
}

.tcs li {
  margin-bottom:10px;
}
.MarinaToursPage h3:after {
  display:none !important;
}

#Content a {
  font-weight:bold !important;
  color:#007A99;
}
.Address li a {
  color:#000000  !important;
  font-weight:200  !important;
}

#Content .btn {
  color:#FFFFFF !important;
}
.HomeContentHub img {
  width:100% !important;
}
.VideoStory .VideoButton {
  font-size:12px;
  padding:8px 10px !important;
}

.NoBorder {
  border-bottom:0 !important;
}
.Categories {
  background-color:#F7F7F7;
  padding:10px;

}
.Categories a {
  color:#007A99;
  font-size:0.95em !important;
}
.MainTitles {
  font-size:1.7em;
}

.Interested {
  color:#000000;
}
.NoDivider {
  color:#000000 !important;
}
.NoDivider:after {
  display:none !important;
}

.EventListing hr {
  z-index:1111111111;
  position:inherit;
}

.VideoPlay {
  position: relative;
  float: left;
  width:100%;
}
.VideoPlay img {
  max-width: 100%;
  width:100%;
}
.ContactPage .SubscribeTab {
  display:none;
}
/*subscribe*/
.SubscribeTab {
  position: fixed;
  right: 0;
  top: auto;
  bottom: 40%;
  z-index:111111;
}
.SubscribeTab a {
  display: block;
  height: 220px;
  width: 60px;
  box-sizing: border-box;
  padding: 15px;
  background-color: #037b9a;
  color: #FFF;
  text-transform: uppercase;

  white-space: nowrap;
  letter-spacing:0.1em;
  font-size:1.1em;
  box-shadow: 0 3px 3px rgba(0,0,0,0.2);
}
.SubscribeTab a:hover {
  color:#FFF !important;
  background-color:#39879b;

  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.SubscribeTab a span {
  display: inline-block;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  -webkit-transform: rotate(-90deg) translate(-50%, 50%);
  -moz-transform: rotate(-90deg) translate(-50%, 50%);
  -ms-transform: rotate(-90deg) translate(-50%, 50%);
  -o-transform: rotate(-90deg) translate(-50%, 50%);
  -webkit-transform-origin: 0 50%;
  -moz-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  -o-transform-origin: 0 50%;
  transform-origin: 0 50%;
  height: 30px;
}
/*end subscribe*/

.VideoButton {
  position: absolute;
  bottom: 0px;
  left: 0px;
  background: rgba(227, 14, 19, 0.9);
  color: #fff;
  padding: 10px 12px;
  font-size: 14px;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E')
    !important;
  background-repeat: no-repeat, repeat !important;
  background-position: right .7em top 50%, 0 0 !important;
  background-size: .65em auto, 100% !important;
  border: none;
  border-radius: 0px;
  padding: 0em 0em 0em .35em;
}
.AttachmentButton {
  background-color:#E30E13 !important;
  color:#FFFFFF;
}
.AttachmentButton a {
  color:#FFFFFF !important;
  text-transform:uppercase !important;
  letter-spacing:0.4px !important;
}
.AttachmentButton a:hover {
  color:#FFFFFF !important;
  text-decoration:underline;
}
.WoolverstonePage h1 {
  font-size:2.5em !important;
}
.HP h3 {
  font-size:1.5em;
}
.CookiePages .box {
  background-color: #007a99;
  padding:10px;
  color:#FFFFFF;
  border-right:1px solid #FFFFFF;
}
.CookiePages .box h4 {
  padding:0;
  margin:0;
  font-weight:400;
  font-size:1em;
  color:#FFFFFF !important;
}
.box h4:after {
  display:none !important;
}
.CookiePages .line {
  padding:7px;
  border-right:1px solid grey;
  border-bottom:1px solid grey;
}
.CookiePages .first {
  border-left:1px solid grey;
}
.CookiePages .large {
  height:68px;
}

.CookieBox {
  padding:3px !important;
  font-size:0.9em;
}
.thankyou {
  padding: 10px;
  background-color:#D4EDDA;
  border-radius:.25rem;
  text-align:center;
  color: #155724;
  font-weight:500 !important;
  font-size:1.15em;
}
.AddBox p {
  margin-bottom:0;
}
.Staff h4 {
  font-size:1.6em !important;
}
.WhiteForm .page {
  background-color:#FFFFFF !important;
  border-radius:5px;
}
.ContactUsForm {
  color:#323232;
}

.GreyAngleSection .padding {
  padding:50px 0;
}
.homebtnsection {
  background-color:#ffffff;
}
.homebtnsection .nav-link.active {
  border:transparent;
}
.TabButtons {
  z-index:999121;
  margin-top:-40px !important;
  background-color:#F7F7F7;
  border-top:10px solid #FFF !important;
  border-right:10px solid #FFF !important;
  border-left:10px solid #FFF !important;
}
.homebtnsection .Tabs {
  color: #323232;
  background-color:#FCFCFC;
}

.TabButtons .nav-link  a:hover {
  color:#041D40 !important;
}
.homebtnsection .nav-link:focus {
  border:0 !important;
  outline:0 !important;
}
.homebtnsection .nav-link:active {
  outline:0 !important;
}
.MarinaIcons {
  width:55px;
}

.Main_Heading {
  font-size:2.7em;
  font-weight:bold;
  margin:25px 0;
}
.thankyou::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f00c";
  margin-right:10px;
}
/** Blockquote **/
.pagestory blockquote {
  padding: 10px 20px;
  font-size: 1.2em;
  margin:30px 0;
  font-weight: 400;
  border-left: 4px solid #007A99;
  clear: both;
}

.KeyText {
  vertical-align:middle;
}
.FormWrapper {
  clear:both;
}
.authorName a {
  color:#323232;
}
.CollapseTrigger {
  font-weight:bold;
  color:#323232;
}
.HiddenPanel {
  padding-top:15px;
}
.pagestory blockquote:before {
  font-family: "Font Awesome 5 Free";
  content: "\f10d";
  color: #007A99;
  font-size: 38px;
  font-weight: 900;
  display: block;
}
.Story .rthmb {
  border-bottom: 1px solid rgba(0,0,0,.125);
}
.pagestory blockquote p {
  margin-bottom: 0;
}
.pagestory blockquote footer {
  background: none;
  padding: 0;
  color: #007A99;
  clip-path:none !important;
  -webkit-clip-path:none !important;
  font-size: 0.9em;
  text-align: left;
  margin-top: 8px;
  position: inherit !important;
}
.pagestory blockquote footer::before {
  content: "— ";
}

/** SLIDES **/
.Slide01 #about_big {
  z-index: -1;
  font-family: 'Poppins', sans-serif;
  font-weight:bold;
  font-size: 280px;
  color: rgba(255, 255, 255, 0.5);
  overflow: hidden;
  padding: 0;
  margin: 0;
  bottom: -65px;
  left: 0;
  position: absolute;
  opacity:0.2;
}
.Slide01 h1 {
  font-family:inherit !important;
  margin-bottom:0 !important;
}

.Slide02 #about_big1 {
  z-index: -1;
  font-family: 'Poppins', sans-serif;
  font-weight:bold;
  font-size: 100px;
  color: rgba(255, 255, 255, 0.5);
  overflow: hidden;
  padding: 0;
  margin: 0;
  bottom: 15px;
  left: 0;
  position: absolute;
  opacity:0.2;
}

.Slide002 #about_big {
  z-index: -1;
  font-family: 'Poppins', sans-serif;
  font-weight:bold;
  font-size: 200px;
  color: rgba(255, 255, 255, 0.5);
  overflow: hidden;
  padding: 0;
  margin: 0;
  bottom: 0px;
  left: 0;
  position: absolute;
  opacity:0.2;
}
.Slide002 h1 {
  font-family:inherit !important;
  margin-bottom:0 !important;
}

.Slide002 #about_big1 {
  z-index: -1;
  font-family: 'Poppins', sans-serif;
  font-weight:bold;
  font-size: 100px;
  color: rgba(255, 255, 255, 0.5);
  overflow: hidden;
  padding: 0;
  margin: 0;
  bottom: 15px;
  left: 0;
  position: absolute;
  opacity:0.2;
}

.Slide200 #about_big {
  z-index: -1;
  font-family: 'Poppins', sans-serif;
  font-weight:bold;
  font-size: 200px;
  color: rgba(255, 255, 255, 0.5);
  overflow: hidden;
  padding: 0;
  margin: 0;
  bottom: 0px;
  left: 0;
  position: absolute;
  opacity:0.2;
}
.Slide200 h1 {
  font-family:inherit !important;
  margin-bottom:0 !important;
}

.Slide200 #about_big1 {
  z-index: -1;
  font-family: 'Poppins', sans-serif;
  font-weight:bold;
  font-size: 100px;
  color: rgba(255, 255, 255, 0.5);
  overflow: hidden;
  padding: 0;
  margin: 0;
  bottom: 15px;
  left: 0;
  position: absolute;
  opacity:0.2;
}

.SlideSBS #about_big {
  z-index: -1;
  font-family: 'Poppins', sans-serif;
  font-weight:bold;
  font-size: 200px;
  color: rgba(255, 255, 255, 0.5);
  overflow: hidden;
  padding: 0;
  margin: 0;
  bottom: 0px;
  left: 0;
  position: absolute;
  opacity:0.2;
}
.SlideSBS h1 {
  font-family:inherit !important;
  margin-bottom:0 !important;
}

/** SLIDES **/
/** Blockquote **/
.MainSliderControls {
  bottom:50px;
  top:auto;
  width:150px;
}
.MainCarousel .carousel-control-prev {
  right:30px !important;
  left:auto;
}

/** wysiwyg styles **/
#Content img {
  height:auto;
  max-width:100%;
}
.bluelink {
  color:#007A99 !important;
  font-weight:bold !important;
}
.outeritem h3 {
  color:#FFFFFF !important;
}
.blacklink {
  color:#323232 !important;
  font-weight:bold !important;
}
#Content h1, h2, h3, h4 {
  margin-top:0:
}
#Content h2 {
  color:#007A99;
}
#Content h3 {
  color:#007A99;
}
#Content h4 {
  color:#007A99;
}
#Content h2:after {
  content: '';
  width:40px;
  height:3px;
  background:#E30E13;
  display:block;
  margin-top:10px;
}
#Content h3:after {
  content: '';
  width:40px;
  height:3px;
  background:#E30E13;
  display:block;
  margin-top:10px;
}
#Content h4:after {
  content: '';
  width:40px;
  height:3px;
  background:#E30E13;
  display:block;
  margin-top:10px;
}
.CareersContent .video {
  width:70%;
}
.CareersContent h4:after {
  content: '';
  width:40px;
  height:3px;
  background:#E30E13;
  display:block;
  margin-top:10px;
}
.CareersContent h4 {
  color:#007A99;
}
/** wysiwyg styles **/
.DropdownActive a::after {
  width:100% !important;
  top:calc(100% + .5rem);
  height: 2px;
  background: #FFFFFF;
  -webkit-transition: width .3s ease-in-out;
  transition: none !important;
}

.outside-marina {
  border:1.5px solid rgba(0,0,0,.125);
}
.OutsideMarina {
  margin-bottom:0;
  background-color:#2f2f2f;
  padding:4px 10px;
  font-size:0.85em;
  text-transform:uppercase;
  font-weight:600;
  width:fit-content;
  color:#FFFFFF;
  border-radius:5px;
  margin:5px 5px 0 0;
  float:left;
  letter-spacing:0.5px;
}
.outside-marina .MainTitle {
  color:#2f2f2f !important;
}
.AtMarina {
  margin-bottom:0;
  background-color:#007A99;
  padding:4px 10px;
  font-size:0.85em;
  text-transform:uppercase;
  font-weight:600;
  width:fit-content;
  color:#FFFFFF;
  border-radius:5px;
  margin:5px 5px 0 0;
  float:left;
  letter-spacing:0.5px;
}

.OtiumPartner {
  margin-bottom:0;
  background-color:#041D40;
  padding:4px 10px;
  font-size:0.85em;
  float:left;
  text-transform:uppercase;
  font-weight:600;
  width:fit-content;
  color:#FFFFFF;
  border-radius:5px;
  margin:5px 0 0 0;
  letter-spacing:0.5px;
}

.MarinaTitleIcon {
  font-size:0.8em;
}
.List li {
  line-height:35px;
}
.GreyBoxInner {
  padding:15px;
  background-color:#F7F7F7;
}
.greybox h4:after {
  display:none !important;
}
.GreyBoxInner h3 {
  color:#26a4b7 !important;
}
.whitebox {
  background-color:#FFFFFF;
  padding:10px 0;
  text-align:center;
}
/** Error Page **/
.errorpage h1 {
  font-size:11em;
  font-weight:900 !important;
  letter-spacing:8px;
}
.ErrorPage footer {
  clip-path:none;
}
.BerthingPage footer {
  clip-path:none;
}
.errorpage {
  background-color:#041D40;
  background-size:initial;
  color:#ffffff;
  background-image:-webkit-linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.6)),url('/_assets/errorbg.jpg');
  background-size:cover;
  background-position:bottom;
}
.jumbotron {
  background-color:transparent !important;
}
.BackToHome {
  color:#FFFFFF;
}

/** Error Page **/

.HomeAbout {
  background-image: url('/_assets/homemdl.jpg');
  background-size:cover;
  background-attachment:fixed;
  background-position: right;
  padding:100px 0 80px;
  min-height:100vh;
  margin-top:-40px;
}
.text-box {
  background-color: #FFFFFF;
  color: #000000;
  padding:60px;
  border-radius: 5px;
}
.HomeAbout h2 {
  color:#007A99;
  margin:0;
  font-size:2.1em;
}
.HomeAbout p {

  line-height:2;
  color: #000000;
}

/***********/

/** SHARE ICONS **/
.SocialArticleIcons {
  float:none;
  margin:0 auto;
}
.SocialArticle a {
  float:right;
}
.share {
  border-radius:50px;
  height:35px;
  padding:5px;
  width:35px;
  line-height:26px;
  float:left;
  font-size:0.95em !important;
  margin-right:5px;
  text-align:center;
}
.share i {
  color:#FFFFFF !important;
}
.facebook {
  background-color:#3b5998;
  color:#ffffff;
}
.twitter {
  background-color:#00aced;
  color:#ffffff;
}
.pinterest {
  background-color:#B3001B;
}
.linkedin {
  background-color:#0074B0;
}
.wa {
  background-color:#04D35D;

  border-radius:50px;
  height:35px;
  padding:5px;
  width:35px;
  line-height:26px;
  font-size:0.95em !important;
  margin-right:5px;
  text-align:center;
  float:right;
}
.wa i {
  color:#FFF;
}
.emails a {
  background-color:#0074B0;
}
/** SHARE ICONS **/

.greybg {
  background-color:#F7F7F7;
}
.whitebg {
  background-color:#FFFFFF;
}
.StaffPages {
  background-color:#FFFFFF;
  border-radius:5px;
}
.UserIcon {
  font-size:0.85em;
}
.StaffPages h1 {
  color:#018596;
  font-size:2.5em;
}
.MyAccount h4:after {
  display:none !important;
}
.MyAccount h4 {
  color:#041D40 !important;
  font-size:1.2em;
}
.MyAccount a {
  color:#041D40 !important;
}
.bluelink:hover{
  font-weight:bold;
}
.greybox {
  padding:40px 20px;
  background-color:#F7F7F7;
}
.greybox h4 {
  margin-top:0;
}
.TariffsTable td {
  vertical-align:inherit !important;
  font-size:0.93em;
}
.TariffsTable  thead th {
  vertical-align:inherit;
  background-color:#F7F7F7;
}
.TariffsTable th:first-child {
  width:70%;
}
.TariffSmall {
  display:block;
}
.TariffsTable th {
  color:#007a99;
}
.TariffText {
  font-style: italic;
}
.MarinaStory h3 {
  font-size:1.2em;
}
.Marinabtn {
  color:#FFFFFF;
}
.Marinabtn a {
  color:#FFFFFF;
}
.MarinaStory .rthmb {
  min-height:150px;
}
.MarinaStory h3:after {
  display:none;
}

.MarinaStory a {
  text-align:left;
}
.MarinaStory:hover {
  background-color:#FFFFFF !important;
  color:#323232 !important;
}

/** MARINAS **/

/** WEATHER **/

.wi .fas {
  color:  #007A99;
}
.weather-day {
  margin:25px 0;
}
.weather-icon {
  font-size: 2.5em;
  color: #f1c40f;
}
.weather-forecast .card:hover {
  background-color:#F9F9F9;
  color:#323232;
  cursor: auto;
}
.Tides table {
  width:100%;
  text-align:center;
}
.Tides td {
  border:1px solid #eee;
  padding:10px 5px;
}
.Tides th {
  border:1px solid #eee;
  padding:10px 5px;
  text-align:center;
}
.Tides td:first-child {
  width:25%;
}
.Tides td:nth-child(2) {
  width:25%;
}
.Tides td:nth-child(3) {
  width:25%;
}
.Tides .TideHigh {
  color:#4CAF50;
  width:17px;
  position:absolute;
  line-height:35px;
  font-size:1.2em;
}
.Tides .TideLow {
  color:#F44336;
  position:absolute;
  line-height:20px;
  width:17px;
  font-size:1.2em;
}

.TideStatus {
  width:40px;
  display:inline-block;
}
/** WEATHER **/

/**Lightbox**/
.modal-header {
  display:block !important;
  z-index:9999999;
  width:100%;
  float:right;
  position:absolute;
  right:20px;
  top:15px;
  border:0;
}
.modal-open .modal {
  background-color:rgba(0, 0, 0, 0.65);
  top:0;
}
.modal-header .close {
  color:#FFFFFF;
  outline:0;
  opacity:1;
}
.modal-title {
  display:none !important;
}
.modal-footer {
  text-align:left;
  display:block;
  bottom:-7px;
  width:100%;
  margin-top:10px;
  border:0;
  padding:15px;
  float:left;
  position:absolute;
}
.modal-body {
  padding-bottom:5px;
}
.modal-content {
  width:95%;
}
.modal {
  z-index:9999999999999;
  top:40px;
}
/** EVENTS **/
.LocalEventsPage h3 {
  font-size:1.4em;
  color:#007A99;
}
.LocalEventsPage .EventDate {
  font-size:0.9em;
}
.LocalEventsPage p  {
  font-size:0.85em;
}
.LocalEventsPage .card {
  margin-bottom:0;
}
.LocalEventsPage .InnerTextSummary p  {
  margin-bottom:0;
}
.LocalEventsPage .card:hover {
  background-color:#ffffff;
  color:#323232;
}
.highlighted a {
  width:20px;
  height:20px;
  padding:5px;
  font-weight:bold;
  color:#007A99 !important;
  font-size:1.3em !important;
}

.calendar {
  border:1px solid #eee;
  padding:10px;
}
.calendar td{
  border:1px solid #eee;
  padding:0.9rem 0;
  width:50px;
  text-align:center;

}
.calendar th {
  border:1px solid #eee;
  padding:0.6rem 0;
  width:50px;
  text-align:center;

}
.calendar td:hover {
  background-color:#041D40;
  color:#FFFFFF;
}

.calendar table {
  width:100%;
}
.MarinasPage #next, #back {
  border:1px solid #eee;
  padding:0.6rem;
  float:left;
}
.MarinasPage p {
  color:#000 !important;
}
.MarinasPage #next {
  float:right;
}
.MarinasPage #date {
  border-top:1px solid #eee;
  border-bottom:1px solid #eee;
  font-weight:bold;
  padding:0.6rem;
  float:left;
  width:80%;
  text-align:center;
}
.calendar #nav {
  background-color:#F7F7F7;
  float:left;
  width:100%;
  margin-bottom:15px;
}
/** EVENTS **/

.GetQuotes {
  background-color:#007A99;
  padding:10px 25px;
  text-align:left;
  font-size:1.2em !important;
  color:#FFFFFF !important;
  border-radius:5px;
}
.GetQuotes p {
  color:#FFFFFF !important;
  margin:0;
  letter-spacing:0.7px;
  font-weight:bold;
}

.GetQuotes i {
  float:right;
  margin-top:2px;
  color:#FFFFFF !important;
}
.GetQuotes a:hover {
  color:#FFFFFF !important;
  font-weight:bold;
}
.BigCTA {
  background-color:#007A99;
  padding:10px;
  text-align:center;
  color:#FFFFFF;
  border-radius:5px;
}
.BigCTA a:hover {
  color:#FFFFFF !important;
  font-weight:bold;
}
.BigCTA p {
  margin-bottom:0;
  font-weight:bold;
  color:#FFFFFF !important;
}
.BigCTA a {
  color:#FFFFFF !important;
}
.Address {
  padding:20px;
  background-color:#F7f7f7;
}
.Sidebar h4:after {
  content: '';
  width:40px;
  height:3px;
  background:#E30E13;
  display:block;
  margin-top:10px;
}
.MarinasPage .Address li {
  list-style-type:none;
  margin:0;
}
.MarinasPage .Address ul {
  margin-bottom:0;
  margin:0;
  padding:0;
}
.bluetext {
  font-weight:bold;
  color:#007A99;
}
.MarinasPage .IntroText {
  font-weight:bold;
  color:#007A99;
  font-size:1em;
}
.BlueText {
  font-weight:bold  !important;
  color:#007A99 !important;
}
.MarinasPage p {
  color:#626262;
}
.MarinasPage .card {
  border-radius:5px;
  font-size:1.1em;
  border:1px solid rgba(0,0,0,0.10);
}

.MarinasPage h4 {
  color:#007A99;
  margin:20px 0px 10px 0px;
}
.MarinasPage h3 {
  color:#007A99;
  margin:20px 0px 10px 0px;
}
.MarinasPage a {
  color:#323232;
}
.Selected {
  background-color:#1d8595;
  color:#FFFFFF !important;
  font-weight:bold;
}
.Selected .fas {
  color:#FFFFFF !important;
}
.RightLine {
  border-right:1px solid rgba(0,0,0,0.10);
}

.SaxonMarina .MarinaHero {
  background-image: -webkit-linear-gradient(bottom,rgba(0, 0, 0, 0.2),transparent), url(/_assets/saxonwharf_2.jpg);
  background-position:bottom;
}
.DartsideQuay .MarinaHero {
  background-image: -webkit-linear-gradient(bottom,rgba(0, 0, 0, 0.2),transparent), url(/_assets/dartsidehero.jpg);
  background-position:bottom;
}
.ChathamMarina .MarinaHero {
  background-image: -webkit-linear-gradient(bottom,rgba(0, 0, 0, 0.2),transparent), url(/_assets/chathamhero.jpg);
  background-position:bottom;
}
.CobbsMarina .MarinaHero {
  background-image: -webkit-linear-gradient(bottom,rgba(0, 0, 0, 0.2),transparent), url(/_assets/cobbshero.jpg);
}
.HambleMarina .MarinaHero {
  background-image: -webkit-linear-gradient(bottom,rgba(0, 0, 0, 0.2),transparent), url(/_assets/hamblehero.jpg);
  background-position:bottom;

}
.HytheMarina .MarinaHero {
  background-image: -webkit-linear-gradient(bottom,rgba(0, 0, 0, 0.2),transparent), url(/_assets/hythehero.jpg);
  background-position:center;
}
.MercuryMarina .MarinaHero {
  background-image: -webkit-linear-gradient(bottom,rgba(0, 0, 0, 0.2),transparent), url(/_assets/mercuryhero.jpg);
}
.NorthneyMarina .MarinaHero {
  background-image: -webkit-linear-gradient(bottom,rgba(0, 0, 0, 0.2),transparent), url(/_assets/northneyhero.jpg);
}
.OceanMarinas .MarinaHero {
  background-image: -webkit-linear-gradient(bottom,rgba(0, 0, 0, 0.2),transparent), url(/_assets/oceanvillagehero.jpg);
}
.PentonMarinas .MarinaHero {
  background-image: -webkit-linear-gradient(bottom,rgba(0, 0, 0, 0.2),transparent), url(/_assets/pentonhookmarina.jpg);
  background-position:bottom;
}

.PortHMarinas .MarinaHero {
  background-image: -webkit-linear-gradient(bottom,rgba(0, 0, 0, 0.2),transparent), url(/_assets/porthamblepagehero.jpg);
  background-position:bottom;
}
.QueenAnneMarina .MarinaHero {
  background-image: -webkit-linear-gradient(bottom,rgba(0, 0, 0, 0.2),transparent), url(/_assets/queenannehero_1.jpg);
  background-position:bottom;
}
.SantCarlesMarina .MarinaHero {
  background-image: -webkit-linear-gradient(bottom,rgba(0, 0, 0, 0.2),transparent), url(/_assets/santcarlesmarina.jpg);
  background-position:center;
}
.ShamrockMarina .MarinaHero {
  background-image: -webkit-linear-gradient(bottom,rgba(0, 0, 0, 0.2),transparent), url(/_assets/shamrockhero.jpg);
}
.SparkesMarina .MarinaHero {
  background-image: -webkit-linear-gradient(bottom,rgba(0, 0, 0, 0.2),transparent), url(/_assets/sparkeshero.jpg);
}
.TorquayMarina .MarinaHero {
  background-image: -webkit-linear-gradient(bottom,rgba(0, 0, 0, 0.2),transparent), url(/_assets/torquayhero.jpg);
}
.WindsorMarina .MarinaHero {
  background-image: -webkit-linear-gradient(bottom,rgba(0, 0, 0, 0.2),transparent), url(/_assets/windsorhero.jpg);
}
.WoolverstoneMarina .MarinaHero {
  background-image: -webkit-linear-gradient(bottom,rgba(0, 0, 0, 0.2),transparent), url(/_assets/new-wlv-aerial-shot.jpg);
  background-position:bottom;
}
.BrixhamMarina .MarinaHero {
  background-image: -webkit-linear-gradient(bottom,rgba(0, 0, 0, 0.2),transparent), url(/_assets/brixhamlarge.jpg);
}
.BrayMarina .MarinaHero {
  background-image: -webkit-linear-gradient(bottom,rgba(0, 0, 0, 0.2),transparent), url(/_assets/brayhero.jpg);
}
.MarinaHero {
  margin-top:130px;
  height:350px;
  background-color:grey;
  background-size:cover;
  clip-path:none !important;
  background-attachment:inherit;
  background-position:center;

}
#MarinaCarousel img {
  height:auto !important;
}
#MarinaCarousel {
  height:auto !important;
  margin-bottom:20px;
}
.MarinaHeader .navbar {
  background-color:#007A99;
  padding:10px;
  box-shadow:0 0 15px rgba(0,0,0,0.10);
  z-index:99999999;
}
.MarinaHeader .Gold50 {
  display:none;
}
.MarinaHeader .White50 {
  display:block;
}
.MarinaHero .hero-desc {
  text-align:center;
  width:100%;
  top:80% !important;
  position:relative;
}
.MarinaHero h1 {
  font-size: 3em !important;
  font-weight: 500;
  text-transform:uppercase;
  margin-bottom:0;
  color: #FFF;
  letter-spacing:2.5px;
  text-shadow:0px 1px 10px rgba(0,0,0,0.8);
}
.WoolverstoneMarina h1 {
  font-size:2.4em !important;
}
.MercuryMarina h1 {
  font-size:2.4em !important;
}
/** MARINAS **/

/** Buttons + Dividers **/

.darkbluebutton {
  padding:13px 40px !important;
  font-size:1.05em;
  text-transform:uppercase;
  color:#FFFFFF !important;
  background-color:#041E41  !important;
  text-transform:uppercase;
  border-radius:5px;
  margin:5px 0;
  display:inline-block;
}
.darkbluebutton:hover{
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
  background-color:#083269 !important;
  color:#FFFFFF !important;

}

.bluebutton {
  padding:13px 40px !important;
  font-size:1.05em;
  text-transform:uppercase;
  color:#FFFFFF !important;
  background-color:#007A99 !important;
}
.tealbutton {
  padding:13px 40px !important;
  font-size:1.05em;
  text-transform:uppercase;
  color:#FFFFFF !important;
  background-color:#007A99 !important;
  border-radius:5px;
  margin:5px 0;
  display:inline-block;
}

.tealbutton:hover{
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
  background-color:#26a4b7 !important;
  color:#FFFFFF !important;

}

.whitebutton {
  padding:10px 25px !important;
  font-size:1.05em;
  text-transform:uppercase;
  background-color:#FFFFFF  !important;
  color:#041D40 !important;
}

.whitebutton:hover{
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
  color:#007A99 !important;
  font-weight:bold;
  letter-spacing:0.2px;
}
.buttonwrap a:hover {
  color:#FFFFFF !important;
}

.bluebutton {
  padding:13px 40px !important;
  font-size:1.05em;
  text-transform:uppercase;
  color:#FFFFFF !important;
  background-color:#007A99 !important;
}

.bluebutton:hover{
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
  color:#FFFFFF !important;
  font-weight:bold;
}
.WaveDivider {
  width:53px;
  float:left;
  height:6px;
  clear:both;
  margin:15px 0;
  background-image: url(/_assets/waveblue.png);
}
.WaveDividerMiddle {
  width:40px;
  float:none;
  margin-top:15px;
  margin-bottom:15px;
  height:6px;
  clear:both;
  margin:0 auto;
  background-image: url(/_assets/waveblue.png);
}
.WaveWhiteDividerMiddle {
  width:40px;
  float:none;
  margin-top:15px;
  margin-bottom:15px;
  height:6px;
  clear:both;
  margin:0 auto;
  background-image: url(/_assets/wavewhite.png);
}
.rld {
  width:40px;
  height:3px;
  margin:15px 0;
  background-color:#E30E13;
}
.rldmiddle {
  width:40px;
  height:3px;
  margin: 0 auto;
  background-color:#E30E13;
}
.rldright {
  width:40px;
  height:3px;
  float:right;
  margin:15px 0 5px 0;
  background-color:#E30E13;
}

/** Buttons + Dividers **/

a {

  cursor:pointer;
}
a:hover {
  text-decoration:none;
  color:#041D40 !important;
  cursor:pointer;
}
.btn  {
  background-color:#007A99;
  color:#FFFFFF !important;
  border:1px solid #FFFFFF;
  border-radius: 5px !important;
}
.btn:hover {
  background-color:#26a4b7 !important;
  border:1px solid #FFFFFF !important;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
  color:#FFFFFF !important;
}
.GetQuoteTariff:hover {
  border:0 !important;
}

.Newsletterbtn:hover {
  background-color:#26a4b7 !important;
  border:1px solid #FFFFFF !important;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  color:#FFF !important;
  transition: all 0.4s;
}
.BottomStories h3 {
  font-size:1em !important;
}
/*** HEADER + NAV **/

/**New Nav Starts **/
a:focus {
  outline: none;
}
.DropActive {
  border-bottom:1px solid white;
}
.NavHeader .dropdown-menu {
  left:auto !important;
}
.dropdown-menu-arrow {
  top: -29px;
  left: 150px;
  width: 0;
  height: 0;
  position: relative;
}
.dropdown-menu {
  left:-120px;
}
.dropdown-menu-arrow:before,
.dropdown-menu-arrow:after {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-width: 10px 10px;
  border-style: solid;
  border-color: transparent;
  z-index: 1001;
}
.dropdown-menu-arrow:after {
  bottom: -18px;
  right: -8px;
  border-bottom-color:#FFFFFF;
}
.dropdown-menu-arrow:before {
  bottom: -17px;
  right: -8px;
  border-bottom-color: rgba(0,0,0,.15);
}
/** ARROW BEFORE NAV **/

.dropdown-menu {
  background-color:#007A99;
  padding:10px 20px;
  min-width:300px;
  box-shadow:0 0 15px rgba(0,0,0,0.10);
  margin-top:15px;
  /* border:2px solid #FFF;*/
}

.dropdown.show .dropdown-menu {
  display: block !important;
}

.dropdown.open .dropdown-menu {
  display: block !important;
}

.dropdown-item {
  border-bottom:1px solid rgba(255,255,255,0.5);
  padding:10px 0;
}
.dropdown-item .fas {
  font-size:0.85em;

}

::-webkit-input-placeholder {
  color: #000 !important;
}
::-moz-placeholder {
  /* FF 4-18 */
  color: #000 !important;
  opacity: 1;
}
::-moz-placeholder {
  /* FF 19+ */
  color: #000 !important;
  opacity: 1;
}
::-ms-input-placeholder {
  /* IE 10+ */
  color: #000 !important;
}
::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #000 !important;
}
::placeholder {
  /* modern browser */
  color: #000 !important;
}

.dropdown-item:last-child {
  border:0;
}
.dropdown-menu a {
  color:#FFFFFF;
  text-transform:uppercase;
  font-size:0.9em !important;
  font-weight:500;
  letter-spacing:0.5px;
  padding:10px 5px !important;
}
.dropdown-item:hover {
  background-color:transparent;
  color:#26a4b7;
}

/** Nav Ends **/

/** TOP NAV BAR **/
.searchhidden {
  opacity: 0;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  transition: all .5s ease;
  width:0px;
  height:0;
}
.searchhidden .form-control {
  height:auto;
}
.searchhidden input {
  padding:4px !important;
}
.sbtn {
  opacity: 0;
  background-color:#007A99;
  border:0;
  padding:4px 15px;
}
.sbtn .fas {
  color:#FFFFFF;
}
.expanded .sbtn {
  opacity: 1;
  display:block;
}
.FWrap.searchhidden.expanded {
  border-radius: 0;
  width: 240px;
  margin-right:16px;
}
.searchhidden.expanded {
  opacity: 1;
}
.InnerTitle {
  color:#FFFFFF;
  margin:0;
}
/** TOP NAV BAR **/

/******/

/*** Bottom Nav **/
.nav-item {
  font-size: 0.90em;
}
.nav-item a:hover {
  color:#FFFFFF !important;
  font-weight:bold;
}
nav li:last-child {
  margin-right:0 !important;
  padding-right:0 !important;
}

.nav-link {
  color:#FFFFFF;
}
nav .nav-link {
  font-size:0.93em;

}
.dropdown-item.active, .dropdown-item:active  {
  background-color:transparent;
  font-weight:bold;
}
.NavBarBottom {
  border-top:1px solid rgba(255,255,255,0.25);
  margin-top:15px;
  z-index:1111111;
}

.NavBarTop {
  margin-bottom:0px;
}
.NavBarTop .btn {
  background-color:transparent;
  color:#FFFFFF;
  border:1px solid rgba(255,255,255,0.5);
  font-size:0.9em;
  padding:5px 10px;
}
.FirstNavItem {
  margin-left:0 !important;
  padding-left:0 !important;
}

.FirstNavItem .nav-link {
  margin-left:0 !important;
  padding-left:0 !important;
}

.navbar {
  padding-top: 25px;
  padding-bottom:25px;
  z-index:111111111 !important;

}
.navbar .nav-item {
  padding: 0rem .1rem;
  margin: 0 .11rem;
}
.logo50 {
  width:180px;
}
.logo {
  width:190px;
}
.HiddenItem {
  display:none;
}
.HiddenItem .active {
  background-color:transparent !important;
  font-weight:bold;
  border:1px solid #FFFFFF !important;

}
.HiddenItem a {
  background-color:transparent;
  font-size:0.92em;
}
.shrink .HiddenItem {
  display:block;
}
.shrink .nav-item {
}
.shrink {
  background-color: #007A99 !important;
  top:0;
  height:50px !important;
  transition:all 0.55s ease-out;
  box-shadow:0 0 15px rgba(0,0,0,0.10);
}
.shrink .navbar-nav .nav-link {
  margin-top:5px;
}
.shrink .container-fluid {
  padding:0;
}
.shrink .logo {
  width:160px !important;
}
.shrink .NavBarTop {
  display: none;
}
.navbar-brand  {
  margin:0;
  padding:0;
}
.shrink .dropdown-menu {
  top: 27px !important;
}
.shrink .NavBarBottom {
  border:0;
  margin:0;
}
.navbar .dropdown-menu div[class*="col"] {
  margin-bottom: 1rem;
}
.navbar .megamenu {
  border: none;
  background-color: #333333 !important;
  box-shadow: -4px 3px 0 0 rgba(0,0,0,0.05);
}
.megamenu  {
  padding:40px 0;
}
.navbar .megamenu {
  width: 100%;
  left: -1px;
  right: 0;
  top: 61px;
  height:80vh;
  border:0 !important;
  border-radius:0;
  z-index:1111111111111;
}
.navbar .megamenu {
  border: 1px solid rgba(0,0,0,.15);
  background-color: #fff;
}

/*** Bottom Nav **/
/** Header end **/

/** DRY STACK PAGES **/
.Berthing .card {
  background-color:transparent;
}
.Berthing .card-header  {
  background-color:#F7F7F7;
  border:0;
}
.Berthing .card a {
  cursor:pointer;
  display:block;
  color:#323232;
}
.Berthing h5 {
  color:#007A99;
}
.Berthing .card p {
  margin-bottom:0;

}
.Berthing .card-body p {
  color:#000 !important;
  font-size:1em !important;

}
.DryStackFAQ {
  padding:30px;
  background-color:#F7f7f7;
}
.FreedomBerthing {
  background-image:linear-gradient(180deg,transparent 10%,rgba(0,0,0,.75)), url('/_assets/simplyberthingimage.jpg');
  background-size:cover;
  background-position:center;
}
.SimplyBerthing {
  background-image:linear-gradient(180deg,transparent 10%,rgba(0,0,0,.75)), url('/_assets/simplyberthingimage2.jpg');
  background-size:cover;
  background-position:bottom;
}
.DryStack .ZoomBox {
  height:180px !important;
}
.DryStackBottom .nav-tabs a {
  color:#323232;
  font-size:1.3em;
  padding:15px 0;
}
.DryStackBottom .nav-tabs a:hover  {
  color:#007A99 !important;
}
.DryStackBottom .nav-link {
  text-align:center;
  width:100%;
  border-top:1px solid rgba(0,0,0,.1);
  border-right:1px solid rgba(0,0,0,.1);
  border-left:1px solid rgba(0,0,0,.1);
}
.DryStackBottom .tab-pane {
  background-color:#FFFFFF !important;
  padding:25px;
}
.DryStackBottom .tab-content {
  margin-top:-1.5px;
}
.DryStackBottom .nav-item .active {
  font-weight:bold;
  border:0 !important;
}
.DSBenefits {
  background-color:#f3f3f3;
}
.Member .card {
  border:0;
}
.Member h4 {
  color:#323232 !important;
}
.BenefitsWrap {
  background-color:#F7F7F7; padding-top:20px;
}
.MDLfuel {
  background-image:linear-gradient(180deg,transparent 10%,rgba(0,0,0,.75)), url('/_assets/mdlfuel.jpg');
  background-size:cover;
}
.Drystack {
  background-image:linear-gradient(180deg,transparent 10%,rgba(0,0,0,.75)), url('/_assets/drystackbtn.jpg');
  background-size:cover;
}
.ServiceCentre {
  background-image:linear-gradient(180deg,transparent 10%,rgba(0,0,0,.75)), url('/_assets/centreservices.jpg');
  background-size:cover;
}

/** DRY STACK ENDS **/
/** About Page **/
.AboutPageImg {
  border-radius:5px;
}
.ZoomBox h3 {
  font-size:1.6em;
  margin-top:0;
  font-weight:600 !important;
  margin-bottom:0;
  color:#FFFFFF;
}
.InnerContent {
  bottom:20px;
  width:100%;
  position:absolute;
  text-align:right;
  z-index:11;
  right:30px;
}
.InnerContent h3:after {
  display:none !important;
}
.ContactBox a {
  color:#323232;
}
.IYF {
  background-image:linear-gradient(180deg,transparent 10%,rgba(0,0,0,.45)), url('/_assets/introducefriends.jpg');
  color:#FFFFFF;
  background-position:center;
}

.Partners {
  background-image:linear-gradient(180deg,transparent 10%,rgba(0,0,0,.45)), url('/_assets/careersbutton.jpg');
  color:#FFFFFF;
}

.MoreButton h3 {
  color:#FFFFFF !important;
}
.MoreButton .ZoomBox {

  height:150px !important;
}
.MoreButton .InnerContent {
  text-align:left;
  right:0;
  left:30px;
  bottom:10px;
}
.RefFriend {
  background-image:linear-gradient(180deg,transparent 10%,rgba(0,0,0,.45)), url('/_assets/refer-friend-2_2.jpg');
  background-position:center;
  color:#FFFFFF;
}
.Passe {
  background-image:linear-gradient(180deg,transparent 10%,rgba(0,0,0,.45)), url('/_assets/escaleshero.jpg');
  background-position:center;
  color:#FFFFFF;
}
.FitnessM {
  background-image:linear-gradient(180deg,transparent 10%,rgba(0,0,0,.45)), url('/_assets/fitness-button.jpg');
  background-position:center;
  color:#FFFFFF;
}
.HostM {
  background-image:linear-gradient(180deg,transparent 10%,rgba(0,0,0,.45)), url('/_assets/mdl-host-hero.jpg');
  background-position:center;
  color:#FFFFFF;
}
.Cruise {
  background-image:linear-gradient(180deg,transparent 10%,rgba(0,0,0,.45)), url('/_assets/21103_mdl-cruising_435x149px.jpg');
  background-position:center;
  color:#FFFFFF;
}

.PlatPackage {
  background-image:linear-gradient(180deg,transparent 10%,rgba(0,0,0,.45)), url('/_assets/ourpartnershero.jpg');
  background-position:center;
  color:#FFFFFF;

}
.Terms {
  background-image:linear-gradient(180deg,transparent 10%,rgba(0,0,0,.45)), url('/_assets/errorbg.jpg');
  background-position:center;
  color:#FFFFFF;
}
.ActiveMarina {
  background-image:linear-gradient(180deg,transparent 10%,rgba(0,0,0,.55)), url('/_assets/activemarinas.jpg');
  background-size:cover;
}
.Enviro {
  background-image:linear-gradient(180deg,transparent 10%,rgba(0,0,0,.55)), url('/_assets/envirobg.jpg');
  background-size:cover;
}
.Careers {
  background-image:linear-gradient(180deg,transparent 10%,rgba(0,0,0,.55)), url('/_assets/careersbutton.jpg');
  background-size:cover;
  background-position:top;
}
.MDLTeam {
  background-image:linear-gradient(180deg,transparent 10%,rgba(0,0,0,.55)), url('/_assets/mdlteam.jpg');
  background-size:cover;
}
.Sail {
  background-image:linear-gradient(180deg,transparent 10%,rgba(0,0,0,.55)), url('/_assets/sailtraining.jpg');
  background-size:cover;
}

.ZoomBox {
  width:100%;
  height:270px !important;
  height:100%;
  text-align:left;
  overflow: hidden;
  position: relative;
  float: left;
  display: inline-block;
  cursor: pointer;
}
.InnerDiv {
  height: 100%;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  cursor:none;
}
.ZoomBox:hover .InnerDiv {
  -ms-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.ZoomBox:hover .InnerDiv {
  display: block;
}

/** About Page **/

/*** CONTACT PAGE ***/

.ContactBox {
  border-radius:5px;
  background-color:#FFFFFF;
  padding:50px;
  text-align:center;
  border:1px solid rgba(0,0,0,0.10);
}
.ContactSection h3 {
  color:#FFFFFF;
}
.ContactSection a {
  color:#FFFFFF;
}
.ContactSection h3:after {
  display:none !important;
}
.ContactBox h4:after {
  display:none !important;
}
.ContactSection p {
  color:#323232;
}
.ContactBox p {
  color:#323232 !important;
}
.ContactBox  h4 {
  color:#007A99;
}
.ContactBox li {
  list-style-type:none;
}
.ContactBox ul {
  margin:0;
  padding:0;
}
.LocalContactBox {
  background-color:#FFFFFF;
  padding:50px;
  height:230px !important;
  height:100%;
  text-align:left;
}

.LocalContactBox a:hover {
  color:#FFFFFF !important;
  font-weight:bold;
  text-decoration:none;
}
.LocalContactBox h3 {
  font-size:1.6em;
  margin-top:0;
  font-weight:600 !important;
  margin-bottom:0;
  color:#FFFFFF;
}
.LocalContactBox p {
  color:#FFFFFF;
}
.InnerText {
  bottom:0;
  width:100%;
  position:absolute;
  text-align:right;
  right:30px;
}
.ContactBox a {
  color:#323232;
}
.Bray {
  background-image:linear-gradient(180deg,transparent 5%,rgba(0,0,0,.85)), url('/_assets/brayaerial.jpg');
  background-size:cover;
}
.Brixham{
  background-image:linear-gradient(180deg,transparent 5%,rgba(0,0,0,.85)), url('/_assets/brixham_1.jpg');
  background-size:cover;
}
.Chatham {
  background-image:linear-gradient(180deg,transparent 5%,rgba(0,0,0,.85)), url('/_assets/chathammaritime.jpg');
  background-size:cover;
}
.Cobbs {
  background-image:linear-gradient(180deg,transparent 5%,rgba(0,0,0,.85)), url('/_assets/cobbs.jpg');
  background-size:cover;
}

.Hamble {
  background-image:linear-gradient(180deg,transparent 5%,rgba(0,0,0,.85)), url('/_assets/hamble.jpg');
  background-size:cover;
}
.Dartside {
  background-image:linear-gradient(180deg,transparent 5%,rgba(0,0,0,.85)), url('/_assets/dartside.jpg');
  background-size:cover;
}
.Hythe {
  background-image:linear-gradient(180deg,transparent 5%,rgba(0,0,0,.85)), url('/_assets/hythe_1.jpg');
  background-size:cover;
}
.Mercury {
  background-image:linear-gradient(180deg,transparent 5%,rgba(0,0,0,.85)), url('/_assets/mercuryaerial.jpg');
  background-size:cover;
}
.Northney {
  background-image:linear-gradient(180deg,transparent 5%,rgba(0,0,0,.85)), url('/_assets/northneyaerial.jpg');
  background-size:cover;
}
.Ocean {
  background-image:linear-gradient(180deg,transparent 5%,rgba(0,0,0,.85)), url('/_assets/oceanmarina.jpg');
  background-size:cover;
}
.Penton {
  background-image:linear-gradient(180deg,transparent 5%,rgba(0,0,0,.85)), url('/_assets/penton.jpg');
  background-size:cover;
}
.PortHamble {
  background-image:linear-gradient(180deg,transparent 5%,rgba(0,0,0,.85)), url('/_assets/porthamble.jpg');
  background-size:cover;
}
.Saxon {
  background-image:linear-gradient(180deg,transparent 5%,rgba(0,0,0,.85)), url('/_assets/saxon_1.jpg');
  background-size:cover;
}
.Queen {
  background-image:linear-gradient(180deg,transparent 5%,rgba(0,0,0,.85)), url('/_assets/queen.jpg');
  background-size:cover;
}
.Shamrock {
  background-image:linear-gradient(180deg,transparent 5%,rgba(0,0,0,.85)), url('/_assets/shamrock.jpg');
  background-size:cover;
}
.Windsor {
  background-image:linear-gradient(180deg,transparent 5%,rgba(0,0,0,.85)), url('/_assets/windsor.jpg');
  background-size:cover;
}
.Sparkes {
  background-image:linear-gradient(180deg,transparent 5%,rgba(0,0,0,.85)), url('/_assets/sparkes.jpg');
  background-size:cover;
}
.Torquay {
  background-image:linear-gradient(180deg,transparent 5%,rgba(0,0,0,.85)), url('/_assets/torquay.jpg');
  background-size:cover;
}
.Woolver {
  background-image:linear-gradient(180deg,transparent 5%,rgba(0,0,0,.85)), url('/_assets/woolver.jpg');
  background-size:cover;
}
.TheYachtClub {
  background-image:linear-gradient(180deg,transparent 5%,rgba(0,0,0,.45)), url('/_assets/ovm-yacht-club-v3.jpg');
  background-size:cover;
  background-position:center;
}
.Sant {
  background-image:linear-gradient(180deg,transparent 5%,rgba(0,0,0,.85)), url('/_assets/sant.jpg');
  background-size:cover;
  background-position:center;
}
.YachtClub {
  background-image:linear-gradient(180deg,transparent 5%,rgba(0,0,0,.45)), url('/_assets/ovm-yacht-club-v3.jpg');
  background-size:cover;
  background-position:center;
}
.General {
  background-image:linear-gradient(180deg,transparent 5%,rgba(0,0,0,.65)), url('/_assets/marinaofficepic.jpg');
  background-size:cover;
  background-position:center;
}
.Comments {
  background-image:linear-gradient(180deg,transparent 5%,rgba(0,0,0,.65)), url('/_assets/yacht.jpg');
  background-size:cover;
}
.AngleGrey {
  background-color:#F5F5F5;
  position: relative;
  text-align: left;
  padding-top: 150px;
  float: left;
  width: 100%;
  background-position: center;
  color:#FFFFFF;
  clip-path: polygon(0 0, 100% 13%, 100% 100%, 0% 100%);
  -webkit-clip-path: polygon(0 0, 100% 13%, 100% 100%, 0% 100%);
  margin-top:-110px;
  z-index:-111;
}
.GreyAngleSection {
  background-color:#F8F8F8;
  /* position: relative;*
  text-align: left;
  padding-top: 300px;
  float: left;
  width: 100%;
  background-position: center;
  color:#FFFFFF;
  clip-path: polygon(0 0, 100% 13%, 100% 100%, 0% 100%);
  -webkit-clip-path: polygon(0 0, 100% 13%, 100% 100%, 0% 100%);
  margin-top:-250px;
  z-index:-111;*/
}
#AgreeTermsConditions {
  width:auto;
}
.ContactSection {
  position: relative;
  text-align: left;
  padding-top: 300px;
  float: left;
  width: 100%;
  background-position: center;
  color:#FFFFFF;
  clip-path: polygon(0 0, 100% 13%, 100% 100%, 0% 100%);
  -webkit-clip-path:polygon(0 0, 100% 13%, 100% 100%, 0% 100%);
  margin-top:-250px;
  z-index:-111111;
}
.ContactSection .fas {
  color:#041D40 !important;
}

/*** CONTACT PAGE ***/

/** Marinas Page **/
.Selected i {
  color:#FFFFFF !important;
}
.MarinasPage .titles {
  display:none;
}
.MarinasPage {
  padding:40px 0;
}
.MarinasPage .Bread {
  color:#323232 !important;
}
.MarinaButtons .card  {
  margin-bottom:20px;
}
.MarinaButtons .card a {
  display:block;
  border-radius:5px;
  padding:20px 10px;
  font-size:0.9em;
  letter-spacing:0.4px;
}
.MarinaButtons .card a:hover {
  color:#FFFFFF;
  transition:none;
  text-decoration:none;
}
.ViewBrochure {
  font-size:1em;
  font-weight:bold;
  color:#FFFFFF !important;
}
.TopSection h2 {
  margin:0;

  font-size:1.6em !important;
}
.MarinaImage {
  margin-bottom:10px;
}
.MarinaButtons .fas {
  color:#bababa;
  display:block;
  font-size:1.3em;
}
.MarinaButtons .far {
  color:#bababa;
  display:block;
  font-size:1.3em;
}
.MarinaButtons .card:hover {
  background-color:#007A99;
  cursor:pointer;
  color:#FFFFFF !important;
  text-decoration:none;
}
.Facilities li {
  line-height:35px;
}
.MarinaButtons .card a:hover {
  color:#FFFFFF !important;
  font-weight:bold;
}
.MarinasPage .SVGMarinaMap {
  border:2px solid #6499CD;
}

/** Marinas Page **/

/** Home - News **/

.NewsItem {
  border-radius:5px;
  box-shadow:0 10px 20px rgba(23,119,224,.06);
}
.NewsItem h5 {
  margin-top:0;
  font-size:1.2em;
}
.NewsItem p {
  font-size:0.9em;
}
.textinner {
  padding:15px;
}

.NewsWrapper h2 {
  font-size:1.4em;
}
.StoryImage img {
  min-height:170px;
}

.Story p {
  color:#323232;
  font-size:0.93em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.Story h3 {
  font-weight:bold;
  font-size:1.2em;
}
.Story {
  text-align:center;
}

.NewsWrapper h3 {
  font-size:1.3em;
  color:#323232;
  font-weight:500;
  margin-top:0;
}

.NewsWrapper .fas {
  margin-right:5px;
}

/** Home - News **/

/**/

/** Home - Events **/
.EventsPanel {
  height:auto;
}
.StoryImg {
  border-bottom:1px solid rgba(0,0,0,.125);
  padding:10px;
}
.EventDate hr {
  border-color:rgba(0,0,0,.125);
}
.EventDate {
  font-weight:bold;
}
.shadow {
  box-shadow: 0 .5rem 1rem rgba(0,0,0,0.04) !important;
}
.EventsCarousel .card {
  border-radius:5px;
}
.EventsCarousel h3 {
  font-size:1.4em;
  color:#007A99;
  margin-top:5px;
}
.EventsCarousel .card-body-top {
  padding: 20px 20px 0px 20px;
}
.EventsCarousel .card .far {
  color:#041D40;
  width:15px;
}
.EventsCarousel .card .fas {
  color:#041D40;
  width:15px;
}
.EventsCarousel {
  height:auto !important;
  padding:20px 0;
  background-color:#FFFFFF !important;
}
.EventsCarousel .carousel-inner {
  overflow:visible  !important;
}
.EventDate li {
  padding:10px 0;
}
.EventsCarousel .carousel-item a {
  color:inherit;
}
.EventsCarousel .carousel-item {
  margin-right:0 !important;
}
.EventsCarousel  img {
  height:auto !important;
}
.EventsCarousel .carousel-item:after {
  display:none;
}
.EventSliderControl {
  width:100px;
  margin:0 auto;
  display:block;
}
.monthbox {
  position:absolute;
  top:15px;
  z-index:1111111;
  background-color:#E30E13;
  color:#FFFFFF !important;
  padding:3px 10px;
  font-weight:bold;
  font-size:0.85em;
  float:right;
  text-transform:uppercase;
  right:0px;
}
.monthbox p {
  color:#FFFFFF !important;
}
.EventsPrev {
  float:left;
  width:50px;
  bottom:0;
  position:  relative !important;
}
.EventsPrev i {
  color:#007A99 !important;
}
.EventsNext i {
  color:#007A99 !important;
}
.EventsNext {
  float:left;
  position: relative !important;
  bottom:0;
  width:50px;
}
.EventDate {
  margin-top:10px;
  border-top:1.5px solid #e9e9e9;
}

/** Home - Events **/

/**/

/*** ARTICLE PAGE **/

.ArticlePage .Bread a {
  color:#323232;
}

article h1 {
  font-weight:bold;
  font-size:2.7em;
  margin:25px 0;
}
article h2 {
  color:#007A99;
  font-size:2em;
}
article h3 {
  color:#007A99;
  font-size:2em;
}
article h3:after {
  content: '';
  width:40px;
  height:3px;
  background:#E30E13;
  display:block;
  margin-top:10px;
}
article h2:after {
  content: '';
  width:40px;
  height:3px;
  background:#E30E13;
  display:block;
  margin-top:10px;
}
.ArticlePage .Bread {
  color:#323232 !important;
}

.pagestory .rthmb {
  margin-bottom:15px;
}

/*** ARTICLE PAGE **/

/**/

/** Home - Content Hub **/

.VideoPanel {
  height:auto !important;
}
.videos {
  max-width: 700px;
}
.video-wrap {
  position: relative;
  max-width: 700px;
  width: 100%;

}
.video-wrap p {
  position:absolute;
  bottom:10px;
  color:#FFFFFF !important;
  left:20px;
  font-size:0.85em;
  font-weight:bold;
  z-index:123;
}
.video-wrap .fas {
  font-size:0.8em;
  margin-right:10px;
}
.video-wrap .placeholder {
  max-width: 700px;
  width: 100%;
}
.videowrap .play-btn {
  position: absolute;
  max-width: 700px;
  width: 60px;
  height: 60px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  line-height: 1;
  text-align: center;
  color: #eaeaea;
  background-color: rgba(0,0,0,.6);
  border-radius: 50px;
  transition: all .2s ease;
  z-index:1111111;
}
.video-wrap .play-btn {
  position: absolute;
  max-width: 700px;
  width: 60px;
  height: 60px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  line-height: 1;
  text-align: center;
  color: #eaeaea;
  background-color: rgba(0,0,0,.6);
  border-radius: 50px;
  transition: all .2s ease;
  z-index:1111111;
}
.Smaller {
  width: 30px !important;
  height: 30px !important;
}
.Smaller::after {
  font-size:12px !important;
  padding-top:9px !important;
  padding-left:4px !important;
}
.video-wrap .play-btn:hover,
.video-wrap .play-btn:focus {
  color: #000;
  background-color: rgba(255,255,255,.8);
  cursor: pointer;
}
.play-btn::after {

  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 25px;
  content: "\f04b";
  padding-top: 17px;
  padding-left: 5px;
}

/** Home - Content Hub **/

/**Berthing **/

.MapIcon {
  font-size:0.8em;
}
.Features {
  color:#323232;
}
.HoildayParks .Features {
  font-size:0.9em;
  font-weight:600 !important;
}
.Features .far {
  float:right;
  margin-top:5px;
}
.Features .fas{
  float:right;
  margin-top:5px;
}
.HP h3 {
  color:#007A99;
}
.Parks {
  color:#FFFFFF !important;
}

.FBerthing button {
  background-color:transparent;
  border:0;
  text-align:left;
  width:100%;
  outline:0;
}
.FBerthing .bluebutton {
  color:#FFFFFF;
}
.TabButtons a:hover {
  color:#041D40 !important;
}

.card-header {border-bottom:0;
}
.FBerthing .card-header {
  padding:10px;
}
.card-header h5 {
  font-size:1.15em;
}
.DropdownPanel p {
  margin-bottom:0;
}
#testimonial-carousel p {
  font-size:0.73em;
  line-height:25px;
}
#testimonial-carousel {
  background-color:#F7F7F7;
  height:auto;
}
#testimonial-carousel .fa {
  font-size:0.85em;
}
.FBerthing .carousel-indicators li {
  background-color:#007A99;
  padding:1px 0px;
}
.TryMDL .pageshero {
  background-position:bottom;
}
.StaffLoginPG .pageshero {
  background-position:bottom;
}
.Exhibitors .pageshero {
  background-position:bottom;
}
.PBerth .pageshero {
  background-position:bottom;
}
.MarinaTours .pageshero {
  background-image:url(/_assets/marinaheroo.jpg);
  background-position:bottom;
}

.BoatShows .pageshero {
  background-position:bottom;
}
.ContentHubpg .pageshero {
  background-position:bottom;
}
.CategoryPG  .pageshero {
  background-position:bottom;
}

.MainEventsPage .pageshero {
  background-attachment:inherit !important;
  background-position:bottom;

}

.Covid  .pageshero {
  background-image:url(/_assets/sitemaphero.jpg);
  background-position:bottom;
}

.EventsInner .pageshero {
  background-image:url(/_assets/package.jpg);
  height:200px;
}
.EventsInner .Bread {
  color:#323232 !important;
}
.EventsInner .Bread a {
  color:#323232 !important;
}
.MainEventsPage .Bread {
  color:#323232 !important;
}
.MainEventsPage .Bread a {
  color:#323232 !important;
}
.Introduce  .pageshero {
  background-position:bottom;
}
.CruisingClub .pageshero {
  background-image:url(/_assets/crusingclub.jpg);
  background-position:bottom;
}
.Towergate .pageshero {
  background-position:center  !important;
  background-attachment:inherit !important;
}
.PasseportPage .pageshero {
  background-position:bottom;
}
.capage .pageshero {
  background-position:center;
}
.SitemapPage .pageshero {
  background-position:center;
}
.bobpage .pageshero {

  background-position:bottom;
}
.NewsletterPage .pageshero {
  background-position:bottom;
}
.OtiumPage .pageshero {
  background-position:top;
  background-attachment:inherit;
}
/*.BerthingMainPage .pageshero {
background-position:bottom;
background-attachment:inherit;
}*/
.FreedomBerthingPage .pageshero {

  background-position:bottom;
}
.FreedomBerthingPartners .pageshero {
  background-position:center;
}

.SimplyBerthingPage .pageshero {

  background-position:bottom;
}

.MyMDLPG .pageshero {
  background-image:url(/_assets/berthinghero_1.jpg);
  background-attachment:inherit !important;
  background-position:center;

}
/**Berthing **/
/**Managed Services **/

.Managed .number {
  border-radius:50px;
  width:40px;
  height:40px;
  text-align:center;
  line-height:40px;
  background-color:#007998;
  color:#FFFFFF;
  font-size:1.2em;
  font-weight:bold;
}
.Managed a {
  color:#007A99;
  font-weight:bold;
}

/**Managed Services**/
/** PAGES **/
.bluetitle {
  color:#007A99;
  margin-top:0;
}
.AM h4 {
  color:#007A99;
  margin:20px 0px 10px 0px;

}
.Heading {
  color:#007A99;
  margin:20px 0px 10px 0px;
  font-size:2em;
  font-weight:bold;
}
.AM h2 {
  font-size:2em;
}
.HoildayParks .pageshero {
  background-position:center;
  background-attachment:inherit;
}
.ArticlePage  .pageshero {
  background-image:url(/_assets/marinashero.jpg);
  background-position:center;
  height:200px !important;
}
.CookiesPolicyPage  .pageshero {
  background-position:center;
}
.WoolverstonePage .pageshero {
  background-position:bottom;
}
.RiversidePage .hero-desc h1 {
  font-size:2.6em !important;
}
.RiversidePage .pageshero {
  background-position:bottom;
}
.ContentHub .pageshero {
  background-image:url(/_assets/contenthubhero.jpg);
  background-position:center;
}
.LatestNewsPage .pageshero {
  background-position:top;
}
.MDLFuel .pageshero {
  background-position:top;
}
.BerthingPage .pageshero {
  background-position:center;
}
.BerthingPage .padding {
  padding-bottom:0;
}
.PartnersPage .pageshero {
  background-image:url(/_assets/ourpartnershero.jpg);
  background-position:center;
}
.YourJourney .pageshero {
  background-position:center;
}
.EnviroPage .pageshero {

  background-position:bottom;
}
.DryStack .pageshero {
  background-position:bottom;
}
.ManagedServicesPage .pageshero {
  background-position:bottom;
}
.StoragePage .pageshero {
  background-position:top;
}
.YourStory .pageshero {
  background-position:bottom;
}
.ServicesDirectory .pageshero {
  background-position:top;
}
.MDLTeamPage .pageshero {
  background-position:bottom;
}
.BoatyardBox {
  padding:30px 5px;
  text-align:center;
  background-color:#F7F7F7;
  background-position:center;
}

.BoatyardBox h4 {
  color:#FFFFFF !important;
}
.BoatyardBox h4:hover {
  font-weight:600;
}
.BoatyardBox h4:after {
  display:none !important;
}
.BoatyardBox h4 {
  margin-top:0;
  margin-bottom:0;
  font-size:1.4em;
}
.BoatyardService .pageshero {
  background-position:center;
}
.PrivacyPage .pageshero {
  background-position:bottom;
}
.SailTrainingPage .pageshero {

  background-position:bottom;
}
.PropertiesPage .pageshero {
  background-position:bottom;
}
.CareersPage .pageshero {

  background-position:bottom;
}
.Aboutus .pageshero {
  background-position:center;
}
.AdvertisePage .pageshero {
  background-position:center;
}
.MarinasHomePage .titles {
  display:none;
}
.MarinasHomePage .FreedomLogo {
  display:none;
}
.MarinasHomePage .pageshero {
  background-position:bottom;
}
.ActiveMarinaPage .pageshero {

  background-position:top;
}
.FeedbackPage .pageshero {
  background-position:center;
}
.Quote .pageshero {
  background-position:center;
  background-attachment:inherit;
}
.SearchPage .pageshero {
  background-image:url(/_assets/searchhero.jpg);
  background-position:top;
}
.Contact .pageshero {
  background-position:center;
}
.pageshero {
  background-color:#007A99;
  background-attachment: fixed;
  background-size:cover;
  height: 550px;
  position: relative;
  text-align: center;
  padding-top: 55px;
  float: left;
  width: 100%;
  background-position: center;
}
.rthmb {
  display:block;
  max-width:100%;
  height:auto;
}

.pageshero .overlay {
  background: url(/_assets/overlayimage.png) repeat-x rgba(13,38,67,0.1);
  opacity: 0.9;
  width: 100%;
  height: 100%;
  top:0;
  position: absolute;
  z-index: 1;
}
.errorpage .overlay {
  left:0;
  background: url(/_assets/overlayimage.png) repeat-x rgba(13,38,67,0.1);
  opacity: 0.8;
  width: 100%;
  height: 100%;
  top:0;
  position: absolute;
  z-index: 1;
}
.pageshero .hero-desc {
  top: auto !important;
  text-align:left;
  width:70% !important;
  bottom:0px !important;
}
.pageshero h1 {
  font-size: 3.1em;
  font-weight: 500;
  text-transform:uppercase;
  margin-bottom:0;
  color: #FFF;
  letter-spacing:2.5px;
  text-shadow:0px 1px 10px rgba(0,0,0,0.8);
}
.content a {
  color:#007a99;
  font-weight:bold;
}
.ContentTitleSmall  small{
  color:#9ea9b3; letter-spacing:10px;
}
.ContentTitleSmall h2 {
  color:#323232 !important;
}
.ContentTitleSmall h2:after {
  display:none !important;
}
.ContentTitleSmall h3:after {
  display:none !important;
}
.content h4 {
  margin:0;
  padding:0;
  color:#007a99;
  font-weight:bold;
  font-size:2em;
}
.Bread .fa-home {
  display:none;
}
.Bread {
  color:#FFFFFF;
  letter-spacing:1.5px;
  font-size:0.75em;
}
.pageshero .Bread a {
  color:#FFFFFF !important;

}
.Bread p {
  margin-bottom:0;
}
#Panels a {
  color:#E30E13 !important;
}
#Panels .fas {
  color:#E30E13 !important;
}
/** Search Page **/

.SearchInput {
  padding:13px 15px !important;
  height:auto;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
#paging {
  display:block;
  float:right;
  text-transform:uppercase;
  font-size:0.85em;
  font-weight:bold;
}
#paging .prev {
  border-radius:5px;
  padding:10px 15px;
  margin-right:20px;
  border:1px solid rgba(0,0,0,.1);
  color:#26a4b7;
}
#paging .next {
  border-radius:5px;
  padding:10px 15px;
  border:1px solid rgba(0,0,0,.1);
  color:#26a4b7;
}
.serb {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0  !important;
}
#results ul {
  padding:0;
}
#results h2 {
  padding:0;
  margin-top:20px;
  color:#007A99;
  font-weight:bold;
  font-size:1.2em;
  text-transform:uppercase;
}
#results h3 {
  padding:0;
  margin-top:0;
  color:#007A99;
  font-weight:bold;
  font-size:1.3em;
}
#results p {
  color:#323232;
  margin-bottom:0;
  font-size:0.9em;
}
#results li {
  list-style-type:none;
}
/** Search Page **/
/** PAGES **/
.Padding {
  padding:75px 0;
  clear:both;
}
.padding {
  padding:75px 0;
  clear:both;
}
.Search .fa {
  color:#FFFFFF;
}
.clearfix {
  width:100%;
  height:10px;
  display:block;
  clear:both;
}
.clearfixLarge {

  width:100%;
  height:15px;
  display:block;
  clear:both;
}
.clearfixNone {
  width:100%;

  display:block;
  clear:both;
}
/** Storage **/

.Land {
  background-image:linear-gradient(180deg,transparent 10%,rgba(0,0,0,.55)), url('/_assets/land.jpg');
}
.Containers {
  background-image:linear-gradient(180deg,transparent 10%,rgba(0,0,0,.55)), url('/_assets/storagecontainers.jpg');
  background-size:cover;
  background-position:center;
}
.Shed {
  background-image:linear-gradient(180deg,transparent 10%,rgba(0,0,0,.55)), url('/_assets/sheds.jpg');
  background-size:cover;
  background-position:center;
}
.StorageUnits {
  background-image:linear-gradient(180deg,transparent 10%,rgba(0,0,0,.55)), url('/_assets/storageunits.jpg');
  background-size:cover;
  background-position:center;
}
.content {
  position: relative;
  width: 90%;
  max-width: 400px;
  margin: auto;
  overflow: hidden;
}
.InnerContentStorage {
  bottom:20px;
  width:100%;
  position:absolute;
  text-align:left;
  z-index:11;
  left:30px;
}
.content .content-overlay {
  background: rgba(0,0,0,0.7);
  position: absolute;
  height: 99%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}
.content:hover .content-overlay{
  opacity: 1;
  transform: scale(0.7);
}
.content-image{
  width: 100%;
}
.statusbox {
  position:absolute;
  top:15px;
  z-index:1111111;
  background-color:#E30E13;
  color:#FFFFFF;
  padding:3px 10px;
  font-weight:bold;
  font-size:0.85em;
  float:right;
  text-transform:uppercase;
  right:0px;
}
.content-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.content:hover .content-details{
  top: 50%;
  left: 50%;
  opacity: 1;
}
.content-details h3{
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.15em;
  margin-bottom: 0.5em;
  text-transform: uppercase;
}

.content-details p{
  color: #fff;
  font-size: 0.8em;
}

.fadeIn-bottom{
  top: 80%;
}

.fadeIn-top{
  top: 20%;
}

.fadeIn-left{
  left: 20%;
}

.fadeIn-right{
  left: 80%;
}

.line {
  border-right:1px solid rgba(0,0,0,.125);
}
.TopLine {
  border-top:1px solid rgba(0,0,0,.125);
}
.Available {

  font-size:1.1em;
  margin:0 0 10px 0;

  font-weight:bold;
  text-transform:uppercase;
}
.StorageServices .bluelink {
  font-weight:400 !important;
  display:block;
  font-size:0.9em;
}

/** Storage **/
/** Slider **/

.hero-desc {
  position:absolute;
  width: 50%;
  z-index:111111;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.SliderButton {
  padding:13px 40px !important;
  font-size:0.9em;
}

.blueButton {
  padding:13px 40px !important;
  font-size:0.9em;
}
.buttonblue {
  padding:13px 40px !important;
  font-size:0.9em;
  color:#FFFFFF;
  border:1px solid #007A99;
  background: #007A99;
  font-weight:400;
  transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  border-radius:5px !important;
}
.buttonblue:hover {
  background-color:#26a4b7 !important;
  border:1px solid #FFFFFF !important;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
  font-weight:bold;
  color:#FFF !important;
}
.carousel {
  background-color:#000000;
}

.hero-desc h2 {
  font-size:5.8em;
  line-height:0.9;
  color:#FFFFFF;
  font-weight:300;
  text-shadow:0px 1px 10px rgba(0,0,0,0.8);
}
.hero-desc .toptext {
  font-size:4em !important;
  line-height:1.2;
  color:#FFFFFF;
  font-weight: 900;
  width:100%;
  float:left;
  text-transform:uppercase;
  text-shadow:0px 1px 10px rgba(0,0,0,0.8);
}

.hero-desc .bottomtext {
  font-size:1.5em;
  line-height:1;
  color:#FFFFFF;
  text-transform:uppercase;
  float:left;
  margin:20px 0;
  font-weight:400;
  text-shadow:0px 1px 10px rgba(0,0,0,0.8);
}
.hero-desc p {
  text-shadow:0px 1px 10px rgba(0,0,0,0.8);
  color:#FFF;
}

.hero-desc .btn {
  text-transform: uppercase;
  font-weight:bold;
}

.MainCarousel .carousel-item:after {
  content:"";
  display:block;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  text-align:left;
  background: url(/_assets/overlayimage.png) repeat-x rgba(13,38,67,0.3);
  opacity:1;
}
.carousel {
  height: 100vh;
  width: 100%;
  overflow:hidden;
}
.Tabs .nav-link {
  color:#58585a;
  font-weight:700;
  font-size:1.1em;
  padding:50px 0;
}
.Tabs .active {
  color:#323232 !important;
  background-color:#FFFFFF !important;
}
.nav-link .active {
  background-color:#FFFFFF !important;
  border: 0 !important;
  color:#323232 !important;
  margin:0;
}
.nav-tabs .nav-link.active {
  border-right: 0 !important;
  border-top:0;
  border-radius: 0 !important;
}
.tab-pane {

  padding:30px 0;
}
.tab-pane h3 {
  margin-bottom:0;
}
.tab-pane p {
  color:#323232;
}
.Tabs .nav-item {
  border-right:1px solid #c7c7c7;
  height:220px;
}
.Tabs .nav-item:last-child {
  border:0;
}

.nav-tabs {
  border:0  !important;
}

.nav-tabs .nav-item {
  margin-bottom:0 !important;
}
.Tabs li:hover {
  background-color:#FFFFFF;
}
.arrow {display: none !important;}

.active .arrow {
  display:block !important;
  margin-top:10px;
  font-size:1.3em;
  -webkit-animation-name: bouncey;
  animation: bouncey 1s infinite alternate;
  -webkit-animation: bouncey 1s infinite alternate;
}

@keyframes bouncey {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-5px);
  }
}
@-webkit-keyframes bouncey {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-5px);
  }
}

.carousel .carousel-inner img {
  display:block;
  object-fit: cover;
  height:100vh;
}
.MainCarousel {
  clip-path: polygon(50% 0%, 100% 0, 100% 33%, 100% 100%, 84% 99%, 53% 95%, 14% 88%, 0 100%, 0% 35%, 0 0);
  -webkit-clip-path:polygon(50% 0%, 100% 0, 100% 33%, 100% 100%, 84% 99%, 53% 95%, 14% 88%, 0 100%, 0% 35%, 0 0);
}
.carousel .carousel-inner {
  height:100%;
}

video {object-fit: cover; display: block; height:100vh;}

.CookieInner {

}
.Cookies h2 {
  font-size:3.3em !important;
  margin:10px 0 0 0;
  font-weight:bold;
  color:#FFF !important;
}
#cookieReject {
  background-color:transparent !important;
}
.Cookies{
  position: relative;
  margin: 0 auto;
  top: 25%;
  max-width:440px;
  background-color:#007A99;
  padding:40px 30px;
  border:2px solid #FFF;
}
.Cookies i {
  font-size:3em;
}

#cookiePopup {
  padding: 10px 0px;
  font-size: 14px;
  text-align: left;
  background: rgba(50, 50, 50, 0.80);
  color: #FFFFFF;
  animation: fadein 3s;
  -moz-animation: fadein 3s;
  -webkit-animation: fadein 3s;
  -o-animation: fadein 3s;
  position: fixed;
  bottom: 0;
  right: 0;
  width: 100%;
  height:100%;
  z-index: 999999999;
  display: none;
}
#cookiePopup a {
  color: #FFFFFF;
}
.cookietext {
  text-align:left;
  float: left;
  margin-top: 5px;
  font-size:1em;
}

#cookiePopup .learnmore {
  text-decoration: underline !important;
}
#cookieClose a {
  color: #000000;
}
.learnmore:hover {
  color:#FFFFFF !important;
}
/****/

/** FOOTER **/
.Forumft {
  display: inline-block;
  line-height:38px !important;
  border:1px solid #9faebe;
  height:40px;
  border-radius:50%;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  width:40px;
  color: #9faebe;
  font-size:1em;
}
footer i.fab {
  display: inline-block;
  line-height:38px;
  border:1px solid #9faebe;
  height:40px;
  border-radius:50%;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  width:40px;
  color: #9faebe;
  font-size:1em;
}
.Address a {
  font-weight:200  !important;
}

footer i.fab:hover {
  background-color:#1d8595;
}
.FDivider {
  border-top:1px solid rgba(255,255,255,0.15);
  margin: 40px 0 55px 0;
}
footer form {
  display:flex;
  flex-direction:row;
  background: white;
  border-radius: 5px;
  border:1px solid grey;
  width: 80%;
  float:none;
  margin:0 auto;
  padding:5px;
}
.NewsletterSignUp h5 {
  font-size: 1.6em;
  font-weight: 600;
  margin-top:15px;
  color:#9faebe;
  text-transform: uppercase;
}
footer input {
  flex-grow:2;
  border:none;
}
footer  i:hover {
  color: #FFFFFF;
}
footer li {
  list-style: none;
  margin-bottom: 10px;
  color:#9faebe !important;
}
footer a {
  color:#9faebe !important;
}
footer a:hover {
  color:#FFFFFF !important;
}
footer ul {
  margin:0;
  padding:0;
}

/**HOME SLIDER **/
.Homepage .hero-desc {
  width:50% !important;
}
.transition-timer-carousel-progress-bar {
  height: 5px;
  background-color: #007A99;
  width: 0%;
  margin: 0px 0px 0px 0px;
  border: none;
  z-index: 1111;
  position: relative;
}

.carousel-fade {
  opacity: 1;
}

.carousel-fade .carousel-item {
  -moz-transition: opacity ease-in-out .7s;
  -o-transition: opacity ease-in-out .7s;
  -webkit-transition: opacity ease-in-out .7s;
  transition: opacity ease-in-out .7s;
  left: 0 !important;
  opacity: 0;
  top: 0;
  position: absolute;
  width: 100%;
  display: block !important;
  z-index: 1;
}

.carousel-fade .carousel-item:first-child {
  top: auto;
  position: relative;
}

.carousel-fade .carousel-item.active {
  opacity: 1;
  -moz-transition: opacity ease-in-out .7s;
  -o-transition: opacity ease-in-out .7s;
  -webkit-transition: opacity ease-in-out .7s;
  transition: opacity ease-in-out .7s;
  z-index: 2;
}

.carousel-control-next,
.carousel-control-prev {
  z-index: 10;
}

.video-container {
  position: relative;
  background-size: cover;
  width: 100%;
  height:100vh;
}
.Slide0 {
  background-image:url(/_assets/boatshowview.jpg);
  height:100vh;
  background-size:cover;
  background-position:top;

}
.Slide1 {
  background-image:url(/_assets/mdlhome.jpg);
  height:100vh;
  background-size:cover;
  background-position:bottom;

}

.Slide22 {
  background-image:url(/_assets/mustohero.jpg);
  height:100vh;
  background-size:cover;
  background-position:top;

}
.Slide20 {
  background-image:url(/_assets/ptsession.jpg);
  height:100vh;
  background-size:cover;
  background-position:center;

}
.Slide001 {
  background-image:url(/_assets/boat-show-homepage.jpg);
  height:100vh;
  background-size:cover;
  background-position:center;
}
.SlidesSBS {
  background-image:url(/_assets/holidayparks.jpg);
  height:100vh;
  background-size:cover;
  background-position:bottom;
}
.Slide3 {
  background-image:url(/_assets/holidayparks.jpg);
  height:100vh;
  background-size:cover;
  background-position:bottom;
}
.SlideFuel {
  background-image:url(/_assets/mdlfuel_1.jpg);
  height:100vh;
  background-size:cover;
  background-position:center;
}
.Slide4 {
  background-image:url(/_assets/storagehero_1.jpg);
  height:100vh;
  background-size:cover;
  background-position:center;
}
.Slide5 {
  background-image:url(/_assets/boatyardslide.jpg);
  height:100vh;
  background-size:cover;
  background-position:center;
}
.Homepage footer {
  margin-top:-60px;
}
footer {

  clear:both;
  width:100%;

  background-color:#041D40;

}
footer .btn {
  background-color:transparent;
  color:#FFFFFF;
}
footer .btn:hover {
  background-color:#FFFFFF;
}
.FooterTop {

}

.Border {
  border-right: 1px solid rgba(255,255,255,0.15);
}

.FooterCopyright {
  border-top: 1px solid rgba(255,255,255,0.15);
  padding:20px 0;
  text-align: center;
  color: #9faebe;
  text-transform: uppercase;
  font-weight: 600;
  font-size:0.8em;
}

.Newsletter {
  border-radius: 5px;
  border:0;
  padding:10px;
  width: 300px;
}
.Newsletterbtn {

  border:0;
  padding:10px;
  width: 130px;

}

.Newsletterbtn {
  border:1px solid #007A99;
  background: #007A99;
  color:#ffffff;
  border-radius: 5px;
}
.NewsletterTitle {
  font-size: 1.6em;
  font-weight: 400;
  margin-top:15px;
  color:#9faebe;
  text-transform: uppercase;
}

/** FOOTER ENDS **/
/*.carousel-fade .carousel-item {
opacity: 0;
transition: opacity ease-out .7s;

}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
opacity: 0;
}

.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
transform: translateX(0);
transform: translate3d(0, 0, 0);
}
*/
nav .nav-link::after {
  content: '';
  display: block;
  width: 0;
  top:calc(100% + .5rem);
  height: 2px;
  background: white;
  -webkit-transition: width .3s ease-in-out;
  transition: width .3s ease-in-out;
}
.MyMdl a {
  color:#FFFFFF;
}
nav .nav-link:hover::after {
  width: 100%;
}
.active.nav-link::after {
  width:auto;
  top:calc(100% + .5rem);
  height: 2px;
  background: #FFFFFF;
  -webkit-transition: width .3s ease-in-out;
  transition: width .3s ease-in-out;
}

header .nav-link:hover {
  color:#FFFFFF;
}

/** SITEMAP **/

#sitemap ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  color:black;
}
#sitemap ul li ul {
  margin: 0px 0px 15px 15px;
  padding: 0px;
  color:black;
  list-style-type: none;
}
#sitemap ul li a {
  font-size: 1.953em;
  color:black !important;
}
#sitemap ul li ul li a {
  font-size: 1.563em;
  color:black;
}
#sitemap ul li ul li ul li a {
  font-size: 1em;
  color:black;
}
/** SITEMAP **/
@media screen and (max-width: 768px) {
  .dropdown-menu::before {
    display: none !important;
  }

  .HolidayPark .GetQuote {
    background-color: #323232 !important;
  }
  .HoildayPark .logo {
    width:120px !important;
  }
  .MarinaDM {
    min-width:100% !important;
  }
  .HoildayPark nav {
    background-color:#eb5f0a !important;
  }
  .MarinaDM a{
    width:100% !important;
    float:none !important;
  }
  .dropdown-menu::before {
    display:none;
  }
  .HolidayPark .DropdownActive {
    background: #323232 !important;
  }
}
@media (min-width: 768px) {
  .container-small {
    width: 700px;
  }

}
@media (min-width: 992px) {
  .container-small {
    width: 750px;
  }
}
@media (min-width: 1200px) {
  .container-small {
    width: 950px;
  }
}

@media (min-width: 768px) {
  .container-wide {
    width: 700px;
  }

}
@media (min-width: 992px) {
  .container-wide  {
    width: 750px;
  }
}
@media (min-width: 1200px) {
  .container-wide {
    width: 1400px;
  }
}
.container-wide {
  max-width: 100%;
  float:none;
  margin:0 auto;
}
.container-small {
  max-width: 100%;
}
.container-fluid {
  padding-left:2rem;
  padding-right:2rem;
  padding-top:1rem;
}
.SearchButton {
  padding:0 !important;
}
.SearchButton i {
  padding:9px !important;
}
/*** MOBILE **/
@media screen and (min-width:601px) and (max-width:769px) {
  .navbar {
    padding:1px 5px !important;
  }

  .TixInner {
    position:inherit !important;
    transform:none !important;
    height:200px !important;
    padding:20px 0;
    margin:15px !important;

  }
  .BuyTix {
    width:auto !important;

    margin:15px !important;
  }

  .flip-card {
    min-height:450px !important;
  }
  .flip-card-inner {
    min-height:450px !important;
  }
  .flip-card-back {
    min-height:450px !important;
  }

  .searchhidden {
    height:auto;
  }
  #cookiePopup {
    width:100%;
  }
  .navbar-nav {
    display:inherit;
  }
  .NavBarBottom {
    margin-top:15px !important;
    width:100% !important;
  }
  .navbar-collapse {
    top:40px !important;

  }
  nav .nav-link::after {
    display:none;
  }
  .dropdown-menu-arrow {
    left:30px;
  }
  .logo50 {
    width:145px !important;
  }
  .logo {
    width:145px !important;
  }
  .HiddenItem {
    display:none !important;
  }
  .navbar-collapse {
    width:50% !important;
  }
  .MyMdl {
    width:100% !important;
    float:right;
    padding:15px 0;
    margin:10px 0;
  }
  .ContactButton {
    width:100% !important;
    float:left;
    padding:15px 0;
    margin:10px 0;
  }
  .GetQuote {
    width:100%  !important;
    padding:15px 0;
  }
  .navbar-brand {
    padding: 5px 5px 0 10px;
  }
  .shrink .NavBarTop {
    display:block;
  }

  .FWrap.searchhidden  {

    width:97%;
    opacity:1;
  }
  .sbtn {
    display:block;
    opacity:1;
    border:1px solid rgba(255,255,255,0.5);
    border-radius: 0px 5px 5px 0px;
  }
  .shrink {
    padding:0px 10px !important;
  }
  .navbar {
    padding:0 !important;
    background-color:#007A99 !important;
    z-index:111111111 !important;
  }
  .RightLine {
    border:0;
  }
  .Homepage .hero-desc {
    width:80% !important;
  }
  .mobborder {
    border-right:0;
    padding:11px 0;
  }
  footer {
    clip-path:inherit !important;
  }
  .Border {
    border-right:0;
  }
  .MainCarousel {
    height:60vh !important;
  }
  .pageshero {
    height:400px;
    background-size:cover;
    background-attachment:inherit !important;
  }
  .HomeAbout {
    min-height:70vh !important;
  }
  .hero-desc {
    top:30% !important;
  }
  .dropdown-menu {
    background-color:#00a8bd;
    margin-top:15px;
    box-shadow:none !important;
    border:0;
    border-radius:0;
  }
  .shrink .navbar-nav .nav-link {
    margin-top:0 !important;
  }
  .navbar {
    height:50px !important;
  }
  .shrink .NavBarBottom {
    border-top:1px solid rgba(255,255,255,0.25) !important;
  }
  .dropdown-menu a {
    color:#FFFFFF;
  }
}
@media screen and (max-width:600px) {
  .ConsultancyHero .toptext {
    font-size:2em !important;
  }
  .Fitness .pageshero {
    background-size:contain !important;
    background-repeat:no-repeat !important;
    background-position:center !important;
    background-color:transparent !important;
  }
  .OtiumPage  .pageshero {
    background-size:contain !important;
    background-repeat:no-repeat !important;
    background-position:center !important;
    background-color:transparent !important;
  }
  .video-wrap p {
    left:10px !important;
  }
  .homebtnsection .ButtonLink {
    padding:0 !important;
  }
  .homebtnsection .Tabs .nav-item {
    height:auto !important;
  }
  .homebtnsection  .Tabs .nav-link  {
    padding:15px 0 !important;
  }
  .homebtnsection .MarinaIcons {
    width:40px;
  }
  .homebtnsection .video-wrap .play-btn {
    display:none;
  }
  .homebtnsection .nav-tabs {
    font-size:0.9em !important;
  }
  .homebtnsection .FeedMob {
    border-left:2px solid #3ac3d8;
  }
  .BookingTime {
    width:46% !Important;
  }
  .BookingTime label span {
    width:100%;
  }
  .ExhibitBtns  a{
    width:100%;
  }
  .SearchButton {
    border-radius:5px;
  }
  .typesearch {
    border-radius:5px;
  }
  .HeroImage .hero-desc {
    margin-bottom:0 !important;
  }
  .MenuMarina {
    width:100% !important;
    top:70px !important;
    left:0px !important;
    transform: none !important;
  }
  .MarinaLink{
    width:100% !important;
  }
  .MarinasDrop .dropdown {
    width:100% !important;
  }
  .ConsultancyArticle h1 {
    font-size:1.6em !important;
  }
  .enquire .padding {
    padding:10px !important;
  }

  .ConVid .video-container {
    height:auto !important;
  }
  .ConVid .hero-desc {
    width:100% !important;
  }
  .flip-card {
    min-height:240px !important;
  }
  .flip-card-inner {
    min-height:240px !important;
  }
  .flip-card-back {
    min-height:240px !important;
  }
  .AngleGrey {
    margin-top:0;
    clip-path:inherit;
    position:inherit;
    padding-top:50px;
  }
  .LargeSpacer {
    height:50px  !important;
  }
  .BoxDivider:after {
    display:none !important;
  }
  .ServiceBox {
    padding:20px !important;
  }
  .LoginHomePage .whitebg {
    padding:20px !important;
  }
  .StaffPages {
    padding:20px !important;
  }
  .RiversidePage .hero-desc h1 {
    font-size:1.6em !important;
  }
  .WoolverstonePage .hero-desc h1 {
    font-size:1.6em !important;
  }
  .OceanCarPark .table thead th {
    vertical-align:top;
  }
  .InnerPadding {
    padding:0 !important;
  }
  .HeroLogo {
    width:350px  !important;
    margin-bottom:-20px  !important;
  }
  .ArticleSidebar {
    height:auto !important;
  }
  .ArticleSidebar h3 {
    text-align:left;
    padding:15px 0 !important;
  }
  .WhatOtium {
    text-align:center !important;
  }
  .OtiumWrap  table {
    background-color:#FFFFFF;
  }
  .OtiumWrap tr {
    font-size:0.85em;
  }
  .OtiumWrap  table {
    margin-left:-20px;
  }

  .LoginBox {
    margin-top:0;
    padding:25px;
  }
  .EventsInner .pageshero {
    height:130px !important;
  }
  .buttonwrap a {
    width:100%;
  }
  .MobBtn {
    width:100%;
  }
  .EventCountdown {
    margin-top:15px;
  }
  .errorpage {
    padding:20px !important;
  }
  .errorpage h1 {
    font-size:7em !important;
  }
  #News h3 {
    font-size:1.1em !important;
  }
  .GreyAngleSection {
    margin-top:0;
    clip-path:inherit;
    position:inherit;
    padding-top:50px;
  }
  #about_big1 {
    display:none !important;
  }
  .NewsWrapper .newsbox {
    margin-bottom:10px !important;
  }

  .shrink .navbar-nav .nav-link {
    margin-top:0 !important;
  }
  .NavBarBottom {
    border-top:1px solid rgba(255,255,255,0.25) !important;
  }
  .shrink .logo {
    width:145px !important;
  }
  .shrink .logo50 {
    width:145px !important;
  }
  .ConNav .logo {
    width:120px !important;
  }

  .NavBarBottom .nav-item {
    padding: 5px 5px !important;
  }
  .NewsWrapper h3 {
    font-size:1em !important;
  }
  .NewsWrapper .rld {
    display:none !important;
  }
  .ListingImage img {
    margin:0;
  }
  .outeritem {
    padding:0;
  }
  .container {
    padding-right:15px !important;
    padding-left:15px !important;
  }
  .StackBenefits {
    padding-left:0;
    margin-left:0;
  }
  .pageshero .hero-desc {
    top:60% !important;
  }
  .MainSliderControls {
    width:15%;
  }
  .dropdown-menu-arrow {
    left:30px;
  }
  .ServiceDirectoryListing h2 {
    font-size:1.5em;
    margin-bottom:15px;
  }
  .serb {
    width:100%;
    border-radius:0px !important;
  }
  .SearchInput {
    border-radius:0px !important;
  }
  .mobborder {
    border: 0.2px solid rgba(0,0,0,.1) !important;
    padding:13px 0;
  }
  .ContactSection {
    margin-top:0;
    padding-top:50px;
    position:inherit;
  }
  .LocalContactBox {
    height:150px !important;
  }
  .dropdown-menu {
    background-color:#007A99;
    margin-top:0;
    box-shadow:none !important;
    border:0;
    border-radius:0;
  }
  .dropdown-menu a {
    color:#FFFFFF;
  }
  nav .nav-link {
    text-shadow:none;
  }
  .dropdown-menu-arrow {
    display:none;
  }
  .Tabs .nav-item {
    border-right:0;
  }
  .DryStackFAQ {
    padding:15px;
  }
  .NavBarTop {
    display:block;
  }
  .NavBarBottom {
    width:100% !important;
  }
  .Date {
    display:none;
  }
  .StoryImage img{
    min-height:auto;
  }
  .StoryImage {
    min-height:auto;
  }
  .SocialArticle a {
    float:left;
  }
  .MarinasPage #date {
    width:73%;
  }
  .MarinaStory .rthmb {
    min-height:auto;
  }
  .MarinaStory h3 {
    font-size:1em;
  }
  .HiddenItem  {
    display:none !important;
  }
  .MarinaHero {
    height:170px;
    margin-top:70px;
  }
  .ViewBrochure {
    width:100%;
    margin-top:15px;
  }
  .MarinaHero .hero-desc {
    top:70% !important;

  }
  .HeroImage h1 {
    font-size:1.2em !important;
  }
  .MarinaHero h1 {
    font-size:2.3em !important;

  }
  .RightLine {
    border:0;
  }
  .hero-desc .toptext {
    font-size:1.8em !important;
  }
  .SliderButton {
    padding:10px 25px;
  }
  .pageshero  .hero-desc {
    width:90% !important;
    top:32%;
  }
  .Homepage .hero-desc {
    width:95% !important;
    top:30% !important;
  }
  .hero-desc .bottomtext {
    font-size:1.5em;
  }
  .MyMdl {
    width:100% !important;
    float:right;
    padding:15px 0;
    margin:10px 0;
  }
  .ContactButton {
    width:100% !important;
    float:left;
    padding:15px 0;
    margin:0 0 10px 0;
  }
  .GetQuote {
    width:100%  !important;
    padding:15px 0;
  }
  .Gold50 {
    display:none;

  }
  .White50 {
    display:block;
    width:140px;
    margin-left:-30px;
    margin-bottom:5px;
  }
  .logo {
    width:140px !important;
    margin-bottom:5px;
    margin-left:4px;
  }

  .navbar-brand {
    padding: 5px 5px 0 0;
  }
  .shrink .NavBarTop {
    display:block;
  }

  .FWrap.searchhidden  {

    width:97%;
    opacity:1;
  }
  .sbtn {
    display:block;
    opacity:1;
    border:1px solid rgba(255,255,255,0.5);
    border-radius: 0px 5px 5px 0px;
    padding:3px 15px !important;

  }
  .shrink {
    padding:0px 10px !important;
  }

  .HoildayParks .navbar{
    background: #eb5f0a  !important;
  }
  .Fitness .navbar {
    background-color:#6f9e21 !important;
  }
  .RiversidePage .navbar{
    background: #eb5f0a  !important;
  }

  .WoolverstonePage .navbar{
    background: #eb5f0a  !important;
  }

  .navbar {
    padding:0 !important;
    background-color:#007A99 !important;
    z-index:111111111 !important;
  }
  .pageshero {
    height:40vh !important;
    background-attachment:inherit !important;
  }

  .MainCarousel {
    height:60vh !important;
    clip-path:none;
  }
  #about_big {
    display:none;
  }
  .tab-content {

  }
  .FreedomLogo {
    width:75px;
  }

  .phonenumber  {
    font-weight:200 !important;
  }

  #cookiePopup {
    width:100%;
    right:0;
    bottom:0;
    font-size:0.75em;
    text-align:center;
  }

  .NavBarBottom {
    display:block;
    margin-top:50px !important;
    max-height:500px;
    overflow-y:auto;
    height:100%;
  }
  .NavBarBottom .after {
    background-color:#00a8bd;
  }
  .nav-item .active {
    margin-top:0 !important;
    padding-left:5px !important;
  }
  .DropdownActive {
    background-color:#00a8bd;
    padding-left:5px !important;
  }
  .DropdownActive a::after {
    display:none;
  }

  /** FOOTER **/

  footer {
    clip-path:inherit;
    padding-bottom:75px;
  }

  footer form {
    width:100%;
  }
  footer .Border {
    border:0;
  }
  .Newsletterbtn {
    width:45%;
    min-width:110px;
  }
  .socialsection {

    margin: 30px 0 0 0;
  }
  .FDivider {
    margin: 30px 0;
  }
  .NewsletterSignUp h5 {
    font-size:1.1em;
  }
  .pageshero h1 {
    font-size:2.2em !important;
  }
}

@media screen and (min-width:650px) and (max-width:769px) {

  .HeroLogo {
    width:280px !mportant;
  }

}

@media screen and (min-width:650px) and (max-width:991px) {

  .HeroLogo {
    width:280px !mportant;
  }

}

@media screen and (max-width: 991px) {
  .ContactSection {
    clip-path:none;
  }
  .logo {
    width:190px;
  }
  .navbar {
    padding:0px 5px 10px 5px;
  }
  .navbar-collapse.collapsing {
    right: -75%;
    transition: height 0s ease;
  }
  .navbar-collapse.show {
    right: 0;
    transition: right 500ms ease-in-out;
  }

  .navbar-toggler.collapsed ~ .navbar-collapse {
    transition: right 500ms ease-in-out;
  }
  .navbar-collapse {
    position: inherit;
    top: 0px;
    right: 0;
    padding:15px;
    width: 90%;
    background-color:#007A99 !important;
    height:100vh;
  }
  .navbar-toggler span {
    display: block;
    background-color: #FFFFFF;
    height: 4px;
    width: 27px;
    margin-top: 6px;
    margin-bottom: 6px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    position: relative;
    left: 0;
    opacity: 1;
  }
  .navbar-toggler span:nth-child(1), .navbar-toggler span:nth-child(3) {
    -webkit-transition: transform .35s ease-in-out;
    -moz-transition: transform .35s ease-in-out;
    -o-transition: transform .35s ease-in-out;
    transition: transform .35s ease-in-out;
  }
  .navbar-toggler:not(.collapsed) span:nth-child(1) {
    position: absolute;
    left: 12px;
    top: 10px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    opacity: 0.9;
  }
  .navbar-toggler:not(.collapsed) span:nth-child(2) {
    height: 12px;
    visibility: hidden;
    background-color: transparent;
  }
  .navbar-toggler:not(.collapsed) span:nth-child(3) {
    position: absolute;
    left: 12px;
    top: 10px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    opacity: 0.9;
  }
  .NavBarBottom {
    display:block;
  }
  .NavBarBottom .nav-item {
    border-bottom:1px solid rgba(255,255,255,0.5);
    font-size:1.1em;
    padding:5px 5px;
  }
  .navbar-toggler:focus, .navbar-toggler:active {
    outline: 0;
  }
  button.navbar-toggler.navbar-toggler-right {
    position: relative;
  }
}
@media screen and (min-width: 1700px) {
  .container {
    max-width:1400px;
  }
}
@media screen and (min-width: 990px)  and (max-width:1362px) {

  .LargeHidden {
    display:none;
  }
}

@media screen and (min-width: 990px) and (max-width:1290px) {

  .MoreDrop {display:block !important;    }
  .HiddenLink {
    display:none;
  }

  .MoreDrop .dropdown-menu {
    left:-150px !important;
  }
}
.Acceptbtn {
  background-color:#26a4b7 !important;
  font-size:1.05em !important;
  font-weight:bold;
}

.CustBtn {
  padding:13px 20px !important;
  font-size:1em !important;
}