/** Shopify CDN: Minification failed

Line 140:0 Comments in CSS use "/* ... */" instead of "//"
Line 537:0 Unexpected "{"
Line 7816:2 "max-with" is not a known CSS property
Line 9219:2 "verticala-lign" is not a known CSS property

**/
.s4com-helpcenter {
  padding-top: 0px;
  text-align: left
}

.s4com-panel {
  background: #fff;
  box-shadow: 0 1px 3px rgba(120, 120, 120, .28)
}
 
.s4com-border-bottom {
  border-bottom: 1px solid #ececec
}

.s4com-helpcenter h2,
.s4com-sub-heading {
  text-align: left;
  font-family: Open Sans, serif;
  font-weight: 700;
  font-size: 15px;
}

.head-img-cont .overlay div {
  vertical-align: bottom
}

.head-img-cont .overlay .text {
  font-size: 5.5em !important;
  text-transform: none;
  color: white !important
}

@media screen and (max-width: 767px) {

  .header-has-bg #pageheader {
    min-height: 180px !important
  }

  .template-index #pageheader .head-img-cont .overlay {
    display: block;
    padding: 1px 0
  }

  .head-img-cont .overlay .text {
    font-size: 1.3em !important
  }

  .header-has-bg #pageheader, #pageheader .overlay {
    min-height: 200px !important
  }
  #pageheader .overlay .inner {
    padding-top: 150px
  }


}

@media screen and (min-width: 767px) {
  .head-img-cont .overlay div {
    padding-bottom: 7em
  }
}

@font-face {
  font-family: "Timeless";
  src: url(/cdn/shop/files/Timeless-Bold.ttf?1521014874875749886) format("truetype")
}

.head-img-cont .overlay .text {
  font-family: "Timeless", serif !important
}

h2.s4com-top-heading:last-child {
  background: #41B2EC;
  color: #fff;
  border: 0;
  text-align: center;
  padding: 10px;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  font-size: 12px;
  font-family: Armata, sans-serif
}

h2.s4com-top-heading:last-child a {
  text-decoration: none;
  color: #fff
}

.infoBar {
  width: 100%;
  left: 0;
  top: 0;
  text-align: center;
  background: #3d85c6;
  color: #fff;
  font-size: 13px;
  padding: 8px 0;
  position: relative;
}

.infoBar:before, .infoBar:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 20px;
  background: #3d85c6;
  top: 0;
}

.infoBar:before {
  left: -20px
}

.infoBar:after {
  right: -20px
}

.infoBar {
  display: inherit;
}

@media screen and (max-width: 767px) {
  h2.s4com-top-heading:last-child {
    font-size: 10px;
    margin-top: -15px;
  }
}

//
#postcodesearch input.button {
  width: 25%;
  display: inline-block;
}

input#search-text {
  width: 50%;
  display: inline-block;
}

.medium-10.columns {
  text-align: center;
}

#collections-mechanimated-clocks #main {
  padding: 0;
}

#collections-mechanimated-clocks #main .product-list {
  padding: 0 20px;
  display: flex;
  flex-flow: wrap;
}

#collections-mechanimated-clocks #main .video {
  width: 100%;
  margin: 50px 0;
}

.big-hide {
  display: none;
}

#collections-mechanimated-clocks #main .pagination {
  margin-top: 4em;
}

#collections-mechanimated-clocks #main .column.half {
  width: 33%;
}

#collections-mechanimated-clocks #main .column.half.first-in-row {
  clear: none;
}

#collections-mechanimated-clocks #main .prod-image-wrap img {
  /* max-height: 195px; */
}

@media screen and (max-width: 767px) {
  .sm-hide {
    display: none;
  }
  .big-hide {
    display: block;
  }
  #collections-mechanimated-clocks #main .video.big-hide {
    margin-top: -200px;
    margin-left: -20px;
    width: 106%;
  }
  #collections-mechanimated-clocks #main .column.half {
    width: 50%;
    margin-bottom: 20px;
  }
  #collections-mechanimated-clocks #main .column.half .prod-caption .btn {
    width: 70%;
  }
  #collections-mechanimated-clocks #main .prod-image-wrap img {
    /* max-height: 130px; */
  }
  #collections-mechanimated-clocks #main .prod-image-wrap {
    padding-top: 200px;
  }
  #collections-mechanimated-clocks #main .rte {
    padding: 0 10px;
  }
  #collections-mechanimated-clocks #main {
    padding: 0;
  }
}

@media screen and (max-width: 620px) {
  #collections-mechanimated-clocks #main .video.big-hide {
    width: 112%;
  }
  #collections-mechanimated-clocks #main .prod-caption {
    padding: 1em 0;
  }
  #collections-mechanimated-clocks #main .prod-caption .title {
    font-size: 16px;
  }
}

.land_img {
  width: 100%;
}

.slide-quote {
  background: #4a5265;
  padding: 50px;
  color: #fff;
  margin-top: 20px;
}

.slide-quote img {
  margin-bottom: 20px;
}

.slide-quote .slick-dots li button:before {
  color: #fff;
  font-size: 10px;
  top: 10px;
}

.slide-quote .slick-dots li.slick-active button:before {
  color: #fff;
}

div#dynamic-checkout-cart > div > div > div + div > div > div {
  width: 215px;
  margin: 10px auto !important;
  display: block !important;
  text-align: center;
}

@media screen and (max-width: 767px) {
  div#dynamic-checkout-cart > div > div > div + div > div > div {
    width: 90%;
  }
}

/* Contact Page */
#contact-bramwell-brown #buttonWrapper .grid__item{
  min-height: 220px;
}
#contact-bramwell-brown .txt{
  min-height: 80px;
  height: auto;
}

/* collection Page */
@media (max-width: 768px){
  #collections-weather-clocks-with-barometer .weaterClockTopWrapper{
/*     display: inline-block; */
    flex-direction:unset;
    flex-wrap: wrap;
    align-items: flex-start;
  }
  #collections-weather-clocks-with-barometer .weaterClockTop{
    width: 50%;
    margin: 0 auto;
  }
  #collections-weather-clocks-with-barometer .weaterClockTop p{
    letter-spacing: 0;
    line-height: 1.3;
  }
  /*  Icons  */
  .image_flex > div{
    width: 50%;
    float: left;
    margin-bottom: 10px;
  }
  #sign-up-to-the-bramwell-brown-bulletin .page-header-title .container,
  #reviews-and-tesimonials-bramwell-brown-clocks .page-header-title .container,
  #get-help-with-your-clock-unique-mechanical-wall-clocks .page-header-title .container,
  #contact-bramwell-brown .page-header-title .container,
  #design-amp-intellectual-property-bramwell-brown .page-header-title .container{
/*     top: -20% !important; */
  }
  #i-have-a-question-that-isn-39-t-answered-in-the-faqs .page-header-title .container .title{
    font-size: 20px;
  }
}
@media (min-width: 768px){
/*   header Image */
  .header-has-bg .page-header-title img{
    max-height: 250px;
  }
  
  #reviews-and-tesimonials-bramwell-brown-clocks .page-header-title img {
    max-height:300px;
  }
  
  #sign-up-to-the-bramwell-brown-bulletin .page-header-title .container,
  #reviews-and-tesimonials-bramwell-brown-clocks .header-after-container .page-header-title .container{
    top: 15%;
  }
  
/*   #contact-bramwell-brown .page-header-title .container,
  #design-amp-intellectual-property-bramwell-brown .page-header-title .container,
  #get-help-with-your-clock-unique-mechanical-wall-clocks .page-header-title .container{
    top:30%;
  } */
  
  .header-after-container.title_2_lines .page-header-title .container {
    top:30%;
  }
/*   header Image */
  
  
  /*  Icons  */
  .image_flex > div{
    width: 33.33%;
    float: left;
    margin-bottom: 10px;
  }
}
@media (min-width: 769px){
  .header-after-container.title_3_lines .page-header-title .container {
    top: 20%;
  }
  
  .header-after-container.title_3_lines .page-header-title .container .title {
    font-size: 42px;
  }
  
  /*
  #i-have-a-question-that-isn-39-t-answered-in-the-faqs .page-header-title .container{
    top: 20%;
  }
  #i-have-a-question-that-isn-39-t-answered-in-the-faqs .page-header-title .container .title{
    font-size: 45px;
  }
  */
}
@media (min-width: 769px) and (max-width: 1024px){
  .header-after-container .page-header-title .container .title{
    font-size: 35px;
  }
}

/*  Icons  */
.image_flex{
  padding-left:0 !important; 
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
}
.image_flex a{
  display:block;
}
.image_flex img{
  width: 100%;
  height: 100%;
  display: block;
}
#main .row-about h2{
  font-size: 30px;
}
.page-header-title img {
  display: block;
}
/* 05 Aug 2022 PDF Changes Starts */
body.template-index .grid.product-list .column h3
{
  font-size: 20px;
  font-weight: 700;
  letter-spacing: normal;
  color: #1F1F1F;
  text-transform: uppercase;
}
.prod-caption .view-more-container .btn,
.prod-caption .view-more-container .btn:hover,
.prod-caption .view-more-container .btn:focus
{
  text-transform: uppercase;
}
.btn,
.prod-caption .view-more-container .btn,
.prod-caption .view-more-container .btn:hover,
.prod-caption .view-more-container .btn:focus,
.limited_edition a,
.limited_edition a:hover,
.limited_edition a:focus,
.template-product-new .infoBar,
.template-product-new .infoBar:before, 
.template-product-new .infoBar:after,
.readMoreBtn,
.search__button,
.button-primary,
#contact-bramwell-brown .questionBtn,
#contact-bramwell-brown .linkHere
{
  background: #3F3F3F !important;
  font-weight: 600 !important;
}

.btn:hover,
.prod-caption .view-more-container .btn:hover,
.limited_edition a:hover,
.template-product-new .infoBar:hover,
.readMoreBtn:hover,
.search__button:hover,
.button-primary:hover,
#contact-bramwell-brown .questionBtn:hover,
#contact-bramwell-brown .linkHere:hover {
  color: #ffffff;
  background: #808e99 !important;
}

