@import url("https://fonts.googleapis.com/css2?family=Cuprum:wght@400;700&family=Source+Sans+Pro:wght@300;400;900&display=swap");
html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

*, *::before, *::after {
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important; }

html, body {
  height: 100%;
  min-height: 100vh;
  width: 100%;
  min-width: 100vw;
  margin: 0 !important;
  padding: 0 !important;
  position: relative;
  font-size: 100%;
  overflow: hidden;
  font-family: 'Source Sans Pro', sans-serif;
  scroll-behavior: smooth !important; }
  html h1, html h2, html h3, html h4, html h5, html h6, html .h1, html .h2, html .h3, html .h4, html .h5, html strong, html b, body h1, body h2, body h3, body h4, body h5, body h6, body .h1, body .h2, body .h3, body .h4, body .h5, body strong, body b {
    font-family: 'Cuprum', sans-serif;
    color: #18213b; }
  html a, body a {
    text-decoration: none !important; }
  html p, body p {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1rem; }
  html .text-left, body .text-left {
    text-align: left !important; }
  html .text-center, body .text-center {
    text-align: center !important; }
  html .text-right, body .text-right {
    text-align: right !important; }

body {
  overflow-y: auto !important; }

.bg-info {
  background-color: #b4d6e3 !important; }

.btn-outline-info {
  color: #b4d6e3 !important;
  border-color: #b4d6e3 !important; }
  .btn-outline-info:hover {
    color: #18213b !important;
    background-color: #b4d6e3 !important;
    border-color: #b4d6e3 !important; }

blockquote {
  font-size: 1.25em;
  width: 80%;
  margin: 0 auto 0 0;
  font-style: italic;
  color: #555555;
  padding: 1.2em 30px 1.2em 75px;
  border-left: 6px solid #b4d6e3;
  line-height: 1.6;
  position: relative;
  background: ghostwhite;
  border-radius: 4px; }
  blockquote::before {
    content: "\275D";
    color: lightgray;
    font-size: 2.5em;
    position: absolute;
    left: 1rem;
    top: 0.25rem; }
  blockquote ::after {
    content: ""; }

#navbar_top {
  z-index: 1099; }

.fixed-top {
  top: -40px;
  transform: translateY(40px);
  transition: transform .3s; }

figure#branding {
  float: left;
  text-align: left;
  padding: 0 30px 0 0;
  min-height: 80px; }
  figure#branding img.img-fluid {
    height: 80px !important;
    object-fit: contain !important;
    object-position: center; }

#contactbar .icon-holder {
  padding: 20px;
  text-align: right; }
  #contactbar .icon-holder i {
    font-size: 2em; }
#contactbar .details {
  padding-top: 15px; }
  #contactbar .details * {
    color: #4b9ebf; }
  #contactbar .details span {
    white-space: nowrap; }

.neg-top-30 {
  margin-top: -30px; }
.neg-top-60 {
  margin-top: -60px; }
.neg-top-15 {
  margin-top: -15px; }
.neg-top-5 {
  margin-top: -5px; }

.neg-bot-30 {
  margin-bottom: -30px; }
.neg-bot-60 {
  margin-bottom: -60px; }
.neg-bot-15 {
  margin-bottom: -15px; }
.neg-bot-5 {
  margin-bottom: -5px; }

.softborder {
  border-radius: 0.24rem;
  -o-border-radius: 0.24rem;
  -moz-border-radius: 0.24rem;
  -webkit-border-radius: 0.24rem;
  z-index: 1030;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  -webkit-box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  -o-box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  -moz-box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; }

