html, body, div, img, amp-img, h1, h2, h3, h4, h5, h6, p, ul, li, a {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  justify-content: inherit;
  align-items: inherit;
  text-align: inherit;
  display: inherit;
  flex-wrap: inherit;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding: 0;
  margin: 0;
  max-width: inherit;
}

amp-sidebar {
  position: fixed;
  top: 0;
  max-height: 100vh;
  height: 100vh;
  max-width: 100vw;
  background-color: #efefef;
  min-width: 195px;
  outline: none;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 2147483647;
  -webkit-overflow-scrolling: touch;
  will-change: transform;
}

button {
  align-items: center;
  text-align: center;
  cursor: default;
  color: #fff;
  background-color: #fff;
  box-sizing: border-box;
  padding: 2px 6px 3px;
  border-width: 0px;
  border-style: none;
  border-color: #fff;
  border-image: initial;
}

html {
  overflow: auto;
}

amp-img {
  margin: 15px 0;
  padding: 0;
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}

img {
  margin: 0;
  padding: 0;
  display: block;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-size: contain;
}

h1, h2, h3, h4, h5, h6, p, ul, li, a {
  margin: 5px auto;
  letter-spacing: 1vw;
  padding-left: .25em;
}

h1, h2, h3, h4, h5, h6, ul, a {
  text-transform: uppercase;
}

p, ul, li {
  text-transform: lowercase;
  font-variant: small-caps;
}

h1 {
  font-size: 6vw;
  letter-spacing: 1vw;
  margin: 25px auto;
}

h2 {
  font-size: 5vw;
  letter-spacing: .5vw;
  margin: 20px auto;
}

h3 {
  font-size: 4vw;
  margin: 15px auto;
}

h4 {
  font-size: 3.5vw;
}

h5 {
  font-size: 3vw;
}

h6 {
  font-size: 2.5vw;
}

ul {
  font-size: .5vw;
}

li {
  font-size: .5vw;
  letter-spacing: .1em;
}

p {
  font-size: 2.5vw;
  letter-spacing: .2em;
}

p {
  font-family: sans-serif;
  font-variant: normal;
  text-transform: none;
}

a {
  margin: auto;
  text-decoration: none;
  align-items: center;
  text-align: center;
  font-size: 12px;
}

.nav_bar {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-left: 45px;
  padding-right: 45px;
}

ul.sidenav {
  list-style-type: none;
  background-color: #fff;
  position: relative;
  height: auto;
  overflow: hidden;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 45px;
  padding-right: 45px;
}

ul.sidenav li a {
  display: block;
  color: #000;
  padding: 8px 16px;
  text-decoration: none;
}

ul.sidenav li a.active {
  background-color: #000;
  color: white;
}

ul.sidenav li a:hover:not(.active) {
  background-color: #555;
  color: white;
}

div.content {
  margin-left: 25%;
  padding: 1px 16px;
  height: 1000px;
}

ul.sidenav li a {
  text-align: center;
  float: none;
}

.page {
  margin: 0;
  padding: 0;
  height: auto;
  width: 100%;
  min-height: 100vh;
  min-width: 480px;
  background-color: none;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  text-align: center;
  display: block;
}

.row_container, .col_container {
  margin: auto 0;
  padding: 15px;
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}

.page_width {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 45px;
  padding-right: 45px;
}

.content {
  margin: 0 auto;
  padding: 0;
  width: auto;
  height: auto;
}

.section_header{
  width: 100%;
  padding-top: 10vh;
  padding-bottom: 10vh;
  min-height: 100vh;
}

.section_footer {
  width: 100%;
  padding-top: 5vh;
  padding-bottom: 5vh;
  min-height: 200px;
}

.section_t1 {
  width: 100%;
  padding-top: 0vh;
  padding-bottom: 0vh;
  min-height: 200px;
}

.section_t2 {
  width: 100%;
  padding-top: 10vh;
  padding-bottom: 10vh;
  min-height: 35vh;
}

.section_t3 {
  width: 100%;
  padding-top: 35vh;
  padding-bottom: 35vh;
  min-height: 65vh;
}

.button, .button2 {
  width: 45vw;
  margin: 10px auto;
  padding: 5px 25px;
  transition: .2s;
  display: flex;
  font-size: 3.4vw;
  min-height: 6vh;
}

.option, .amount {
  width: 45vw;
  margin: 10px auto;
  padding: 5px 25px;
  display: flex;
  font-size: 3.4vw;
  min-height: 6vh;
  height: auto;
  border: solid 2px #000;
  background-color: #fff;
  color: #000;
}