.reviewer .name,
.template-product-new .product-tabs div ul li:before,
.template-product-new .tabcontent ul li span i,
.template-product-new .readmore,
.rte a, #template a, #customer_sidebar a, #customer_orders a, #order_address a, #order_details a, #add_address a, #address_tables a, #comments a
{
  color: #2C76B6 !important;
}
.rte h1 a, #template h1 a, #customer_sidebar h1 a, #customer_orders h1 a, #order_address h1 a, #order_details h1 a, #add_address h1 a, #address_tables h1 a, #comments h1 a, .rte .img-block a a, .img-block .rte a a, #template .img-block a a, .img-block #template a a, #customer_sidebar .img-block a a, .img-block #customer_sidebar a a, #customer_orders .img-block a a, .img-block #customer_orders a a, #order_address .img-block a a, .img-block #order_address a a, #order_details .img-block a a, .img-block #order_details a a, #add_address .img-block a a, .img-block #add_address a a, #address_tables .img-block a a, .img-block #address_tables a a, #comments .img-block a a, .img-block #comments a a, .rte h2 a, #template h2 a, #customer_sidebar h2 a, #customer_orders h2 a, #order_address h2 a, #order_details h2 a, #add_address h2 a, #address_tables h2 a, #comments h2 a, .rte h3 a, #template h3 a, #customer_sidebar h3 a, #customer_orders h3 a, #order_address h3 a, #order_details h3 a, #add_address h3 a, #address_tables h3 a, #comments h3 a, .rte h4 a, #template h4 a, #customer_sidebar h4 a, #customer_orders h4 a, #order_address h4 a, #order_details h4 a, #add_address h4 a, #address_tables h4 a, #comments h4 a, .rte h5 a, #template h5 a, #customer_sidebar h5 a, #customer_orders h5 a, #order_address h5 a, #order_details h5 a, #add_address h5 a, #address_tables h5 a, #comments h5 a, .rte h6 a, #template h6 a, #customer_sidebar h6 a, #customer_orders h6 a, #order_address h6 a, #order_details h6 a, #add_address h6 a, #address_tables h6 a, #comments h6 a
{
  color: #2C76B6;
}
#contact-bramwell-brown .linkHere
{
  color: #ffffff !important;
}
.s4com-article-body a, .s4com-article-body a:hover
{
  font-weight: bold !important;
  text-decoration: underline !important;
  color: #357abf !important;
}
body.template-index .content-row.homePageTitle .flex-container .item
{
  box-shadow: none;
}
body.template-index .content-row h1,
body.template-index .content-row h2
{
  letter-spacing: normal;
}
body.template-index .content-row p
{
  color: #636363;
  font-size: 18px;
  line-height: 22px;
}
body.template-index .review > p
{
  color: #636363;
}
body.template-index .grey.quote p a,
body.template-index .grey.quote p a:hover,
body.template-index .grey.quote p a:focus
{
  text-decoration: underline;
  color: #2C76B6;
}
body.template-index .rte.content-row a
{
  text-decoration: underline;
  font-weight: bold;
}
body.template-collection .collImage .customTitle
{
  text-align: left;
  text-transform: lowercase;
  color: #1F1F1F;
}
#collections-mechanimated-clocks #main
{
  padding-left: 20px !important;
  padding-right: 20px !important;
}
body.template-collection .prod-caption .prod-price
{
  text-transform: capitalize;
  display: flex;
  flex-direction: column;
  justify-content: end;
}
body.template-collection .prod-caption .okeReviews.okeReviews--theme .okeReviews-reviewsSummary-ratingCount
{
  text-transform: capitalize;
  color: #4d4d4d;
}
body.template-collection .prod-caption .prodDescipt
{
  color: #636363;
}
body.template-collection .prod-caption .title,
body.template-collection .prod-caption .title a,
body.template-collection .prod-caption .title a:hover,
body.template-collection .prod-caption .title a:focus
{
  color: #1f1f1f;
}
.template-product-new .infoBar,
.template-product-new .infoBar:before, 
.template-product-new .infoBar:after,
{
  background-color: #14151b !important;
}
.template-product-new .infoBar a,
.template-product-new .infoBar a:hover,
.template-product-new .infoBar a:focus
{
  font-weight: bold;
}
.template-product-new .product-right .title-row .page-title
{
    font-family: timeless,serif;
    color: #1f1f1f;
}
.template-product-new .product-form .quantity-area input
{
  width: 35.5%;
  height: 41.5px;
}
.template-product-new #customers-testimonials .testmonialcontent::before 
{
    content: open-quote;
}
.template-product-new #customers-testimonials .testmonialcontent::after {
    content: close-quote;
}
.template-product-new #customers-testimonials .innertestimonial_wrapper p
{
  color: #000000;
}
.template-product-new #customers-testimonials .innertestimonial_wrapper a.readmore,
.template-product-new #customers-testimonials .innertestimonial_wrapper a.readmore:hover,
.template-product-new #customers-testimonials .innertestimonial_wrapper a.readmore:focus
{ 
  text-transform: capitalize;
  font-weight: bold;
  text-decoration: underline !important;
  color: #357abf;
}
#customers-testimonials .owl-nav .owl-prev i,
#customers-testimonials .owl-nav .owl-next i
{
  font-size: 26px;
}
#customers-testimonials .owl-nav .owl-prev
{
  position: absolute;
  left: 39%;
  transform: translateX(-40%);
  bottom: 22px;
  z-index: 99;
}
#customers-testimonials .owl-nav .owl-next
{
  position: absolute;
  right: 38%;
  transform: translateX(-40%);
  bottom: 22px;
  z-index: 99;
}
#contact-bramwell-brown .questionCicle a,
#contact-bramwell-brown .questionCicle a:hover,
#contact-bramwell-brown .questionCicle a:focus
{
  box-shadow: 0 1px 10px rgba(225, 230, 241, 0.5);
  width: 250px;
  height: auto;
  display: block;
  margin: 0px auto;
  vertical-align: top;
  text-align: center;
  border: 1px solid #14151b;
  padding: 24px;
}
#contact-bramwell-brown .imgWrapper
{
  display: inline-block;
  vertical-align: top;
  width: auto;
  height: auto;
  box-shadow: none;
  border-radius: 0px;
}
#contact-bramwell-brown .imgWrapper img
{
  top: auto;
  transform: none;
}
#contact-bramwell-brown #first-childimgWrapper
{
  box-shadow: none;
}
#contact-bramwell-brown .questioText
{
  width: 100%;
}
#contact-bramwell-brown .subTitle
{
  margin-top: 50px;
  color: #1f1f1f;
}
#contact-bramwell-brown .mapDescription span
{
  font-weight: 400;
  color: #636363;
}
@media only screen and (min-width: 1200px)
{
  body.template-collection .header-after-container .page-header-title .container
  {
    top: 0px;
    height: 100%;
    left: 50%;
    display: flex;
    align-items: center;
    max-width: 1024px;
    margin: 0 auto;
    width: 1024px;
    transform: translateX(-50%);
  }
  .header-after-container .page-header-title .container .title
  {
    position: relative;
    top: auto;
    margin: 0px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1199px)
{
  body.template-collection .header-after-container .page-header-title .container
  {
    top: 0px;
    height: 100%;
    left: 6%;
    display: flex;
    align-items: center;
    margin: 0px;
  }
  .header-after-container .page-header-title .container .title
  {
    position: relative;
    top: auto;
    margin: 0px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px)
{
  body.template-collection .header-after-container .page-header-title .container
  {
    max-width: 550px;
    width: 550px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 991px)
{
  body.template-collection .header-after-container .page-header-title .container
  {
    max-width: 400px;
    width: 400px;
  }
}
@media (min-width: 768px)
{
  #pageheader + script + div
  {
    margin-top: 109px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1080px)
{
  #pageheader + script + div
  {
    margin-top: 120px;
  }
}
@media only screen and (min-width: 769px)
{
   body.template-collection .prod-caption .prod-price
   {
      position: relative;
      bottom: -21px;
   }
}
@media (max-width: 767px){
  #mobile-nav + #pageheader + script + div
  {
    margin-top: 67px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1023px)
{
  .template-product-new .product-form .quantity-area input
  {
    width: 26%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px)
{
  .template-product-new .product-form .quantity-area
  {
    display: block;
    width: 100%;
  }
  .template-product-new .product-form .quantity-area input
  {
    width: 100%;
  }
  .template-product-new .product-form #product-add
  {
    margin-top: 0px !important;
  }
  .template-product-new .product-form #product-add #add
  {
    padding-left: 5px;
    padding-right: 5px;
  }
  .template-product-new ul.tabs li a
  {
    padding: 5px 39px;
  }
  #customers-testimonials .owl-nav .owl-prev
  {
    left: 35%;
    transform: translateX(-35%);
  }
  #customers-testimonials .owl-nav .owl-next
  {
    right: 34%;
    transform: translateX(-34%);
  }
}
@media only screen and (max-width: 1024px)
{
  #contact-bramwell-brown .questionCicle a, #contact-bramwell-brown .questionCicle a:hover, #contact-bramwell-brown .questionCicle a:focus
  {
    width: 200px;
    padding: 10px;
  }
}
@media only screen and (max-width: 767px)
{
  #customers-testimonials .owl-nav .owl-prev
  {
    left: 0;
    transform: none;
  }
  #customers-testimonials .owl-nav .owl-next
  {
    right: 0;
    transform: none;
  }
  #contact-bramwell-brown .questionCicle a, #contact-bramwell-brown .questionCicle a:hover, #contact-bramwell-brown .questionCicle a:focus
  {
    width: 160px;
    padding: 15px 5px;
    min-height: 225px;
  }
}
@media only screen and (max-width: 500px)
{
  #contact-bramwell-brown .questionCicle a, #contact-bramwell-brown .questionCicle a:hover, #contact-bramwell-brown .questionCicle a:focus
  {
    width: 160px;
    padding: 15px 5px;
    min-height: 165px;
  }
}
/* 05 Aug 2022 PDF Changes ends */
/* 08 Aug 2022 Header and Homepage Changes starts */
.dropdown-image
{
  margin-top: 0px;
  line-height: 13px;
}
.dropdown-text
{
  margin-top: 0px;
  margin-left: 0px;
  min-width: 48px;
  text-align: center;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 14px;
  color: #3F3F3F;
}
.header-show-for-mobile
{
  display: none;
}
.select2-container--default .select2-results>.select2-results__options
{
  max-height: 250px;
}
.select2-results__option
{
  line-height: 1;
  display: flex;
  align-items: center;
}
#powrIframeLoader
{
  display: none;
  height: 0px;
  width: 0px;
}
#pageheader+div,
.index-container,
body.template-index #main,
body.template-collection-2024 #main,
body.template-collection-default-2024 #main,
body.template-collection .header-after-container,
body.template-product .custom-main-container,
body.template- .custom-main-container,
body.template-page .header-after-container,
body.template-blog .head-img-cont,
body.template-article .header-clock + .head-img-cont,
body.template-.template- #main
{
  margin-top: 70px;
}
/*
body.template-index.current-currency-GBP #main
{
  margin-top: 110px;
} */
body.template-product .custom-main-container #main
{
  float: none;
  margin-top: 0;
  padding-top: 35px;
}
.page-new-product-template
{
  margin-top: 0px;
}
.template-product-new .infoBar
{
  margin: 0px auto 0;
}
.custom-mobile-header-right .select2-container
{
  width: auto !important;
}
.index-container,
body.template-collection .header-after-container,
body.template-page .header-after-container,
body.template-blog .head-img-cont,
body.template-article .header-clock + .head-img-cont,
body.template-.template- #main
{
  display: block;
  width: 100%;
  max-width: 100%;
}
.index-container #main,
body.template-page-artist-landing #main {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin: 0;
  float: none;
  background-color: transparent;
  text-align: left;
}

.home-banner-wrapper
{
  display: block;
  width: 100%;
  max-width: 100%;
}
.desktop-bg-image
{
  display: block;
  width: 100%;
  max-width: 100%;
  position: relative;
}
.mobile-bg-image
{
  display: none;
  width: 100%;
  max-width: 100%;
  position: relative;
}
.desktop-background-image img,
.mobile-background-image img
{
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: 100%;
  height: auto;
}
.home-banner-details
{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  max-width: 100%;
  height: auto;
  padding: 0px 20px;
  padding-top: 75px;
  z-index: 1;
}
.home-banner-heading
{
  display: block;
  width: 100%;
  max-width: 100%;
  text-align: center;
  margin-bottom: 15px;
}
.home-banner-heading p
{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 28px;
  color: #585858;
  padding: 0px;
  margin: 0px;
}
.home-banner-title
{
  display: block;
  width: 100%;
  max-width: 100%;
  text-align: center;
}
.home-banner-title h1
{
  font-family: 'Timeless';
  font-style: normal;
  font-weight: 700;
  font-size: 49px;
  line-height: 60px;
  color: #3F3F3F;
  text-transform: none;
  letter-spacing: normal;
  text-align: center;
  padding: 0px;
  margin: 0px;
}
.home-features-wrapper
{
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 60px 0px;
}
.home-features-wrapper .container
{
  max-width: 1054px;
  padding: 0px 15px;
}
.home-features-wrapper .container .row
{
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}
.home-single-feature
{
  width: 25%;
  padding: 0px 15px;
}
.homepage-wrapper .home-single-feature
{
  width: 33.3333333%;
}
.home-single-feature-inner
{
  display: block;
  width: 100%;
  max-width: 100%;
}
.home-single-feature-icon
{
  display: block;
  width: 100%;
  max-width: 100%;
}
.home-single-feature-icon
{
  display: block;
  width: 100%;
  max-width: 100%;
  text-align: center;
  margin-bottom: 10px;
}
.home-single-feature-icon img
{
  display: inline-block;
  vertical-align: top;
  max-width: 95px;
  height: auto;
}
.home-single-feature-title
{
  display: block;
  width: 100%;
  max-width: 100%;
  text-align: center;
  max-width: 181px;
  margin: 0px auto;
  margin-bottom: 10px;
}
.homepage-wrapper .home-single-feature-title
{
  max-width: 190px;
}
.home-single-feature-title p
{
  font-family: 'Timeless';
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: normal;
  text-transform: uppercase;
  color: #3F3F3F;
  padding: 0px;
  margin: 0px;
}
.home-tide-clock-wrapper
{
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 30px 0px;
}
.home-tide-clock-title
{
  display: block;
  width: 100%;
  max-width: 100%;
  text-align: center;
  margin-bottom: 10px;
}
.home-tide-clock-title h2
{
  font-family: 'Timeless';
  font-style: normal;
  letter-spacing: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 44px;
  text-align: center;
  text-transform: uppercase;
  color: #3F3F3F;
  padding: 0px;
  margin: 0px;
  position: relative;
  max-width: 1024px;
  margin: 0px auto;
}
.home-tide-clock-title h2 span
{
  display: inline-block;
  vertical-align: top;
  width: 594px;
}
.home-tide-clock-title h2:before
{
  display: inline-block;
  vertical-align: top;
  content: "";
  width: calc(100% - 825px);
  height: 1px;
  background-color: #E5E5E5;
  left: 0px;
  bottom: 10px;
  position: absolute;
}
.home-tide-clock-title h2:after
{
  display: inline-block;
  vertical-align: top;
  content: "";
  width: calc(100% - 825px);
  height: 1px;
  background-color: #E5E5E5;
  right: 0px;
  bottom: 10px;
  position: absolute;
}
.home-tide-clock-sub-title
{
  display: block;
  width: 100%;
  max-width: 100%;
  text-align: center;
}
.home-tide-clock-sub-title p
{
  font-family: 'Timeless';
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  text-transform: uppercase;
  color: #585858;
  padding: 0px;
  margin: 0px;
}
.home-tide-clock-details
{
  display: flex;
  align-items: center;
  margin-top: 55px;
}
.home-tide-clock-images
{
  width: 52.5%;
}
.home-tide-clock-info
{
  width: 47.5%;
  padding-left: 18px;
}
.home-tide-clock-images-slider-wrapper
{
  display: flex;
  align-items: center;
}
.home-tide-clock-images-nav
{
  width: 85px;
  margin-right: 10px;
}
.home-tide-clock-images-nav-image
{
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 10px;
}
.home-tide-clock-images-nav-image img
{
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: 100%;
  /* border: 1px solid #3D85C6; */
  border-radius: 0px;
  border: 1px solid transparent;
}
.slick-slide.slick-current.slick-active .home-tide-clock-images-nav-image img
{
  border: 1px solid #2C76B6;
}
.home-tide-clock-images-for
{
  width: calc(100% - 95px);
}
.home-tide-clock-images-for-image
{
  display: block;
  width: 100%;
  max-width: 100%;
}
.home-tide-clock-images-for-image img
{
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: 100%;
  height: auto;
} 
.home-tide-clock-images-more-clocks
{
  display: block;
  width: 100%;
  max-width: 100%;
  margin-top: 60px;
}
.home-tide-clock-images-more-clocks-inner
{
  display: block;
  width: 100%;
  margin-left: auto;
}
.home-tide-clock-images-more-clocks-inner *
{
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: normal;
  text-align: center;
  color: #585858;
  padding: 0px;
  margin: 0px;
  position: relative;
}
.home-tide-clock-images-more-clocks-inner a,
.home-tide-clock-images-more-clocks-inner a:hover,
.home-tide-clock-images-more-clocks-inner a:focus
{
  display: inline-block;
  vertical-align: middle;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  text-decoration-line: underline;
  color: #2C76B6;
  text-transform: none;
  outline: none;
  font-style: normal;
  position: relative;
}
.home-tide-clock-images-more-clocks-inner p:before 
{
    display: inline-block;
    vertical-align: top;
    content: "";
    width: 32%;
    height: 1px;
    background-color: #E5E5E5;
    left: 0px;
    bottom: 10px;
    position: absolute;
}
.home-tide-clock-images-more-clocks-inner p:after 
{
    display: inline-block;
    vertical-align: top;
    content: "";
    width: 32%;
    height: 1px;
    background-color: #E5E5E5;
    right: 0px;
    bottom: 10px;
    position: absolute;
}
.home-tide-clock-reviews
{
  display: flex;
  width: 100%;
  max-width: 100%;
  align-items: center;
  margin-bottom: 25px;
}
.home-tide-clock-ratings
{
  display: flex;
  align-items: center;
}
.home-tide-clock-ratings
{
  margin-right: 5px;
}
.home-tide-clock-ratings i
{
  font-size: 22px;
  line-height: 22px;
  color: #FFE600;
  margin-right: 5px;
}
.home-tide-clock-reviews-text p
{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  text-align: left;
  color: #585858;
  letter-spacing: normal;
  padding: 0px;
  margin: 0px;
  text-decoration: underline;
}
.home-tide-clock-heading
{
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.home-tide-clock-heading p
{
  font-family: 'Sacramento';
  font-style: normal;
  font-weight: 400;
  font-size: 36px;
  line-height: 28px;
  color: #3F3F3F;
  text-align: left;
  letter-spacing: normal;
  padding: 0px;
  margin: 0px;
}
.home-tide-clock-price
{
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.home-tide-clock-price p
{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 27px;
  color: #3F3F3F;
  padding: 0px;
  margin: 0px;
}
.home-tide-clock-description
{
  display: block;
  width: 100%;
  max-width: 100%;
}
.home-tide-clock-description *
{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #585858;
  letter-spacing: normal;
  text-align: left !important;
  padding: 0px;
  margin: 0px;
  margin-bottom: 20px;
}
.home-tide-clock-form-wrapper
{
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.home-tide-clock-form-wrapper form
{
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0px;
  margin: 0px;
}
.home-tide-clock-form-inner-wrapper
{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  width: 100%;
  max-width: 100%;
}
.home-tide-clock-form-variant
{
  width: 50%;
  max-width: 230px;
  position: relative;
  margin-right: 10px;
}
.home-tide-clock-form-variant:after
{
  content: "+";
  position: absolute;
  right: 15px;
  bottom: 9px;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 27px;
  color: #3F3F3F;
  width: auto;
  height: auto;
}
.home-tide-clock-form-variant label
{
  display: block;
  width: 100%;
  max-width: 100%;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  text-align: left;
  letter-spacing: normal;
  color: #585858;
  padding: 0px;
  margin: 0px;
  margin-bottom: 10px;
}
.home-tide-clock-form-variant select,
.home-tide-clock-form-variant select:hover,
.home-tide-clock-form-variant select:focus
{
  padding: 10px 15px;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #3F3F3F;
  margin: 0px;
  background: transparent;
  border: 1px solid #E5E5E5;
  border-radius: 4px;
  display: block;
  width: 100%;
  max-width: 100%;
  outline: none;
  text-decoration: none;
  padding-right: 50px;
}
.home-tide-clock-form-button
{
  width: 47%;
  max-width: 195px;
}
.home-tide-clock-form-button.full-width
{
  width: 100%;
  max-width: 100%;
}
.home-tide-clock-form-button button,
.home-tide-clock-form-button button:hover,
.home-tide-clock-form-button button:focus
{
  outline: none;
  text-decoration: none;
  border: none;
  box-shadow: none;
  padding: 12px 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 100%;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  text-transform: uppercase;
  letter-spacing: normal;
  color: #FFFFFF;
  background: #3D85C6;
  min-height: 44px;
}
.home-tide-clock-form-button button:hover
{
  color: #3f3f3f;
}
.home-tide-clock-form-button button span
{
  display: inline-block;
  vertical-align: top;
  line-height: 1;
}
.home-tide-clock-form-button button span.button-text
{
  padding-right: 10px;
  border-right: 1px solid #ffffff;
  margin-right: 10px;
}
.home-tide-clock-form-button button:hover span.button-text
{
  border-color: #3f3f3f;
}
.home-tide-clock-form-button a,
.home-tide-clock-form-button a:hover,
.home-tide-clock-form-button a:focus
{
  outline: none;
  text-decoration: none;
  border: none;
  box-shadow: none;
  padding: 12px 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 295px;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  text-transform: uppercase;
  letter-spacing: normal;
  color: #FFFFFF;
  background: #3F3F3F;
  min-height: 44px;
}
.home-tide-clock-form-button a:hover
{
  color: #ffffff;
  background-color: #828282;
}
.home-tide-clock-form-button a span
{
  display: inline-block;
  vertical-align: top;
  line-height: 1;
}
.home-testimonials-wrapper
{
  padding: 100px 0px;
  background-image: url("//www.bramwellbrown.com/cdn/shop/files/testimonial-bg-latest.png?v=16054948129565868994");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 240px;
}
.home-testimonials-title
{
  display: block;
  width: 100%;
  max-width: 100%;
  text-align: center;
  margin-bottom: 30px;
}
.home-testimonials-title h2
{
  font-family: 'Timeless';
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 44px;
  text-align: center;
  text-transform: uppercase;
  color: #3F3F3F;
  padding: 0px;
  margin: 0px;
}
.home-testimonials-details
{
  width: 100%;
  max-width: 1015px;
  margin: 0px auto;
  height: auto;
  position:  relative;
  z-index: 9;
}
.home-testimonials-details-slider
{
  display: block;
  width: 100%;
  max-width: 100%;
}
.home-single-testimonial
{
  display: block;
  width: 100%;
  max-width: 100%;
}
.home-single-testimonial-inner
{
  display: block;
  width: 100%;
  height: 600px;
  max-width: 100%;
  background-image: url("//www.bramwellbrown.com/cdn/shop/files/testimonial-1-bg-new.png?v=11502285947247355024");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
}
.home-single-testimonial-info
{
  display: block;
  width: 100%;
  max-width: 450px;
  margin: 0px auto;
  padding-top: 130px;
}
.home-single-testimonial-ratings
{
  display: block;
  width: 100%;
  max-width: 100%;
  text-align: center;
  margin-bottom: 30px;
}
.home-single-testimonial-ratings i
{
  display: inline-block;
  vertical-align: top;
  font-size: 24px;
  color: #FFE600;
  line-height: 24px;
}
.home-single-testimonial-title
{
  display: block;
  width: 100%;
  max-width: 100%;
  text-align: center;
  margin-bottom: 20px;
}
.home-single-testimonial-title p
{
  font-family: 'Sacramento';
  font-style: normal;
  font-weight: 400;
  font-size: 42px;
  line-height: 28px;
  color: #3F3F3F;
  padding: 0px;
  margin: 0px;
}
.home-single-testimonial-description
{
  display: block;
  width: 100%;
  max-width: 100%;
  text-align: center;
  margin-bottom: 20px;
}
.home-single-testimonial-description *
{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: inherit;
  padding: 0px;
  margin: 0px;
}
.home-single-testimonial-name
{
  display: block;
  width: 100%;
  max-width: 100%;
  text-align: center;
}
.home-single-testimonial-name p
{
  font-family: 'Sacramento';
  font-style: normal;
  font-weight: 400;
  font-size: 26px;
  line-height: 28px;
  color: #3F3F3F;
  padding: 0px;
  margin: 0px;
}
.home-testimonials-details-slider .slick-dots
{
  display: inline-block;
  vertical-align: top;
  width: auto;
  bottom: 55px;
  left: 50%;
  transform: translateX(-50%);
}
.home-testimonials-details-slider .slick-dots li
{
  height: 16px;
  width: 16px;
  padding: 0px;
  margin: 0px 5px;
}
.home-testimonials-details-slider .slick-dots li button,
.home-testimonials-details-slider .slick-dots li button:hover,
.home-testimonials-details-slider .slick-dots li button:focus
{
  cursor: pointer;
  outline: none;
  text-decoration: none;
  border: none;
  box-shadow: none;
  height: 100%;
  width: 100%;
  padding: 0px;
  font-size: 0px;
  line-height: 0px;
  margin: 0px;
  min-height: unset;
  border-radius:  50%;
}
.home-testimonials-details-slider .slick-dots li button:before
{
  content: "";
  background: #FFFFFF;
  opacity: 0.6;
  height: 6px;
  width: 6px;
  font-size: 0px;
  line-height: 0px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius:  50%;
}
.home-testimonials-details-slider .slick-dots li.slick-active button:before
{
  opacity: 1;
  height: 100%;
  width: 100%;
}
.home-testimonials-details-slider .slick-prev
{
  width: 48px;
  height: 48px;
  font-size: 0px;
  line-height: 0px;
  background-image: url("//www.bramwellbrown.com/cdn/shop/files/testimonial-prev-arrow.png?v=6624297317200135937");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 10px;
  top: auto;
  bottom: 40px;
  left: 40%;
  transform: none;
  z-index: 9;
  min-height: unset;
}
.home-testimonials-details-slider .slick-next
{
  width: 48px;
  height: 48px;
  font-size: 0px;
  line-height: 0px;
  background-image: url("//www.bramwellbrown.com/cdn/shop/files/testimonial-next-arrow.png?v=275005179263046545");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 10px;
  top: auto;
  bottom: 40px;
  right: 40%;
  transform: none;
  z-index: 9;
  min-height: unset;
}
.home-testimonials-details-slider .slick-next:before, .home-testimonials-details-slider  .slick-prev:before
{
  width: 0px;
  height: 0px;
  font-size: 0px;
}
.home-clock-details-wrapper
{
  padding: 150px 0px;
  padding-bottom: 0px;
}
.home-clock-details-wrapper .row
{
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}
.home-clock-details-video-wrapper
{
  width: 45%;
  padding: 0 15px;
}
.home-clock-details-details-wrapper
{
  width: 55%;
  padding: 0 15px; 
}
.home-clock-details-video-outer
{
  height: 650px;
  display: block;
  width: 100%;
  max-width: 370px;
  margin: 0px auto;
  position: relative;
}
.home-clock-details-video-outer video,
.home-clock-details-video-outer iframe
{
  display: block;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  object-fit: cover;
  object-position: top;
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 9;
}
.home-clock-details-details-inner
{
  display: block;
  width: 100%;
  max-width: 600px;
}
.home-clock-details-title
{
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 10px;
}
.home-clock-details-title h2
{
  font-family: 'Timeless';
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 44px;
  text-transform: uppercase;
  color: #3F3F3F;
  text-align: left;
  padding: 0px;
  margin: 0px;
}
.home-clock-details-sub-title
{
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.home-clock-details-sub-title p
{
  font-family: 'Timeless';
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  text-transform: uppercase;
  color: #585858;
  text-align: left;
  padding: 0px;
  margin: 0px;
}
.home-clock-details-description
{
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 60px;
}
.home-clock-details-description *
{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #585858;
  text-align: left !important;
  padding: 0px;
  margin: 0px;
}
.home-clock-details-tabs
{
  display: block;
  width: 100%;
  max-width: 100%;
}
.home-clock-details-single-tab
{
  display: block;
  width: 100%;
  max-width: 100%;
  border-bottom: 1px solid #E5E5E5;
}
.home-clock-details-single-tab a,
.home-clock-details-single-tab a:hover,
.home-clock-details-single-tab a:focus
{
  outline: none;
  text-decoration: none;
  border: none;
  box-shadow: none;
  display: flex;
  align-items: center;
  position: relative;
  font-family: 'Timeless';
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase;
  color: #3F3F3F;
  padding: 10px 0px;
  margin: 0px;
}
.home-clock-details-single-tab a span
{
  display: inline-block;
  vertical-align: top;
}
.home-clock-details-single-tab a span.tab-icon
{
  width: 54px;
  margin-right: 16px;
}
.home-clock-details-single-tab a span.tab-icon img
{
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: 100%;
  height: auto;
}
.home-clock-details-single-tab a span.tab-title
{
  width: calc(100% - 70px);
  padding-right: 30px;
}
.home-clock-details-single-tab a span.tab-icons-wrapper
{
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  display: flex;
  align-items: center;
}
.home-clock-details-single-tab a span.tab-icons-wrapper img
{
  width: 100%;
  max-width: 100%;
  height: auto;
  display: inline-block;
  vertical-align: top;
}
.home-clock-details-single-tab a span.tab-icons-wrapper img.minus-image
{
  display: none;
}
.home-clock-details-single-tab .tab-description
{
  display: none;
  width: 100%;
  max-width: 100%;
  padding: 15px 0px;
  padding-top: 5px;
}
.home-clock-details-single-tab .tab-description *
{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #585858;
  text-align: left !important;
  padding: 0px;
  margin: 0px;
}
.home-clock-details-single-tab .tab-description {
    font-family: 'Open Sans';
    color: #585858;
    font-size: 1rem;
    line-height: 34px;
}
.home-clock-details-single-tab .tab-description a,
.home-clock-details-single-tab .tab-description a:hover,
.home-clock-details-single-tab .tab-description a:focus
{
    font-size: 16px;
    line-height: 22px;
    color: #585858;
    font-weight: 400;
    outline: none;
    text-decoration: underline !important;
    padding: 0px;
    margin: 0px;
    display: inline-block;
    vertical-align: middle;
    font-family: 'Open Sans';
    text-transform: none;
}
.home-clock-details-single-tab .tab-description p {
    font-size: 16px;
    line-height: 22px;
    color: #585858;
    font-weight: 400;
    padding: 0px;
    margin: 0px;
    margin-bottom: 10px;
}
.home-clock-details-single-tab .tab-description p a,
.home-clock-details-single-tab .tab-description p a:hover,
.home-clock-details-single-tab .tab-description p a:focus
{
    font-size: 16px;
    line-height: 22px;
    color: #585858;
    font-weight: 400;
    outline: none;
    text-decoration: underline !important;
    padding: 0px;
    margin: 0px;
    display: inline-block;
    vertical-align: middle;
    font-family: 'Open Sans';
    text-transform: none;
}
.home-clock-details-single-tab .tab-description ul li,
.home-clock-details-single-tab .tab-description ol li
{
    font-size: 16px;
    line-height: 22px;
    color: #585858;
    font-weight: 400;
    padding: 0px;
    margin: 0px;
    margin-bottom: 10px;
}
.home-clock-details-single-tab .tab-description ul,
.home-clock-details-single-tab .tab-description ol
{
    display: block;
    padding-left: 25px;
}
.home-clock-details-single-tab .tab-description figcaption {
    display: block;
    padding: 0px !important;
    line-height: 1.5 !important;
    font-size: inherit !important;
    margin-top: 5px !important;
    font-size: 15px !important;
    background-color: white;
}
.home-clock-details-single-tab .tab-description ul li::before
{
    display: none !important;
}
.home-clock-details-single-tab .tab-description ul li::after
{
    display: none !important;
}
.home-clock-details-single-tab .tab-description ul li a,
.home-clock-details-single-tab .tab-description ul li a:hover,
.home-clock-details-single-tab .tab-description ul li a:focus,
.home-clock-details-single-tab .tab-description ol li a,
.home-clock-details-single-tab .tab-description ol li a:hover,
.home-clock-details-single-tab .tab-description ol li a:focus
{
    font-size: 16px;
    line-height: 22px;
    color: #585858;
    font-weight: 400;
    outline: none;
    text-decoration: underline !important;
    padding: 0px;
    margin: 0px;
}
.home-clock-details-single-tab .tab-description h1 {
    font-size: 26px;
    line-height: 32px;
    color: #585858;
    margin-bottom: 10px;
}
.home-clock-details-single-tab .tab-description h2 {
    font-size: 22px;
    line-height: 28px;
    color: #585858;
    margin-bottom: 20px;
}
.home-clock-details-single-tab .tab-description h3 {
    font-size: 18px;
    line-height: 24px;
    color: #585858;
    margin-bottom: 10px;
}
.home-clock-details-single-tab .tab-description h4 {
    font-size: 16px;
    line-height: 22px;
    color: #585858;
    margin-bottom: 10px;
}
.home-clock-details-single-tab .tab-description h5 {
    font-size: 14px;
    line-height: 20px;
    color: #585858;
    margin-bottom: 10px;
}
.home-clock-details-single-tab .tab-description h6 {
    font-size: 12px;
    line-height: 18px;
    color: #585858;
    margin-bottom: 10px;
}
.home-clock-details-single-tab .tab-description b,
.home-clock-details-single-tab .tab-description p b {
    font-weight: bold !important;
}
.home-clock-details-single-tab .tab-description i, 
.home-clock-details-single-tab .tab-description p i,
.home-clock-details-single-tab .tab-description em, 
.home-clock-details-single-tab .tab-description p em 
{ 
    font-style: italic !important;
}
.home-clock-details-single-tab .tab-description strong,
.home-clock-details-single-tab .tab-description p strong
{
    font-weight: bold !important;
}
.home-clock-details-single-tab .tab-description img {
    height: auto;
    max-width: 100%;
}
.home-clock-details-single-tab .tab-description img.aligncenter {
    display: block;
    margin: 0 auto;
}
.home-clock-details-single-tab .tab-description img.alignright {
    display: block;
    margin-left: auto;
}
.home-clock-details-single-tab .tab-description img.alignleft {
    display: block;
    margin-right: auto;
}
.home-clock-details-single-tab .tab-description blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee;
}
.home-clock-details-single-tab.active a span.tab-icons-wrapper img
{
  display: none;
}
.home-clock-details-single-tab.active a span.tab-icons-wrapper img.minus-image
{
  display: inline-block;
}
.home-clock-details-faqs-wrapper
{
  display: block;
  width: 100%;
  max-width: 100%;
  margin-top: 60px;
}
.home-clock-details-faqs-wrapper *
{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  color: #585858;
  text-align: center !important;
  padding: 0px;
  margin: 0px;
}
.home-clock-details-faqs-wrapper a,
.home-clock-details-faqs-wrapper a:hover,
.home-clock-details-faqs-wrapper a:focus
{
  font-weight: 600;
  color: #2C76B6;
  outline: none;
  text-decoration: underline;
}
.home-newsletter-wrapper
{
  padding: 85px 0px;
  display: block;
  width: 100%;
  max-width: 100%;
  /* background-position: center center; */
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 850px;
}
.home-newsletter-inner-wrapper
{
  display: block;
  width: 100%;
  max-width: 500px;
  margin: 0px auto;
}
.home-newsletter-title
{
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 25px;
}
.home-newsletter-title h2
{
  font-family: 'Timeless';
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 44px;
  text-align: center;
  text-transform: uppercase;
  color: #3F3F3F;
  padding: 0px;
  margin: 0px;
}
.home-newsletter-description
{
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 35px;
}
.home-newsletter-description *
{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 26px;
  text-align: center !important;
  color: #585858;
  padding: 0px;
  margin: 0px;
}
.home-newsletter-form
{
  display: block;
  width: 100%;
  max-width: 412px;
  margin: 0px auto;
}
.home-newsletter-form form
{
  display: block;
  width: 100%;
  max-width: 100%;
}
.home-newsletter-form form .form-group
{
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 5px;
}
.home-newsletter-form form input,
.home-newsletter-form form input:focus,
.home-newsletter-form form input:hover
{
  outline: none;
  text-decoration: none;
  box-shadow: none;
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: unset;
  padding: 18px 15px;
  background-color: #ffffff;
  border: 1px solid #2C76B6;
  border-radius: 4px;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #3F3F3F;
  margin-bottom: 10px;
}
.home-newsletter-form form input.error,
.home-newsletter-form form input.error:focus,
.home-newsletter-form form input.error:hover
{
  border: 1px solid red;
}
.home-newsletter-form form input::-webkit-input-placeholder 
{ /* Edge */
  color: #3F3F3F;
  opacity: 0.4;
}
.home-newsletter-form form input:-ms-input-placeholder 
{ /* Internet Explorer 10-11 */
  color: #3F3F3F;
  opacity: 0.4;
}
.home-newsletter-form form input::placeholder 
{
  color: #3F3F3F;
  opacity: 0.4;
}
.klaviyo-form-integration form.klaviyo-form
{
  padding: 0px !important;
  margin: 0px !important;
}
.klaviyo-form-integration form.klaviyo-form > div
{
  min-height: unset !important;
}
.klaviyo-form-integration form.klaviyo-form > div > div > div
{
  padding: 0px !important;
  margin: 0px !important;
}
.klaviyo-form-integration form.klaviyo-form > div > div > div input,
.klaviyo-form-integration form.klaviyo-form > div > div > div input:hover,
.klaviyo-form-integration form.klaviyo-form > div > div > div input:focus
{
  outline: none !important;
  text-decoration: !important;
  box-shadow: none !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: unset !important;
  padding: 18px 15px !important;
  background-color: #ffffff !important;
  border: 1px solid #2C76B6 !important;
  border-radius: 4px !important;
  font-family: 'Open Sans' !important;
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  line-height: 22px !important;
  color: #3F3F3F !important;
  margin-bottom: 10px !important;
  min-height: unset !important;
}
.klaviyo-form-integration form.klaviyo-form > div > div > div button,
.klaviyo-form-integration form.klaviyo-form > div > div > div button:hover,
.klaviyo-form-integration form.klaviyo-form > div > div > div button:focus
{
  text-decoration: none !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
  display: inline-block !important;
  vertical-align: top !important;
  width: auto !important;
  height: auto !important;
  min-height: unset !important;
  background: #2C76B6 !important;
  font-family: 'Open Sans'!important;
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: 18px !important;
  line-height: 25px !important;
  text-align: center !important;
  text-transform: uppercase !important;
  color: #FFFFFF !important;
  padding: 17px 23px !important;
  margin: 0px auto !important;
  margin-top: 15px !important;
  margin-bottom: 5px !important;
  max-width: 285px !important;
}
.submit-button-wrapper
{
  text-align: center;
  margin-top: 15px;
}
.home-newsletter-form form button,
.home-newsletter-form form button:hover,
.home-newsletter-form form button:focus
{
  text-decoration: none;
  outline: none;
  box-shadow: none;
  border: none;
  display: inline-block;
  vertical-align: top;
  width: auto;
  height: auto;
  min-height: unset;
  background: #3F3F3F;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  padding: 17px 23px;
  margin: 0px;
  letter-spacing: normal;
}
.home-newsletter-form form .submit-button-wrapper a,
.home-newsletter-form form .submit-button-wrapper a:hover,
.home-newsletter-form form .submit-button-wrapper a:focus
{
  text-decoration: none;
  outline: none;
  box-shadow: none;
  border: none;
  display: inline-block;
  vertical-align: top;
  width: auto;
  height: auto;
  min-height: unset;
  background: #3F3F3F;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  padding: 17px 23px;
  margin: 0px;
}
.home-newsletter-form form button:hover,
.home-newsletter-form form button:focus,
.home-newsletter-form form .submit-button-wrapper a:hover,
.home-newsletter-form form .submit-button-wrapper a:focus
{
  color: #ffffff;
  background-color: #828282;
}
.home-newsletter-form form .form-group.hide-for-now
{
  display: none;
}
.home-newsletter-form form .form-group.klaviyo_form_actions
{
  text-align: center !important;
}
.home-newsletter-form .klaviyo_messages .error_message
{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  text-align: center;
  color: #585858;
}
.home-newsletter-form .klaviyo_messages .success_message
{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  text-align: center;
  color: #2C76B6;
}
.lp-bespoke-wrapper
{
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 85px 0px;
}
.lp-bespoke-title
{
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 15px;
}
.lp-bespoke-title h2
{
  font-family: 'Timeless';
  font-style: normal;
  letter-spacing: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 44px;
  text-align: center;
  text-transform: uppercase;
  color: #3F3F3F;
  padding: 0px;
  margin: 0px;
  position: relative;
  max-width: 1024px;
  margin: 0px auto;
}
.lp-bespoke-title h2 span
{
  display: inline-block;
  vertical-align: top;
  width: 385px;
  margin-left: 20px;
  margin-right: 20px;
}
.lp-bespoke-title h2:before
{
  display: inline-block;
  vertical-align: top;
  content: "";
  width: calc(100% - 725px);
  height: 1px;
  background-color: #E5E5E5;
  left: 0px;
  top: 50%;
  position: absolute;
}
.lp-bespoke-title h2:after
{
  display: inline-block;
  vertical-align: top;
  content: "";
  width: calc(100% - 725px);
  height: 1px;
  background-color: #E5E5E5;
  right: 0px;
  top: 50%;
  position: absolute;
}
.lp-bespoke-description
{
  display: block;
  width: 100%;
  max-width: 600px;
  text-align: center;
  margin: 0px auto;
  margin-bottom: 80px;
}
.lp-bespoke-description *
{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  letter-spacing: normal;
  color: #585858;
  margin: 0px;
  padding: 0px;
}
.lp-bespoke-inner
{
  display: block;
  width: 100%;
  max-width: 100%;
}
.lp-bespoke-row
{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-left: -15px;
  margin-right: -15px;
}
.lp-single-bespoke
{
  width: 50%;
  max-width: 430px;
  padding: 0px 15px;
}
.lp-single-bespoke-inner
{
  border: 1px solid #E5E5E5;
  border-radius: 4px;
  position: relative;
  margin-top: 60px;
  padding: 60px 40px 40px 40px;
}
.lp-single-bespoke-image
{
  width: auto;
  max-width: 225px;
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.lp-single-bespoke-image img
{
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
}
.lp-single-bespoke-title
{
  display: block;
  width: 100%;
  max-width: 100%;
  margin-top: 30px;
  text-align: center;
  margin-bottom: 10px;
}
.lp-single-bespoke-title p
{
  font-family: 'Timeless';
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
  text-transform: uppercase;
  color: #3F3F3F;
  letter-spacing: normal;
  padding: 0px;
  margin: 0px;
}
.lp-single-bespoke-description
{
  display: block;
  width: 100%;
  max-width: 100%;
  text-align: center;
  margin-bottom: 10px;
}
.lp-single-bespoke-description *
{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  color: #585858;
  padding: 0px;
  letter-spacing: normal;
  margin: 0px;
}
.lp-single-bespoke-list
{
  display: block;
  width: 100%;
  max-width: 290px;
  margin: 0px auto;
}
.lp-single-bespoke-list ul
{
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0px;
  margin: 0px;
  list-style: none;
}
.lp-single-bespoke-list ul li
{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #585858;
  padding: 0px;
  margin: 0px;
  padding-left: 40px;
  display: block;
  width: 100%;
  position: relative;
}
.lp-single-bespoke-list ul li:before
{
  content: "";
  height: 5px;
  width: 5px;
  background-color: #585858;
  border-radius: 50%;
  display: inline-block;
  vertical-align: top;
  position: absolute;
  left: 20px;
  top: 10px;
}  
.lp-single-bespoke-link
{
  display: block;
  width: 100%;
  max-width: 100%;
  text-align: center;
  margin-top: 40px;
}
.lp-single-bespoke-link a,
.lp-single-bespoke-link a:hover,
.lp-single-bespoke-link a:focus
{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 100%;
  height: auto;
  outline: none;
  text-decoration: none;
  box-shadow: none;
  border: none;
  background-color: #3F3F3F;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  padding: 10px 15px;
  margin: 0px;
  border: 2px solid transparent;
}
.lp-single-bespoke-link a .custom-product-price
{
  padding-left: 15px;
  margin-left: 15px;
  border-left: 1px solid #ffffff;
}
.lp-single-bespoke-link a:hover
{
  color: #ffffff;
  background-color: #828282;
}
.lp-single-bespoke-link a:hover .custom-product-price
{
  border-color: #ffffff;
}
.lp-single-bespoke-link a.only-border
{
  background-color: transparent;
  border: 2px solid #3F3F3F;
  color: #3F3F3F;
}
.lp-single-bespoke-link a.only-border:hover,
.lp-single-bespoke-link a.only-border:focus
{
  color: #ffffff;
  background-color: #808e99;
  border: 2px solid #808e99;
}
.home-faqs-wrapper
{
  padding: 65px 0px;
}
.home-faqs-title
{
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 45px;
}
.home-faqs-title h2
{
  font-family: 'Timeless';
  font-style: normal;
  letter-spacing: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 44px;
  text-align: center;
  text-transform: uppercase;
  color: #3F3F3F;
  padding: 0px;
  margin: 0px;
  position: relative;
  max-width: 1024px;
  margin: 0px auto;
}
.home-faqs-title h2 span
{
  display: inline-block;
  vertical-align: top;
  width: 74px;
  margin-left: 20px;
  margin-right: 20px;
}
.home-faqs-title h2:before
{
  display: inline-block;
  vertical-align: top;
  content: "";
  width: calc(100% - 570px);
  height: 1px;
  background-color: #E5E5E5;
  left: 0px;
  top: 50%;
  position: absolute;
}
.home-faqs-title h2:after
{
  display: inline-block;
  vertical-align: top;
  content: "";
  width: calc(100% - 570px);
  height: 1px;
  background-color: #E5E5E5;
  right: 0px;
  top: 50%;
  position: absolute;
}
.home-faqs
{
  display: block;
  width: 100%;
  max-width: 600px;
  margin: 0px auto;
}
.home-faqs .home-clock-details-single-tab a, 
.home-faqs .home-clock-details-single-tab a:hover, 
.home-faqs .home-clock-details-single-tab a:focus
{
  font-size: 20px;
  line-height: 25px;
  padding: 18px 0px;
}
.home-faqs .home-clock-details-single-tab a span.tab-title
{
  width: 100%;
}
.home-faqs .home-clock-details-single-tab a span.tab-icons-wrapper
{
  right: 0px;
}
.home-wall-shine-wrapper
{
  padding: 90px 0px;
  padding-bottom: 10px;
}
.home-wall-shine-title
{
  margin-bottom: 20px;
}
.home-wall-shine-title h2
{
  font-family: 'Timeless';
  font-style: normal;
  letter-spacing: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 44px;
  text-align: center;
  text-transform: uppercase;
  color: #3F3F3F;
  padding: 0px;
  margin: 0px;
  position: relative;
  max-width: 1024px;
  margin: 0px auto;
}
.home-wall-shine-title h2 span
{
  display: inline-block;
  vertical-align: top;
  width: 385px;
  margin-left: 20px;
  margin-right: 20px;
}
.home-wall-shine-title h2:before
{
  display: inline-block;
  vertical-align: top;
  content: "";
  width: calc(100% - 720px);
  height: 1px;
  background-color: #E5E5E5;
  left: 0px;
  top: 50%;
  position: absolute;
}
.home-wall-shine-title h2:after
{
  display: inline-block;
  vertical-align: top;
  content: "";
  width: calc(100% - 720px);
  height: 1px;
  background-color: #E5E5E5;
  right: 0px;
  top: 50%;
  position: absolute;
}
.home-wall-shine-description
{
  display: block;
  width: 100%;
  max-width: 595px;
  margin: 0px auto;
  margin-bottom: 35px;
}
.home-wall-shine-description *
{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  text-align: center;
  color: #585858;
  letter-spacing: normal;
  padding: 0px;
  margin: 0px;
}
.home-wall-shine-image
{
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 15px;
  text-align: center;
}
.home-wall-shine-image img
{
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  width: 110px;
  height: auto;
  line-height: 1;
}
.home-wall-shine-name
{
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 35px;
  text-align: center;
}
.home-wall-shine-name p
{
  font-family: 'Sacramento';
  font-style: normal;
  font-weight: 400;
  font-size: 28px;
  line-height: 28px;
  letter-spacing: normal;
  color: #3F3F3F;
  padding: 0px;
  margin: 0px;
}
.home-wall-images-wrapper
{
  display: block;
  width: 100%;
  max-width: 100%;
  position: relative;
  margin-bottom: 85px;
}
.home-wall-images-row
{
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
  align-items: flex-end;
}
.home-single-wall-images
{
  display: inline-block;
  vertical-align: top;
  padding: 0px 15px;
  width: 25%;
}
.home-single-wall-images a,
.home-single-wall-images a:hover,
.home-single-wall-images a:focus
{
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin-bottom: 30px;
}
.home-single-wall-images img
{
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin-bottom: 30px;
  border-radius: 4px;
}
.home-single-wall-images img:last-child,
.home-single-wall-images a:last-child
{
  margin-bottom: 0px;
}
.home-wall-images-wrapper:after 
{
    content: "";
    width: 100%;
    /* height: 185px; */
    height: 110px;
    background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.72) 50%, rgba(255, 255, 255, 0) 100%);
    transform: rotate(-180deg);
    position: absolute;
    left: 0px;
    bottom: 0px;
}
.home-follow-us-title
{
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 60px;
  text-align: center;
}
.home-follow-us-title h2
{
  font-family: 'Timeless';
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 44px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: normal;
  color: #3F3F3F;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px;
  margin: 0px;
}
.home-follow-us-title h2 a,
.home-follow-us-title h2 a:hover,
.home-follow-us-title h2 a:focus
{
  outline: none;
  text-decoration: none;
  border: none;
  box-shadow: none;
  margin-left: 20px;
  width: 35px;
  display: inline-block;
  vertical-align: top;
  line-height: 1;
}
.home-follow-us-title h2 a img
{
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: 100%;
  height: auto;
}
.home-share-details
{
  display: flex;
  align-items: center;
  justify-content: center;
}
.home-share-links
{
  display: inline-block;
  vertical-align: top;
  padding: 29px 60px;
}
.home-share-links:last-child
{
  border-left: 1px solid #D9D9D9;
}
.home-share-links-title
{
  display: block;
  width: 100%;
  max-width: 100%;
  text-align: center;
  margin-bottom: 5px;
}
.home-share-links-title h3
{
  font-family: 'Timeless';
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  text-transform: uppercase;
  letter-spacing: normal;
  color: #585858;
  padding: 0px;
  margin: 0px;
}
.home-share-links-url
{
  display: block;
  width: 100%;
  max-width: 100%;
  text-align: center;
  margin-bottom: 5px;
}
.home-share-links-url a,
.home-share-links-url a:hover,
.home-share-links-url a:focus
{
  display: inline-block;
  vertical-align: top;
  outline: none;
  text-decoration: none;
  border: none;
  box-shadow: none;
  font-family: 'Timeless';
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
  text-transform: uppercase;
  color: #2C76B6;
  padding: 0px;
  margin: 0px;
}
.home-location-wise-tide-clocks-wrapper
{
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 95px 0px;
}
.home-location-wise-tide-clocks-heading 
{
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
  text-align: center;
}
.home-location-wise-tide-clocks-heading p
{
  font-family: 'Timeless';
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  text-transform: uppercase;
  color: #585858;
  letter-spacing: normal;
  padding: 0px;
  margin: 0px;
}
.home-location-wise-tide-clocks-title
{
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 10px;
  text-align: center;
}
.home-location-wise-tide-clocks-title h2
{
  font-family: 'Timeless';
  font-style: normal;
  letter-spacing: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 44px;
  text-align: center;
  text-transform: uppercase;
  color: #3F3F3F;
  padding: 0px;
  margin: 0px;
  position: relative;
  max-width: 1024px;
  margin: 0px auto;
}
.home-location-wise-tide-clocks-title h2 span
{
  display: inline-block;
  vertical-align: top;
  width: 430px;
  margin-left: 20px;
  margin-right: 20px;
}
.home-location-wise-tide-clocks-title h2:before
{
  display: inline-block;
  vertical-align: top;
  content: "";
  width: calc(100% - 745px);
  height: 1px;
  background-color: #E5E5E5;
  left: 0px;
  top: 50%;
  position: absolute;
}
.home-location-wise-tide-clocks-title h2:after
{
  display: inline-block;
  vertical-align: top;
  content: "";
  width: calc(100% - 745px);
  height: 1px;
  background-color: #E5E5E5;
  right: 0px;
  top: 50%;
  position: absolute;
}
.home-location-wise-tide-clocks-description
{
  display: block;
  width: 100%;
  max-width: 615px;
  margin: 0px auto;
  margin-bottom: 50px;
  text-align: center;
}
.home-location-wise-tide-clocks-description *
{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  color: #585858;
  letter-spacing: normal;
  padding: 0px;
  margin: 0px;
}
.home-location-wise-tide-clocks-features
{
  display: block;
  width: 100%;
  max-width: 1024px;
  margin: 0px auto;
}
.home-location-wise-tide-clocks-features ul
{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px;
  margin: 0px;
  width: 100%;
  max-width: 100%;
  list-style: none;
}
.home-location-wise-tide-clocks-features ul li
{
  font-family: 'Timeless';
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  letter-spacing: normal;
  color: #3F3F3F;
  padding: 0px 30px;
  margin: 0px;
  margin-bottom: 20px;
}
.home-location-wise-tide-clocks-features ul li img
{
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: 20px;
  margin-right: 10px;
  height: auto;
}
.home-location-wise-tide-clocks-slider-wrapper
{
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 100%;
  position: relative;
  margin-top: 100px;
}
.home-location-wise-tide-clocks-slider-nav
{
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0px 0px;
}
.home-location-wise-tide-clocks-slider-single-nav
{
  width: 300px;
  padding: 0px 15px;
}
.home-location-wise-tide-clocks-slider-single-nav-image
{
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 10px;
  text-align: center;
  opacity: 0.5;
}
.home-location-wise-tide-clocks-slider-single-nav-image img
{
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: 262px;
  height: auto;
}
.home-location-wise-tide-clocks-slider-single-nav-title
{
  display: block;
  width: 100%;
  max-width: 100%;
  text-align: center;
}
.home-location-wise-tide-clocks-slider-single-nav-title p
{
  font-family: 'Timeless';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 28px;
  color: #3F3F3F;
  letter-spacing: normal;
  padding: 0px;
  margin: 0px;
}
.home-location-wise-tide-clocks-slider-single-nav-location
{
  display: block;
  width: 100%;
  max-width: 100%;
  text-align: center;
}
.home-location-wise-tide-clocks-slider-single-nav-location p
{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  color: #585858;
  letter-spacing: normal;
  padding: 0px;
  margin: 0px;
}
.home-location-wise-tide-clocks-slider-for-wrapper
{
  display: block;
  width: 100%;
  max-width: 535px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0px;
  z-index: 9;
}
.home-location-wise-tide-clocks-slider-for-outer
{
  display: block;
  width: 100%;
  max-width: 28vw;
  background-color: #ffffff;
  margin: 0px auto;
  min-width: 535px;
}
.home-location-wise-tide-clocks-slider-for
{
  display: block;
  width: 100%;
  max-width: 100%;
}
.home-location-wise-tide-clocks-slider-single-for
{
  display: block;
  width: 100%;
  max-width: 100%;
}
.home-location-wise-tide-clocks-slider-single-for-image
{
  display: block;
  width: 100%;
  max-width: 100%;
  text-align: center;
  margin-bottom: 10px;
  padding: 0px 65px;
}
.home-location-wise-tide-clocks-slider-single-for-image img
{
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: 100%;
  height: auto;
}
.home-location-wise-tide-clocks-slider-single-for-title
{
  display: block;
  width: 100%;
  max-width: 100%;
  text-align: center;
}
.home-location-wise-tide-clocks-slider-single-for-title p
{
  font-family: 'Timeless';
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: #3F3F3F;
  letter-spacing: normal;
  padding: 0px;
  margin: 0px;
}
.home-location-wise-tide-clocks-slider-single-for-name
{
  display: block;
  width: 100%;
  max-width: 100%;
  text-align: center;
}
.home-location-wise-tide-clocks-slider-single-for-name p
{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #585858;
  letter-spacing: normal;
  padding: 0px;
  margin: 0px;
}
.home-location-wise-tide-clocks-slider-single-for-links
{
  display: flex;
  align-items: center;
  justify-content: center;  
}
.home-location-wise-tide-clocks-slider-single-for-links a,
.home-location-wise-tide-clocks-slider-single-for-links a:hover,
.home-location-wise-tide-clocks-slider-single-for-links a:focus,
.home-location-wise-tide-clocks-slider-single-for-links button,
.home-location-wise-tide-clocks-slider-single-for-links button:hover,
.home-location-wise-tide-clocks-slider-single-for-links button:focus
{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  max-width: 100%;
  height: auto;
  outline: none;
  text-decoration: none;
  box-shadow: none;
  border: none;
  background-color: #2C76B6;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  padding: 10px 15px;
  margin: 0px 5px;
  border: 2px solid transparent;
  margin-top: 25px;
  min-width: 230px;
}
.home-location-wise-tide-clocks-slider-single-for-links a .custom-product-price,
.home-location-wise-tide-clocks-slider-single-for-links button .custom-product-price
{
  padding-left: 15px;
  margin-left: 15px;
  border-left: 1px solid #ffffff;
}
.home-location-wise-tide-clocks-slider-single-for-links a:hover,
.home-location-wise-tide-clocks-slider-single-for-links button:hover
{
  color: #3F3F3F;
}
.home-location-wise-tide-clocks-slider-single-for-links a:hover .custom-product-price,
.home-location-wise-tide-clocks-slider-single-for-links button:hover .custom-product-price
{
  border-color: #3F3F3F;
}
.home-location-wise-tide-clocks-slider-single-for-links a.only-border,
.home-location-wise-tide-clocks-slider-single-for-links a.only-border:hover,
.home-location-wise-tide-clocks-slider-single-for-links a.only-border:focus
{
  background-color: transparent;
  border: 2px solid #2C76B6;
  color: #2C76B6;
}
.home-location-wise-tide-clocks-slider-single-for-links a.only-border:hover
{
  color: #3F3F3F;
}
.home-location-wise-tide-clocks-slider-for .slick-next, 
.home-location-wise-tide-clocks-slider-for .slick-prev,
.home-location-wise-tide-clocks-slider-for .slick-next:hover, 
.home-location-wise-tide-clocks-slider-for .slick-prev:hover,
.home-location-wise-tide-clocks-slider-for .slick-next:focus, 
.home-location-wise-tide-clocks-slider-for .slick-prev:focus
{
  height: 45px;
  width: 45px;
  background: rgba(229, 229, 229, 0.33);
  font-size: 0px;
  z-index: 99;
  display: inline-block;
  vertical-align: top;
  border-radius: 50%;
  border: none;
  box-shadow: none;
  outline: none;
  text-decoration: none;
}
.home-location-wise-tide-clocks-slider-for .slick-prev
{
  left: 0px;
}
.home-location-wise-tide-clocks-slider-for .slick-prev:before
{
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 14px;
  height: 18px;
  background-image: url("//www.bramwellbrown.com/cdn/shop/files/tide-clock-slider-prev-new.png?v=15462988591239188168");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 1;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.home-location-wise-tide-clocks-slider-for .slick-next
{
  right: 0px;
}
.home-location-wise-tide-clocks-slider-for .slick-next:before
{
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 14px;
  height: 18px;
  background-image: url("//www.bramwellbrown.com/cdn/shop/files/tide-clock-slider-next-new.png?v=16268108642056731897");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 1;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.customScrollgrid-container
{
  display: block;
  width: 100%;
  max-width: 100%;
  height: 100vh;
  position: relative;
}
.customScrollgrid-container img
{
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: 100%;
  height: auto;
}
.custom-panels
{
  height: 100%;
}
.custom-panels.custom-sticky-step
{
  position: absolute;
  left: 0px;
  top: 0px;
}
.custom-panels img
{
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.customScrollgrid-container-first
{
  display: block;
  width: 100%;
  max-width: 100%;
  height: 100%;
  position: relative;
}
.customScrollgrid-container-first img
{
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: 100%;
  height: auto;
}
.custom-new-panels img
{
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: 100%;
  height: auto;
}
.home-banner-boat-image
{
  display: inline-block;
  vertical-align: top;
  position: absolute;
  right: 0px;
  bottom: 100px;
  width: 520px;
  will-change: transform;
}
.home-banner-boat-image img
{
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: 100%;
  height: auto;
}
.step-7-image,
.step-6-image
{
  width: 100%;
  max-width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
}
.step-6-image-container
{
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0px 15px;
}
.step-6-image-row
{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  margin-left: -15px;
  margin-right: -15px;
}
.step-6-image-column
{
  display: flex;
  width: 33.333333%;
  padding: 0px 15px;
  align-items: center;
}
.step-6-partners-images
{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: auto;
}
.step-6-single-partner-image
{
  display: block;
  margin-bottom: 40px;
}
.step-6-single-partner-image.step-6-single-partner-image-4,
.step-6-single-partner-image.step-6-single-partner-image-5
{
  margin-bottom: 95px;
}
.step-6-single-partner-image:last-child
{
  width: 100%;
  max-width: 100%;
  display: flex;
  justify-content: center;
}
.step-6-single-partner-image img
{
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  padding: 0px 35px;
}
.step-6-main-clock-images
{
  display: block;
  width: 100%;
  max-width: 100%;
  text-align: center;
}
.step-6-main-clock-images img
{
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: 400px;
  height: auto;
}
.step-6-link-container
{
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0px 15px;
  text-align: center;
  margin-top: 100px;
  margin-bottom: 70px;
}
.step-6-link-container a,
.step-6-link-container a:hover,
.step-6-link-container a:focus
{
  display: inline-block;
  vertical-align: top;
  outline: none;
  text-decoration: none;
  border: none;
  box-shadow: none;
  font-family: 'Timeless';
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  text-transform: uppercase;
  letter-spacing: normal;
  color: #FFFFFF;
  padding: 12px 15px;
  margin: 0px;
  background-color: #000000;
  min-width: 210px;
}
.step-7-image
{
  padding-top: 30px;
  padding-bottom: 30px;
}
.step-7-image .step-6-image-container .step-6-image-row
{
  align-items: center;
}
.step-7-image .step-6-image-container .step-6-image-row .step-6-single-partner-image:last-child
{
  margin-bottom: 0px;
}
.step-7-image .step-6-image-container .step-6-link-container
{
  margin-top: 15px;
  margin-bottom: 40px;
}
.klaviyo-form-integration
{
  display: none;
}
.klaviyo-form-integration.klaviyo-form-page-integration
{
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 50px 0px;
}
.klaviyo-form-integration.klaviyo-form-page-integration form
{
  margin: 0px auto !important;
  display: block !important;
}
.klaviyo-form-integration.klaviyo-form-page-integration form p
{
  margin-bottom: 15px !important;
  color: rgb(71, 71, 71) !important;
}
.klaviyo-form-integration.klaviyo-form-page-integration form.klaviyo-form > div > div > div
{
  width: 100%;
  justify-content: center;
}
.home-newsletter-success-fb-wrapper .fancybox-slide
{
  padding: 0px;
}
.home-newsletter-success-popup
{
  display: none; 
  width: 100%;
  height: 100vh;
  padding: 15px;
  margin: 0px;
  background-color: #ffffff;
}
.home-newsletter-success-popup-inner
{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.home-newsletter-success-popup-details
{
  display: block;
  width: 575px;
  height: auto;
}
.home-newsletter-success-popup-title
{
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 10px;
  text-align: center;
}
.home-newsletter-success-popup-title p
{
  font-family: 'Timeless';
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 44px;
  text-align: center;
  color: #3F3F3F;
  padding: 0px;
  margin: 0px;
}
.home-newsletter-success-popup-sub-title
{
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 10px;
  text-align: center;
}
.home-newsletter-success-popup-sub-title p
{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: #585858;
  padding: 0px;
  margin: 0px;
}
.home-newsletter-success-popup-location
{
  display: block;
  width: 100%;
  max-width: 100%;
  margin-top: 25px;
  margin-bottom: 35px;
  text-align: center;
  position: relative;
}
.home-newsletter-success-popup-location:before
{
  content: "";
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  height: 1px;
  background-color: #E5E5E5;
  width: 200px;
  display: inline-block;
  vertical-align: top;
}
.home-newsletter-success-popup-location:after
{
  content: "";
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  height: 1px;
  background-color: #E5E5E5;
  width: 200px;
  display: inline-block;
  vertical-align: top;
}
.home-newsletter-success-popup-location p
{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #585858;
  padding: 0px;
  margin: 0px;
  display: inline-flex;
  flex-direction: column;
  width: 145px;
}
.home-newsletter-success-popup-location p span.location-title
{
  font-family: 'Timeless';
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  text-transform: uppercase;
  color: #3F3F3F;
  word-wrap: break-word;
}
.home-newsletter-success-popup-description
{
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 35px;
  text-align: center;
}
.home-newsletter-success-popup-description *
{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: #585858;
  padding: 0px;
  margin: 0px;
}
.home-newsletter-success-popup-social-links
{
  display: block;
  width: 100%;
  max-width: 100%;
  margin-top: 35px;
}
.home-newsletter-success-popup-social-links-title
{
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 30px;
  text-align: center; 
}
.home-newsletter-success-popup-social-links-title p
{
  font-family: 'Timeless';
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  text-transform: uppercase;
  color: #585858;
  padding: 0px;
  margin: 0px;
}
.home-newsletter-success-popup-social-links-title p a,
.home-newsletter-success-popup-social-links-title p a:hover,
.home-newsletter-success-popup-social-links-title p a:focus
{
  outline: none;
  text-decoration: underline !important;
  border: none;
  background: none;
}
.home-newsletter-success-popup-social-links-lists
{
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0px 6px;
}
.home-newsletter-success-popup-social-links-lists ul
{
  display: flex;
  padding: 0px;
  margin: 0px -6px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  list-style: none;
}
.home-newsletter-success-popup-social-links-lists ul li
{
  width: 48px;
  padding: 0px 6px;
  list-style: none;
}
.home-newsletter-success-popup-social-links-lists ul li a,
.home-newsletter-success-popup-social-links-lists ul li a:hover,
.home-newsletter-success-popup-social-links-lists ul li a:focus
{
  outline: none;
  text-decoration: none;
  border: none;
  box-shadow: none;
  background-color: transparent;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: 100%;
  height: auto;
}
.home-newsletter-success-popup-social-links-lists ul li a img
{
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: 100%;
  height: auto;
}
.home-newsletter-success-popup .fancybox-close-small,
.home-newsletter-success-popup .fancybox-close-small:hover,
.home-newsletter-success-popup .fancybox-close-small:focus
{
  background-color: transparent;
  color: #585858;
  padding: 6px;
  right: 32%;
  top: 23%;
  outline: none;
  text-decoration: none;
  border: none;
  opacity: 1;
}
.home-newsletter-success-popup .fancybox-close-small svg path
{
  fill: #585858;
}
.home-show-for-mobile
{
  display: none;
  width: 100%;
  max-width: 100%;
}
.home-hide-for-mobile
{
  display: block;
  width: 100%;
  max-width: 100%;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px)
{
  .home-banner-boat-image
  {
    width: 680px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1499px)
{
  .home-banner-boat-image
  {
    width: 600px;
  }
}
@media only screen and (min-width: 1300px) and (max-width: 1399px)
{
  .home-banner-boat-image
  {
    width: 445px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px)
{
  .home-banner-boat-image
  {
    width: 385px;
  }
}
@media only screen and (min-width: 1300px) and (max-width: 1439px)
{
  .home-testimonials-wrapper
  {
    padding-bottom: 155px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1299px)
{
  .home-testimonials-wrapper
  {
    padding-bottom: 135px;
  }
  .home-location-wise-tide-clocks-slider-single-nav-image img
  {
    max-width: 180px;
  }
}
@media only screen and (min-width: 768px)
{
  .header-has-bg #pageheader
  {
    padding: 22px 0px;
    min-height: unset !important;
  }
  #pageheader>.container
  {
    margin-top: 0px !important;
    padding:  0px 4px;
    max-width: 1135px;
  }
  #pageheader .container .row
  {
    display: flex;
    flex-wrap: wrap;
    margin-left: -4px;
    margin-right: -4px;
    align-items: center;
  }
  .header-has-bg #pageheader .container .row .logo
  {
    width: 175px;
    height: auto;
    float: none;
    line-height: 1;
    padding: 0px 4px;
  }
  .header-has-bg #pageheader .container .row .logo a.image.logo,
  .header-has-bg #pageheader .container .row .logo a.image.logo:hover,
  .header-has-bg #pageheader .container .row .logo a.image.logo:focus
  {
    display: block;
    width: 140px;
    max-width: 100%;
    height: auto;
    margin: 0px;
    padding: 0px;
    outline: none;
    text-decoration: none;
    line-height: 1;
  }
  .header-has-bg #pageheader .container .row .logo a.image.logo img
  {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  .header-has-bg #pageheader .container .row .links-etc
  {
    margin: 0px;
    float: none;
    width: calc(100% - 350px);
    padding: 0px 4px;
  }
  .header-has-bg #pageheader .container .row .right-links-wrapper
  {
    width: 175px;
    padding: 0px 4px;
    display: flex;
    align-items: center;
  }
  .header-has-bg #pageheader .container .row .right-links-wrapper #currency_form
  {
    display: inline-block;
    vertical-align: top;
    width: auto;
    height: auto;
    border-right: 1px solid #E5E5E5;
  }
  .header-has-bg #pageheader .container .row .right-links-wrapper select
  {
    min-width: 85px;
    width: auto;
  }
  .header-has-bg #pageheader .container .row .right-links-wrapper .select2-container--default .select2-selection--single
  {
    background-color: transparent;
    border: none;
    border-radius: 0px;
    height: auto;
  }
  .header-has-bg #pageheader .container .row .right-links-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered
  {
    padding: 5px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    color: #3F3F3F;
  }
  .header-has-bg #pageheader .container .row .right-links-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow
  {
    display: none;
  }
  .header-has-bg #pageheader .container .row .right-links-wrapper a.search
  {
    width: 40px;
    padding: 3px 10px;
    border-right: 1px solid #E5E5E5;
    display: flex;
    align-items: center;
  }
  .header-has-bg #pageheader .container .row .right-links-wrapper a.search img
  {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  .header-has-bg #pageheader .container .row .right-links-wrapper a.cart-summary
  {
    width: 45px;
    padding: 0px 12px;
    display: flex;
    align-items: center;
    position: relative;
  }
  .header-has-bg #pageheader .container .row .right-links-wrapper a.cart-summary img,
  .header-has-bg #pageheader .container .row .right-links-wrapper a.cart-summary svg
  {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  .header-has-bg #pageheader .container .row .right-links-wrapper a.cart-summary span
  {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background-color: #3F3F3F;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    color: #ffffff;
    position: absolute;
    top: -8px;
    right: 0px;
  }
}
@media only screen and (max-width: 1199px)
{
  #pageheader>.container
  {
    width: 100%;
    padding: 0px 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px)
{
  .home-testimonials-wrapper
  {
    padding-bottom: 120px;
  }
  .home-location-wise-tide-clocks-slider-single-nav-image img
  {
    max-width: 150px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1050px)
{
  #pageheader nav>ul>li>a>span,
  .nav>ul>li.has-children>ul>li>a
  {
    font-size: 12px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px)
{
  #pageheader nav>ul>li>a>span,
  .nav>ul>li.has-children>ul>li>a
  {
    font-size: 12px;
  }
  .home-banner-details
  {
      padding-top: 50px;
  }
  .home-banner-heading 
  {
      margin-bottom: 5px;
  }
  .home-banner-heading p 
  {
      font-size: 28px;
  }
  .home-banner-title h1 
  {
      font-size: 36px;
      line-height: 44px;
  }
  .home-tide-clock-title h2:before,
  .home-tide-clock-title h2:after
  {
    width: calc(100% - 700px);
  }
  .home-tide-clock-form-inner-wrapper
  {
    flex-direction: column;
  }
  .home-tide-clock-form-variant
  {
    width: 100%;
    max-width: 100%;
    margin-bottom: 10px;
    margin-right: 0px;
  }
  .home-tide-clock-form-button
  {
    width: 100%;
    max-width: 100%;
    margin-bottom: 10px;
  }
  .home-testimonials-wrapper
  {
    padding-bottom: 120px;
  }
  .home-testimonials-details-slider .slick-prev
  {
    left: 38%;
  }
  .home-testimonials-details-slider .slick-next
  {
    right: 38%;
  }
  .lp-single-bespoke-link a, .lp-single-bespoke-link a:hover, .lp-single-bespoke-link a:focus
  {
    font-size: 14px;
    line-height: 20px;
    padding: 10px 5px;
  }
  .lp-bespoke-title h2:before,
  .lp-bespoke-title h2:after
  {
    width: calc(100% - 595px);
  }
  .home-faqs-title h2:before,
  .home-faqs-title h2:after
  {
    width: calc(100% - 440px);
  }
  .home-location-wise-tide-clocks-slider-single-nav-image img
  {
    max-width: 100px;
  }
  .home-location-wise-tide-clocks-slider-for-outer
  {
    max-width: 34vw;
  }
  .home-location-wise-tide-clocks-title h2:before,
  .home-location-wise-tide-clocks-title h2:before
  {
    width: calc(100% - 615px);
  }
  .home-tide-clock-images-more-clocks-inner p:before
  {
    width: 25%;
  }
  .home-tide-clock-images-more-clocks-inner p:after
  {
    width: 25%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 879px)
{
  #pageheader+div,
  .index-container,
  body.template-index #main,
  body.template-collection-2024 #main,
  body.template-collection-default-2024 #main,
  body.template-collection .header-after-container,
  body.template-product .custom-main-container,
  body.template- .custom-main-container,
  body.template-page .header-after-container,
  body.template-blog .head-img-cont,
  body.template-article .header-clock + .head-img-cont,
  body.template-.template- #main
  {
    margin-top: 74.5px;
  }
  /*
  body.template-index.current-currency-GBP #main
  {
    margin-top: 110px;
  } */
  .home-single-feature-title p
  {
    font-size: 14px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 1023px)
{
  .desktop-bg-image
  {
    display: none;
  }
  .mobile-bg-image
  {
    display: block;
  }
}
@media only screen and (max-width: 767px)
{
  #mobile-nav+#pageheader+div,
  .index-container,
  body.template-index #main,
  body.template-collection-2024 #main,
  body.template-collection-default-2024 #main,
  body.template-collection .header-after-container,
  body.template-product .custom-main-container,
  body.template- .custom-main-container,
  body.template-page .header-after-container,
  body.template-blog .head-img-cont,
  body.template-article .header-clock,
  body.template-.template- #main
  {
    margin-top: 74.5px;
  }
  /*
  body.template-index.current-currency-GBP #main
  {
    margin-top: 110px;
  } */
  body.template-article .header-clock + .head-img-cont
  {
    margin-top: 0px;
  }
  .header-show-for-mobile
  {
    display: block;
  }
  #mobile-nav
  {
    background-color: #ffffff;
    padding: 13px 30px;
    text-align: left;
    display: flex;
    align-items: center;
  }
  #mobile-nav .logo
  {
    width: 140px;
    float: none;
    margin: 0px;
  }
  #mobile-nav .logo img
  {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  .custom-mobile-header-right
  {
    width: calc(100% - 140px);
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 0px;
  }
  #mobile-nav .custom-mobile-header-right #currency_form
  {
    display: inline-block;
    vertical-align: top;
    width: auto;
    height: auto;
    border-right: 1px solid #E5E5E5;
  }
  #mobile-nav .custom-mobile-header-right #currency_form select
  {
    min-width: unset;
    width: auto;
  }
  #mobile-nav .custom-mobile-header-right .select2-container--default .select2-selection--single
  {
    background-color: transparent;
    border: none;
    border-radius: 0px;
    height: auto;
  }
  #mobile-nav .custom-mobile-header-right .select2-container--default .select2-selection--single .select2-selection__rendered
  {
    padding: 5px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    color: #3F3F3F;
  }
  #mobile-nav .custom-mobile-header-right .select2-container--default .select2-selection--single .select2-selection__arrow
  {
    display: none;
  }
  #mobile-nav .custom-mobile-header-right a.cart-summary
  {
    width: 45px;
    padding: 4px 12px;
    display: flex;
    align-items: center;
    position: relative;
    border-right: 1px solid #E5E5E5;
  }
  #mobile-nav .custom-mobile-header-right a.cart-summary img,
  #mobile-nav .custom-mobile-header-right a.cart-summary svg
  {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  #mobile-nav .custom-mobile-header-right a.cart-summary span
  {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background-color: #3F3F3F;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    color: #ffffff;
    position: absolute;
    top: -8px;
    right: 0px;
  }
  #mobile-nav .custom-mobile-header-right .mobile-nav-toggle 
  {
    font-size: .9em;
    text-transform: uppercase;
    letter-spacing: 1px;
    -webkit-font-smoothing: antialiased;
    float: left;
    position: relative;
    padding: 0px;
    line-height: 32px;
    min-height: 0;
    margin: 0px 15px;
    outline: none;
    height: 16px;
    width: 25px;
    margin-right: 0px;
    margin-top: 5px;
  }
  #mobile-nav .custom-mobile-header-right .mobile-nav-toggle span 
  {
    position: absolute;
    background: #808e99;
    left: 0px;
    width: 100%;
    height: 2px;
    top: 0;
    margin-top: 0px;
  }
  #mobile-nav .custom-mobile-header-right .mobile-nav-toggle span:nth-child(1) 
  {
    top: 6px;
  }
  #mobile-nav .custom-mobile-header-right .mobile-nav-toggle span:nth-child(2) 
  {
    top: 12px;
  }
  .desktop-bg-image
  {
    display: none;
  }
  .mobile-bg-image
  {
    display: block;
  }
  .home-banner-details
  {
    padding-top: 50px;
  }
  .home-banner-heading
  {
    margin-bottom: 5px;
  }
  .home-banner-heading p
  {
    font-size: 28px;
  }
  .home-banner-title h1
  {
    font-size: 36px;
    line-height: 44px;
  }
  .home-features-wrapper
  {
    padding: 40px 0px;
  }
  .home-features-wrapper .container .row
  {
    flex-direction: column;
  }
  .home-single-feature
  {
    width: 100%;
    margin-bottom: 20px;
  }
  .homepage-wrapper .home-single-feature
  {
    width: 100%;
  }
  .home-single-feature:last-child
  {
    margin-bottom: 0px;
  }
  .home-single-feature-inner
  {
    display: flex;
    align-items: center;
  }
  .home-single-feature-icon
  {
    width: 95px;
    margin-right: 10px;
    margin-bottom: 0px;
  }
  .home-single-feature-icon img
  {
    max-width: 100%;
  }
  .home-single-feature-title
  {
    width: calc(100% - 105px);
    margin-bottom: 0px;
  }
  .home-tide-clock-title h2
  {
    font-size: 30px;
    line-height: 37px;
  }
  .home-tide-clock-title h2 span
  {
    display: block;
    max-width: 310px;
    margin: 0px auto;
  }
  .home-tide-clock-title h2:before,
  .home-tide-clock-title h2:after
  {
    top: 50%;
    transform: translateY(-50%);
    width: 8vw;
  }
  .home-tide-clock-images-more-clocks-inner p:before
  {
    left: -15px;
    top: 50%;
    transform: translateY(-50%);
    width: 8vw;
  }
  .home-tide-clock-images-more-clocks-inner p:after
  {
    top: 50%;
    transform: translateY(-50%);
    width: 8vw;
    right: -15px;
  }
  .home-tide-clock-images-more-clocks
  {
    margin-top: 30px;
  }
  .home-tide-clock-form-button a, .home-tide-clock-form-button a:hover, .home-tide-clock-form-button a:focus
  {
    max-width: 100%;
  }
  .home-tide-clock-sub-title
  {
    margin-bottom: 30px;
  }
  .home-tide-clock-sub-title p
  {
    font-size: 14px;
    line-height: 17px;
  }
  .home-tide-clock-reviews
  {
    flex-direction: column;
  }
  .home-tide-clock-ratings
  {
    margin-right: 0px;
    margin-bottom: 5px;
  }
  .home-tide-clock-details
  {
    margin-top: 15px;
    flex-direction: column;
  }
  .home-tide-clock-images
  {
    width: 100%;
  }
  .home-tide-clock-images-slider-wrapper
  {
    flex-direction: column-reverse;
  }
  .home-tide-clock-images-for
  {
    display: block;
    width: 100%;
    max-width: 270px;
    margin: 0px auto;
    margin-bottom: 15px;
  }
  .home-tide-clock-images-nav
  {
    width: 100%;
    margin-right: 0px;
    max-width: 325px;
    margin: 0px auto;
  }
  .home-tide-clock-images-nav-image
  {
    padding-right: 10px;
  }
  .home-tide-clock-info
  {
    width: 100%;
    padding: 0px;
    margin-top: 20px;
  }
  .home-tide-clock-heading
  {
    margin-bottom: 25px;
  }
  .home-tide-clock-form-inner-wrapper
  {
    flex-direction: column;
  }
  .home-tide-clock-form-variant
  {
    width: 100%;
    max-width: 100%;
    margin-bottom: 10px;
    margin-right: 0px;
  }
  .home-tide-clock-form-button
  {
    width: 100%;
    max-width: 100%;
    margin-bottom: 10px;
  }
  .home-tide-clock-images-more-clocks-inner
  {
    width: 100%;
  }
  .home-testimonials-wrapper
  {
    padding: 40px 0px;
    padding-bottom: 70px;
  }
  .home-testimonials-title h2
  {
    font-size: 30px;
    line-height: 37px;
  }
  .home-testimonials-title
  {
    margin-bottom: 40px;
  }
  .home-single-testimonial-inner
  {
    height: 500px;
  }
  .home-single-testimonial-info
  {
    padding-top: 85px;
    max-width: 280px;
  }
  .home-single-testimonial-title p
  {
    font-size: 30px;
    line-height: 28px;
  }
  .home-single-testimonial-description *
  {
    font-size: 16px;
    line-height: 22px;
  }
  .home-single-testimonial-name p
  {
    font-size: 24px;
    line-height: 28px;
  }
  .home-testimonials-details-slider .slick-prev
  {
    left: 28%;
  }
  .home-testimonials-details-slider .slick-next
  {
    right: 28%;
  }
  .home-clock-details-wrapper
  {
    padding: 80px 0px;
    padding-bottom: 25px;
  }
  .home-clock-details-wrapper .row
  {
    flex-direction: column-reverse;
  }
  .home-clock-details-details-wrapper
  {
    width: 100%;
  }
  .home-clock-details-video-wrapper
  {
    display: none;
    width: 100%;
  }
  .home-clock-details-details-inner
  {
    max-width: 100%;
  }
  .home-clock-details-title h2
  {
    font-size: 30px;
    line-height: 37px;
    text-align: center;
  }
  .home-clock-details-title
  {
    text-align: center;
  }
  .home-clock-details-sub-title p
  {
    font-size: 14px;
    text-align: center !important;
    line-height: 17px;
  }
  .home-clock-details-description
  {
    margin-bottom: 30px;
  }
  .home-clock-details-description *
  {
    font-size: 18px;
    line-height: 26px;
    text-align: center !important;
  }
  .home-clock-details-video-outer
  {
    width: 190px;
    height: 340px;
    margin-bottom: 50px;
  }
  .home-clock-details-faqs-wrapper
  {
    max-width: 260px;
    margin: 0px auto;
    margin-top: 50px;
  }
  .home-clock-details-faqs-wrapper *
  {
    font-size: 24px;
    line-height: 30px;
  }
  .home-newsletter-wrapper
  {
    padding: 55px 0;
    background-position: left 23% center;
    /* height: 630px; */
    height: 820px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
  .home-newsletter-title
  {
    margin-bottom: 20px;
  }
  .home-newsletter-title h2
  {
    font-size: 30px;
    line-height: 37px;
  }
  .home-newsletter-description
  {
    margin-bottom: 30px;
  }
  .home-newsletter-description *
  {
    font-size: 18px;
    line-height: 26px;
  }
  .home-newsletter-form form input, .home-newsletter-form form input:focus, .home-newsletter-form form input:hover
  {
    text-align: center;
    padding: 13px 15px;
    font-size: 16px;
    line-height: 22px;
  }
  .home-newsletter-form form button, .home-newsletter-form form button:hover, .home-newsletter-form form button:focus
  {
    width: 100%;
    padding: 10px 15px;
  }
  .klaviyo-form-integration form.klaviyo-form > div > div > div input,
  .klaviyo-form-integration form.klaviyo-form > div > div > div input:hover,
  .klaviyo-form-integration form.klaviyo-form > div > div > div input:focus
  {
    text-align: center !important;
    padding: 13px 15px !important;
    font-size: 16px !important;
    line-height: 22px !important;
  }
  .klaviyo-form-integration form.klaviyo-form > div > div > div button,
  .klaviyo-form-integration form.klaviyo-form > div > div > div button:hover,
  .klaviyo-form-integration form.klaviyo-form > div > div > div button:focus
  {
    width: 100% !important;
    padding: 10px 15px !important;
  }
  .lp-bespoke-wrapper
  {
    padding-bottom: 40px;
  }
  .lp-bespoke-title
  {
    margin-bottom: 20px;
  }
  .lp-bespoke-title h2
  {
    font-size: 30px;
    line-height: 37px;
    margin-left: 0;
    margin-right: 0;
  }
  .lp-bespoke-title h2 span
  {
    width: 310px;
    margin: 0px;
  }
  .lp-bespoke-title h2:before,
  .lp-bespoke-title h2:after
  {
    width: 8vw;
  }
  .lp-bespoke-description
  {
    margin-bottom: 20px;
  }
  .lp-bespoke-row
  {
    flex-direction: column;
    margin: 0px;
    align-items: center;
  }
  .lp-single-bespoke
  {
    width: 100%;
    max-width: 375px;
    padding: 0px;
  }
  .lp-single-bespoke-inner
  {
    margin-top: 70px;
    padding: 60px 15px 15px 15px;
  }
  .lp-single-bespoke-title
  {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .lp-single-bespoke-description
  {
    margin-bottom: 20px;
  }
  .lp-single-bespoke-list
  {
    max-width: 277px;
  }
  .home-faqs-wrapper
  {
    padding: 45px 0px;
  }
  .home-faqs-title h2:before,
  .home-faqs-title h2:after
  {
    width: 38vw;
  }
  .home-faqs-title
  {
    margin-bottom: 35px;
  }
  .home-faqs-title h2
  {
    font-size: 30px;
    line-height: 37px;
  }
  .home-faqs-title h2 span
  {
    width: 60px;
  }
  .home-faqs .home-clock-details-single-tab a, .home-faqs .home-clock-details-single-tab a:hover, .home-faqs .home-clock-details-single-tab a:focus
  {
    font-size: 18px;
    line-height: 24px;
  }
  .home-wall-shine-wrapper
  {
    padding: 45px 0px;
    padding-bottom: 0px;
  }
  .home-wall-shine-title h2
  {
    font-size: 30px;
    line-height: 37px;
  }
  .home-wall-shine-title h2 span
  {
    width: 320px;
  }
  .home-wall-shine-title h2:before,
  .home-wall-shine-title h2:after
  {
    width: 8vw;
  }
  .home-wall-shine-description *
  {
    font-size: 18px;
    line-height: 26px;
  }
  .home-wall-shine-name p
  {
    font-size: 24px;
    line-height: 28px;
  }
  .home-wall-images-row
  {
    margin-left: 0px;
    margin-right: 0px;
  }
  .home-single-wall-images
  {
    width: 50%;
    padding: 0px 6px;
  }
  .home-single-wall-images img
  {
    margin-bottom: 12px;
  }
  .home-single-wall-images img:last-child
  {
    margin-bottom: 0px;
  }
  .home-wall-images-wrapper
  {
    margin-bottom: 60px;
  }
  .home-wall-images-wrapper:after
  {
    height: 114px;
  }
  .home-follow-us-title
  {
    margin-bottom: 0px;
  }
  .home-follow-us-title h2
  {
    font-size: 30px;
    line-height: 37px;
  }
  .home-share-details
  {
    flex-direction: column;
  }
  .home-share-links
  {
    padding: 30px 0px;
    width: 100%;
    max-width: 100%;
  }
  .home-share-links:last-child
  {
    border-left: none;
    border-top: 1px solid #E5E5E5;
  }
  #pagefooter
  {
    margin-top: 60px;
  }
  .home-location-wise-tide-clocks-wrapper
  {
    padding: 60px 0px;
    padding-bottom: 90px;
  }
  .home-location-wise-tide-clocks-heading
  {
    margin-bottom: 10px;
  }
  .home-location-wise-tide-clocks-heading p
  {
    font-size: 14px;
    line-height: 17px;
  }
  .home-location-wise-tide-clocks-title
  {
    margin-bottom: 20px;
  }
  .home-location-wise-tide-clocks-title h2
  {
    font-size: 30px;
    line-height: 37px;
  }
  .home-location-wise-tide-clocks-title h2 span
  {
    width: 310px;
  }
  .home-location-wise-tide-clocks-title h2:before,
  .home-location-wise-tide-clocks-title h2:after
  {
    width: 8vw;
  }
  .home-location-wise-tide-clocks-description
  {
    padding: 0px 30px;
  }
  .home-location-wise-tide-clocks-features ul
  {
    flex-direction: column;
    align-items: flex-start;
    max-width: 255px;
    margin: 0px auto;
  }
  .home-location-wise-tide-clocks-features ul li
  {
    padding: 0px;
  }
  .home-location-wise-tide-clocks-slider-wrapper
  {
    align-items: flex-start;
  }
  .home-location-wise-tide-clocks-slider-nav
  {
    padding-top: 70px;
  }
  .home-location-wise-tide-clocks-slider-single-nav-image img
  {
    max-width: 180px;
  }
  .home-location-wise-tide-clocks-slider-for-outer
  {
    max-width: 270px;
  }
  .home-location-wise-tide-clocks-slider-for-wrapper
  {
    max-width: 270px;
  }
  .home-location-wise-tide-clocks-slider-single-for-image
  {
    padding: 0px;
    margin-bottom: 5px;
  }
  .home-location-wise-tide-clocks-slider-single-for-title p
  {
    font-size: 18px;
    line-height: 28px;
  }
  .home-location-wise-tide-clocks-slider-for .slick-prev,
  .home-location-wise-tide-clocks-slider-for .slick-next
  {
    top: auto;
    transform: none;
    bottom: 150px;
  }
  .home-location-wise-tide-clocks-slider-single-for-links
  {
    flex-direction: column;
  }
  .home-location-wise-tide-clocks-slider-single-for-links a, .home-location-wise-tide-clocks-slider-single-for-links a:hover, .home-location-wise-tide-clocks-slider-single-for-links a:focus,
  .home-location-wise-tide-clocks-slider-single-for-links button, .home-location-wise-tide-clocks-slider-single-for-links button:hover, .home-location-wise-tide-clocks-slider-single-for-links button:focus
  {
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    max-width: 100%;
  }
  .lp-single-bespoke-link
  {
    margin-top: 25px;
  }
  .home-show-for-mobile
  {
    display: block;
  }
  .home-hide-for-mobile
  {
    display: none;
  }
}
@media only screen and (max-width: 380px)
{
  #mobile-nav
  {
    padding: 17px 30px;
  }
  #mobile-nav .logo
  {
    width: 100px;
  }
  .custom-mobile-header-right
  {
    width: calc(100% - 100px);
  }
  .home-tide-clock-title h2:before,
  .home-tide-clock-title h2:after
  {
    top: 50%;
    transform: translateY(-50%);
    width: 6vw;
  }
  .lp-single-bespoke-link a, .lp-single-bespoke-link a:hover, .lp-single-bespoke-link a:focus
  {
    font-size: 16px;
    line-height: 23px;
  }
}
/* 08 Aug 2022 Header and Homepage Changes ends */
/* 08 Sep 2022 Header and Website Changes starts */
body.template-index .content-row h1
{
  font-size: 28px;
  color:  #1f1f1f;
}
body.template-index .content-row.custom-font-change h2
{
  font-size: 26px;
  color:  #1f1f1f;
}
body.template-collection .collImage .customTitle
{
  letter-spacing: normal;
  text-transform: unset;
}
.txtPriceWrapper
{
  flex-direction: column-reverse;
}
body.template-collection .prod-caption .prod-price
{
  position: relative;
  bottom: auto;
  display: block;
  text-align: left;
  padding-left: 0px;
  padding-top: 0px;
  color: #4d4d4d;
  font-size: 20px;
  line-height: 24px;
}
body.template-collection .prod-caption .prod-price span.price-value
{
  display: inline-block;
  vertical-align: top;
  margin: 0px;
}
/*.template-product-new #main
{
  margin-top: 80px;
}*/
.template-product-new .infoBar,
.template-product-new .infoBar:before,
.template-product-new .infoBar:after
{
  background-color: #14151b !important;
}
.template-product-new .product-form #add
{
  background-color: #3F3F3F;
}

.template-product-new .product-form #add:hover
{
  background-color: #808e99;
}
.template-product-new .product-top-wrapper > .container
{
  width: 100%;
}
body.template-blog #wrapp .readMoreBtn
{
  color: #ffffff !important;
}
#contact-bramwell-brown .mainTitle
{
  text-transform: unset;
  color: #1f1f1f;
  letter-spacing: normal;
}
.s4com-sub-heading .s4com-section-title,
.s4com-articles a h4
{
  letter-spacing: normal !important;
}
@media only screen and (max-width: 768px)
{
  body.template-collection .prod-caption .prod-price
  {
    padding-top: 15px;
  }
  .txtPriceWrapper
  {
    display: inline-flex;
  }
}
@media only screen and (min-width: 768px) and (max-width: 885px)
{
  /*.template-product-new #main
  {
    margin-top: 115px;
  }*/
}
@media only screen and (max-width: 767px)
{
  /*.template-product-new #main
  {
    margin-top: 60px;
  }*/
  .template-product-new .product-form .quantity-area input
  {
    width: 85px;
  }
  .home-features-wrapper.homepage-wrapper
  {
    display: none;
  }
}
/* 08 Sep 2022 Header and Website Changes ends */
/* 20 Sep 2022 Website Changes starts */
.template-product-new .product-form .selector-wrapper select
{
  max-width: 202px;
}
.social-links-made-logo-wrapper
{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 100%;
  justify-content: space-between;
}
.made-in-logo-wrapper
{
  width: 100%;
}
.made-in-logo-wrapper img
{
  width: 100%;
  max-width: 100%;
  height: auto;
}
@media only screen and (max-width: 991px)
{
  .template-product-new .product-form .selector-wrapper select
  {
    max-width: 100%;
  }
}
.tide-clock-animation-wrapper
{
  display: block;
  width: 100%;
  max-width: 100%;
  position: relative;
}
.tide-clock-animation-wrapper img.tide-clock-animation-background-image
{
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: 100%;
  height: auto;
}
.tide-clock-water-trimmed-wrapper
{
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: auto;
  transform: translateY(100%);
}
.tide-clock-water-trimmed-wrapper img
{
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: 100%;
  height: auto;
}
.tide-clock-boat-wrapper
{
  position: absolute;
  bottom: 3vw;
  right: 8vw;
  height: auto;
  /* width: 26%; for big image
   transform: translate(-25%, -13%);  */
   transform: translate(0%, 0%);
}
.tide-clock-boat-wrapper img
{
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: 100%;
  height: auto;
}
.tide-clock-dog-walker-wrapper
{
  position: absolute;
  bottom: 13vw;
  right: 45vw;
  height: auto;
  /* width: 26%; for big image
   transform: translate(-25%, -13%);  */
   transform: translate(0%, 0%);
}
.tide-clock-dog-walker-wrapper img
{
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: 100%;
  height: auto;
}
.tide-clock-couple-2-wrapper
{
  position: absolute;
  bottom: 14vw;
  right: 50.5vw;
  height: auto;
  /* width: 26%; for big image
   transform: translate(-25%, -13%);  */
   transform: translate(0%, 0%);
}
.tide-clock-couple-2-wrapper img
{
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: 100%;
  height: auto;
}
.tide-clock-couple-1-wrapper
{
  position: absolute;
  bottom: 13vw;
  right: 53.5vw;
  height: auto;
  /* width: 26%; for big image
   transform: translate(-25%, -13%);  */
   transform: translate(0%, 0%);
}
.tide-clock-couple-1-wrapper img
{
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: 100%;
  height: auto;
}
.tide-clock-seagull-1-wrapper
{
  position: absolute;
  bottom: 23vw;
  right: 56.5vw;
  height: auto;
  transform: translate(0%, 0%);
}
.tide-clock-seagull-1-wrapper img
{
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: 100%;
  height: auto;
}
.tide-clock-seagull-2-wrapper
{
  position: absolute;
  bottom: 29vw;
  right: 40vw;
  height: auto;
  transform: translate(0%, 0%);
}
.tide-clock-seagull-2-wrapper img
{
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: 100%;
  height: auto;
}
.tide-clock-seagull-3-wrapper
{
  position: absolute;
  bottom: 27.5vw;
  right: 37vw;
  height: auto;
  transform: translate(0%, 0%);
}
.tide-clock-seagull-3-wrapper img
{
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: 100%;
  height: auto;
}
.tide-clock-seagull-4-wrapper
{
  position: absolute;
  bottom: 19.5vw;
  right: 25vw;
  height: auto;
  transform: translate(0%, 0%);
}
.tide-clock-seagull-4-wrapper img
{
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: 100%;
  height: auto;
}
.tide-clock-seagull-5-wrapper
{
  position: absolute;
  bottom: 19.8vw;
  right: 17.5vw;
  height: auto;
  transform: translate(0%, 0%);
}
.tide-clock-seagull-5-wrapper img
{
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: 100%;
  height: auto;
}
.tide-clock-lighthouse-lights-wrapper
{
  position: absolute;
  bottom: 22.2vw;
  right: 18.7vw;
  height: auto;
  transform: translate(0%, 0%);
  opacity: 0;
}
.tide-clock-lighthouse-lights-wrapper img
{
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: 100%;
  height: auto;
}
body.template-page-tide-clocks .index-container,
body.template-page-weather-clocks .index-container
{
  margin-top: 0px;
}
.cart-made-in-logo-wrapper
{
  display: block;
  width: 100%;
  max-width: 100%;
  text-align: center;
  margin-bottom: 20px;
}
.cart-made-in-logo-wrapper img
{
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  width: 100px;
  height: auto;
}
.home-clock-details-tabs h3.tab-title
{
  padding-right: 30px;
  display: inline-block;
  vertical-align: top;
  font-size: 20px;
  line-height: 25px;
  font-family: 'Timeless';
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
  color: #3F3F3F;
  letter-spacing: normal;
  text-align: left;
}
@media only screen and (min-width: 2000px)
{
  .tide-clock-lighthouse-lights-wrapper
  {
    bottom: 22.5vw;
    right: 19vw;
  }
}
@media only screen and (min-width: 2100px)
{
  .tide-clock-lighthouse-lights-wrapper
  {
    bottom: 22.7vw;
    right: 19.61vw;
  }
}
@media only screen and (min-width: 1700px) and (max-width: 1799px)
{
  .tide-clock-lighthouse-lights-wrapper
  {
    bottom: 22.2vw;
    right: 18.4vw;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1699px)
{
  .tide-clock-lighthouse-lights-wrapper
  {
    bottom: 22.2vw;
    right: 18.2vw;
  }
}
@media only screen and (min-width: 1500px) and (max-width: 1599px)
{
  .tide-clock-lighthouse-lights-wrapper
  {
    bottom: 22.2vw;
    right: 18vw;
  }
  .home-location-wise-tide-clocks-slider-single-nav-image img
  {
    width: 200px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1499px)
{
  .tide-clock-lighthouse-lights-wrapper
  {
    bottom: 22.2vw;
    right: 17.7vw;
  }
  .home-location-wise-tide-clocks-slider-single-nav-image img
  {
    width: 150px;
  }
}
@media only screen and (min-width: 1300px) and (max-width: 1399px)
{
  .tide-clock-lighthouse-lights-wrapper
  {
    bottom: 22.2vw;
    right: 17.4vw;
  }
  .tide-clock-boat-wrapper
  {
    bottom: 1vw;
  }
  .home-location-wise-tide-clocks-slider-single-nav-image img
  {
    width: 110px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1299px)
{
  .tide-clock-lighthouse-lights-wrapper
  {
    bottom: 22.2vw;
    right: 17.2vw;
  }
  .tide-clock-boat-wrapper
  {
    bottom: 1vw;
  }
  .home-location-wise-tide-clocks-slider-single-nav-image img
  {
    width: 90px;
  }
}
@media only screen and (min-width: 1200px)
{
  .home-banner-details
  {
    padding-top: 105px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px)
{
  .tide-clock-lighthouse-lights-wrapper
  {
    bottom: 21.5vw;
    right: 16vw;
  }
  .tide-clock-boat-wrapper
  {
    bottom: 1vw;
  }
  .home-banner-details
  {
    padding-top: 95px;
  }
  .home-banner-heading
  {
    margin-bottom: 5px;
  }
  .home-banner-heading p
  {
    font-size: 24px;
    line-height: 20px;
  }
  .home-banner-title h1
  {
    font-size: 34px;
    line-height: 45px;
  }
  .home-location-wise-tide-clocks-slider-for-outer
  {
    min-width: unset;
  }
  .home-location-wise-tide-clocks-slider-single-nav-image img
  {
    max-width: 100px;
  }
  .home-location-wise-tide-clocks-slider-single-for-links
  {
    flex-direction: column;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1023px)
{
  .customScrollgrid-container
  {
    min-height: 835px;
    max-height: 835px;
  }
  .tide-clock-animation-wrapper img.tide-clock-animation-background-image
  {
    height: 835px; 
    object-fit: cover;
    object-position: center;
  }
  .home-banner-details
  {
    padding-top: 90px;
  }
  .home-banner-heading
  {
    max-width: 355px;
    margin: 0px auto;
    margin-bottom: 5px;
  }
  .home-banner-heading p 
  {
      font-size: 28px;
  }
  .home-banner-title
  {
    max-width: 355px;
    margin: 0px auto;
  }
  .home-banner-title h1 
  {
      font-size: 36px;
      line-height: 44px;
  }
  .tide-clock-water-trimmed-wrapper img
  {
    height: 290px;
    object-fit: cover;
    object-position: top;
  }
  .tide-clock-boat-wrapper 
  {
    bottom: 15vw;
    right: 0vw;
  }
  .tide-clock-dog-walker-wrapper
  {
    bottom: auto;
    right: auto;
    left: 34%;
    top: 51%;
  }
  .tide-clock-couple-2-wrapper
  {
    bottom: auto;
    right: auto;
    left: 24%;
    top: 50%;
  }
  .tide-clock-couple-1-wrapper
  {
    bottom: auto;
    right: auto;
    left: 15%;
    top: 51%;
  }
  .tide-clock-seagull-1-wrapper
  {
    bottom: auto;
    right: auto;
    left: 9%;
    top: 24%; 
  }
  .tide-clock-seagull-2-wrapper
  {
    bottom: auto;
    right: auto;
    left: 48%;
    top: 11%; 
  }
  .tide-clock-seagull-2-wrapper img
  {
    width: 18px;
  }
  .tide-clock-seagull-3-wrapper
  {
    bottom: auto;
    right: auto;
    left: 50%;
    top: 14%;
  }
  .tide-clock-seagull-3-wrapper img
  {
    width: 30px;
  }
  .tide-clock-seagull-4-wrapper
  {
    bottom: auto;
    right: auto;
    left: 82%;
    top: 34%;
  }
  .tide-clock-seagull-5-wrapper
  {
    bottom: auto;
    right: auto;
    left: 98%;
    top: 33%;
  }
  .tide-clock-lighthouse-lights-wrapper
  {
    bottom: auto;
    right: auto;
    left: 86%;
    top: 24%;
  }
  .home-location-wise-tide-clocks-slider-for-outer
  {
    min-width: unset;
  }
  .home-location-wise-tide-clocks-slider-single-nav-image img
  {
    max-width: 100px;
  }
  .home-location-wise-tide-clocks-slider-single-for-links
  {
    flex-direction: column;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px)
{
  .customScrollgrid-container
  {
    min-height: 1024px;
    max-height: 1024px;
  }
  .tide-clock-animation-wrapper img.tide-clock-animation-background-image
  {
    height: 100vh; 
    min-height: 1024px;
    max-height: 1024px;
    object-fit: cover;
    object-position: center;
  }
  .home-banner-details
  {
    padding-top: 125px;
  }
  .home-banner-heading
  {
    max-width: 355px;
    margin: 0px auto;
    margin-bottom: 5px;
  }
  .home-banner-heading p 
  {
      font-size: 28px;
  }
  .home-banner-title
  {
    max-width: 355px;
    margin: 0px auto;
  }
  .home-banner-title h1 
  {
      font-size: 36px;
      line-height: 44px;
  }
  .tide-clock-water-trimmed-wrapper img
  {
    height: 380px;
    object-fit: cover;
    object-position: top;
  }
  .tide-clock-boat-wrapper 
  {
    bottom: 15vw;
    right: 0vw;
  }
  .tide-clock-dog-walker-wrapper
  {
    bottom: auto;
    right: auto;
    left: 34%;
    top: 50%;
  }
  .tide-clock-couple-2-wrapper
  {
    bottom: auto;
    right: auto;
    left: 24%;
    top: 49%;
  }
  .tide-clock-couple-1-wrapper
  {
    bottom: auto;
    right: auto;
    left: 15%;
    top: 50%;
  }
  .tide-clock-seagull-1-wrapper
  {
    bottom: auto;
    right: auto;
    left: 9%;
    top: 33%; 
  }
  .tide-clock-seagull-2-wrapper
  {
    bottom: auto;
    right: auto;
    left: 48%;
    top: 25%; 
  }
  .tide-clock-seagull-2-wrapper img
  {
    width: 18px;
  }
  .tide-clock-seagull-3-wrapper
  {
    bottom: auto;
    right: auto;
    left: 50%;
    top: 27%;
  }
  .tide-clock-seagull-3-wrapper img
  {
    width: 30px;
  }
  .tide-clock-seagull-4-wrapper
  {
    bottom: auto;
    right: auto;
    left: 82%;
    top: 40%;
  }
  .tide-clock-seagull-5-wrapper
  {
    bottom: auto;
    right: auto;
    left: 97%;
    top: 39%;
  }
  .tide-clock-lighthouse-lights-wrapper
  {
    bottom: auto;
    right: auto;
    left: 84.3%;
    top: 33.5%;
  }
  .home-location-wise-tide-clocks-slider-for-outer
  {
    min-width: unset;
  }
}
@media only screen and (max-width: 767px)
{
   .customScrollgrid-container
  {
    min-height: 735px;
    max-height: 735px;
  }
  .tide-clock-animation-wrapper img.tide-clock-animation-background-image
  {
    height: 100vh; 
    min-height: 735px;
    max-height: 735px;
    object-fit: cover;
    object-position: center;
  }
  .home-banner-details
  {
    padding-top: 70px;
  }
  .home-banner-heading
  {
    max-width: 355px;
    margin: 0px auto;
    margin-bottom: 5px;
  }
  .home-banner-heading p 
  {
      font-size: 28px;
  }
  .home-banner-title
  {
    max-width: 355px;
    margin: 0px auto;
  }
  .home-banner-title h1 
  {
      font-size: 36px;
      line-height: 44px;
  }
  .tide-clock-water-trimmed-wrapper
  {
    transform: translateY(35%);
  }
  .tide-clock-water-trimmed-wrapper img
  {
    height: 310px;
    object-fit: cover;
    object-position: top;
  }
  .tide-clock-boat-wrapper 
  {
    bottom: 16vh;
    right: -24vw;
  }
  .tide-clock-dog-walker-wrapper
  {
    bottom: auto;
    right: auto;
    left: 32vw;
    top: 48.5%;
  }
  .tide-clock-couple-2-wrapper
  {
    bottom: auto;
    right: auto;
    left: 22vw;
    top: 48%;
  }
  .tide-clock-couple-1-wrapper
  {
    bottom: auto;
    right: auto;
    left: 13vw;
    top: 49%;
  }
  .tide-clock-seagull-1-wrapper
  {
    bottom: auto;
    right: auto;
    left: 6vw;
    top: 36.5%;
  }
  .tide-clock-seagull-2-wrapper
  {
    bottom: auto;
    right: auto;
    left: 46vw;
    top: 29%;
  }
  .tide-clock-seagull-2-wrapper img
  {
    width: 18px;
  }
  .tide-clock-seagull-3-wrapper
  {
    bottom: auto;
    right: auto;
    left: 52vw;
    top: 32%;
  }
  .tide-clock-seagull-3-wrapper img
  {
    width: 30px;
  }
  .tide-clock-seagull-4-wrapper
  {
    bottom: auto;
    right: auto;
    left: 80vw;
    top: 41.5%;
  }
  .tide-clock-seagull-5-wrapper
  {
    bottom: auto;
    right: auto;
    left: 97vw;
    top: 41%;
  }
  .tide-clock-lighthouse-lights-wrapper
  {
    bottom: auto;
    right: 0vw;
    left: auto;
    top: 37.5%;
  }
  .tide-clock-lighthouse-lights-wrapper img
  {
    width: 65px;
  }
  .home-location-wise-tide-clocks-slider-for-outer
  {
    min-width: unset;
  }
  .home-newsletter-success-popup-title p
  {
    font-size: 30px;
    line-height: 37px;
  }
  .home-newsletter-success-popup .fancybox-close-small, .home-newsletter-success-popup .fancybox-close-small:hover, .home-newsletter-success-popup .fancybox-close-small:focus
  {
    top: 15px;
    right: 15px;
  }
  .home-newsletter-success-popup-location:before,
  .home-newsletter-success-popup-location:after
  {
    width: 30px;
  }
  .home-clock-details-tabs h3.tab-title
  {
    font-size: 18px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 400px)
{
  .tide-clock-seagull-5-wrapper
  {
    display: none;
  }
  .tide-clock-lighthouse-lights-wrapper
  {
    bottom: auto;
    right: 0vw;
    left: auto;
    top: 38.5%;
  }
  .home-testimonials-details-slider .slick-prev
  {
    left: 25%;
  }
  .home-testimonials-details-slider .slick-next
  {
    right: 25%;
  }
}
@media only screen and (max-width: 370px)
{
  .tide-clock-lighthouse-lights-wrapper
  {
    bottom: auto;
    right: 0vw;
    left: auto;
    top: 38.9%;
  }
  .tide-clock-lighthouse-lights-wrapper img
  {
    width: 50px;
  }
}
/* 20 Sep 2022 Website Changes ends */
/* 10 Nov 2022 tide clock changes starts */
.home-location-wise-tide-clocks-slider-wrapper .container
{
  max-width: 970px;
}
.home-location-wise-tide-clocks-slider-wrapper .row 
{
    display: flex;
}
.home-location-wise-tide-clocks-slider-column
{
  width: 33.33333%;
  margin-bottom: 30px;
}
.home-location-wise-tide-clocks-slider-single-block
{
  display: block;
  width: 100%;
  max-width: 100%;
  border: 2px solid #D9D9D9;
}
.home-location-wise-tide-clocks-slider-single-block a.hover-state,
.home-location-wise-tide-clocks-slider-single-block a.hover-state:hover,
.home-location-wise-tide-clocks-slider-single-block a.hover-state:focus
{
  display: inline-block;
  vertical-align: top;
  outline: none;
  text-decoration: none;
  width: 100%;
  max-width: 100%;
  height: auto;
}
.home-location-wise-tide-clocks-slider-single-block-image
{
  display: block;
  width: 100%;
  max-width: 100%;
  padding-top: 100%;
  position: relative;
}
.home-location-wise-tide-clocks-slider-single-block-image img
{
  display: inline-block;
  vertical-align: top;
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  width: 100%;
  max-width: 100%;
  height: 100%;
  object-fit: cover;
  object-psotion: center;
}
.home-location-wise-tide-clocks-slider-single-block-image img.second-image
{
  display: none;
}
.home-location-wise-tide-clocks-slider-single-block-details
{
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 15px 20px;
}
.home-location-wise-tide-clocks-slider-single-block-title
{
  display: block;
  width: 100%;
  max-width: 100%;
}
.home-location-wise-tide-clocks-slider-single-block-title p
{
  font-family: 'Timeless';
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  text-transform: uppercase;
  color: #3F3F3F;
  padding: 0px;
  margin: 0px;
}
.home-location-wise-tide-clocks-slider-single-block-sub-title
{
  display: block;
  width: 100%;
  max-width: 100%;
}
.home-location-wise-tide-clocks-slider-single-block-sub-title p
{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  color: #585858;
  padding: 0px;
  margin: 0px;
}
.home-location-wise-tide-clocks-slider-single-block-price-link
{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 15px;
}
.home-location-wise-tide-clocks-slider-single-block-price
{
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
}
.home-location-wise-tide-clocks-slider-single-block-price p
{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 27px;
  text-align: center;
  text-transform: uppercase;
  color: #3F3F3F;
  padding: 0px;
  margin: 0px;
}
.home-location-wise-tide-clocks-slider-single-block-link
{
  display: inline-block;
  vertical-align: top;
  margin-left: 5px;
}
.home-location-wise-tide-clocks-slider-single-block-link p
{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 27px;
  text-decoration-line: underline;
  color: #2C76B6;
  padding: 0px;
  margin: 0px;
}
.home-location-wise-tide-clocks-slider-single-block a.hover-state:hover .home-location-wise-tide-clocks-slider-single-block-image img
{
  display: none;
}
.home-location-wise-tide-clocks-slider-single-block a.hover-state:hover .home-location-wise-tide-clocks-slider-single-block-image img.second-image
{
  display: block;
}
.home-location-wise-tide-clocks-slider-single-block-description
{
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 15px 20px;
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: 9;
}
.home-location-wise-tide-clocks-slider-single-block-description p
{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 38px;
  color: #404040;
  padding: 0px;
  margin: 0px;
}
.home-location-wise-tide-clocks-slider-single-block-button
{
  display: block;
  width: 100%;
  max-width: 100%;
  margin-top: 21px;
}
.home-location-wise-tide-clocks-slider-single-block-button span
{
  display: inline-block;
  vertical-align: top;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 27px;
  color: #FFFFFF;
  padding: 10px 15px;
  margin: 0px;
  background: #2C76B6;
}
.home-location-wise-tide-clocks-slider-wrapper .swiper-horizontal>.swiper-scrollbar, 
.home-location-wise-tide-clocks-slider-wrapper .swiper-scrollbar.swiper-scrollbar-horizontal
{
  position: relative;
  left: auto;
  bottom: auto;
  z-index: 50;
  height: 6px;
  width: 100%;
}
.home-location-wise-tide-clocks-slider-wrapper .swiper-scrollbar-drag
{
  background: #2C76B6;
}
.home-location-wise-tide-clocks-slider-wrapper .swiper-button-next, 
.home-location-wise-tide-clocks-slider-wrapper .swiper-button-prev
{
  width: 46px;
  height: 100px;
  margin-top: 0px;
  background-color: #ffffff;
  border: 2px solid #D9D9D9;
  transform: translateY(-50%);
  opacity: 0;
  transition: all 1s ease;
}
.home-location-wise-tide-clocks-slider-wrapper .swiper-button-next
{
  right: 0px;
  transform: translateX(48px);
}
.home-location-wise-tide-clocks-slider-wrapper .swiper-button-prev
{
  left: 0px;
  transform: translateX(-48px);
}
.home-location-wise-tide-clocks-slider-wrapper .swiper-button-next:after, 
.home-location-wise-tide-clocks-slider-wrapper .swiper-rtl .swiper-button-prev:after
{
  content: "";
  width: 9px;
  height: 18px;
  background-image: url("//www.bramwellbrown.com/cdn/shop/files/home-location-wise-tide-clocks-slider-next.png?v=10096697754339403381");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.home-location-wise-tide-clocks-slider-wrapper .swiper-button-prev:after, 
.home-location-wise-tide-clocks-slider-wrapper .swiper-rtl .swiper-button-next:after
{
  content: "";
  width: 9px;
  height: 18px;
  background-image: url("//www.bramwellbrown.com/cdn/shop/files/home-location-wise-tide-clocks-slider-prev.png?v=17261383630167229413");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.home-location-wise-tide-clocks-slider-wrapper .swiper-button-next:hover,
.home-location-wise-tide-clocks-slider-wrapper .swiper-button-next:focus,
.home-location-wise-tide-clocks-slider-wrapper .swiper-button-prev:hover,
.home-location-wise-tide-clocks-slider-wrapper .swiper-button-prev:focus
{
  background-color: #2C76B6;
  border: 2px solid #ffffff;
}
.home-location-wise-tide-clocks-slider-wrapper .swiper-button-next:hover:after,
.home-location-wise-tide-clocks-slider-wrapper .swiper-button-next:focus:after
{
  background-image: url("//www.bramwellbrown.com/cdn/shop/files/home-location-wise-tide-clocks-slider-next-hover.png?v=13260361038698305022");
}
.home-location-wise-tide-clocks-slider-wrapper .swiper-button-prev:hover:after,
.home-location-wise-tide-clocks-slider-wrapper .swiper-button-prev:focus:after
{
  background-image: url("//www.bramwellbrown.com/cdn/shop/files/home-location-wise-tide-clocks-slider-prev-hover.png?v=4764554103255676408");
}
.home-location-wise-tide-clocks-slider-wrapper .swiper.custom-show-arrows .swiper-button-next
{
  opacity: 1;
  transform: translateX(0px);
}
.home-location-wise-tide-clocks-slider-wrapper .swiper.custom-show-arrows .swiper-button-prev
{
  opacity: 1;
  transform: translateX(0px);
}
.home-location-wise-tide-clocks-slider-wrapper .swiper-button-next.swiper-button-disabled,
.home-location-wise-tide-clocks-slider-wrapper .swiper-button-prev.swiper-button-disabled,
.home-location-wise-tide-clocks-slider-wrapper .swiper.custom-show-arrows .swiper-button-prev.swiper-button-disabled,
.home-location-wise-tide-clocks-slider-wrapper .swiper.custom-show-arrows .swiper-button-next.swiper-button-disabled
{
  opacity: 0;
  visibility: hidden;
}
.home-location-wise-tide-clocks-slider-wrapper .custom-mobile-slider
{
  display: none;
  width: 100%;
  max-width: 100%;
}
@media only screen and (max-width: 767px)
{
  .home-location-wise-tide-clocks-wrapper
  {
    padding-bottom: 10px;
  }
  .home-location-wise-tide-clocks-slider-wrapper
  {
    margin-top: 50px;
  }
  .home-location-wise-tide-clocks-slider-wrapper .swiper
  {
    padding-bottom: 80px;
  }
  .home-location-wise-tide-clocks-slider-wrapper .swiper-button-next, 
  .home-location-wise-tide-clocks-slider-wrapper .swiper-button-prev,
  .home-location-wise-tide-clocks-slider-wrapper .swiper.custom-show-arrows .swiper-button-next, 
  .home-location-wise-tide-clocks-slider-wrapper .swiper.custom-show-arrows .swiper-button-prev,
  .home-location-wise-tide-clocks-slider-wrapper .swiper.custom-show-arrows .swiper-button-next.swiper-button-disabled, 
  .home-location-wise-tide-clocks-slider-wrapper .swiper.custom-show-arrows .swiper-button-prev.swiper-button-disabled
  {
    transform: translate(0px, 0px);
    opacity: 1;
    height: 56px;
    top: auto;
    bottom: 0px;
  }
  .home-location-wise-tide-clocks-slider-wrapper .swiper-button-next.swiper-button-disabled, 
  .home-location-wise-tide-clocks-slider-wrapper .swiper-button-prev.swiper-button-disabled, 
  .home-location-wise-tide-clocks-slider-wrapper .swiper.custom-show-arrows .swiper-button-prev.swiper-button-disabled, 
  .home-location-wise-tide-clocks-slider-wrapper .swiper.custom-show-arrows .swiper-button-next.swiper-button-disabled
  {
    opacity: 1;
    visibility: visible;
  }
  .home-location-wise-tide-clocks-slider-wrapper .swiper-button-next
  {
    right: 0px;
  }
  .home-location-wise-tide-clocks-slider-wrapper .swiper-button-prev
  {
    left: auto;
    right: 60px;
  }
  .home-location-wise-tide-clocks-slider-wrapper .swiper .swiper-button-next.swiper-button-disabled, 
  .home-location-wise-tide-clocks-slider-wrapper .swiper .swiper-button-prev.swiper-button-disabled,
  .home-location-wise-tide-clocks-slider-wrapper .swiper.custom-show-arrows .swiper-button-next.swiper-button-disabled, 
  .home-location-wise-tide-clocks-slider-wrapper .swiper.custom-show-arrows .swiper-button-prev.swiper-button-disabled
  {
    opacity: .35;
  }
  .home-location-wise-tide-clocks-slider-wrapper .swiper
  {
    display: none;
  }
  .home-location-wise-tide-clocks-slider-wrapper .custom-mobile-slider
  {
    display: block;
    padding-bottom: 80px;
  }
}
/* 10 Nov 2022 tide clock changes ends */

/* 14 Nov 2022 Slider Arrow vertically center */
@media only screen and (min-width: 768px){
  .home-location-wise-tide-clocks-slider-wrapper .swiper-button-next{
    top: 46%;
    transform: translate(48px, -50%);
  }
  .home-location-wise-tide-clocks-slider-wrapper .swiper-button-prev{
    top: 46%;
    transform: translate(-48px, -50%);
  }
  
  .home-location-wise-tide-clocks-slider-wrapper .swiper.custom-show-arrows .swiper-button-prev{
    transform: translate(0px, -50%);
  }
  .home-location-wise-tide-clocks-slider-wrapper .swiper.custom-show-arrows .swiper-button-next{
    transform: translate(0px, -50%);
  }
}
/* 14 Nov 2022 Slider Arrow vertically center */

@media only screen and (max-width: 768px){
  .home-location-wise-tide-clocks-slider-single-block a.hover-state:hover .home-location-wise-tide-clocks-slider-single-block-image img.second-image{
    display: none;
  }
  .home-location-wise-tide-clocks-slider-single-block a.hover-state:hover .home-location-wise-tide-clocks-slider-single-block-image img{
    display: block;
  }
  .home-location-wise-tide-clocks-slider-wrapper .swiper-horizontal>.swiper-wrapper
  {
    margin: 0 auto;
  }
}

/* 16-11-22 Home Location Wise Tide Clocks Mobiel slider*/
@media only screen and (max-width: 767px){
  .home-location-wise-tide-clocks-slider-wrapper .custom-mobile-slider{
    padding-bottom: 114px;
  }
  .home-location-wise-tide-clocks-slider-wrapper .custom-mobile-slider .row{
    margin: 0;
  }
  .home-location-wise-tide-clocks-slider-wrapper .custom-mobile-slider .row .slick-dots{
    display: flex;
    bottom: -30px;
  }
  .home-location-wise-tide-clocks-slider-wrapper .custom-mobile-slider .row .slick-dots li{
    width: 100%;
    background-color: #D9D9D9;
    margin: 0;
    padding: 0;
    height: 6px;
  }
  .home-location-wise-tide-clocks-slider-wrapper .custom-mobile-slider .row .slick-dots li.slick-active{
    width: 100%;
    background-color: #2C76B6;
  }
  .home-location-wise-tide-clocks-slider-wrapper .custom-mobile-slider .row .slick-dots li button{
    display: none;
  }
  

  .home-location-wise-tide-clocks-slider-wrapper .custom-mobile-slider .slick-list.draggable{
    overflow: visible;
    width: 100%;
    margin: 0 0 0 -8px;
  }
  .home-location-wise-tide-clocks-slider-wrapper{
    overflow: hidden;
  }
  .home-location-wise-tide-clocks-slider-wrapper .custom-mobile-slider .home-location-wise-tide-clocks-slider-column{
    padding: 0 8px;
    margin-bottom: 0;
  }
  .home-location-wise-tide-clocks-slider-wrapper .custom-mobile-slider .row .slick-arrow{
    bottom: -116px;
    right: 0;
    position: absolute;
    background-color: transparent;
    min-height: auto;
    padding: 0;
  }
  .home-location-wise-tide-clocks-slider-wrapper .custom-mobile-slider .row .slick-arrow svg path{
    stroke: #3F3F3F;
  }
  .home-location-wise-tide-clocks-slider-wrapper .custom-mobile-slider .row .slick-arrow.slick-disabled svg path{
    stroke: #D9D9D9;
  }
  .home-location-wise-tide-clocks-slider-wrapper .custom-mobile-slider .row .slick-arrow.prev-arrow{
    right: 69px;
  }
  .home-location-wise-tide-clocks-slider-wrapper .container{
    width: 100%;
    padding: 0 16px;
  }
}
/* 16-11-22 Home Location Wise Tide Clocks Mobiel slider*/
.productvideo
{
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    height: auto !important;
}
.productvideo iframe
{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
@media only screen and (max-width: 767px)
{
  .template-product-new .productvideo iframe
  {
    height: 100% !important;
  }
}
/* WIP Product Page Changes - Jan 09 2023 starts */
@media only screen and (max-width: 767px)
{
  .template-product-new #main,
  .template-product-new #main .column,
  .template-product-new .product-top-wrapper,
  .template-product-new .product-bottom-area,
  .template-product-new .product-bottom-area.custom-product-bottom-area
  {
    float: none;
  }
  .template-product-new .product-bottom-area
  {
    border-top: none;
  }
  .template-product-new .product-left.column.three-quarters,
  .template-product-new .product-right.column.quarter
  {
    padding-left: 0px;
    padding-right: 0px;
  }
  .template-product-new .product-left.column.three-quarters .row
  {
    margin: 0px;
  }
  .template-product-new .product-right .title-row .page-title
  {
    margin-top: 0px;
  }
  .template-product-new .product-bottom-area 
  {
      margin-top: 0px;
  }
  .product-bottom-area #product-tabs-href 
  {
      width: 100%;
      margin: 20px auto 0;
  }
  .productvideo 
  {
      margin-bottom: 30px;
      margin-top: 30px;
  }
  .template-product-new #customers-testimonials, #customers_gallery 
  {
    margin-bottom: 30px;
    margin-top: 30px;
  }
  .template-product-new #customers-testimonials .item
  {
    margin-bottom: 30px;
  }
  .template-product-new #customers-testimonials.owl-carousel .owl-dots .owl-dot span, 
  .template-product-new #customers_gallery.owl-carousel .owl-dots .owl-dot span
  {
    height: 8px;
    margin: 0 10px 0px;
    width: 8px;
    transform: none;
    transform-origin: 50% 50% 0;
  }
  .template-product-new .product-logos
  {
    float: none;
    display: flex;
  }
  .page-new-product-template .okeReviews-widget-holder
  {
    padding: 0px 20px;
  }
  .okeReviews .okeReviews-review-response
  {
    display: flex !important;
  }
  .okeReviews-review-response-main-content
  {
    word-break: break-word;
  }
  .template-product-new .product-top-wrapper .product
  {
    margin-bottom: 60px;
  }
  .template-product-new #customers_gallery.owl-carousel
  {
    margin-top: 0px;
    line-height: 0px;
    margin-bottom: 60px;
  }
  .template-product-new .product-bottom-area #product-tabs-href
  {
    margin-top: 0px;
    margin-bottom: 60px;
  }
  .template-product-new .product-bottom-area .productvideo
  {
    margin-top: 0px;
    margin-bottom: 60px;
  }
  .template-product-new #customers-testimonials
  {
    margin-top: 0px;
  }
  .template-product-new .product-bottom-area .productvideo img 
  {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
}
/* WIP Product Page Changes - Jan 09 2023 ends */
/* WIP Cart Page Changes - Jan 20 2023 starts */
body.template-cart #main
{
  padding: 0px;
}
.main-cart-items-wrapper
{
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 40px 0px;
}
.main-cart-items-container
{
  display: block;
  width: 100%;
  max-width: 1187px;
  padding: 0px 15px;
  margin: 0px auto;
}
.main-cart-items-title
{
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0px 15px;
  margin-bottom: 45px;
}
.main-cart-items-title h1
{
  font-family: 'Timeless';
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 34px;
  text-transform: uppercase;
  text-align: left;
  color: #1F1F1F;
  padding: 0px;
  margin: 0px;
}
.main-cart-items-title h1:after
{
  height: 0px;
  width: 0px;
  font-size: 0px;
  line-height: 0px;
  margin: 0px;
  padding: 0px;
}
.main-cart-items-row
{
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}
.main-cart-items-left
{
  width: 62.343%;
  padding: 10px 15px;
}
.main-cart-items-left-inner
{
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0px 15px;
}
.main-cart-items-list-row
{
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}
.main-cart-items-list-left
{
  width: 60%;
  padding: 0px 15px;
}
.main-cart-items-list-middle
{
  width: 20%;
  padding: 0px 15px; 
}
.main-cart-items-list-right
{
  width: 20%;
  padding: 0px 15px; 
}
.main-cart-items-list-title
{
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 35px;
  text-align: left;
}
.main-cart-items-list-title p
{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #636363;
  padding: 0px;
  margin: 0px;
}
.main-cart-items-list-middle .main-cart-items-list-title
{
  text-align: center;
}
.main-cart-items-list-right .main-cart-items-list-title
{
  text-align: right; 
}
.main-cart-items-list-product
{
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #E2E2E2;
}
.main-cart-items-list-product-details
{
  display: flex;
  flex-wrap: wrap;
}
.main-cart-items-list-product-image
{
  display: inline-block;
  width: 125px;
  max-width: 100%;
  margin-right: 15px;
}
.main-cart-items-list-product-image a,
.main-cart-items-list-product-image a:hover,
.main-cart-items-list-product-image a:focus
{
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  outline: none;
  text-decoration: none;
}
.main-cart-items-list-product-image img
{
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: 100%;
  height: auto;
}
.main-cart-items-list-product-more-details
{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}
.main-cart-items-list-product-title
{
  display: block;
  width: 100%;
  max-width: 100%;
  text-align: left;
  margin-bottom: 20px;
}
.main-cart-items-list-product-title a,
.main-cart-items-list-product-title a:hover,
.main-cart-items-list-product-title a:focus
{
  display: inline-block;
  vertical-align: top;
  font-family: 'Timeless';
  font-style: normal;
  font-weight: 700;
  font-size: 17px;
  line-height: 21px;
  text-transform: uppercase;
  color: #1F1F1F;
  padding: 0px;
  margin: 0px;
  outline: none;
  text-decoration: none;
}
.main-cart-items-list-product-title p,
.main-cart-items-list-product-title p a,
.main-cart-items-list-product-title p a:hover,
.main-cart-items-list-product-title p a:focus
{
  display: inline-block;
  vertical-align: top;
  font-family: 'Timeless';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #1F1F1F;
  padding: 0px;
  margin: 5px 0px;
  outline: none;
  text-decoration: none;
}
.main-cart-items-list-product-buttons 
{
  display: flex;
  flex-wrap: wrap;
}
.main-cart-items-list-product-remove
{
  display: block;
  width: 100%;
  max-width: 100%; 
  text-align: left;
}
.main-cart-items-list-product-remove a,
.main-cart-items-list-product-remove a:hover,
.main-cart-items-list-product-remove a:focus
{
  display: inline-block;
  vertical-align: top;
  padding: 0px;
  margin: 0px;
  outline: none;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  display: flex;
  align-items: center;
  text-decoration-line: underline;
  text-transform: uppercase;
  color: #FF0606;
}
.main-cart-items-list-product-quantity
{
  display: block;
  width: 100%;
  max-width: 100%;
  text-align: center;
}
.main-cart-items-list-product-quantity-box
{
  display: inline-flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  background: #FFFFFF;
  border: 0.5px solid #636363;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
}
.main-cart-items-list-product-quantity-box p
{
  height: 32px;
  width: 32px;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0px;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  text-transform: uppercase;
  color: #1F1F1F;
  margin-right: 10px;
}
.main-cart-items-list-product-quantity-box img
{
  display: inline-block;
  vertical-align: top;
  width: 14px;
  height: auto;
  max-width: 100%;
  margin-right: 10px;
}
.main-cart-items-list-product-quantity-box ul
{
  display: none;
  width: 100%;
  max-width: 100%;
  list-style: none;
  text-align: center;
  background-color: #ffffff;
  border: 0.5px solid #636363;
  padding: 0px;
  margin: 0px;
  position: absolute;
  top: 100%;
  left: 0px;
  right: 0px;
  z-index: 1;
  max-height: 200px;
  overflow-y: auto;
}
.main-cart-items-list-product-quantity-box ul li
{
  display: block;
  width: 100%;
  max-width: 100%;
}
.main-cart-items-list-product-quantity-box ul li a,
.main-cart-items-list-product-quantity-box ul li a:hover,
.main-cart-items-list-product-quantity-box ul li a:focus
{
  display: block;
  width: 100%;
  max-width: 100%;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  text-transform: uppercase;
  color: #1F1F1F;
  padding: 10px;
  outline: none;
  text-decoration: none;
}
.main-cart-items-list-product-price
{
  display: block;
  width: 100%;
  max-width: 100%;
  text-align: right;
}
.main-cart-items-list-product-price *
{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #1F1F1F;
  padding: 0px;
  margin: 0px;
}
.main-cart-items-right
{
  width: 37.657%;
  padding: 10px 15px; 
  border-left: 1px solid #636363;
}
.main-cart-items-right-inner
{
  display: block;
  width: 100%;
  max-width: 315px;
  padding: 0px 15px;
}
.main-cart-items-right-title
{
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 23px;
}
.main-cart-items-right-title h2
{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 33px;
  color: #1F1F1F;
  text-align: left;
  letter-spacing: normal;
  padding: 0px;
  margin: 0px;
}
.main-cart-items-half-column-row
{
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}
.main-cart-items-half-column
{
  display: block;
  width: 50%;
  padding: 0px 15px;
}
.main-cart-items-right-sub-total
{
  display: block;
  width: 100%;
  max-width: 100%;
  text-align: left;
  margin-bottom: 20px;
}
.main-cart-items-right-sub-total p
{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  color: #1F1F1F;
  padding: 0px;
  margin: 0px;
}
.main-cart-items-right-sub-total-price
{
  display: block;
  width: 100%;
  max-width: 100%;
  text-align: right;
  margin-bottom: 20px;
}
.main-cart-items-right-sub-total-price p
{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  color: #1F1F1F;
  padding: 0px;
  margin: 0px;
}
.main-cart-items-right-rte
{
  display: block;
  width: 100%;
  max-width: 100%;
}
.main-cart-items-right-rte.rte *
{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #1F1F1F;
  padding: 0px;
  margin: 0px 0px;
  margin-bottom: 30px;
  text-align: left;
  letter-spacing: normal;
}
.main-cart-items-right-rte.rte a,
.main-cart-items-right-rte.rte a:hover,
.main-cart-items-right-rte.rte a:focus
{
  display: inline-block;
  vertical-align: top;
  outline: none;
  text-decoration: underline;
  font-weight: 700;
  color: #2C76B6;
  margin: 0px;
  padding: 0px;
}
.main-cart-items-right-rte.rte strong,
.main-cart-items-right-rte.rte b,
.main-cart-items-right-rte.rte i,
.main-cart-items-right-rte.rte del
{
  margin: 0px;
  padding: 0px;
}
.main-cart-items-right-rte.rte.text-right *
{
  text-align: right;
}
.main-cart-items-note-area
{
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 30px;
  text-align: left;
}
.main-cart-items-note-area label
{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  color: #1F1F1F;
  padding: 0px;
  margin: 0px;
}
.main-cart-items-note-area textarea,
.main-cart-items-note-area textarea:hover,
.main-cart-items-note-area textarea:focus
{
  resize: none;
  font-size: 14px;
  line-height: 20px;
  color: #1F1F1F;
  outline: none;
  text-decoration: none;
}
.main-cart-items-hear-about-us
{
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 16px 8px;
  padding-bottom: 0px;
  background-color: #E2E2E2;
  text-align: left;
  margin-bottom: 30px;
}
.main-cart-items-hear-about-us>p
{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: normal;
  color: #1F1F1F;
  padding: 0px;
  margin: 0px;
  margin-bottom: 15px;
}
.main-cart-items-hear-about-us>p label
{
  font-weight: 600;
}
.main-cart-items-hear-about-us .form-vertical>p
{
  margin: 0px;
  padding-bottom: 15px;
}
.main-cart-items-hear-about-us .form-vertical p label
{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: normal;
  color: #1F1F1F;
  padding: 0px;
  margin: 0px;
  margin-bottom: 5px;
}
.main-cart-items-hear-about-us .form-vertical select
{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #1F1F1F;
  padding: 8px 40px 8px 8px;
  background: white url("//www.bramwellbrown.com/cdn/shop/files/cart-hear-about-us-dropdown.png?v=14105139545801637276");
  background-repeat: no-repeat;
  background-position: right 15px center;
  background-size: 14px;
}
form .checkout-btn,
form .checkout-btn:hover,
form .checkout-btn:focus
{
  background: #357ABF;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #FFFFFF;
  padding: 13px 15px;
  margin: 0px;
  margin-bottom: 25px;
  width: 100%;
  max-width: 100%;
  text-transform: none;
  letter-spacing: normal;
}
form .checkout-btn img
{
  display: inline-block;
  vertical-align: top;
  width: 14px;
  height: auto;
  max-width: 100%;
  margin-right: 10px;
}
.cart-made-in-logo-wrapper 
{
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.cart-made-in-logo-wrapper img
{
  margin-left: 15px;
  width: 104px;
}
.main-cart-items-list-product-buttons-inner
{
  display: block;
}
.main-cart-items-list-product-quantity-box-mobile
{
  display: none;
}
.main-cart-items-list-product-price-mobile
{
  display: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px)
{
  .main-cart-items-title
  {
    padding: 0px;
  }
  .main-cart-items-left-inner
  {
    padding: 0px;
  }
  .main-cart-items-right-inner
  {
    padding: 0px;
  }
  .main-cart-items-list-product-image
  {
    width: 83px;
  }
}
@media only screen and (max-width: 767px)
{
  .main-cart-items-title
  {
    margin-bottom: 40px;
    padding: 0px;
  }
  .main-cart-items-row
  {
    flex-direction: column;
  }
  .main-cart-items-left
  {
    width: 100%;
    padding: 0px 15px;
  }
  .main-cart-items-left-inner
  {
    padding: 0px;
  }
  .main-cart-items-list-row
  {
    flex-direction: column;
  }
  .main-cart-items-list-left
  {
    width: 100%;
  }
  .main-cart-items-list-middle,
  .main-cart-items-list-right
  {
    width: 100%;
    display: none;
  }
  .main-cart-items-list-row.table-title-row
  {
    display: none;
  }
  .main-cart-items-list-product-image
  {
    margin-right: 10px;
  }
  .main-cart-items-right
  {
    width: 100%;
    padding: 0px 15px;
    border: none;
  }
  .main-cart-items-right-inner
  {
    width: 100%;
    max-width: 100%;
    padding: 0px;
  }
  .main-cart-items-list-product-buttons-inner
  {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .main-cart-items-list-product-quantity-box-mobile
  {
    display: block;
    margin-right: 15px;
  }
  .main-cart-items-list-product-buttons
  {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .main-cart-items-list-product-price-mobile
  {
    display: block;
  }
  .main-cart-items-right-title
  {
    display: none;
  }
  .main-cart-items-hear-about-us .form-vertical select
  {
    width: 100%;
  }
  .main-cart-items-list-product-quantity-box p
  {
    font-size: 18px;
    line-height: 25px;
  }
  .main-cart-items-list-product-price *
  {
    font-size: 18px;
    line-height: 25px;
  }
}
/* WIP Cart Page Changes - Jan 20 2023 ends */
.klaviyo-back-in-stock-wrapper
{
  margin-bottom: 25px;
  display: none;
  position: fixed;
  top: 245px;
  right: -95px;
  z-index: 99;
  transform: rotate(-90deg);
  margin: 0px;
  width: auto;
  height: auto;
}
body.template-product-fantasy-weather-clock .klaviyo-back-in-stock-wrapper
{
  right: -160px;
}
.klaviyo-back-in-stock-wrapper a,
.klaviyo-back-in-stock-wrapper a:hover,
.klaviyo-back-in-stock-wrapper a:focus
{
  font-size: 0.9em;
  text-transform: uppercase;
  letter-spacing: 1px;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  background: #4a5265;
  color: white;
  min-height: 32px;
  height: auto;
  width: auto;
  padding: 12px 10px;
  border: none;
  vertical-align: top;
  line-height: 1em;
  border-radius: 0;
  transition: opacity 200ms, background-color 150ms;
  display: inline-block;
  vertical-align: top;
  text-transform: inherit;
  width: 100%;
  background-color: #14151d;
  font-size: 18px;
  letter-spacing: 0px;
  min-height: 45px;
  background-color: #62BF75;
  text-align: center;
}
@media only screen and (max-width: 767px)
{
  .klaviyo-back-in-stock-wrapper a, .klaviyo-back-in-stock-wrapper a:hover, .klaviyo-back-in-stock-wrapper a:focus
  {
    padding: 12px 16px;
    font-size: 18px;
  }
}

/*  return app css start */
.Clicksit-return-icon{
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
}

#step_two .Esc-returns-table tbody tr .Esc-Product{
    width: 40%;
}

#step_two .Esc-returns-table tbody tr .options-td.clicksit-options-item .return-method-group{
    text-align: left;
}

#step_two .Esc-returns-table tbody tr .options-td.clicksit-options-item .return-method-group label{
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}
#step_two .Esc-returns-table tbody tr .options-td.clicksit-options-item .return-method-group .radio{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 15px;
}

.Esc-returns-container input[type="radio"]{
    width: 40px;
    height: 35px;
    margin-right: 15px;
}

.Esc-returns-table .return-reason-form-group{
  text-align: left;
  margin-bottom: 15px;
}

.Esc-returns-table tbody tr{
  display: flex;
  justify-content: space-evenly;
  align-items: flex-start;
}

 .Esc-returns-table .Esc-Product-Quantity-td{
      padding-top: 20px;
  }

 .Esc-returns-table .clicksit-summary-table .clicksit-summary-title{
   text-align: left;
   margin-bottom: 10px;
    margin-right: 0;
    min-width: 110px;
   max-width: 110px;
 }

 .clicksit-review-item .form-group{
   text-align: left;
   margin-bottom: 15px;
 }

  .Esc-returns-table .Esc-buttons-container #submit-return-btn{    
    margin-bottom: 15px;
  }

  .Esc-returns-table .clicksit-summary-table tbody tr{
    justify-content: left;
  }

  .clicksit-review-item{
    max-width: 500px;
    margin: 0 auto;
    margin-bottom: 15px;
    width: 100%;
  }
  
  @media (max-width: 991px){
    .Esc-returns-table tbody tr{
      flex-direction: column;
      align-items: center;
    }
    
    #step_two .Esc-returns-table tbody tr .Esc-Product {
      width: 100%;
      margin-bottom: 20px;
    }

    .Esc-returns-table .clicksit-summary-table tbody tr{
        align-items: flex-start;
    }

    .Esc-returns-form-start{
      max-width: 400px;
      width: 100% !important;
    }

   .Esc-returns-container .Esc-returns-grid ul li p{
      word-wrap: break-word;
   }
  }
/*  return app css end */
body.template-product #main,
body.template-product #main .product-top-wrapper,
body.template-product #main .product-top-wrapper .product,
body.template-product #main .product-top-wrapper .product .product-left,
body.template-product #main .product-top-wrapper .product .product-right,
body.template-product .product-bottom-area
{
  float: none;
}
body.template-product #main .product-top-wrapper .product form
{
  display: flex;
}
body.template-product .product-logos
{
  float: none;
  display: flex;
}
body.template-product .product-logos .prod-block
{
  float: none;
}
body.template-search #main
{
  margin-top: 90px;
}
@media only screen and (max-width: 767px)
{
  body.template-product #main .product-top-wrapper .product form
  {
    flex-direction: column;
  }
}
.weather-clock-banner-wrapper
{
  display: block;
  width: 100%;
  max-width: 100%;
}
.weather-clock-inner-banner
{
  display: block;
  width: 100%;
  max-width: 100%;
  height: 100vh; 
  position: relative;
  overflow: hidden;
}
.weather-clock-banner-1
{
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1;
}
.weather-clock-banner-2
{
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1;
  opacity: 0;
}
.weather-clock-banner-3
{
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1;
  opacity: 0;
}
.weather-clock-banner-heading-wrapper
{
  position: absolute;
  left: 0px;
  right: 0px;
  top: 56vh;
  z-index: 1;
}
.weather-clock-banner-heading 
{
  display: block;
  width: 100%;
  max-with: 100%;
  text-align: center;
  margin-bottom: 15px;
}
.weather-clock-banner-heading p
{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 28px;
  color: #ffffff;
  padding: 0px;
  margin: 0px;
}
.weather-clock-banner-title
{
  display: block;
  width: 100%;
  max-width: 100%;
  text-align: center;
}
.weather-clock-banner-title h1 
{
  font-family: 'Timeless';
  font-style: normal;
  font-weight: 700;
  font-size: 49px;
  line-height: 60px;
  color: #ffffff;
  text-transform: none;
  letter-spacing: normal;
  text-align: center;
  padding: 0px;
  margin: 0px; 
}
img.sun-scene-shadow
{
  display: inline-block;
  vertical-align: top;
  width: 21.875vw;
  max-width: 100%;
  height: auto;
  z-index: 60;
  position: absolute;
  left: 49.5vw;
  top: 2vw; /* 120px */
  transform: translateX(-50%) scale(0.7);
  opacity: 0;
}
img.sun-scene-rays
{
  display: inline-block;
  vertical-align: top;
  width: 27.084vw;
  max-width: 100%;
  height: auto;
  z-index: 61;
  position: absolute;
  left: 45.5vw;
  top: 3vw; /* 147px */
  transform: translateX(-50%) scale(1);
  opacity: 0;
}
img.sun-scene
{
  display: inline-block;
  vertical-align: top;
  width: 19.8vw;
  max-width: 100%;
  height: auto;
  z-index: 62;
  position: absolute;
  left: 49.5vw;
  top: 2.8vw; /* 135px */
  transform: translateX(-50%) scale(0.7);
}
img.small-cloud-1-scene
{
  display: inline-block;
  vertical-align: top;
  width: 14.063vw;
  max-width: 100%;
  height: auto;
  z-index: 63;
  position: absolute;
  right: 36vw;
  top: 11vw;
}
img.bird-2-scene
{
  display: inline-block;
  vertical-align: top;
  width: 2.6042vw;
  max-width: 100%;
  height: auto;
  z-index: 63;
  position: absolute;
  left: 35vw;
  top: 18vw;
}
img.small-cloud-2-scene
{
  display: inline-block;
  vertical-align: top;
  width: 8.8542vw;
  max-width: 100%;
  height: auto;
  z-index: 64;
  position: absolute;
  left: 30vw;
  top: 15vw;
}
img.all-clouds-scene
{
  display: inline-block;
  vertical-align: top;
  width: 41.146vw;
  max-width: 100%;
  height: auto;
  z-index: 65;
  position: absolute;
  left: 12vw;
  top: 3vw;
}
img.rainy-clouds-scene
{
  display: inline-block;
  vertical-align: top;
  width: 64.063vw;
  max-width: 100%;
  height: auto;
  z-index: 65;
  position: absolute;
  right: 11vw;
  top: 0vw;
}
img.stormy-clouds-scene
{
  display: inline-block;
  vertical-align: top;
  width: 58.8549vw;
  max-width: 100%;
  height: auto;
  z-index: 65;
  position: absolute;
  left: 3vw;
  top: 0vw;
}
img.bird-1-scene
{
  display: inline-block;
  vertical-align: top;
  width: auto;
  max-width: 100%;
  height: auto;
  z-index: 66;
  position: absolute;
  left: 10vw;
  top: 76vh;
  scale: 0.5;
}
.weather-clock-full-image-wrapper img
{
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}
img.stormy-clouds-scene-mobile,
img.rainy-clouds-scene-mobile,
img.all-clouds-scene-mobile
{
  display: none;
}
@media only screen and (min-width: 2000px)
{
  img.sun-scene-shadow
  {
    top: 2vw; /* 120px */
  }
  img.sun-scene-rays
  {
    top: 3vw; /* 147px */
  }
  img.sun-scene
  {
    top: 2.8vw; /* 135px */
  }
  img.small-cloud-1-scene
  {
    top: 11vw;
  }
  img.bird-2-scene
  {
    top: 18vw;
  }
  img.small-cloud-2-scene
  {
    top: 17vw;
  }
  img.all-clouds-scene
  {
    top: 3vw;
  }
  img.rainy-clouds-scene
  {
    top: 0vw;
  }
  img.stormy-clouds-scene
  {
    top: 0vw;
  }
  .weather-clock-banner-heading-wrapper
  {
    top: 52vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px)
{
  img.sun-scene-shadow
  {
    top: 2vw; /* 120px */
  }
  img.sun-scene-rays
  {
    top: 3vw; /* 147px */
  }
  img.sun-scene
  {
    top: 2.8vw; /* 135px */
  }
  img.small-cloud-1-scene
  {
    top: 11vw;
  }
  img.bird-2-scene
  {
    top: 18vw;
  }
  img.small-cloud-2-scene
  {
    top: 17vw;
  }
  img.all-clouds-scene
  {
    top: 3vw;
  }
  img.rainy-clouds-scene
  {
    top: 0vw;
  }
  img.stormy-clouds-scene
  {
    top: 0vw;
  }
  .weather-clock-banner-heading-wrapper
  {
    top: 42vw;
  }
}
@media only screen and (max-width: 767px)
{
  .weather-clock-banner-heading-wrapper
  {
    top: auto;
    bottom: 58vw;
  }
  .weather-clock-banner-heading
  {
      max-width: 355px;
      margin: 0px auto;
      margin-bottom: 15px;
  }
  .weather-clock-banner-heading p
  {
    fond-zie: 28px;
  }
  .weather-clock-banner-title
  {
      max-width: 355px;
      margin: 0px auto;
  }
  .weather-clock-banner-title h1 
  {
    font-size: 36px;
    line-height: 44px;
  }
  img.stormy-clouds-scene
  {
    width: 75vw;
    left: 0;
    top: 0vw;
    display: none;
  }
  img.stormy-clouds-scene.stormy-clouds-scene-mobile
  {
    display: block;
  }
  img.rainy-clouds-scene
  {
    width: 100vw;
    right: 0vw;
    top: 0vw;
    display: none;
  }
  img.rainy-clouds-scene.rainy-clouds-scene-mobile
  {
    display: block;
  }
  img.sun-scene
  {
    width: 65vw;
    left: 49.5vw;
    top: 2vw;
  }
  img.all-clouds-scene
  {
    left: 0;
    top: 16vw;
    width: 45vw;
    display: none;
  }
  img.all-clouds-scene-mobile
  {
    display: block;
  }
  img.small-cloud-1-scene
  {
    width: 40vw;
    right: 11vw;
    top: 26vw;
  }
  img.small-cloud-2-scene
  {
    width: 25vw;
    left: 3vw;
    top: 42vw;
  }
  img.bird-2-scene
  {
    width: 10vw;
    left: 10vw;
    top: 48vw;
  }
  img.sun-scene-rays
  {
    width: 70vw;
    left: 40vw;
    top: 9vw;
  }
  img.sun-scene-shadow
  {
    width: 75vw;
    left: 50vw;
    top: 0vw;
  }
  img.bird-1-scene
  {
    top: 60vh;
    left: -50%;
    bottom: auto;
  }
}
.okeReviews[data-oke-container] .oke-button, div.okeReviews .oke-button
{
  color: #ffffff !important;
}
body.template-article .header-clock a,
body.template-article .header-clock a:hover,
body.template-article .header-clock a:focus
{
  display: flex;
  outline: none;
  text-decoration: none;
}
body.template-index #main
{
  padding: 0px;
  float: none;
}
.iframe-video
{
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  margin-top: 30px;
}
.iframe-video iframe
{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  margin: 0px;
}
.is-video-potrait .iframe-video
{
  padding: 0px;
  height: auto;
  width: 100%;
  aspect-ratio: 9 / 16;
}
.home-slideshow .row
{
  margin: 0px;
}
.main-cart-items-hear-about-us
{
  border: 2px solid #E2E2E2;
}
.main-cart-items-hear-about-us.error
{
  border: 2px solid red;
}
input#how-did-you-hear-about-us-other.error
{
  border-color: red; 
}
body.template-index .head-img-cont.vid
{
  position: relative;
}
.video-buttons-wrapper
{
  display: none;
  position: absolute;
  bottom: 8%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  width: 500px;
}
.video-buttons-inner-wrapper 
{
  display: flex;
  align-items: center;
  justify-content: space-between;  
}
.video-buttons-wrapper a.btn,
.video-buttons-wrapper a.btn:hover,
.video-buttons-wrapper a.btn:focus
{
  width: 200px;
}
@media only screen and (max-width: 767px)
{
  .video-buttons-wrapper a.btn, .video-buttons-wrapper a.btn:hover, .video-buttons-wrapper a.btn:focus 
  {
      width: 145px;
      font-size: 12px;
      padding: 8px 5px;
  }
  .video-buttons-wrapper
  {
    display: block;
    width: 315px;
  }
  .template-product-new .product-photos .mainpic img
  {
    top: auto !important;
    transform: none !important;
  }
  .template-product-new .product-photos .mainpic .slick-slide div
  {
    height: auto;
    margin-bottom: 20px;
  }
}
.tide-times-clock-banner-wrapper
{
  display: block;
  width: 100%;
  max-width: 100%; 
  position: relative;
}
.tide-times-clock-banner-desktop-image
{
  display: block;
  width: 100%;
  max-width: 100%;
}
.tide-times-clock-banner-desktop-image img
{
  display: none;
  vertical-align: top;
  width: 100%;
  max-width: 100%;
  height: auto;
}
.tide-times-clock-banner-mobile-image
{
  display: none;
  width: 100%;
  max-width: 100%;
}
.tide-times-clock-banner-mobile-image img
{
  display: none;
}
.landing-page-tide-times-clocks-wrapper.default .tide-times-clock-banner-desktop-image img.tide-times-default-tide
{
  display: inline-block;
}
.landing-page-tide-times-clocks-wrapper.high-current .tide-times-clock-banner-desktop-image img
{
  display: none;
}
.landing-page-tide-times-clocks-wrapper.high-current .tide-times-clock-banner-desktop-image img.tide-times-high-tide
{
  display: inline-block;
}
.landing-page-tide-times-clocks-wrapper.ebb-current .tide-times-clock-banner-desktop-image img
{
  display: none;
}
.landing-page-tide-times-clocks-wrapper.ebb-current .tide-times-clock-banner-desktop-image img.tide-times-ebb-tide
{
  display: inline-block;
}
.landing-page-tide-times-clocks-wrapper.low-current .tide-times-clock-banner-desktop-image img
{
  display: none;
}
.landing-page-tide-times-clocks-wrapper.low-current .tide-times-clock-banner-desktop-image img.tide-times-low-tide
{
  display: inline-block;
}
.landing-page-tide-times-clocks-wrapper.flood-current .tide-times-clock-banner-desktop-image img
{
  display: none;
}
.landing-page-tide-times-clocks-wrapper.flood-current .tide-times-clock-banner-desktop-image img.tide-times-flood-tide
{
  display: inline-block;
}
.landing-page-tide-times-clocks-wrapper.high-current .tide-times-clock-banner-mobile-image img
{
  display: none;
}
.landing-page-tide-times-clocks-wrapper.high-current .tide-times-clock-banner-mobile-image img.tide-times-high-tide
{
  display: inline-block;
}
.landing-page-tide-times-clocks-wrapper.ebb-current .tide-times-clock-banner-mobile-image img
{
  display: none;
}
.landing-page-tide-times-clocks-wrapper.ebb-current .tide-times-clock-banner-mobile-image img.tide-times-ebb-tide
{
  display: inline-block;
}
.landing-page-tide-times-clocks-wrapper.low-current .tide-times-clock-banner-mobile-image img
{
  display: none;
}
.landing-page-tide-times-clocks-wrapper.low-current .tide-times-clock-banner-mobile-image img.tide-times-low-tide
{
  display: inline-block;
}
.landing-page-tide-times-clocks-wrapper.flood-current .tide-times-clock-banner-mobile-image img
{
  display: none;
}
.landing-page-tide-times-clocks-wrapper.flood-current .tide-times-clock-banner-mobile-image img.tide-times-flood-tide
{
  display: inline-block;
}
.landing-page-tide-times-clocks-wrapper.default .tide-times-clock-banner-mobile-image img.tide-times-default-tide
{
  display: inline-block;
}
.tide-times-clock-banner-details
{
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  max-width: 100%;
  height: auto;
  padding: 50px 0px;
}
.southwold-tide-clock-banner-heading
{
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 5px;
  text-align: center;
}
.southwold-tide-clock-banner-heading p
{
  font-family: 'Sacramento';
  font-style: normal;
  font-weight: 400;
  font-size: 28px;
  line-height: 28px;
  color: #585858;
  padding: 0px;
  margin: 0px;
}
.tide-times-clock-banner-title 
{
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 15px;
  text-align: center;
}
.tide-times-clock-banner-title h1
{
  font-family: 'Timeless';
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 44px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0px;
  color: #3F3F3F;
  padding: 0px;
  margin: 0px;
}
.tide-times-clock-banner-title span.tide-time-banner-heading
{
  display: block;
  width: 100%;
  max-width: 100%;
  text-align: center;
  font-family: 'Sacramento';
  font-style: normal;
  font-weight: 400;
  font-size: 28px;
  line-height: 28px;
  text-transform: none;
  color: #585858;
  padding: 0px;
  margin: 0px;
  margin-bottom: 5px;
}
.tide-times-current-tides-details
{
  display: block;
  width: 100%;
  max-width: 100%;
  margin-top: 55px;
}
.tide-times-current-tides-details-row
{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.tide-times-current-tide-level-wrapper
{
  width: 390px;
  padding: 30px;
  background-color: rgba(255, 255, 255, 0.9);
  margin-right: 50px;
  margin-bottom: 15px;
}
.tide-times-current-tide-level-title
{
  display: block;
  width: 100%;
  max-width: 100%;
  text-align: center;
  margin-bottom: 10px;
}
.tide-times-current-tide-level-title p,
.tide-times-current-tide-level-title h3
{
  font-family: 'Timeless';
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 25px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0px;
  color: #585858;
  padding: 0px;
  margin: 0px;
}
.tide-times-current-tide-meter
{
  display: block;
  width: 100%;
  max-width: 100%;
  text-align: center;
  position: relative;
}
.tide-times-current-tide-meter img.meter-clock,
.tide-times-current-tide-meter svg.meter-clock
{
  display: inline-block;
  vertical-align: top;
  line-height: 1;
  width: auto;
  max-width: 100%;
  height: auto;
}
.tide-times-current-tide-meter-pin
{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-0deg);
  width: 213px;
  height: 219px;
  -webkit-transition: all 1.5s linear;
  -moz-transition: all 1.5s linear;
  -o-transition: all 1.5s linear;
  transition: all 1.5s linear;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tide-times-current-tide-meter-pin img,
.tide-times-current-tide-meter-pin svg
{
  display: inline-block;
  vertical-align: top;
  line-height: 1;
  width: 20px;
  max-width: 100%;
  height: 84px;
  transform-origin: bottom;
  position: absolute;
  top: 23%;
  /* left: 45%; */
}
.tide-times-current-tide-level-listing-wrapper
{
  width: 390px;
  padding: 30px;
  background-color: rgba(255, 255, 255, 0.9);
  margin-bottom: 15px;
}
.tide-times-current-tide-levels-listing
{
  display: block;
  width: 100%;
  max-width: 100%;
}
.tide-times-current-tide-single-level
{
  border-bottom: 0.5px solid #000000;
}
.tide-times-current-tide-single-level-row
{
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}
.tide-times-current-tide-single-level-column
{
  width: 33.3333333%;
  padding: 0px 15px; 
}
.tide-times-current-tide-single-level-title
{
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 10px 0px;
  text-align: center;
}
.tide-times-current-tide-single-level-title p
{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 26px;
  color: #585858;
  padding: 0px;
  margin: 0px;
}
.tide-times-current-tide-single-level-tide
{
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 10px 0px;
  text-align: center;
}
.tide-times-current-tide-single-level-tide p
{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #585858;
  padding: 0px;
  margin: 0px;
}
.tide-times-current-tide-single-level-time
{
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 10px 0px;
  text-align: center;
}
.tide-times-current-tide-single-level-time p
{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
  color: #2C76B6;
  padding: 0px;
  margin: 0px;
}
.tide-times-current-tide-single-level-height
{
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 10px 0px;
  text-align: center;
}
.tide-times-current-tide-single-level-height p
{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #585858;
  padding: 0px;
  margin: 0px;
}
.tide-times-clock-more-info-wrapper
{
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 80px 0px;
}
.tide-times-clock-more-info-title
{
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 40px;
}
.tide-times-clock-more-info-title h2
{
  font-family: 'Timeless';
  font-style: normal;
  letter-spacing: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 37px;
  text-align: center;
  text-transform: uppercase;
  color: #3F3F3F;
  padding: 0px;
  margin: 0px;
  position: relative;
  max-width: 1024px;
  margin: 0px auto;
}
.tide-times-clock-more-info-title h2:before
{
  display: inline-block;
  vertical-align: top;
  content: "";
  width: 10vw;
  height: 1px;
  background-color: #E5E5E5;
  left: 0px;
  top: 50%;
  position: absolute;
}
.tide-times-clock-more-info-title h2:after
{
  display: inline-block;
  vertical-align: top;
  content: "";
  width: 10vw;
  height: 1px;
  background-color: #E5E5E5;
  right: 0px;
  top: 50%;
  position: absolute;
}
.tide-times-clock-more-info-description
{
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 40px;
  text-align: center;
}
.tide-times-clock-more-info-description *
{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  text-align: center;
  color: #585858;
  padding: 0px;
  margin: 0px;
}
.tide-times-clock-more-info-blocks
{
  display: block;
  width: 100%;
  max-width: 100%;
}
.tide-times-clock-more-info-blocks-row
{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.tide-times-clock-more-info-blocks-row.only-two
{
  justify-content: center;
  gap: 40px; 
}
.tide-times-clock-more-info-blocks-column
{
  width: 30.5%;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  padding: 30px;
  margin-bottom: 0px;
}
.tide-times-clock-more-info-blocks-title
{
  display: block;
  width: 100%;
  max-width: 100%;
  text-align: center;
  margin-bottom: 15px;
}
.tide-times-clock-more-info-blocks-title p,
.tide-times-clock-more-info-blocks-title h3
{
  font-family: 'Timeless';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: normal;
  color: #585858;
  padding: 0px;
  margin: 0px;
}
.tide-times-clock-more-info-blocks-tide-lists
{
  display: block;
  width: 100%;
  max-width: 100%;
}
.tide-times-clock-more-info-blocks-tide-single-list
{
  display: block;
  width: 100%;
  max-width: 100%;
  border-bottom: 0.5px solid #E5E5E5
}
.tide-times-clock-more-info-blocks-tide-lists-row
{
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}
.tide-times-clock-more-info-blocks-tide-lists-column
{
  width: 33.33333%;
  padding: 0px 10px;
}
.tide-times-clock-more-info-blocks-tide-lists-heading
{
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 7px 0px;
  text-align: center;
}
.tide-times-clock-more-info-blocks-tide-lists-heading p
{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 26px;
  text-align: center;
  color: #585858;
  padding: 0px;
  margin: 0px;
}
.tide-times-clock-more-info-blocks-tide-lists-tide
{
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 7px 0px;
  text-align: center;
}
.tide-times-clock-more-info-blocks-tide-lists-tide p
{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  text-align: center;
  color: #585858;
  padding: 0px;
  margin: 0px;
}
.tide-times-clock-more-info-blocks-tide-lists-time
{
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 7px 0px;
  text-align: center;
}
.tide-times-clock-more-info-blocks-tide-lists-time p
{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
  text-align: center;
  color: #2C76B6;
  padding: 0px;
  margin: 0px;
}
.tide-times-clock-more-info-blocks-tide-lists-height
{
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 7px 0px;
  text-align: center;
}
.tide-times-clock-more-info-blocks-tide-lists-height p
{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  text-align: center;
  color: #585858;
  padding: 0px;
  margin: 0px;
}
.tide-times-clock-more-info-rise-set-wrapper
{
  display: block;
  width: 100%;
  max-width: 100%;
}
.tide-times-clock-more-info-rise-set-wrapper-row
{
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}
.tide-times-clock-more-info-rise-set-wrapper-column
{
  width: 50%;
  padding: 0px 10px;
}
.tide-times-clock-more-info-rise-set-image
{
  display: block;
  width: 100%;
  max-width: 100%;
  text-align: center;
  margin-bottom: 15px; 
}
.tide-times-clock-more-info-rise-set-image img
{
  display: inline-block;
  vertical-align: top;
  line-height: 1;
  width: 70px;
  max-width: 100%;
  height: auto;
}
.tide-times-clock-more-info-rise-set-title
{
  display: block;
  width: 100%;
  max-width: 100%;
  text-align: center;
}
.tide-times-clock-more-info-rise-set-title p
{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 26px;
  color: #585858;
  padding: 0px;
  margin: 0px;
}
.tide-times-clock-more-info-rise-set-time
{
  display: block;
  width: 100%;
  max-width: 100%;
  text-align: center;
  margin-bottom: 10px;
}
.tide-times-clock-more-info-rise-set-time p
{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  color: #2C76B6;
  padding: 0px;
  margin: 0px;
}
.tide-times-clock-surf-weather-wrapper
{
  display: block;
  width: 100%;
  max-width: 100%;
  margin-top: 90px;
}
.tide-times-clock-surf-weather-wrapper-row
{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.tide-times-clock-surf-weather-wrapper-column
{
  width:47.462%;
  /* background: #FFFFFF;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1); 
  padding: 15px; */
}
.tide-times-clock-surf-title
{
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 30px;
}
.tide-times-clock-surf-title h2
{
  font-family: 'Timeless';
  font-style: normal;
  letter-spacing: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 37px;
  text-align: center;
  text-transform: uppercase;
  color: #3F3F3F;
  padding: 0px;
  margin: 0px;
  position: relative;
  max-width: 100%;
  margin: 0px auto;
}
.tide-times-clock-surf-title h2:before
{
  display: inline-block;
  vertical-align: top;
  content: "";
  width: calc(100% - 345px);
  height: 1px;
  background-color: #E5E5E5;
  left: 0px;
  top: 50%;
  position: absolute;
}
.tide-times-clock-surf-title h2:after
{
  display: inline-block;
  vertical-align: top;
  content: "";
  width: calc(100% - 345px);
  height: 1px;
  background-color: #E5E5E5;
  right: 0px;
  top: 50%;
  position: absolute;
}
.tide-times-clock-surf-description
{
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 10px;
  text-align: center; 
}
.tide-times-clock-surf-description *
{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  color: #585858;
  padding: 0px;
  margin: 0px; 
}
.tide-times-clock-surf-details
{
  display: block;
  width: 100%;
  max-width: 100%;
}
.tide-times-clock-surf-details-inner
{
  display: block;
  width: 100%;
  max-width: 100%;
  background: #FFFFFF;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);
  padding: 15px;
}
.tide-times-clock-surf-details-title
{
  display: block;
  width: 100%;
  max-width: 100%;
  text-align: center;
  margin-bottom: 35px;
}
.tide-times-clock-surf-details-title p 
{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-size: 22px;
  line-height: 26px;
  color: #3F3F3F;
  padding: 0px;
  margin: 0px;
}
.tide-times-clock-surf-count
{
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 30px;
  text-align: center;
}
.tide-times-clock-surf-count img
{
  display: inline-block;
  vertical-align: top;
  line-height: 1;
  width: auto;
  max-width: 245px;
  height: auto;
}
.tide-times-clock-surf-directions
{
  display: block;
  width: 100%;
  max-width: 385px;
  text-align: center;
  margin: 0px auto;
  margin-bottom: 10px;
}
.tide-times-clock-surf-directions img
{
  display: inline-block;
  vertical-align: top;
  line-height: 1;
  width: 335px;
  max-width: 100%;
  height: auto;
}
.tide-times-clock-weather-title
{
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 30px;
}
.tide-times-clock-weather-title h2
{
  font-family: 'Timeless';
  font-style: normal;
  letter-spacing: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 37px;
  text-align: center;
  text-transform: uppercase;
  color: #3F3F3F;
  padding: 0px;
  margin: 0px;
  position: relative;
  max-width: 100%;
  margin: 0px auto;
}
.tide-times-clock-weather-title h2:before
{
  display: inline-block;
  vertical-align: top;
  content: "";
  width: calc(100% - 345px);
  height: 1px;
  background-color: #E5E5E5;
  left: 0px;
  top: 50%;
  position: absolute;
}
.tide-times-clock-weather-title h2:after
{
  display: inline-block;
  vertical-align: top;
  content: "";
  width: calc(100% - 345px);
  height: 1px;
  background-color: #E5E5E5;
  right: 0px;
  top: 50%;
  position: absolute;
}
.tide-times-clock-weather-description
{
  display: block;
  width: 100%;
  max-width: 385px;
  text-align: center;
  margin: 0px auto;
  margin-bottom: 10px;
}
.tide-times-clock-weather-description *
{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  color: #585858;
  padding: 0px;
  margin: 0px; 
}
.tide-times-clock-weather-details
{
  display: block;
  width: 100%;
  max-width: 100%;
}
.tide-times-clock-weather-details-inner
{
  display: block;
  width: 100%;
  max-width: 100%;
  background: #FFFFFF;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);
  padding: 15px;
}
.tide-times-clock-current-weather-info
{
  display: flex;
  align-items: center;
  justify-content: center;
}
.tide-times-clock-current-weather-day
{
  padding: 0px 30px;
  border-right: 1px solid #E5E5E5;
  margin-bottom: 30px;
}
.tide-times-clock-current-weather-day-image
{
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 10px;
  text-align: center;
}
.tide-times-clock-current-weather-day-image img
{
  display: inline-block;
  verticala-lign: top;
  line-height: 1;
  width: auto;
  max-width: 100px;
  height: auto;
}
.tide-times-clock-current-weather-day-title
{
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 10px;
  text-align: center;
}
.tide-times-clock-current-weather-day-title p
{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 26px;
  color: #585858;
  padding: 0px;
  margin: 0px;
}
.tide-times-clock-current-weather-temp
{
  padding: 0px 30px;
  margin-bottom: 30px;
}
.tide-times-clock-current-weather-temp-title
{
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 10px;
  text-align: center;
}
.tide-times-clock-current-weather-temp-title p
{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-size: 22px;
  line-height: 26px;
  color: #2C76B6;
  padding: 0px;
  margin: 0px;
}
.tide-times-clock-current-weather-temp-title-with-data
{
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 10px;
  text-align: center;
}
.tide-times-clock-current-weather-temp-title-with-data p
{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 26px;
  color: #585858;
  padding: 0px;
  margin: 0px;
}
.tide-times-clock-current-weather-temp-title-with-data p span.data
{
  color: #2C76B6;
}
.tide-times-clock-current-weather-future-info
{
  display: flex;
  align-items: center;
  justify-content: center;
}
.tide-times-clock-current-weather-single-future-info
{
  display: block;
  width: auto;
  max-width: 100%;
  margin-right: 30px;
}
.tide-times-clock-current-weather-single-future-info:last-child
{
  margin-right: 0px;
}
.future-info-title
{
    display: block;
    width: 100%;
    max-width: 100%;
    text-align: center;
}
.future-info-title p
{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 26px;
  color: #585858;
  padding: 0px;
  margin: 0px;
}
.future-info-image
{
  display: block;
  width: 100%;
  max-width: 100%;
  text-align: center;
  margin-bottom: 5px;
  text-align: center;
}
.future-info-image img
{
  display: inline-block;
  vertical-align: top;
  line-height: 1;
  height: 40px;
  max-width: 100%;
  height: 40px;
  width: auto;
}
.future-info-degree
{
  display: block;
  width: 100%;
  max-width: 100%;
  text-align: center;
  margin-bottom: 10px;
}
.future-info-degree p
{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  color: #585858;
  padding: 0px;
  margin: 0px;
}
.tide-times-clock-product-wrapper .home-tide-clock-title
{
  margin-bottom: 40px;
}
.southwold-tide-clock-description
{
  max-width: 895px;
  margin-bottom: 50px;
  text-align: center;
  margin: 0px auto;
  margin-bottom: 50px;
}
.southwold-tide-clock-description *
{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  color: #585858;
  padding: 0px;
  margin-top: 0px;
  margin-bottom: 15px;
}
.tide-times-clock-product-wrapper .home-tide-clock-title h2:before
{
  bottom: auto;
  top: 50%;
  width: calc(100% - 730px);
}
.tide-times-clock-product-wrapper .home-tide-clock-title h2:after
{
  bottom: auto;
  top: 50%;
  width: calc(100% - 730px);
}
.tide-page-hide-for-mobile
{
  display: block;
  width: 100%;
  max-width: 100%;
}
.tide-page-show-for-mobile
{
  display: none;
  width: 100%;
  max-width: 100%; 
}
.custom-tide-clock-datepicker .ui-widget.ui-widget-content
{
  width: 100%;
  border: none;
  border-radius: 0px;
  background: transparent;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #000000;
  padding: 0px;
}
.custom-tide-clock-datepicker .ui-datepicker .ui-datepicker-header
{
  border: none;
  background: transparent;
  font-family: 'Timeless';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  color: #000000;
  padding: 0px;
  margin-bottom: 20px;
}
.custom-tide-clock-datepicker .ui-datepicker .ui-datepicker-prev,
.custom-tide-clock-datepicker .ui-datepicker .ui-datepicker-prev:hover,
.custom-tide-clock-datepicker .ui-datepicker .ui-datepicker-prev:focus
{
  width: 24px;
  height: 24px;
  background-image: url("//www.bramwellbrown.com/cdn/shop/files/tide-datepicker-left-arrow.png?v=7289082915141764212");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  text-decoration: none;
  border: none;
  background-color: transparent;
}
.custom-tide-clock-datepicker .ui-datepicker .ui-datepicker-next,
.custom-tide-clock-datepicker .ui-datepicker .ui-datepicker-next:hover,
.custom-tide-clock-datepicker .ui-datepicker .ui-datepicker-next:focus
{
  width: 24px;
  height: 24px;
  background-image: url("//www.bramwellbrown.com/cdn/shop/files/tide-datepicker-right-arrow.png?v=10053704861356313433");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  text-decoration: none;
  border: none;
  background-color: transparent;
}
.custom-tide-clock-datepicker .ui-datepicker th
{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #000000;
  opacity: 0.5;
  text-transform: uppercase;
}
.custom-tide-clock-datepicker .ui-datepicker td
{
  padding: 5px;
  text-align: center;
}
.custom-tide-clock-datepicker .ui-datepicker td a,
.custom-tide-clock-datepicker .ui-datepicker td a:hover,
.custom-tide-clock-datepicker .ui-datepicker td a:focus
{
  display: flex;
  align-items: center;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  outline: none;
  text-decoration: none;
  padding: 0px;
  margin: 0px;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  text-align: center;
  color: #000000;
  justify-content: center;
  border: none;
  background: transparent;
}
.custom-tide-clock-datepicker .ui-datepicker td a.ui-state-hover,
.custom-tide-clock-datepicker .ui-datepicker td a.ui-state-hover:hover,
.custom-tide-clock-datepicker .ui-datepicker td a.ui-state-hover:focus
{
  background: #2C76B6;
  color: #ffffff;
}
.custom-tide-clock-datepicker .ui-datepicker td a.ui-state-active,
.custom-tide-clock-datepicker .ui-datepicker td a.ui-state-active:hover,
.custom-tide-clock-datepicker .ui-datepicker td a.ui-state-active:focus
{
  background: #2C76B6;
  color: #ffffff;
}
/* .landing-page-tide-times-clocks-wrapper.high-current .tide-times-current-tide-meter-pin
{
  transform: translate(-50%, -50%) rotate(90deg);
}
.landing-page-tide-times-clocks-wrapper.ebb-current .tide-times-current-tide-meter-pin
{
  transform: translate(-50%, -50%) rotate(180deg);
}
.landing-page-tide-times-clocks-wrapper.low-current .tide-times-current-tide-meter-pin
{
  transform: translate(-50%, -50%) rotate(270deg);
} */
.landing-page-tide-times-clocks-wrapper .home-faqs-title h2 span
{
    width: 460px;
}
.landing-page-tide-times-clocks-wrapper .home-faqs-title h2:before
{
  width: 10vw;
}
.landing-page-tide-times-clocks-wrapper .home-faqs-title h2:after
{
  width: 10vw;
}
.home-tide-clock-wrapper.tide-times-clock-product-wrapper .home-tide-clock-form-button a, 
.home-tide-clock-wrapper.tide-times-clock-product-wrapper .home-tide-clock-form-button a:hover, 
.home-tide-clock-wrapper.tide-times-clock-product-wrapper .home-tide-clock-form-button a:focus
{
  width: auto;
  max-width: unset;
}
@media only screen and (min-width:1200px)
{
  .tide-times-clock-banner-desktop-image img
  {
    height: 712px;
    object-fit: cover;
    object-position: center;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px)
{
  .tide-times-clock-banner-details
  {
    padding: 30px 0px;
  }
  .custom-tide-clock-datepicker .ui-datepicker td
  {
    padding: 2px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px)
{
  .tide-times-clock-banner-details
  {
    padding: 30px 0px;
  }
  .tide-times-clock-banner-title h1
  {
    font-size: 26px;
    line-height: 34px;
  }
  .tide-times-current-tides-details
  {
    margin-top: 0px;
  }
  .tide-times-current-tide-level-wrapper
  {
    width: 220px;
    margin-right: 30px;
    margin-bottom: 0px;
    padding: 15px;
  }
  .tide-times-current-tide-level-listing-wrapper
  {
    width: 200px;
    margin-bottom: 0px;
    padding: 15px;
  }
  .tide-times-current-tide-level-title p,
  .tide-times-current-tide-level-title h3
  {
    font-size: 12px;
    line-height: 18px;
  }
  .tide-times-current-tide-single-level-title p,
  .tide-times-current-tide-single-level-tide p,
  .tide-times-current-tide-single-level-time p,
  .tide-times-current-tide-single-level-height p
  {
    font-size: 10px;
    line-height: 18px;
  }
  .tide-times-current-tide-meter-pin
  {
    width: 190px;
    height: 196px;
  }
  .tide-times-current-tide-meter-pin img,
  .tide-times-current-tide-meter-pin svg
  {
    /* width: 85px; */
  }
  .tide-times-clock-weather-description *,
  .tide-times-clock-surf-description *
  {
    font-size: 16px;
    line-height: 26px;
  }
  .tide-times-clock-current-weather-temp,
  .tide-times-clock-current-weather-day
  {
    padding: 0px 10px;
  }
  .tide-times-clock-current-weather-single-future-info
  {
    margin-right: 20px;
  }
  .tide-times-clock-current-weather-single-future-info:last-child
  {
    margin-right: 0px;
  }
  .tide-times-clock-current-weather-day,
  .tide-times-clock-current-weather-temp
  {
    margin-bottom: 15px;
  }
  .tide-times-clock-more-info-blocks-column
  {
    width: 32%;
    padding: 15px;
  }
  .custom-tide-clock-datepicker .ui-datepicker th
  {
    padding: .7em .1em;
  }
  .custom-tide-clock-datepicker .ui-datepicker td
  {
    padding: 1px;
  }
  .custom-tide-clock-datepicker .ui-datepicker td a, .custom-tide-clock-datepicker .ui-datepicker td a:hover, .custom-tide-clock-datepicker .ui-datepicker td a:focus
  {
    width: 25px;
    height: 25px;
  }
  .tide-times-clock-more-info-blocks-tide-lists-time p
  {
    font-size: 10px;
    line-height: 18px;
  }
}
@media only screen and (min-width: 768px)
{
  .home-tide-clock-wrapper.tide-times-clock-product-wrapper .home-tide-clock-images-nav-image
  {
    height: 85px;
    display: flex !important;
    align-items: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 767px)
{
  .tide-times-clock-banner-details
  {
    padding: 20px 0px;
  }
  .tide-times-clock-banner-title
  {
    max-width: 260px;
    margin: 0px auto;
    margin-bottom: 15px;
  }
  .tide-times-current-tides-details
  {
    margin-top: 0px;
  }
  .tide-times-current-tides-details-row
  {
    flex-direction: column;
    align-items: center;
  }
  .tide-times-current-tide-level-wrapper
  {
    width: 302px;
    margin-right: 0px;
  }
  .tide-times-current-tide-level-wrapper 
  {
      width: 320px;
      margin-right: 0px;
      display: flex;
      align-items: center;
      padding: 15px;
  }
  .tide-times-current-tide-level-title
  {
    margin-bottom: 0px;
    margin-right: 10px;
    width: 235px;
  }
  .tide-times-current-tide-level-title p,
  .tide-times-current-tide-level-title h3
  {
    font-size: 14px;
    line-height: 17px;
  }
  .tide-times-current-tide-meter-pin
  {
    width: 140px;
    height: 144px;
  }
  .tide-times-current-tide-meter-pin img,
  .tide-times-current-tide-meter-pin svg
  {
    height: 55px;
  }
  .tide-times-current-tide-level-listing-wrapper
  {
    width: 320px;
    padding: 15px;
  }
  .tide-times-current-tide-level-listing-wrapper .tide-times-current-tide-level-title
  {
    width: 100%;
    margin: 0px;
    margin-bottom: 10px;
  }
  .tide-times-current-tide-single-level-title,
  .tide-times-current-tide-single-level-tide,
  .tide-times-current-tide-single-level-time,
  .tide-times-current-tide-single-level-height
  {
    padding: 2px 0px;
  }
  .tide-times-current-tide-single-level-title p,
  .tide-times-current-tide-single-level-tide p,
  .tide-times-current-tide-single-level-time p,
  .tide-times-current-tide-single-level-height p
  {
    font-size: 12px;
    line-height: 26px;
  }
  .tide-times-current-tide-single-level-time p
  {
    font-size: 16px;
    line-height: 26px;
  }
  .tide-times-clock-banner-desktop-image
  {
    display: none;
  }
  .tide-times-clock-banner-mobile-image
  {
    display: block;
  }
  .tide-times-clock-banner-mobile-image img
  {
    display: none;
    vertical-align: top;
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 640px;
    object-fit: cover;
    object-position: center; 
  }
  .tide-times-clock-more-info-wrapper
  {
    padding: 30px 0px;
  }
  .tide-times-clock-more-info-title
  {
    margin-bottom: 30px;
  }
  .tide-times-clock-more-info-title h2:before,
  .tide-times-clock-more-info-title h2:after
  {
      width: 13vw;
  }
  .tide-times-clock-more-info-blocks-row
  {
    flex-direction: column;
    align-items: center;
  }
  .tide-times-clock-more-info-blocks-column
  {
    width: 310px;
    max-width: 100%;
    margin-bottom: 40px;
    padding: 15px;
  }
  .tide-times-clock-more-info-blocks-title p br,
  .tide-times-clock-more-info-blocks-title h3 br
  {
    display: none;
  }
  .tide-times-clock-more-info-blocks-tide-lists-time p,
  .tide-times-clock-more-info-rise-set-time p
  {
    font-size: 18px;
    line-height: 26px;
  }
  .tide-times-clock-surf-weather-wrapper
  {
    margin-top: 0px;
  }
  .tide-times-clock-surf-weather-wrapper-row
  {
    flex-direction: column;
    align-items: center;
  }
  .tide-times-clock-surf-weather-wrapper-column
  {
    width: 310px;
    margin-bottom: 60px;
  }
  .tide-times-clock-surf-title h2:before
  {
    width: 15vw;
  }
  .tide-times-clock-surf-title h2:after
  {
    width: 15vw;
  }
  .tide-times-clock-surf-details-title p
  {
    font-size: 14px;
    line-height: 26px;
  }
  .tide-times-clock-weather-title h2:before
  {
    width: 15vw;
  }
  .tide-times-clock-weather-title h2:after
  {
    width: 15vw;
  }
  .tide-times-clock-current-weather-info
  {
    flex-direction: column;
  }
  .tide-times-clock-current-weather-day
  {
    border: none;
    border-bottom: 1px solid #E5E5E5;
  }
  .tide-times-clock-current-weather-day-title
  {
    margin-bottom: 15px;
  }
  .tide-times-clock-current-weather-temp-title
  {
    margin-bottom: 15px; 
  }
  .tide-times-clock-current-weather-day
  {
    margin-bottom: 20px;
  }
  .tide-times-clock-current-weather-temp
  {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border-bottom: 1px solid #E5E5E5;
    margin-bottom: 20px;
  }
  .tide-times-clock-current-weather-temp-title-with-data p span
  {
    display: block;
    text-align: center;
  }
  .tide-times-clock-current-weather-single-future-info
  {
    margin-right: 15px;
  }
  .tide-times-clock-current-weather-single-future-info:last-child
  {
    margin-right: 0px; 
  }
  .future-info-image img
  {
    height: 20px;
  }
  .tide-times-clock-surf-weather-wrapper-column:last-child
  {
    margin-bottom: 0px;
  }
  .tide-times-clock-product-wrapper .home-tide-clock-title h2:before, 
  .tide-times-clock-product-wrapper .home-tide-clock-title h2:after 
  {
    top: 50%;
    transform: translateY(-50%);
    width: 8vw;
  }
  .landing-page-tide-times-clocks-wrapper .home-faqs-title h2 span 
  {
    width: 315px;
  }
  .tide-page-hide-for-mobile
  {
    display: none;
  }
  .tide-page-show-for-mobile
  {
    display: block;
  }
}
@media only screen and (min-width:768px)
{
  .template-product-new .product-photos.desktop
  {
    display: flex;
    flex-wrap: wrap;
  }
  .product-photos.desktop .slider-for .slick-list
  {
    height: 100%;
  }
  .product-photos.desktop .slider-for .slick-track 
  {
    display: flex;
    height: 100%;
  }
  .product-photos.desktop .slider-for .slick-track .slick-slide 
  {
    height: 100%;
    display: flex;
    height: auto;
    align-items: center;
    justify-content: center; 
  }
}
@media only screen and (max-width:767px)
{
  .template-product-new .product-photos .mainpic .slick-track 
  {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
  }
  .template-product-new .product-photos .mainpic .slick-track .slick-slide 
  {
    height: 100%;
    display: flex;
    height: auto;
    align-items: center;
    justify-content: center; 
  }
}
.productvideoDesktop
{
  display: block;
  width: 100%;
  max-width: 100%;
}
.productvideoMobile
{
  display: none;
  width: 100%;
  max-width: 100%;
}
.productvideoMobile .productvideo
{
  padding: 0px;
  height: auto;
  width: 100%;
  aspect-ratio: 9 / 16;
}
.productvideoMobile.is-desktop .productvideo
{
  padding-bottom: 56.25%;
  aspect-ratio: auto;
}
.home-clock-details-single-tab .tab-description .faq-video-embbed
{
  max-width: 370px;
  margin: 0px auto;
}
@media only screen and (max-width: 767px)
{
   .productvideoDesktop
  {
    display: none;
  }
  .productvideoMobile
  {
    display: block;
  } 
}
#pageheader + div.bookmark-banner-wrapper
{
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 10px 0px;
  margin: 0px;
  background: #585858;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  max-width: 100%;
  height: auto;
  z-index: 9999;
}
.bookmark-banner-desktop-text
{
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0px 10px;
}
.bookmark-banner-desktop-text p
{
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  font-family: Open Sans;
  font-size: 14.4px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: 0px;
  margin: 0px;
}
.bookmark-banner-desktop-text p img
{
  margin-right: 5px;
}
.bookmark-banner-desktop-text p span 
{
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  margin-right: 5px;
}
.bookmark-banner-desktop-text p span .border
{
  border: 1.2px solid #FFF;
  box-shadow: 0px 4.800000190734863px 4.800000190734863px 0px rgba(0, 0, 0, 0.25);
  padding: 2px 1px;
  margin-left: 5px;
}
.bookmark-cross-icon
{
  position: absolute;
  top: 0;
  right: 0px;
  height: 45px;
  width: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bookmark-cross-icon a,
.bookmark-cross-icon a:hover,
.bookmark-cross-icon a:focus
{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  outline: none;
  text-decoration: none;
  padding: 0px;
  margin: 0px;
}
body.custom-bookmark-banner #pageheader
{
  top: 45px;
}
body.custom-bookmark-banner .index-container
{
  margin-top: 125px;
}
.bookmark-banner-mobile-text
{
  display: none;
  width: 100%;
  max-width: 100%;
  padding: 0px 15px;
}
.bookmark-banner-mobile-text p
{
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  font-family: Open Sans;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: 0px;
  margin: 0px;
}
.bookmark-banner-mobile-text p img
{
  margin-right: 5px;
}
.bookmark-banner-mobile-text p span 
{
  display: flex;
  align-items: center; 
  justify-content: center;
  font-weight: 700;
  margin-right: 5px;
}
.bookmark-banner-mobile-text p span img
{
  width: 30px;
  max-width: 100%;
  display: inline-block;
  vertical-align: top;
  height: auto;
}
.bookmark-banner-mobile-text p span .border
{
  border: 1.2px solid #FFF;
  box-shadow: 0px 4.800000190734863px 4.800000190734863px 0px rgba(0, 0, 0, 0.25);
  padding: 2px 1px;
  margin-left: 5px;
}
#search-modal
{
  z-index: 99999;
}
@media only screen and (min-width: 768px) and (max-width: 891px)
{
  body.custom-bookmark-banner .index-container
  {
    margin-top: 160px;
  }
}
@media only screen and (max-width: 767px)
{
  #mobile-nav+#pageheader+div.bookmark-banner-wrapper
  {
    padding: 6px 0px;
    margin: 0px;
  }
  .bookmark-cross-icon
  {
    height: 37px;
    width: 37px;
  }
  .bookmark-cross-icon a img
  {
    width: 11px;
  }
  body.custom-bookmark-banner #mobile-nav
  {
    top: 30px;
  }
  body.custom-bookmark-banner .index-container
  {
    margin-top: 93px;
  }
  .bookmark-banner-desktop-text
  {
    display: none;
  }
  .bookmark-banner-mobile-text
  {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 25px;
  }
}
.home-tide-clock-wrapper.tide-times-clock-product-wrapper .home-tide-clock-images-nav .slick-arrow 
{
    display: block !important;
}
.home-tide-clock-wrapper.tide-times-clock-product-wrapper .home-tide-clock-images-nav .slick-prev.slick-arrow 
{
    left: 39% !important;
    top: -40px;
    transform: rotateZ(90deg);
    z-index: 2;
}
.home-tide-clock-wrapper.tide-times-clock-product-wrapper .home-tide-clock-images-nav .slick-next.slick-arrow 
{
    right: 44%;
    transform: rotateZ(90deg);
    top: auto;
    bottom: -25px;
    z-index: 2;
}
.home-tide-clock-wrapper.tide-times-clock-product-wrapper .home-tide-clock-images-nav .slick-prev::before, 
.home-tide-clock-wrapper.tide-times-clock-product-wrapper .home-tide-clock-images-nav .slick-next::before 
{
    color: black;
    font-size: 30px;
}
.new-infobar *
{
  font-size: 14px;
  text-align: center;
}
.new-infobar a,
.new-infobar a:hover,
.new-infobar a:focus
{
  outline: none;
  text-decoration: underline !important;
}
.new-infobar p:last-child
{
  margin-bottom: 25px;
}
.announcement-wrapper
{
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 10px 0px;
  margin: 0px;
  background: #3F3F3F;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  max-width: 100%;
  height: auto;
  z-index: 9999;
  min-height: 50px;
}
a.close-announcement-bar,
a.close-announcement-bar:hover,
a.close-announcement-bar:focus
{
  display: inline-block;
  vertical-align: top;
  width: 15px;
  height: auto;
  line-height: 1;
  outline: none;
  text-decoration: none;
  position: absolute;
  top: 16px;
  right: 15px;
}
a.close-announcement-bar img
{
  display: inline-block;
  vertical-align: top;
  line-height: 1;
  width: 100%;
  max-width: 100%;
  height: auto;
}
.announcement-description,
.announcement-description *
{
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  font-family: Open Sans;
  font-size: 14.4px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: 0px;
  margin: 0px;
}
.announcement-description a,
.announcement-description a:hover,
.announcement-description a:focus
{
  border: 1px solid #FFF;
  padding: 5px 10px;
  margin-left: 5px;
}
body.custom-announcement-banner #pageheader
{
  top: 50px;
}
body.custom-announcement-banner #pageheader+div, 
body.custom-announcement-banner .index-container, 
body.custom-announcement-banner.template-index #main, 
body.custom-announcement-banner.template-collection .header-after-container, 
body.custom-announcement-banner.template-product .custom-main-container, 
body.custom-announcement-banner.template- .custom-main-container, 
body.custom-announcement-banner.template-page .header-after-container, 
body.custom-announcement-banner.template-blog .head-img-cont, 
body.custom-announcement-banner.template-article .header-clock + .head-img-cont, 
body.custom-announcement-banner.template-.template- #main
{
  margin-top: 129px;
}
@media only screen and (min-width: 768px) and (max-width: 885px)
{
  body.custom-announcement-banner #pageheader+div, 
  body.custom-announcement-banner .index-container, 
  body.custom-announcement-banner.template-index #main, 
  body.custom-announcement-banner.template-collection .header-after-container, 
  body.custom-announcement-banner.template-product .custom-main-container, 
  body.custom-announcement-banner.template- .custom-main-container, 
  body.custom-announcement-banner.template-page .header-after-container, 
  body.custom-announcement-banner.template-blog .head-img-cont, 
  body.custom-announcement-banner.template-article .header-clock + .head-img-cont, 
  body.custom-announcement-banner.template-.template- #main
  {
    margin-top: 163px;
  }
}
@media only screen and (max-width: 767px)
{
  .announcement-wrapper
  {
    padding: 6px 0px;
    min-height: 35px;
  }
  a.close-announcement-bar, a.close-announcement-bar:hover, a.close-announcement-bar:focus
  {
    width: 13px;
    top: 11px;
    right: 15px;
  }
  .announcement-description, .announcement-description *
  {
    font-size: 11px;
  }
  .announcement-description a, .announcement-description a:hover, .announcement-description a:focus
  {
    padding: 3px 5px;
  }
  body.custom-announcement-banner #mobile-nav
  {
    top: 35px;
  }
  body.custom-announcement-banner #pageheader+div, 
  body.custom-announcement-banner .index-container, 
  body.custom-announcement-banner.template-index #main, 
  body.custom-announcement-banner.template-collection .header-after-container, 
  body.custom-announcement-banner.template-product .custom-main-container, 
  body.custom-announcement-banner.template- .custom-main-container, 
  body.custom-announcement-banner.template-page .header-after-container, 
  body.custom-announcement-banner.template-blog .head-img-cont, 
  body.custom-announcement-banner.template-article .header-clock + .head-img-cont, 
  body.custom-announcement-banner.template-.template- #main
  {
    margin-top: 98px;
  }
}
@media only screen and (max-width: 400px)
{
  a.close-announcement-bar, a.close-announcement-bar:hover, a.close-announcement-bar:focus
  {
    width: 10px;
  }
  .announcement-description, .announcement-description *
  {
    font-size: 10px;
  }
}
@media only screen and (max-width: 374px)
{
  a.close-announcement-bar, a.close-announcement-bar:hover, a.close-announcement-bar:focus
  {
    top: 12px;
    right: 10px;
  }
}
.home-book-demo-wrapper
{
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 50px;
}
.home-book-demo-grid
{
  margin-left: -13px;
  margin-right: -13px;
  display: flex;
  flex-wrap: wrap;
  line-height: 1;
}
.home-book-demo-grid-column
{
  width: 50%;
  padding: 0px;
  line-height: 1;
}
.home-book-demo-image-video-wrapper
{
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: 100%;
  height: auto;
  line-height: 1;
}
.home-book-demo-image-video-wrapper img,
.home-book-demo-image-video-wrapper video
{
  display: inline-block;
  vertical-align: top;
  line-height: 1;
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: cover;
  object-position: top;
  min-height: 450px;
}
.home-book-demo-info
{
  background-color: #3f3f3f;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.home-book-demo-info-inner
{
  display: block;
  width: 100%;
  max-width: 260px;
  margin: 0px;
}
.home-book-demo-info-title
{
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.home-book-demo-info-title h2
{
  color: #FFF;
  font-family: Open Sans;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 0px;
  margin: 0px;
}
.home-book-demo-info-divider
{
  display: block;
  width: 100%;
  max-width: 50%;
  margin: 0px auto;
  margin-bottom: 20px;
  height: 1px;
  background-color: #ffffff;
}
.home-book-demo-info-link
{
  display: block;
  width: 100%;
  max-width: 100%;
}
.home-book-demo-info-link a,
.home-book-demo-info-link a:hover,
.home-book-demo-info-link a:focus
{
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: 100%;
  outline: none;
  text-decoration: none;
  border: 1px solid #ffffff;
  padding: 10px 15px;
  color: #FFF;
  font-family: Open Sans;
  font-size: 14.4px;
  font-style: normal;
  font-weight: 600;
}
@media only screen and (min-width: 769px) and (max-width: 991px)
{
  .home-book-demo-image-video-wrapper img, .home-book-demo-image-video-wrapper video
  {
    min-height: 305px;
  }
}
@media only screen and (max-width: 768px)
{
  .home-book-demo-wrapper
  {
    margin-bottom: 0px;
    background-color: #3f3f3f;
  }
  .home-book-demo-grid
  {
    flex-direction: column;
  }
  .home-book-demo-grid-column
  {
    width: 100%;
    order: 2;
  }
  .home-book-demo-grid-column:last-child
  {
    order: 1;
  }
  .home-book-demo-info
  {
    padding: 30px 15px;
  }
  .home-book-demo-image-video-wrapper img, .home-book-demo-image-video-wrapper video
  {
    min-height: 338px;
  }
}

.product-tabs-2025
{
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0px;
  padding: 40px 0px;
  background-color: #3F3F3F;
}
.product-tabs-2025-title
{
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0px;
  padding: 0px;
  margin-bottom: 30px;
}
.product-tabs-2025-title h2
{
  color: #fff;
  font-family: "Timeless";
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-align: start;
  letter-spacing: normal;
  text-align: center;
  padding: 0px;
  margin: 0px;
}
.product-tabs-2025-row
{
  display: flex;
}
.product-tabs-2025-column
{
  width: 50%;
  padding-right: 30px;
}
.product-tabs-2025-column:last-child
{
  padding-right: 0px; 
  padding-left: 30px;
}
.product-tabs-2025-image-or-video
{
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0px;
  padding: 0px;
}
.product-tabs-2025-desktop-image-or-video
{
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0px;
  padding: 18px 0px;
}
.product-tabs-2025-desktop-image
{
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0px;
  padding: 0px;
  line-height: 1;
  margin-bottom: 15px; 
}
.product-tabs-2025-desktop-image img
{
  display: inline-block;
  vertical-align: top;
  line-height: 1;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0px;
  padding: 0px;
}
.product-tabs-2025-desktop-video
{
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0px;
  padding: 0px;
  line-height: 1;
  margin-bottom: 15px;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  height: auto !important;
}
.product-tabs-2025-desktop-video video
{
  display: block;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  object-fit: cover;
  object-position: top;
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 9;
}
.product-tabs-2025-mobile-image-or-video
{
  display: none;
  width: 100%;
  max-width: 100%;
  margin: 0px;
  padding: 0px;
}
.product-tabs-2025-mobile-image
{
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0px;
  padding: 0px;
  line-height: 1;
  margin-bottom: 15px; 
}
.product-tabs-2025-mobile-image img
{
  display: inline-block;
  vertical-align: top;
  line-height: 1;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0px;
  padding: 0px;
}
.product-tabs-2025-mobile-video
{
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0px;
  padding: 0px;
  line-height: 1;
  margin-bottom: 15px;
  position: relative;
  overflow: hidden;
  height: auto !important;
  height: auto;
  aspect-ratio: 9 / 16;
}
.product-tabs-2025-mobile-video video
{
  display: block;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  object-fit: cover;
  object-position: top;
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 9;
}
.product-tabs-2025-quote
{
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0px;
  padding: 0px;
}
.product-tabs-2025-quote-description
{
  display: block;
  width: 100%;
  max-width: 400px;
  margin: 0px auto;
  padding: 0px;
  margin-bottom: 20px;
  text-align: center;
}
.product-tabs-2025-quote-description *
{
  font-size: 18px;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: 1px;
  font-family: "Open Sans", sans-serif;
  padding: 0px;
  margin: 0px;
  color: #ffffff;
}
.product-tabs-2025-quote-name
{
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0px;
  padding: 0px;
  text-align: center;
}
.product-tabs-2025-quote-name p
{
  font-style: italic;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 1px;
  font-family: "Open Sans", sans-serif;
  padding: 0px;
  margin: 0px;
  color: #ffffff;
}
.product-tabs-2025-tabs-listings
{
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0px;
  padding: 0px;
}
.product-tabs-2025-tabs-listings .home-faqs .home-clock-details-single-tab a, 
.product-tabs-2025-tabs-listings .home-faqs .home-clock-details-single-tab a:hover, 
.product-tabs-2025-tabs-listings .home-faqs .home-clock-details-single-tab a:focus
{
  color: #ffffff;
  padding-bottom: 0px;
  font-family: 'Open Sans';
  font-weight: 600;
}
.product-tabs-2025-tabs-listings .home-clock-details-single-tab a span.tab-icons-wrapper img
{
  filter: brightness(0) invert(1);
}
.product-tabs-2025-tabs-listings .home-clock-details-single-tab .tab-description ul, 
.product-tabs-2025-tabs-listings .home-clock-details-single-tab .tab-description ol
{
  margin: 15px;
}
.product-tabs-2025-tabs-listings .home-clock-details-single-tab .tab-description *
{
  color: #ffffff;
  font-size: 13px;
  font-family: Open Sans, sans-serif;
  letter-spacing: 0px;
}
.product-tabs-2025-tabs-listings .home-clock-details-single-tab .tab-description ul li,
.product-tabs-2025-tabs-listings .home-clock-details-single-tab .tab-description ol li
{
  margin-top: 20px !important;
  font-size: 13px;
  font-family: Open Sans, sans-serif;
  letter-spacing: 0px;
}
.product-tabs-2025-tabs-listings .home-clock-details-single-tab .tab-description ul li a,
.product-tabs-2025-tabs-listings .home-clock-details-single-tab .tab-description ul li a:hover,
.product-tabs-2025-tabs-listings .home-clock-details-single-tab .tab-description ul li a:focus,
.product-tabs-2025-tabs-listings .home-clock-details-single-tab .tab-description ol li a,
.product-tabs-2025-tabs-listings .home-clock-details-single-tab .tab-description ol li a:hover,
.product-tabs-2025-tabs-listings .home-clock-details-single-tab .tab-description ol li a:focus
{
  font-size: 13px;
  font-family: Open Sans, sans-serif;
  letter-spacing: 0px;
}
.product-tabs-2025-tabs-listings .home-clock-details-single-tab:not(:first-child) .tab-description ul,
.product-tabs-2025-tabs-listings .home-clock-details-single-tab:not(:first-child) .tab-description ol
{
  list-style: none;
  padding: 0px;
}
.product-tabs-2025-tabs-listings .home-clock-details-single-tab:not(:first-child) .tab-description ul li span,
.product-tabs-2025-tabs-listings .home-clock-details-single-tab:not(:first-child) .tab-description ol li span
{
  margin-right: 20px;
  display: inline-block;
  width: 5%;
  vertical-align: top;
  margin-top: 10px;
}
.product-tabs-2025-tabs-listings .home-clock-details-single-tab:not(:first-child) .tab-description ul li span i,
.product-tabs-2025-tabs-listings .home-clock-details-single-tab:not(:first-child) .tab-description ol li span i
{
  font: normal normal normal 14px / 1 FontAwesome;
  font-size: 16px;
  color: #ffffff !important;
  font-style: normal !important;
}
.product-tabs-2025-tabs-listings .home-clock-details-single-tab:not(:first-child) .tab-description ul li p,
.product-tabs-2025-tabs-listings .home-clock-details-single-tab:not(:first-child) .tab-description ol li p
{
  margin-top: 0;
  display: inline-block;
  width: 89%;
}
.product-tabs-2025-tabs-listings .home-clock-details-single-tab.active
{
  border-color: transparent;
}
.product-tabs-2025-tabs-listings .home-faqs .home-clock-details-single-tab a span.tab-icons-wrapper
{
  top: auto;
  bottom: 18%;
  transform: none;
}
@media only screen and (max-width: 825px)
{
  .product-tabs-2025-tabs-listings .home-clock-details-single-tab:not(:first-child) .tab-description ul li p,
  .product-tabs-2025-tabs-listings .home-clock-details-single-tab:not(:first-child) .tab-description ol li p
  {
    margin-top: 0;
    display: inline-block;
    width: 84%;
  }
}
@media only screen and (max-width: 767px)
{
  .product-tabs-2025-title h2
  {
    font-size: 20px;
    line-height: 24px;
  }
  .product-tabs-2025-row
  {
    flex-direction: column;
  }
  .product-tabs-2025-column
  {
    width: 100%;
    padding: 0px;
  }
  .product-tabs-2025-column:last-child
  {
    padding: 0px;
  }
  .product-tabs-2025-mobile-image-or-video
  {
    display: block;
  }
  .product-tabs-2025-desktop-image-or-video
  {
    display: none;
  }
  .product-tabs-2025-quote-description *
  {
    font-size: 15px;
  }
  .product-tabs-2025-quote-name p
  {
    font-size: 12px; 
  }
}
.second-hand-model-button
{
  display: block;
  width: 100%;
  max-width: 100%;
}
.second-hand-model-button a,
.second-hand-model-button a:hover,
.second-hand-model-button a:focus
{
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: 100%;
  height: auto;
  outline: none;
  text-decoration: none;
  background-color: #3F3F3F;
  text-transform: inherit;
  font-size: 18px;
  letter-spacing: 0px;
  color: #fff;
  min-height: 45px;
  padding: 13px 10px;
  text-align: center;
}
.product-color-properties p
{
  font-size: 13px;
  font-family: Open Sans, sans-serif;
  letter-spacing: 0px;
}
.product-color-properties select
{
  margin: 0 0 1em;
  padding: 10px 30px 10px 15px;
  max-width: 202px;
  background-image: url(//www.bramwellbrown.com/cdn/shop/t/70/assets/select.png?v=135663183660986782611729675554);
  margin: 0px;
  max-width: 100%;
  width: 100%;
}
.cart-error-popup .fancybox-slide
{
  padding: 0px;
}
#harbour-days-tide-clock-by-becca-hall.template-product-new .product-form #product-variants .selector-wrapper,
#harbour-days-tide-clock-by-becca-hall.template-product-new .product-form #product-variants .selector-wrapper select,
#forecast-in-flight-weather-clock-by-becca-hall.template-product-new .product-form #product-variants .selector-wrapper,
#forecast-in-flight-weather-clock-by-becca-hall.template-product-new .product-form #product-variants .selector-wrapper select,
#hiroshige-weather-art-clock.template-product-new .product-form #product-variants .selector-wrapper,
#hiroshige-weather-art-clock.template-product-new .product-form #product-variants .selector-wrapper select,
#hokusai-tide-art-clock.template-product-new .product-form #product-variants .selector-wrapper,
#hokusai-tide-art-clock.template-product-new .product-form #product-variants .selector-wrapper select
{
  width: 100%;
  max-width: 100%;
}