ul.navbar-nav li.nav-item {
  text-align: center;
  min-width: 85px;
  border-right: 1px solid #c4d5e1; }

.offer-btn {
  float: none;
  position: relative;
  right: 15px;
  background-color: #b4d6e3 !important;
  color: #f4f4f4 !important;
  border: 1px solid transparent; }
  .offer-btn-right {
    float: right;
    position: absolute;
    right: 15px;
    background-color: #18213b;
    color: #f4f4f4;
    border: 1px solid transparent;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    -moz-box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    -o-box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    -webkit-box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; }
    .offer-btn-right:hover {
      border-color: #18213b !important;
      color: #18213b !important; }
  .offer-btn:hover {
    background-color: transparent !important;
    border-color: #b4d6e3 !important;
    color: #18213b !important; }

.jumbotron {
  position: relative;
  height: 100%;
  width: 100%;
  display: block !important;
  max-height: 380px;
  overflow: hidden;
  text-align: center;
  align-content: center;
  justify-content: center;
  pointer-events: none; }

.jumbo-bg-image {
  background-size: auto;
  -moz-background-size: auto;
  -webkit-background-size: cover;
  min-height: 480px;
  min-width: 100vw;
  position: absolute;
  margin-left: 50%;
  left: 0;
  z-index: -2;
  background-repeat: no-repeat;
  object-fit: contain;
  transform: translateX(-50%);
  opacity: 0.7;
  pointer-events: none; }

.floating-content, .page-entry, #post-lists {
  width: 100%;
  height: 100%;
  z-index: 1020; }
  .floating-content h2, .page-entry h2, #post-lists h2 {
    font-size: 4rem;
    color: #18213b; }
    .floating-content h2 span, .page-entry h2 span, #post-lists h2 span {
      color: #b4d6e3;
      font-size: 20px;
      text-align: left;
      position: relative;
      left: 0; }

.card-box {
  padding: 10px;
  min-height: 100%;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  -moz-box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  -o-box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  -webkit-box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  background-color: #edf0fa;
  border-bottom: 2px solid #b4d6e3; }
  .card-box h2.small-text {
    font-size: 16px !important; }
  .card-box.bg-navy {
    background-color: #18213b !important;
    color: #f4f4f4 !important;
    border-bottom: 2px solid #b4d6e3; }
  .card-box.bg-info {
    background-color: #b4d6e3 !important;
    color: #18213b !important;
    border-bottom: 2px solid #18213b; }
  .card-box.bg-clean {
    background-color: #edf0fa !important;
    color: #18213b !important;
    border-bottom: 2px solid #b4d6e3 !important; }

@media (max-width: 990px) {
  .not-mobile {
    display: none !important; }

  .neg-top-30 {
    margin: 0 !important; }

  .only-mobile.navbar-brand img {
    max-height: 60px !important; } }
@media (min-width: 990px) {
  .not-mobile {
    display: flex !important; }

  .only-mobile.navbar-brand {
    display: none !important; } }
.footer {
  background: #18213b;
  color: white; }
  .footer .links ul {
    list-style-type: none; }
  .footer .links li a {
    color: white;
    transition: color .2s; }
    .footer .links li a:hover {
      text-decoration: none;
      color: #b4d6e3; }
  .footer .about-company i {
    font-size: 25px; }
  .footer .about-company a {
    color: white;
    transition: color .2s; }
    .footer .about-company a:hover {
      color: #b4d6e3; }
  .footer .location i {
    font-size: 18px; }
  .footer .copyright p {
    border-top: 1px solid rgba(255, 255, 255, 0.1); }

.vdsboatcare-backtotop {
  display: none;
  position: fixed;
  left: auto;
  right: 15px;
  top: auto;
  bottom: 30px;
  background-color: #b4d6e3;
  padding: 10px;
  height: 60px;
  width: 30px;
  justify-content: center;
  text-align: center;
  padding-top: 15px;
  text-decoration: none !important;
  z-index: 1045; }
  .vdsboatcare-backtotop span.top-arrow {
    text-decoration: none !important;
    color: #f4f4f4; }

main {
  min-height: 100vh;
  position: relative;
  z-index: 1000; }

.container-full-bg {
  position: relative;
  z-index: 0; }

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
  color: #18213b !important; }

#post-lists {
  margin-top: 60px; }

#contact-row.p-2 {
  margin-top: 30px; }

#post-lists, #contact-row {
  border-radius: 0.25px !important;
  -o-border-radius: 0.25px !important;
  -moz-order-radius: 0.25px !important;
  -webkit-border-radius: 0.25px !important;
  background-color: #edf0fa;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  -moz-box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  -o-box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  -webkit-box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; }
  #post-lists::after, #post-lists:after, #contact-row::after, #contact-row:after {
    position: absolute;
    z-index: -2;
    height: 100%;
    width: 80%;
    top: 0;
    left: 0;
    right: 0;
    bottom: auto;
    display: block;
    background-color: red;
    border: 1px dotted red; }
  #post-lists h2, #contact-row h2 {
    text-align: center;
    font-size: 4rem;
    color: #18213b; }
    #post-lists h2 span, #contact-row h2 span {
      color: #b4d6e3 !important;
      font-size: 1.2rem;
      text-align: left;
      position: relative;
      left: 0; }

#post-lists .sub-textblock {
  max-width: 520px;
  display: block;
  left: 50%;
  position: relative;
  transform: translateX(-50%); }
#post-lists .card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: none !important;
  border-radius: .25rem;
  max-width: 16rem;
  margin-bottom: 60px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  -moz-box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  -o-box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  -webkit-box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; }
  #post-lists .card .card-img {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px; }
  #post-lists .card .card-title {
    margin-bottom: 0.3rem; }
  #post-lists .card .cat {
    display: inline-block;
    margin-bottom: 1rem; }
  #post-lists .card .fa-users {
    margin-left: 1rem; }
  #post-lists .card .card-footer {
    font-size: 0.8rem; }