.button {
  border: solid 2px #fff;
  background-color: #000;
  color: #fff;
}

.button:hover {
  border: solid 2px #fff;
  background-color: #fff;
  color: #000;
}

.button2 {
  border: solid 2px #000;
  background-color: #fff;
  color: #000;
}

.button2:hover {
  border: solid 2px #000;
  background-color: #000;
  color: #fff;
}

.box_button {
  border: solid 2px #fff;
}

.box_button:hover {
  border: solid 2px #000;
}

.banner {
  height: 55vh;
  min-height: 300px;
}

.spacer_thin {
  width: 50px;
  height: 2px;
  margin: 10px auto;
  background-color: #000;
}

.spacer_thick {
  width: 100px;
  height: 4px;
  margin: 10px auto;
  background-color: #000;
}

.strikethrough {
  height: 4px;
  margin: 100px auto;
  background-color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
}

.border_thin {
  border: 2px solid #000;
  margin: 4px auto;
}

.border_thick {
  border: 4px solid #000;
  margin: auto 3vw;
  padding: 0px 5vw;
}

.border_white {
  border-color: #fff;
}

@media only screen and (orientation: landscape) {

  .row_container {
    display: flex;
  }

  ul.sidenav {
    width: 100%;
    height: auto;
    position: relative;
  }

  ul.sidenav li a {
    float: left;
    padding: 15px;
  }

  div.content {
    margin-left: 0;
  }

  h1, h2, h3, h4, h5, h6, p, ul, li, a {
    letter-spacing: .5em;
    padding-left: .5em;
  }

  h1 {
    font-size: 48px;
  }

  h2 {
    font-size: 36px;
  }

  h3 {
    font-size: 32px;
  }

  h4 {
    font-size: 28px;
  }

  h5 {
    font-size: 24px;
  }

  h6 {
    font-size: 18px;
  }

  ul {
    font-size: 12px;
  }

  li {
    font-size: 8px;
    letter-spacing: .2em;
  }

  p {
    font-size: 14px;
    letter-spacing: .2em;
  }

  a {
    font-size: 12px;
    letter-spacing: .2em;
  }

  .button2 a {
    font-size: 20px;
    letter-spacing: 10px;
  }

  amp-img {
    margin: 0 15px;
  }

  .button, .button2 {
    width: auto;
    height: auto;
    min-height: auto;
    font-size: 20px;
    display: inline-flex;
  }

  .banner {
    height: 25vw;
    max-height: 400px;
    min-height: 324px;
  }

  .option, .amount {
    width: auto;
    height: auto;
    min-height: auto;
    font-size: 20px;
    display: inline-flex;
  }

  .sidenav {
    display: flex;
    flex-wrap: wrap;
  }

}

.height_100 {
  height: 100vh;
}

.align_top {
  vertical-align: top;
  margin-top: 0;
  margin-bottom: auto;
}

.vert_fill {
  vertical-align: top;
  margin-top: 0;
  margin-bottom: 0;
}

.flex {
  display: flex;
  flex-wrap: wrap;
}

.width_100 {
  width: 100%;
}

.block {
  display: block;
}

.inline_block {
  display: inline-block;
}

.inline_flex {
  display: inline-flex;
}

.font_black {
  color: #000;
}

.font_white {
  color: #fff;
}

.text_left {
  text-align: left;
}

.text_right {
  text-align: right;
}

.text_center {
  text-align: center;
}

.align_left {
  margin-left: .5em;
}

.align_right {
  margin-right: .5em;
}

.bg_white {
  background-color: #fff;
}

.bg_black {
  background-color: #000;
}

.bg_none {
  background-color: none;
  opacity: 0;
}

.bg_placeHolder {
  background-color: #40c0db;
}

.opacity_50 {
  opacity: 50%;
}

.opacity_100 {
  opacity: 200%;
}

.linethrough {
  text-decoration: line-through;
}

.bg_banner {
  background: #000 url("https://s3.us-west-1.amazonaws.com/vandacrew.com/images/banner03.jpg") no-repeat center;
  background-size: cover;
}

.bg_banner2 {
  background: #000 url("https://s3.us-west-1.amazonaws.com/vandacrew.com/images/banner03.jpg") no-repeat center;
  background-size: cover;
}

.bg_banner3 {
  background: #fff url("https://www.executiveyachtgroup.com/home_files/logo_bar.png") no-repeat center;
  background-size: contain;
  height: auto;
}

.logo_bar {
  background: #fff url("https://s3.us-west-1.amazonaws.com/executiveyachtgroup.com/images/logo_bar2.png") no-repeat center;
  background-size: contain;
  min-height: 200px;
}