.card img.card-img {
  max-width: 100%;
  height: auto !important;
  object-fit: cover !important; }

.card .card-body hr {
  display: block;
  height: 1px;
  width: 80%;
  background-color: #b4d6e3 !important;
  justify-content: center;
  align-content: center;
  margin: 15px auto 15px !important; }

.icon-holder i, .details span {
  color: #b4d6e3 !important;
  fill: #b4d6e3; }

.details strong {
  color: #18213b !important; }

.details br {
  display: block;
  width: 100%;
  height: 1rem; }

#banner-features {
  position: relative;
  z-index: 1030; }

.floating-cta-button {
  background-color: #18213b;
  color: #f4f4f4;
  border: 1px solid transparent;
  border-radius: 0.24rem;
  padding: 8px 12px;
  margin-top: 30px; }
  .floating-cta-button:hover {
    color: #18213b;
    background-color: #f4f4f4;
    border: 1px solid #18213b; }

.wpcf7-form-control.has-spinner.wpcf7-submit {
  display: inline-block;
  font-weight: 400;
  color: #b4d6e3;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid #b4d6e3;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .25rem;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; }
  .wpcf7-form-control.has-spinner.wpcf7-submit:hover {
    background-color: #b4d6e3;
    border-color: #b4d6e3;
    color: #f4f4f4 !important;
    text-decoration: none; }
  .wpcf7-form-control.has-spinner.wpcf7-submit.focus, .wpcf7-form-control.has-spinner.wpcf7-submit:focus {
    outline: 0;
    box-shadow: none !important; }
  .wpcf7-form-control.has-spinner.wpcf7-submit.disabled, .wpcf7-form-control.has-spinner.wpcf7-submit:disabled {
    opacity: 0.65; }

div[role=form].wpcf7 label {
  display: inline-block;
  width: 100%; }

#contact-row .contact-header {
  text-align: center;
  align-content: center;
  justify-content: center; }
  #contact-row .contact-header p {
    max-width: 520px;
    text-align: center;
    margin-left: 50%;
    transform: translateX(-50%);
    margin-bottom: 30px; }
#contact-row .contact-block {
  background-color: #edf0fa;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  -moz-box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  -o-box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  -webkit-box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  border-radius: 0.25rem;
  -o-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -webkit-border-radius: 0.25rem;
  padding: 15px; }
  #contact-row .contact-block.offset-block {
    margin-top: 10vh;
    margin-left: 15px;
    height: 70vh;
    border-radius: 0.25rem;
    -o-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem; }