.eyg_logo {
  background: #fff url("https://s3.us-west-1.amazonaws.com/executiveyachtgroup.com/images/EYGlogo.png") no-repeat center;
  background-size: contain;
  min-height: 200px;
}

.trl_logo {
  background: #fff url("") no-repeat center;
  background-size: contain;
  min-height: 200px;
}

.mayday_logo {
  background: #fff url("https://www.executiveyachtgroup.com/home_files/Mayday_Logo.png") no-repeat center;
  background-size: contain;
  min-height: 200px;
}

.CMS_logo {
  background: #fff url("https://s3.us-west-1.amazonaws.com/executiveyachtgroup.com/images/CMSlogo.png") no-repeat center;
  background-size: contain;
  min-height: 200px;
}

.yacht360_logo {
  background: #fff url("https://www.executiveyachtgroup.com/home_files/360-yacht.jpg") no-repeat center;
  background-size: contain;
  min-height: 200px;
}

.marlansMarine_logo {
  background: #fff url("https://s3.us-west-1.amazonaws.com/executiveyachtgroup.com/images/MarlansMarinelogo.png") no-repeat center;
  background-size: contain;
  min-height: 200px;
}

.news_image {
  background: #fff;
  background-size: contain;
  height: auto;
  min-height: 200px;
  overflow: hidden;
  display: flex;
}

.boat_image{
  background: #fff;
  background-size: contain;
  height: auto;
  min-height: 200px;
  min-width: 200px;
  overflow: hidden;
}

.img_rigLoftLogo {
  background: #fff url("https://s3.us-west-1.amazonaws.com/executiveyachtgroup.com/images/rigLoftLogo.jpeg") no-repeat center;
  background-size: contain;
  min-height: 200px;
}

.img_block2 {
  background: #fff url("https://res.cloudinary.com/utidinary/image/upload/v1698484991/marine_gallery_mercury_quad_verado_350_seavee_390_4.webp") no-repeat center content-box;
  background-size: cover;
  height: 480px;
}

.img_block3 {
  background: #fff url("https://www.mercurymarine.com/us/en/shopping-tools/_jcr_content/root/container/pagesection/columnrow/item_1752782687583.coreimg.100.1280.jpeg/1753120545272/mm-mercurytech-2024-osh-wi-s6a7408.jpeg") no-repeat center content-box;
  background-size: cover;
  height: 480px;
}

.img_block4 {
  background: #fff url("https://cdn.prod.website-files.com/6787076b5e8a80dea2a7cb13/67896195956e8945240e798e_hightide-034.jpg") no-repeat center content-box;
  background-size: cover;
  height: 480px;
}

.img_block5 {
  background: #fff url("https://citimarinestore.com/citiguide/wp-content/uploads/2015/12/Electric-dive-systems.jpg") no-repeat center content-box;
  background-size: cover;
  height: 480px;
}

.img_block6 {
  background: #fff url("https://cdn.dribbble.com/userupload/23251370/file/original-6443b626d152378445b3d9d031b5ca35.png?resize=752x&vertical=center") no-repeat center content-box;
  background-size: cover;
  height: 480px;
}

.img_block7 {
  background: #fff url("https://static.wixstatic.com/media/61c4a3_420b29e6530d43d8bb58f19185e80037~mv2.jpg/v1/fit/w_500,h_500,q_90/file.jpg") no-repeat center content-box;
  background-size: cover;
  height: 480px;
}

.bg_merc {
  background: #000 url("https://www.executiveyachtgroup.com/home_files/engine-1.jpg") no-repeat center;
  background-size: cover;
  background-color: rgba(0,0,0,0.6);
  background-blend-mode: darken;
}

.title_border_thin {
  border: 1px solid #fff;
  margin: 4px auto;
}

.title_border_thick {
  border: 4px solid #fff;
  margin: auto 3vw;
  padding: 0px 5vw;
}

.sub_border_thin {
  border: 2px solid #000;
  margin: 4px auto;
}

.sub_border_thick {
  border: 4px solid #000;
  margin: auto 3vw;
  padding: 0px 5vw;
}

.no_margin_v {
  margin-top: 0;
  margin-bottom: 0;
}

.no_margin_h {
  margin-left: 0;
  margin-right: 0;
}

body:before {
  background: #000 url("https://s3.us-west-1.amazonaws.com/vandacrew.com/images/backdrop01.jpg") no-repeat 50% / cover;
  content: '';
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  z-index: -1;
}