.form-control {
  background-color: #edf0fa;
  border: none;
  border-radius: 0 !important;
  border-bottom: 1px solid transparent !important; }
  .form-control:focus {
    color: #18213b;
    background-color: #fff;
    border-bottom: 1px solid #b4d6e3 !important;
    outline: 0;
    box-shadow: none !important; }

ul.navbar-nav li.nav-item * {
  color: #18213b !important; }
  ul.navbar-nav li.nav-item *:hover {
    color: #f4f4f4 !important; }

.card-box.bg-navy {
  color: #f4f4f4 !important; }
  .card-box.bg-navy h2 {
    color: #f4f4f4 !important; }
    .card-box.bg-navy h2.small-text {
      color: #f4f4f4 !important; }

.team-cards {
  margin-top: 60px; }
  .team-cards .card {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    max-width: 300px;
    margin: auto;
    text-align: center;
    border-top: 2px solid #b4d6e3; }
  .team-cards .title {
    color: grey; }
  .team-cards button {
    border: none;
    outline: 0;
    display: inline-block;
    padding: 8px;
    color: white;
    background-color: #000;
    text-align: center;
    cursor: pointer;
    width: 100%;
    font-size: 18px; }
  .team-cards a {
    text-decoration: none;
    font-size: 22px;
    color: black; }
  .team-cards button:hover, .team-cards a:hover {
    opacity: 0.7; }

img.proportional-images {
  width: 100%;
  max-height: 300px;
  overflow: hidden;
  object-fit: cover !important;
  object-position: top;
  height: 204px; }

.entry-content ul {
  list-style: none; }
  .entry-content ul li {
    cursor: pointer !important;
    background-color: transparent !important; }
    .entry-content ul li:hover {
      font-size: 20px;
      background-color: #18213b !important;
      color: #b4d6e3 !important; }

.widget-container h2, .widget-container h3, .widget-container .widget-title {
  color: #f4f4f4 !important;
  font-size: 28px !important; }

.clearHeader {
  transition: position 2s;
  transition-timing-function: cubic-bezier(0.1, 0.7, 1, 0.1); }
  .clearHeader.sticky {
    position: fixed;
    width: 100%;
    display: block;
    top: 0 !important;
    left: 0 !important; }
    .clearHeader.sticky #contactbar {
      box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
      -moz-box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
      -o-box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
      -webkit-box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; }

li.btn.btn-info.offer-btn-right.menu-item.nav-item {
  position: relative;
  left: 90%;
  background-color: #18213b !important;
  color: #f4f4f4 !important;
  height: 30px;
  margin-top: 5px;
  border: 1px solid transparent; }
  li.btn.btn-info.offer-btn-right.menu-item.nav-item a.nav-link {
    height: 20px;
    color: #fff !important;
    padding: 0 10px;
    border-radius: 0.24rem;
    margin-right: 0; }

#myImg {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s; }

#myImg:hover {
  opacity: 0.7; }

/* The Modal (background) */
.modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 99999;
  /* Sit on top */
  padding-top: 100px;
  /* Location of the box */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.9);
  /* Black w/ opacity */ }

/* Modal Content (image) */
.modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px; }

/* Caption of Modal Image */
#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px; }

/* Add Animation */
.modal-content, #caption {
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s; }

@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(0); }
  to {
    -webkit-transform: scale(1); } }
@keyframes zoom {
  from {
    transform: scale(0); }
  to {
    transform: scale(1); } }
/* The Close Button */
.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s; }

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer; }

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px) {
  .modal-content {
    width: 100%; } }

/*# sourceMappingURL=main.app.css.map */