/*
Theme Name:         H&M Landing
Version:            1.0.0
Author:             Atlas Solutions / Dedication Graphics
Template:           FoundationPress
*/

/* ---------------------------------------------------------------------------- 
  
  Unfortunately WordPress will require a style.css file
  located in the theme's root folder for stuff to work.

  However, we will not be using vanlilla CSS. We're using Sass.

  Sass is a superset of CSS that adds in amazing features
  such as variables, nested selectors and loops. It's also
  the easiest way to customize Foundation.

  All Sass files are located in the /scss folder.

  Please read the README.md file before getting started. More info on how
  to use Sass with Foundation can be found here:
  http://foundation.zurb.com/docs/sass.html

---------------------------------------------------------------------------- */
/**
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700);
@font-face {
    font-family: 'giltutextbolregular';
    src: url('https://hmlanding-f2chbldspyqv.netdna-ssl.com/booking/wp-content/fonts/giltust-extrabold-webfont.eot');
    src: url('https://hmlanding-f2chbldspyqv.netdna-ssl.com/booking/wp-content/fonts/giltust-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://hmlanding-f2chbldspyqv.netdna-ssl.com/booking/wp-content/fonts/giltust-extrabold-webfont.woff2') format('woff2'),
         url('https://hmlanding-f2chbldspyqv.netdna-ssl.com/booking/wp-content/fonts/giltust-extrabold-webfont.woff') format('woff'),
         url('https://hmlanding-f2chbldspyqv.netdna-ssl.com/booking/wp-content/fonts/giltust-extrabold-webfont.ttf') format('truetype'),
         url('https://hmlanding-f2chbldspyqv.netdna-ssl.com/booking/wp-content/fonts/giltust-extrabold-webfont.svg#giltutextbolregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'giltutregregular';
    src: url('https://hmlanding-f2chbldspyqv.netdna-ssl.com/booking/wp-content/fonts/giltust-regular-webfont.eot');
    src: url('https://hmlanding-f2chbldspyqv.netdna-ssl.com/booking/wp-content/fonts/giltust-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://hmlanding-f2chbldspyqv.netdna-ssl.com/booking/wp-content/fonts/giltust-regular-webfont.woff2') format('woff2'),
         url('https://hmlanding-f2chbldspyqv.netdna-ssl.com/booking/wp-content/fonts/giltust-regular-webfont.woff') format('woff'),
         url('https://hmlanding-f2chbldspyqv.netdna-ssl.com/booking/wp-content/fonts/giltust-regular-webfont.ttf') format('truetype'),
         url('https://hmlanding-f2chbldspyqv.netdna-ssl.com/booking/wp-content/fonts/giltust-regular-webfont.svg#giltutregregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'giltutmedregular';
    src: url('https://hmlanding-f2chbldspyqv.netdna-ssl.com/booking/wp-content/fonts/giltust-medium-webfont.eot');
    src: url('https://hmlanding-f2chbldspyqv.netdna-ssl.com/booking/wp-content/fonts/giltust-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://hmlanding-f2chbldspyqv.netdna-ssl.com/booking/wp-content/fonts/giltust-medium-webfont.woff2') format('woff2'),
         url('https://hmlanding-f2chbldspyqv.netdna-ssl.com/booking/wp-content/fonts/giltust-medium-webfont.woff') format('woff'),
         url('https://hmlanding-f2chbldspyqv.netdna-ssl.com/booking/wp-content/fonts/giltust-medium-webfont.ttf') format('truetype'),
         url('https://hmlanding-f2chbldspyqv.netdna-ssl.com/booking/wp-content/fonts/giltust-medium-webfont.svg#giltutmedregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
**/
@font-face {
    font-family: 'giltutligregular';
    src: url('https://www.hmlanding.com/booking/wp-content/themes/FoundationPress-child/fonts/giltust-light-webfont.eot');
    src: url('https://www.hmlanding.com/booking/wp-content/themes/FoundationPress-child/fonts/giltust-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.hmlanding.com/booking/wp-content/themes/FoundationPress-child/fonts/giltust-light-webfont.woff2') format('woff2'),
         url('https://www.hmlanding.com/booking/wp-content/themes/FoundationPress-child/fonts/giltust-light-webfont.woff') format('woff'),
         url('https://www.hmlanding.com/booking/wp-content/themes/FoundationPress-child/fonts/giltust-light-webfont.ttf') format('truetype'),
         url('https://www.hmlanding.com/booking/wp-content/themes/FoundationPress-child/fonts/giltust-light-webfont.svg#giltutligregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'icomoon';
    src:    url('https://www.hmlanding.com/booking/wp-content/themes/FoundationPress-child/fonts/icons/icomoon.eot?z7qkf');
    src:    url('https://www.hmlanding.com/booking/wp-content/themes/FoundationPress-child/fonts/icons/icomoon.eot?z7qkf#iefix') format('embedded-opentype'),
        url('https://www.hmlanding.com/booking/wp-content/themes/FoundationPress-child/fonts/icons/icomoon.ttf?z7qkf') format('truetype'),
        url('https://www.hmlanding.com/booking/wp-content/themes/FoundationPress-child/fonts/icons/icomoon.woff?z7qkf') format('woff'),
        url('https://www.hmlanding.com/booking/wp-content/themes/FoundationPress-child/fonts/icons/icomoon.svg?z7qkf#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
a {
    transition: all 0.2s; 
}
a:focus, a:hover {
    color: #D2232A;
}
/* FATHERS DAY */
.home-banner {
    background: url('https://www.hmlanding.com/booking/wp-content/uploads/2017/09/Top-Gun-80.jpg');
    color: white;
    padding: 40px 40px 40px;
    text-align: center;
    background-size: cover;
    background-position: center;
    text-shadow: 0px 1px 3px #0a0a0a;
    border-radius: 5px;
}
.clickable:hover {
    cursor:pointer; 
}
.home-banner i {
    font-size: 40px;
}
.home-banner h4 {
    margin-bottom: 20px;
}
.kids-free.home {
    background: #f7f7f7;
    margin-bottom: 3px;
    padding: 40px 0px;
}
.owl-carousel.photos-home .owl-item img {
        max-width: 100%;
    width: auto;
    max-height: 500px;
}
.owl-carousel .item-video{width:100%; height:600px}
.icon-whalewatch-01:before {
        /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e903";
}
.diveflag:before {
        /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e906";    
    position: relative;
    top: 2px;
    padding-right: 5px;
    color: #cd1f26;
}
.adventures-icon:before {
        /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e905";
}
.icon-fishcount-01:before {
        /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e902";
}
.custom-archive-wrap .image-icon-wrapp img {
    float: left;
    width: 20% !important;
    padding: 0px 10px;
}
.clear {
    clear: both;
}
.custom-archive-wrap a {
    display: inline;
}
.custom-archive-wrap {
    margin: 10px;
    padding: 10px;
}
.section.group.home {
    margin-top: 20px;
}
.home-page-widget.latest-photo a.button {
    margin-top: 20px;
}
a.button.fullstore {
    margin-top: 15px;
}
.owl-nav {
    /* display: none; */
    width: 100%;
    position: absolute;
    top: 74%;
}
.owl-prev {
    display: none !important;
    float: left;
}
.owl-next {
    float: right;
}
.owl-next:after {
    content: '\f061';
    font-family: fontawesome;
    padding-left: 5px;
    font-size: 13px;
}
.owl-prev, .owl-next {
    background-color: rgba(255, 255, 255, 0.79);
    padding: 10px;
    /* color: white; */
}
.facebookhome-wrap {
    overflow: scroll;
    height: 550px;
}
div#gform_confirmation_message_3 {
    color: white;
    text-align: left;
}
div#layer2.fishcount {
    background-color: #021127;
    background: rgba(2,17,39,.88);
}
.owl-carousel .owl-item .review img {
    width: inherit;
    max-width: 180px;
    margin-right: 30px;
}
.section.group.home p {
    margin-bottom: 10px;
}
.section.group.home h3 {
    margin-bottom: 0px;
}
.review.list {
    padding: 20px 0px;
    border-bottom: 1px solid gainsboro;
}
.review.list:last-child {
    border: 0px;
}
span.review-tax a {
    border-right: 1px solid gainsboro;
    padding-right: 10px;
    margin-right: 10px;
    display: inline-block;
}
.col-xs-2.last {
    width: 15%;
    padding-right: 0px !important;
}
span.review-tax a:last-child {
    border: 0px;
}
span.review-tax {
    display: block;
}
.single-more-wrap {
    text-align: right;
    margin: 50px 0px 0px;
}
.the_archive_list.news span span.date-single a {
    font-size: 20px;
}
.the_archive_list.news {
    max-width: 750px;
}
.the_archive_list.news:first-child {
    border-top: 1px solid gainsboro;
}
.the_archive_list.news {
    border-bottom: 1px solid gainsboro;
}
.the_archive_list.news span span.date-single a:last-child {
    border: 0px;
}
.the_archive_list.news span span.date-single a:first-child {
        border: 0px;
        padding-left: 0px;
        margin-left: 0px;
}
.breaking span.date-single a:first-child {
    border-left: 0px;
    padding-left: 0px;
    margin-left: 0px;
}
.the_archive_list.trips .excerpt-wrap {
    padding: 20px 0px;
        border-bottom: 1px solid gainsboro;
}
h1.homepage {
}
.fa-star:before {
        font-family: 'fontawesome';
}
.cd-timeline-img.cd-picture {
    background: none;
    color: #021127;
    border: 0px;
    box-shadow: 0px 0px 0px;
}
.cd-timeline-img.cd-picture .fa.fa-star {
    color: #021127 !important;
}
strong.timeline-date {
    display: none !important;
}
span.home-call {
}
div#home-carousel {
    z-index: 0;
}
h2.homepage {
    margin-bottom: 30px;
}

span.centermiddle-padicon {
    z-index: 2;
    width: 100%;
    display: block;
    color: #fff;
    text-align: center;
    font-size: 26px;
    line-height: 1.1;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.58);
    font-family: 'giltutligregular';
    background-size: cover;
    padding: 50px 0px 55px;
    transition: all 0.2s;
    outline: 3px solid white;
    margin-bottom: 3px;
}
span.centermiddle-padicon:hover i {
    color: #D2232A;
}
span.centermiddle-padicon i {
    display: block;
    color: #34A1EA;
    font-size: 42px;
        height: 45px;
    line-height: 1.1;
    margin-bottom: 5px;
}
span.centermiddle-padicon.full {
   background-image: url('https://www.hmlanding.com/booking/wp-content/uploads/2016/06/homebox-full.jpg');
}
span.centermiddle-padicon.half {
   background-image: url('https://www.hmlanding.com/booking/wp-content/uploads/2016/06/homebox-half.jpg');
}
span.centermiddle-padicon.third {
   background-image: url('https://www.hmlanding.com/booking/wp-content/uploads/2016/06/homebox-third.jpg');
}
span.centermiddle-padicon.overnight {
   background-image: url('https://www.hmlanding.com/booking/wp-content/uploads/2016/06/homebox-overnight.jpg');
}
span.centermiddle-padicon.multi {
   background-image: url('https://www.hmlanding.com/booking/wp-content/uploads/2016/06/homebox-multi.jpg');
}
span.centermiddle-padicon.long {
   background-image: url('https://www.hmlanding.com/booking/wp-content/uploads/2016/06/homebox-long.jpg');
}
span.centermiddle-padicon.priv {
   background-image: url('https://www.hmlanding.com/booking/wp-content/uploads/2016/06/homebox-priv.jpg');
}
span.centermiddle-padicon.whale {
   background-image: url('https://www.hmlanding.com/booking/wp-content/uploads/2016/06/homebox-whale.jpg');
}
.pswp__caption__center {
    text-align: center !important;
    max-width: none !important;
    font-size: 22px !important;
}
.pswp {
    display: none;
}
p strong {
    letter-spacing: 0.6px;
}

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

.clearfix:before, .clearfix:after { content: ''; display: table; }

.clearfix:after { clear: both; }

.overlay ul li a:hover, .overlay ul li a:focus {
    color: #3594EB;
}

 .overlay ul li > .xola-gift:hover, .overlay ul li > .xola-gift:focus {
     color: #3594EB !important;
 }

#front-hero h1 {
    font-size:50px;
    font-family: 'Neuton', serif;
    font-weight:bold;
    color: #D2232A;
    line-height: .8;
    text-shadow: 2px 2px 3px rgba(2, 17, 39, 0.75);
}
#front-hero h1.dark {
    text-shadow: 0px 0px 10px #020F2C;
}
#front-hero h1.blue {
    color: #47B5FF;
    text-shadow: 0px 0px 10px #020F2C;
}
#front-hero h2 {
    color: white;
    text-shadow: 0px 1px 2px #03132A;
}
html, body{
    height:auto;
    min-height:100%;
}
body {
    margin:0;
    font-size: 18px;
    background: #fff;
    font-family: 'giltutligregular' !important;
 transition: padding 0.3s;
}
span {
    font-family: 'giltutligregular' !important;  
    }   
h1, h2, h3, h4, h5, h6 {
    font-family: 'Neuton', serif;
    font-weight: bold;
    line-height: 1;
}
h1 {
    color: #CC1E25;
    font-size: 48px;
    margin-bottom: 20px;
}
h2 {
    color: #0055A2;
    font-size: 36px;
    margin-bottom: 20px;
}
h3 {
    font-size: 26px;
    padding-bottom: 10px; 
}
p {
    font-family: 'giltutligregular';
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 1.4;
}
span.location {
    padding: 10px 0px;
}
span.excerpt-wrap {
    padding: 15px;
    display: inline-block;
}
.the_archive_list.news span.excerpt-wrap {
    padding: 30px 0px;
    display: inline-block;
}
.news-footer img {
    float: left;
    width: 20%;
    padding-right: 10px;
}
.contact-info {
    font-size: 22px;
}
.row.second-layer div.contact-info {
    font-size: 30px;
}
.footer-widget.contact .contact-info {
    font-size: 18px;
}
.column, .columns{
    padding-left:1.875rem;
    padding-right:1.875rem;
}
.main-navigation ul li {
    border-top: 1px solid #052b62;
    line-height: 1;
}
.main-navigation ul li i, .main-navigation ul li img {
    font-size: 30px;
    display: block;
    max-width: 40px;
    margin: 0px auto;
    padding: 0px 0px 8px;
}
.columns.nopad {
    padding: 0px 5px;
}

.main-navigation ul li:hover a {
    color: white;
}
.main-navigation ul li a i {
    color: #5175a9;
    text-align: center;
}
.main-navigation ul li a {
    color: #9398AB;
    padding: 14px 0px 12px;
    display: block;
    transition: all 0.2s;
}
.pagination a, .pagination button {
    font-size: 20px;
    padding: 10px 20px;
}
.archive-list-default.main-content header h1.entry-title {
    margin-bottom: 30px;
}
span.date-single a {
    border-right: 1px solid gainsboro;
    padding-right: 10px;
    margin-right: 11px;
}
span.date-single a:last-child {
    border-right: 0px;
}
span.date-single a:first-child {
    border-left: 1px solid gainsboro;
    margin-left: 10px;
    padding-left: 10px;
}
span.date-single.boat {
    padding-top: 10px;
}
span.date-single.news a:first-child, span.date-single.boat a:first-child {
    border-left: 0px;
    margin-left: 0px;
    padding-left: 0px;
}
span.after-table-pricing {
    text-align: center;
    width: 100%;
}
.pagination .current {
    padding: 0px;
    background: inherit;
    color: inherit;
    cursor: default;
}
.pagination .current a {
    color: white;
    background: #2199E8;
}
.pagination {
    margin: 40px 0px 0px;
    text-align: center;
}
.pagination-wrap {
    margin-bottom: 40px;
}
.main-navigation ul li:hover i  {
    color: #D2232A;
}
.main-navigation ul li a.active-over i {
    color: white;
}
.main-navigation ul ul{
    display:none;
}
.side-menu-logo {
    margin: 0px auto;
    padding: 20px 10px 0px;
    max-width: 170px;
}
.side-menu-graphic {
    position: absolute;
    bottom: 0;
}
div.overlay iframe {
    max-width: 800px;
    width:100% !important;
}
.overlay-news h3.breakingnewssubtitle {
    font-size: 28px;
    text-align: left;
    color: #FFFFFF;
    font-family: 'Neuton', serif;
    font-weight: bold;
}
.overlay.breaking {
    background: rgba(140, 1, 7, 0.93);
}
.overlay-news.second-layer a {
        font-weight: bold;
}

.overlay-news .breakingnewscontent li a {
        color: #2199e8;
}
.overlay-news .breakingnewscontent {
    color: white;
    font-weight: normal;
        text-align: left;
    padding: 10px 0px 10px !important;
    font-size:14px;
}
.overlay-news .breakingnewscontent p, .overlay-news .breakingnewscontent li {
    line-height: 1.4;
    margin-bottom: 20px;
    font-size: 22px
}
.overlay-news .breakingnewscontent li {
    height: inherit;
    display: inline-block;
    min-height: initial;
    text-transform: none;
}
.overlay-news.second-layer a {
    font-weight: bold;
    color: #fdd707;
}
.overlay-news.second-layer a.button{
     color: #ffffff;
}
.overlay-news {
    max-width: 800px;
    text-align: left;
    margin: 0px auto;
}
.main-navigation ul li a.trigger-overlay.active-over {
    background-color: #5175A9;
    color: white;
}
.main-navigation ul li a.breakingnews.active-over i {
    color: white;
}
.main-navigation ul li a.breakingnews i {
    color: #D2232A;
}
.main-navigation ul li a.trigger-overlay.breakingnews.active-over {
    background-color: #D2232A;
}

table tfoot td, table tfoot th, table thead td, table thead th {
    font-weight: inherit;
}
.margin-btm {
margin-bottom: 20px;
}
.tourfinder {
    padding-top: 5px;
}
.tourfinder .button {
    padding: 10px;
    width: 100%;
    font-weight: bold;
    text-transform: uppercase;
}
.contact-menu .contact-info span {
    display: block;
    text-align: left;
    padding: 5px 0px;
    color: #BDBDBD;
}
.coupon:after {
    content: '\f0c4';
    font-family: fontawesome;
    position: relative;
    top: 31px;
    font-size: 30px;
    float: right;
}
.coupon {
    padding: 25px;
    border: 2px dashed #d2d2d2;
}
.kids-trips {
    margin-bottom: 20px;
    margin-top: -30px;
}
img.kids-free-logo {
    float: left;
    width: 130px;
    margin-right: 20px;
    margin-bottom: 0px;
}
.contact-menu div#gform_wrapper_2 {
    margin: 0px;
    color: #BDBDBD;
}
.contact-info h2 {
    color: white;
    text-align: left;
}
#gform_wrapper_3 span.gfield_required, #gform_wrapper_3 label.gfield_label {
    display: none;
}
#gform_wrapper_3 input, #gform_wrapper_3 textarea {
    width: 100%;

}
#gform_wrapper_3 .gform_body ul {
    width: 100% !important;
}
#gform_3 .gform_footer {
    margin: 0px !important;
}
div#gform_wrapper_3 {
    margin: 0px;
}
.first-layer.contact-menu p {
    color: white;
    text-align: left;
    padding: 0px;
    margin: 0px 0px 5px;
}
::-webkit-input-placeholder {
   color: #5175A9 !important;
}

:-moz-placeholder { /* Firefox 18- */
   color: #5175A9!important;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #5175A9 !important;
}

:-ms-input-placeholder {  
   color: #5175A9 !important;
}
#gform_wrapper_3 input, #gform_wrapper_3 textarea {
    font-size:20px
    margin-bottom: 12px;
}
#gform_wrapper_3 .top_label div.ginput_container {
    margin-top: 0px;
}
.ginput_recaptcha {
    margin-bottom: 10px;
}
div#subscribe-footer input { 
    float: left;
    width: 78%;
}
div#subscribe-footer input[type="submit"] {
    display: inline-block;
    cursor: pointer;
    -webkit-appearance: none;
    transition: background-color .25s ease-out,color .25s ease-out;
    border: 1px solid transparent;
    border-radius: 0;
    margin: 0 0 1rem;
    font-size: .9rem;
    background-color: #00BF00;
    color: #fff;
    float: right;
    width: 22%;
    text-transform: uppercase;
    height: 2.4375rem;
    padding: .5rem;
}
form#sf_widget_constantcontact_2_form {
    color: white;
}

/* boat loop */
.boat-list-links.main-content a {
    width: 25%;
    float: left;
    font-weight: bold;
    line-height: 1.6;
    font-size: 20px;
}
.archive-list-default {
    margin-top: 30px;
}
div#boat_contact_form_wrap h3 {
    padding-top: 30px;
}
.boat-list {
    float: left;
    margin-top: 50px;
}
/*.boat-list.main-content ul li.grid-item {
    margin: 0px 1% 2%;
    width: 31%;
    float: left;
}*/
.the_boat:hover a {
    color: #D2232A;
}
.the_boat, .the_archive {
    width: 100%;
    border: 1px solid gainsboro;
}
.the_boat img {
    width: 100%;
}
.the_boat ul.boat-info-menu {
padding: 5px 5px 15px 15px;
    font-size: 15px;
}
.the_boat h2 {
    margin: 10px 15px 5px;
}
.the_boat ul.boat-info-menu li {
padding: 0px 10px 1px 0px;
    margin-right: 10px;
    float: none;
    width: auto !important;
    display: inline-block !important;
}
.boat-list.main-content, .archive-list-default.main-content {
    padding-left: 1.2rem !important;
    padding-right: 1.2rem !important;
}
ul#multi-day-trips {
    margin-top: 40px;
}
.boat-list-calendar {   
    margin-top: 30px;
}
ul#trip-list-calendar-switch {
    margin-top: 40px;
}
#field_6_30 label.gfield_label {
    display: none;
}


/* Boat Single */
.average_total {
    text-align: center;
    font-size: 24px;
    padding-bottom: 40px;
    padding-top: 10px;
}
span.average_review_base {
    display: block;
    font-size: 20px;
    color: #777777;
}
div#videos, div#private-tours, div#reviews, div#photos {
    padding: 30px;
}
.boat-list-rating {
    padding-left: 15px;
    font-size: 20px;
    display: none;
}
.single-boat #front-hero {
    height: 500px;
}
.rated-1-star:before {
        padding-right: 10px;
    font-family: fontawesome;
    content: '\f005';
    color: #D2232A;
}
.rated-2-stars:before {
        padding-right: 10px;
    font-family: fontawesome;
    content: '\f005 \f005';
    color: #D2232A;
}
.rated-3-stars:before {
        padding-right: 10px;
    font-family: fontawesome;
    content: '\f005 \f005 \f005';
    color: #D2232A;
}
.rated-4-stars:before {
        padding-right: 10px;
    font-family: fontawesome;
    content: '\f005 \f005 \f005 \f005';
    color: #D2232A;
}
.rated-5-stars:before {
        padding-right: 10px;
    font-family: fontawesome;
    content: '\f005 \f005 \f005 \f005 \f005';
    color: #D2232A;
}
select, [type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color], textarea {
    border: 0px;
        border-radius: 2px;
    box-shadow: none;
    background-color: #F6F6F6;
}
[type=text]:focus, [type=password]:focus, [type=date]:focus, [type=datetime]:focus, [type=datetime-local]:focus, [type=month]:focus, [type=week]:focus, [type=email]:focus, [type=number]:focus, [type=search]:focus, [type=tel]:focus, [type=time]:focus, [type=url]:focus, [type=color]:focus, textarea:focus {
        border: 1px solid #CCCCCC;
    box-shadow: none;
    }
li#field_1_6,  li#field_1_14, li#field_1_13  {

}
li#field_1_6 input, li#input_1_16, li#field_1_14 select, li#field_1_13 select, #field_1_15 select, li#field_1_1 input{
    width: 100%;
}
li#field_1_15,  li#field_1_1 {
     width: 50%;
    float: left;
    clear: inherit;
    padding-right:10px;
}
label.gfield_label {
    font-size: 16px;
}
li#field_1_3, textarea#input_1_3 {
    width: 100%;
}
li#field_1_5 {
    padding: 0px 10px;
}
.gform_wrapper .gform_footer {
    padding: 0px 10px;
}
ul.grid.boatphotos li.grid-item {
    
    width: 24.6%;
}
a.boatlist-book {
    color: #9398AB;
    background: #021127;
    width: 50%;
    display: block;
    float: left;
    text-align: center;
    padding: 10px 5px;
}
a.boatlist-book:hover {
    background: #1585cf;
    color: white;
}
.boat-list-header h2 {
    color: white !important;
    margin: 0 !important;
    background: linear-gradient(to bottom, rgba(2,0,0,0.4) 0%,rgba(1,0,0,0) 47%,rgba(0,0,0,0) 82%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66020000', endColorstr='#00000000',GradientType=0 );
    padding: 6px 10px 150px;
    width: 100%;
    display: block;
}
.boat-list-header h2 a {
    color: white !important;
}
.boat-list-header {
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}
.the_boat:hover a.boatlist-book {
    color: white;
}



/* Single templates */
#cd-timeline .cd-timeline-content {
    background: transparent !important;
    box-shadow: none !important;
}
.row.history-page ul.grid {
    margin-top: 30px;
}
.row.history-page ul li.grid-item {
    padding: 20px;
    text-align: center;
    width: 24.5%;
}
.contact-info span { 
display: block;
}
header#featured-hero {
    background-position: center top;
}
section.main-content.hotels img {
        max-width: 150px;
    max-height: 70px;
}
section.main-content.hotels div.row {
    margin: 15px 0px 20px;
    padding: 15px 0px 20px;
}
section.main-content.hotels div.row h3 {
    text-align: center;
    margin-bottom: 70px;
}


/* Single */
span.review-author:before {
    content: 'By: ';
    font-weight: bold;
    padding-right: 5px;
}
span.date-single {
    font-weight: bold;
    display: block;
    margin-top: -10px;
    font-size: 20px;
    margin-bottom: 20px;
}
.entry-content img {
    margin-bottom: 20px;
}
.row.single-page-more-wrap {
    padding: 0px 0px 40px;
}
.single-page-more.reviews { 
    border-top: 1px solid gainsboro;
    margin-top: 20px;
    padding-top: 20px;
}
.single-page-more.breaking {
    border-top: 1px solid gainsboro;
    margin-top: 20px;
    padding-top: 10px;
}

#page .main-content, #single-post .main-content {
    width: 70%;
}
.sidebar {
    width: 30%;
    padding-left: 1rem;
    padding-right: 1rem;
}
#page-full-width .main-content, #single-post .main-content, #page .main-content {
padding-left: 1.875rem;
padding-right: 1.875rem;
}

#page-full-width, #single-post, #page, #page-sidebar-left {
margin-top: 30px;
margin-bottom: 70px;
}
.widSSPData {
    width: 100% !important;
    padding: 0px !important;
}
div#CDSWIDSSP {
    width: 100% !important;
    margin: 30px auto;
}
li#field_3_2, li#field_3_5, li#field_3_4 {
    border-bottom: 0px;
}

/* Overlay style */
.overlay {
    position: fixed;
    width: 100%;
    padding-left: 180px;
    height: 100%;
    top: 0;
    right: 0;
    background-color: #021127;
    background: rgba(2,17,39,.88);
    z-index:1;
    overflow: scroll;
    height: 100%;
}
.reveal-overlay {
    background-color: rgb(36,62,99);
    background-color: rgba(36,62,99,0.93);
}
section.container{
    position: relative;
    z-index: 2;
}
.over-bellow{
    opacity:0 !important;
    z-index:1497 !important;
}
.overlay-button-group{
    width: 100%;
    position: absolute;
    left: 0;
    overflow: hidden;
    z-index: 10013;
    padding-left: 160px;
    top: 0;
    right: 0px;
    text-align: right;
    padding: 10px;
}
.overlay button{
    width: 80px;
    height: 80px;
}
.overlay .overlay-back{
    display:none;
}

.overlay .overlay-close {
    border: none;
    color: white;
    font-size: 14px;
    text-transform: uppercase;
    outline: none;
    text-align: center;
    letter-spacing: .5px;
}
.overlay .overlay-close:hover {
}
.overlay button.overlay-close:before {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e901";
    font-size: 55px;
    color: #e6e6e6;
    padding-bottom: 5px;
    text-align: center;
    display: inline-block;
}
.overlay button.overlay-close:hover:before {
    color: #3594EB;
}
.overlay form {
    color: white;
    font-size: 15px;
    text-align: left;
}
.overlay form p {
    padding: 5px 0px;
}
.overlay .first-layer {
    text-align: center;
    position: relative;
    top: 38%;
    height: 45%;
    font-size: 32px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 90%;
    margin: 0px auto;
}
.new-fleet .first-layer.fleet {
    top: 39%;
    height: 35%;
}
.new-type .first-layer.fleet {
    top: 34%;
    height: 33%;
}
.first-layer.fishcount-menu {
   top: 30%;
}
.first-layer.fleet {
   top: 42%;
}
.first-layer.contact-menu {
    max-width: 850px;
        top: 50%;
}
.specialgift {
    border: 3px dashed gainsboro;
    padding: 30px 50px;
}
.overlay ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: inline-block;
    height: 100%;
    position: relative;
}

.overlay ul li {
    display: block;
    height: 20%;
    height: calc(100% / 5);
    min-height: 54px;
    text-transform: capitalize;
}
#layer4.overlay ul li {
    height: calc(100% / 7.5);
}

.overlay ul li a, .overlay ul li > .xola-gift {
    font-weight: 300;
    display: block;
    color: #fff;
    letter-spacing: 2px;
    transition: color 0.2s;
}

.overlay ul li > .xola-gift {
    cursor: pointer;
}

.overlay-hugeinc {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s, visibility 0s 0.5s;
}

.overlay-hugeinc.open {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.5s;
    z-index: 1498;
}

.overlay-hugeinc .first-layer {
    -webkit-perspective: 1200px;
    perspective: 1200px;
}

.overlay-hugeinc .first-layer .second-layer {
    opacity: 0.4;
    -webkit-transform: translateY(-25%) rotateX(35deg);
    transform: translateY(-25%) rotateX(35deg);
    transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: transform 0.5s, opacity 0.5s;
    transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s;
}

.overlay-hugeinc.open .first-layer .second-layer {
    opacity: 1;
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
}

.overlay-hugeinc.close .first-layer .second-layer{
    -webkit-transform: translateY(25%) rotateX(-35deg);
    transform: translateY(25%) rotateX(-35deg);
}

@media screen and (max-height: 30.5em) {
    .overlay .first-layer {
        height: 70%;
        font-size: 34px;
    }
    .overlay ul li {
        min-height: 34px;
    }
}

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

body {
    margin: 0;
}

[class*='col-'] {
    float: left;
  min-height: 1px;
    padding-right: 20px; /* column-space */
}

.grid {
    width: 100%;
    /* max-width: 1140px; */
    /* min-width: 748px;  when using padded grid on ipad in portrait mode, width should be viewport-width - padding = (768 - 20) = 748. actually, it should be even smaller to allow for padding of grid containing element */
    margin: 0 auto;
    overflow: hidden;
}

.grid:after {
    content: "";
    display: table;
    clear: both;
}

.grid-pad {
    padding-top: 0px;
    padding-left: 0px; /* grid-space to left */
    padding-right: 0; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-20px=0 */
}

.push-right {
    float: right;
}

/* Content Columns */

.col-1-1 {
    width: 100%;
}
.col-2-3, .col-8-12 {
    width: 66.66%;
}

.col-1-2, .col-6-12 {
    width: 50%;
}

.col-1-3, .col-4-12 {
    width: 33.33%;
}

.col-1-4, .col-3-12 {
    width: 25%;
}

.col-1-5 {
    width: 20%;
}

.col-1-6, .col-2-12 {
    width: 16.667%;
}

.col-1-7 {
    width: 14.28%;
}

.col-1-8 {
    width: 12.5%;
}

.col-1-9 {
    width: 11.1%;
}

.col-1-10 {
    width: 10%;
}

.col-1-11 {
    width: 9.09%;
}

.col-1-12 {
    width: 8.33%
}

/* Layout Columns */

.col-11-12 {
    width: 91.66%
}

.col-10-12 {
    width: 83.333%;
}

.col-9-12 {
    width: 75%;
}

.col-5-12 {
    width: 41.66%;
}

.col-7-12 {
    width: 58.33%
}

/* Pushing blocks */

.push-2-3, .push-8-12 {
    margin-left: 66.66%;
}

.push-1-2, .push-6-12 {
    margin-left: 50%;
}

.push-1-3, .push-4-12 {
    margin-left: 33.33%;
}

.push-1-4, .push-3-12 {
    margin-left: 25%;
}

.push-1-5 {
    margin-left: 20%;
}

.push-1-6, .push-2-12 {
    margin-left: 16.667%;
}

.push-1-7 {
    margin-left: 14.28%;
}

.push-1-8 {
    margin-left: 12.5%;
}

.push-1-9 {
    margin-left: 11.1%;
}

.push-1-10 {
    margin-left: 10%;
}

.push-1-11 {
    margin-left: 9.09%;
}

.push-1-12 {
    margin-left: 8.33%
}


@media screen and (max-width: 767px) {
    .grid {
        width: 100%;
        min-width: 0;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0px; /* grid-space to left */
        padding-right: 0px; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-10px=10px */
    }

    [class*='col-'] {
        width: auto;
        float: none;
        margin: 10px 0;
        padding-left: 0;
        padding-right: 10px; /* column-space */
    }

    /* Mobile Layout */

    [class*='mobile-col-'] {
        float: left;
        margin: 0 0 10px;
        padding-left: 0;
        padding-right: 10px; /* column-space */
        padding-bottom: 0;
    }

    .mobile-col-1-1 {
        width: 100%;
    }
    .mobile-col-2-3, .mobile-col-8-12 {
        width: 66.66%;
    }

    .mobile-col-1-2, .mobile-col-6-12 {
        width: 50%;
    }

    .mobile-col-1-3, .mobile-col-4-12 {
        width: 33.33%;
    }

    .mobile-col-1-4, .mobile-col-3-12 {
        width: 25%;
    }

    .mobile-col-1-5 {
        width: 20%;
    }

    .mobile-col-1-6, .mobile-col-2-12 {
        width: 16.667%;
    }

    .mobile-col-1-7 {
        width: 14.28%;
    }

    .mobile-col-1-8 {
        width: 12.5%;
    }

    .mobile-col-1-9 {
        width: 11.1%;
    }

    .mobile-col-1-10 {
        width: 10%;
    }

    .mobile-col-1-11 {
        width: 9.09%;
    }

    .mobile-col-1-12 {
        width: 8.33%
    }

    /* Layout Columns */

    .mobile-col-11-12 {
        width: 91.66%
    }

    .mobile-col-10-12 {
        width: 83.333%;
    }

    .mobile-col-9-12 {
        width: 75%;
    }

    .mobile-col-5-12 {
        width: 41.66%;
    }

    .mobile-col-7-12 {
        width: 58.33%
    }

    .hide-on-mobile {
        display: none !important;
        width: 0;
        height: 0;
    }
}
.main-navigation{
    width: 180px;
    position:fixed;
    padding:0px;
    background: #021127;
    height:100%;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    background-image: url("https://www.hmlanding.com/booking/wp-content/themes/FoundationPress-child/images/menu-graphic-dark2.png");
    left: 0;
    background-repeat: no-repeat;
    background-position: bottom center;
    visibility:hidden;
    z-index: 1499;
} 
.main-navigation ul{
    list-style: none;
    margin: 0;
    padding: 20px 0px 0px;
    text-transform: uppercase;
    text-align: center;
    font-size: 14px;
    border-bottom: 1px solid #052b62;
    font-family: 'giltutligregular';
    letter-spacing: .6px;
    font-weight: 600;
}
nav.first-layer.info-menu {
    top: 48%;
    height: 55%;
}
nav.first-layer.by-length-menu {
    height: 45%;
    top: 45%;
}
.first-layer.contact-menu, .first-layer.news-menu {
    width: 70%;
}
.overlay-item-show{
    display:block;
}
.overlay-item-hide{
    display:none;
}
.mobiles {
    display: none;
}
@media screen and (max-height: 1000px), screen and (max-width: 451px) {
.main-navigation ul li i, .main-navigation ul li img { 
    font-size: 30px;
    max-width: 42px;
}
.main-navigation ul {
    padding: 30px 0px 0px;
}

.main-navigation ul li {
    text-align: left;
}
.main-navigation ul li a {
    padding-left: 12px;
    letter-spacing: 0px;
}
.main-navigation ul li a i, .main-navigation ul li img {
    font-size: inherit;
    width: 24px !important;
    display: inline-block;
    text-align: left;
    padding-bottom: 0px;
}
}
@media screen and (max-height: 699px), screen and (max-width: 500px) {

}
@media screen and (max-height: 600px), screen and (max-width: 600px) {
.first-layer.news-menu, .first-layer.contact-menu {
        padding: 0px 20px;
    }
    #page-full-width, #single-post, #page, #page-sidebar-left {
        margin-top: 30px;
    }

    .overlay ul li {
    height: auto;
    }
    .mobile-hide {
        display: none;
    }
    .mobiles {
        display: inline;
    }
    .main-navigation ul li a {
    color: #F3F4F3;
    line-height: 1 !important;
    font-size: 10px;
    padding: 8px 0px 0px;
    display: inline-block;
    width: 100%;
    height: 65px;
    letter-spacing: 0px;
    }
    .main-navigation ul li a i, .main-navigation ul li img {
    font-size: 25px;
    padding-bottom: 5px;
    text-align: center;
    max-width: none;
    margin: 0px;
    display: block;
    width: initial !important;
    line-height: 30px;
    }
    .side-menu-logo a img {
    width: 100%;    
    max-width: 99px;
    max-height: 62px;
    }
    .side-menu-logo {
    float: left;
    width: 20%;
    padding: 10px 0px 0px 5px;
    text-align: center;
    }
    .main-navigation ul {
        text-align: right;
    width: 80%;
    float: right;
    background-color: #000f22;
    height: 65px;
    border-bottom: 0px;
    padding: 0px;
    }
    .main-navigation ul li {
    width:18.5%;
    text-align: center;
    display: inline-block;
    line-height: 1;
    vertical-align: top;
        border: 0px;
    }
    .overlay-item-show {
        display:none !important;
    }
    .side-menu-graphic {
        display: none;
    }
    .overlay-item-hide{
        display:block;
    }
    .overlay {
        width: 100%;
        position:absolute;
        padding-left: 0px;
    }
    .main-navigation{
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:auto;
        max-height: 75px;
        background-image: none;
    }
    .main-navigation ul li{
        padding:0px;
    }
    .overlay ul li a, .overlay ul li > .xola-gift {
            padding:5px 30px 5px 30px;
            background: rgba(0, 15, 34, 0.36);
                font-size: 28px;
    }
    .overlay ul {
        width: 100%;
    }
    .overlay ul li {
        border-bottom: 1px solid #001127;
    }
    .overlay .first-layer{
        position:static;
        top: 0; 
        height: auto !important;
        font-size: 33px;
        -webkit-transform: none;
        transform: none;
        text-align: left;
        width: 100%;
    }
    button.overlay-back {
    color: white;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: .5px;
    }
    .overlay button.overlay-back:before {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e900";
    font-size: 55px;
    color: #e6e6e6;
    padding-bottom: 5px;
    text-align: center;
    display: inline-block;
    }

    .overlay button.overlay-back:hover:before{
    color: #3594EB;
    }
    .overlay .overlay-close {
        margin-top: 20px;
    }
    .overlay-button-group{
        position:static;
        left: 0;
        bottom: 0px;
        text-align: center;
        padding-left: 0px;
    }
}

.section {
    clear: both;
    padding: 0px;
    margin: 0px;
}

/*  COLUMN SETUP  */
.col {
    display: block;
    float:left;
    margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF FIVE  */
.span_5_of_4 {
    width: 100%;
}
.span_4_of_4 {
    width: 79.68%;
}
.span_3_of_4 {
    width: 59.36%;
}
.span_2_of_4 {
    width: 39.04%;
}
.span_1_of_4 {
    width: 18.72%;
}
.space-wrap{
    padding-top: 70px;
    padding-bottom: 70px;
}
section.reviews-carosel.space-wrap {
    padding-bottom: 70px;
    padding-top: 0px;
}
section.boat-tabs {
    padding-bottom: 50px !important;
}
.space-wrap.first {
    padding-top: 0px;
}
#front-hero {
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 70px;
}
#front-hero.boat {
    margin-bottom: 0px;
}
.gray{
    background:#f6f6f6;
}
#footer-container{
    margin-top:0;
    background:#00060e;
    border-top:0;
}
.button.large{
font-size: 16px;
}
.row-full{
     max-width: 101%;
    margin-left: -5px;
}
.row-full .columns .image-icon-wrapp{
    padding-bottom:5px;
    padding-left:5px;
}
.row-full .columns .image-icon-wrapp img{
    width:100%;
}
.image-icon-wrapp a, .image-icon-wrapp span.grid-wrapper {
    display:block;
    position:relative;
    z-index:1;
}
.image-icon-wrapp span.grid-wrapper {
    display:block;
    position:relative;
    z-index:1;
}
.image-icon-wrapp a img, .image-icon-wrapp span.grid-wrapper img {
width: 100%;
}
.image-icon-wrapp a span, .image-icon-wrapp span.grid-wrapper span{
    background-color: rgba(0, 0, 0, 0.46);
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    font-size: 26px;
    line-height: 1.2;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.58);
    font-family: 'giltutligregular';
}
.image-icon-wrapp a span i, .image-icon-wrapp span.grid-wrapper span i{
    padding-bottom: 8px;
    font-size:25px;
    display:block;
    color: #34A1EA;
}
.image-icon-wrapp:hover a span i, .image-icon-wrapp:hover span.grid-wrapper span i {
    color: #D2232A;
    transition: all 0.2s;
}
.image-icon-wrapp a span span.middle-wrapper, .image-icon-wrapp span.grid-wrapper span span.middle-wrapper {
    background-color: transparent;
    display: table;
}
.image-icon-wrapp a span span.middle-wrapper span.centermiddle, .image-icon-wrapp span.grid-wrapper span span.middle-wrapper span.centermiddle {
    background-color: transparent;
    display: table-cell;
    position: initial;
}

.img-circle {
    border-radius: 12px;
    padding: 0px;
    float: left;
    width: 20%;
    margin: 5px 15px 0px 0px;
    min-width: 80px;
}
.reviews i{
    display:block;
    text-align:center;
    margin-top:10px;
}
.newsletter-form{
     background: url(images/newsletter-cover.jpg) bottom center;
    background-repeat: no-repeat;
    background-size: cover;
}
#footer h4 {
    color: #D8D8D8;
        margin-bottom: 15px;
}
.news-footer p {
    font-size: 18px;
}
#footer{
    color:#9196A9;
}
#footer-container #footer {
    padding: 40px 0;
}
.sub-footer {
    border-top:1px solid #001d41;
    padding:15px 0;
    color:#545557;
    font-size: 16px;
    line-height: 1.2;
    text-align: center;
}
.sub-footer span.grey {
    color:#545557;
}
.social-logos{
    color:#545557;
    font-size:22px;
    text-align:center;
    padding-top: 10px;
}
.social-logos a{
    display:inline-block;
    margin-left:10px;
    color:#545557;
}
.sites-button {
    background:#00ba00;
    font-size:17px;
    font-weight:700;
    box-shadow:none;
    border-radius:2px;
    border:none;
    font-family: 'Open Sans', sans-serif;
}
.button {
    background-color: #00bf00;
    color: #fff;
    font-weight: bold;
    border-radius: 2px;
}
.btn {
border: 1px solid gainsboro;
    display: inline-block;
    padding: 5px 10px;
    margin-top: 10px;
}
.button:focus, .button:hover, .btn:hover {
    background-color:#1583cc;
    color:#fff
}
.newsletter-form{
    text-align:center;
}
.newsletter-form h3{
    color:#fff;
}
.tags .entry-content, .blog .entry-content {
    border-bottom: 1px solid gainsboro;
    margin-bottom: 15px;
    padding-bottom: 16px;
}
.reviews-carosel ul, .reviews-carosel li{
    max-height:100% !important;
    height:auto !important;
}
.reviews-carosel li{
    padding:0 30px;
}
.reviews-carosel-right{
    text-align:right;
}
ul#input_4_4 li {
    float: left;
    padding: 10px 10px !important;
}
li#field_4_1 input, li#field_4_2 input, li#field_4_3 input {
    width: 100%;
}
.reviews-carosel-bottom{
    padding-top:10px;
}
#panel3 ul{
    list-style:none;
    margin:0;
}
.table-1,
.table-2,
.tkt-slctr-tbl-wrap-dv {
  display: block;
  overflow-x: auto;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.table {
  border-color: #e5e4e3;
}
.table > thead > tr > th,
.table > tbody > tr > th {
  padding: 20px;
  font-weight: bold;
}
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 10px 20px;
}
.table > tfoot > tr > td {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.table-1 table,
.tkt-slctr-tbl-wrap-dv table {
  border: 1px solid#dcdcdc;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), inset 0 0 0 1px rgba(255, 255, 255, 0.5);
}
.table-1 table th,
.tkt-slctr-tbl-wrap-dv table th {
  border: 1px solid #dcdcdc;
  background: #f6f6f6;
  padding: 20px;
  font-family: 'MuseoSlab500Regular', arial, helvetica, sans-serif;
  text-align: left;
}
.table-1 tr:nth-child(even),
.tkt-slctr-tbl-wrap-dv tr:nth-child(even) {
  background: #F6F6F6;
}
tr.table-main {
    font-weight: bold;
}
.table-1 tr td,
.tkt-slctr-tbl-wrap-dv tr td {
  border: 1px solid #dcdcdc;
  padding: 10px 20px;
}
.table-2 table thead {
  border: 1px solid #d3d3d3;
  font-family: 'MuseoSlab500Regular', arial, helvetica, sans-serif;
  text-align: left;
}
.table-2 table th {
  padding: 20px;
  color: #fff;
}
.table-2 tr td {
  border-bottom: 1px solid #dcdcdc;
  padding: 10px 20px;
}

#panel1{
    padding:0;
}
.features-list{
    border-top:1px solid #f1f1f1;
    padding:35px;
}

.tabs-panel {    
    padding: 0px;
}
.tabs, .tabs-content{
    background:transparent;
    border:0;
}
.tabs-content{
    background:#fff;
    margin-top:3px;
}
.tabs-title>a{
    font-size: 18px;
    text-transform: uppercase;
        color: #9398AB;
    background:#021127;
}
.tabs-title>a:hover, .tabs-title>a:focus, .tabs-title>a[aria-selected=true] {
    background: #1585cf;
    color: white;
}
.tabs li.tabs-title.boat-title a {
     background: #ba0a14;
     color:#fff;
}
.tabs li{
    float:none;
    margin:0;
    margin-bottom:5px;
}
.tabs li a{
    width:100%;
}
.tabs li:nth-child(3){
        border-right: 5px solid #f6f6f6;
}
.tabs li:nth-child(3), .tabs li:nth-child(4){
    float:left;
    width: 50%;
}
ul#multi-day-trips.tabs li {
    width: 50%;
    float: left;
    border-right: 5px solid #f6f6f6;
}
ul#multi-day-trips li a{
    white-space: nowrap;
}
.boat-info-menu{
    list-style:none;
    margin:0;
    overflow:hidden;
    background:#fdfdfd;
}
.boat-info-menu li{
    width:50%;
    float:left;
    display:block;
    padding:35px;
    border-right:1px solid #f1f1f1;
}
.tabs li:nth-child(5){
    clear: both;
    float: none;
}
.remove-padding{
    padding:0;
}
    .image-icon-wrapp a span i{
        font-size:45px;
    }

.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
/*    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align:center;
    -webkit-align-items:center;
        -ms-flex-align:center;
            align-items:center;*/
}

.halfs {
    width: 50%;
}
.shopsalead h3 {
    font-size: 40px;
    margin:10px 0px 10px;
}
.shopsalead h4 {
    font-size: 25px;
    margin-bottom: 20px;
    color: #ffef02;
}
.shopsalead h4 a {
    color: white;
}
.shopsalead a.button {
    font-size: 18px;
    text-align: left;
    line-height: 1.2;
}
.shopsalead i {
    font-size: 40px;
    padding-right: 10px;
}
.shopsalead.kidsfishmay h3 {
    color: #ffef00;
}
.shopsalead.kidsfishmay h4 {
    color: white;
}
.shopsalead.kidsfishmay a.button {
    background-color: #021127;

}
.shopsalead.kidsfish .inner {
    background: #4e9dba;
}
.shopsalead.gift .inner {
    background: #307dc5;
}
.shopsalead.merch .inner {
    background: #1d1d1d;
}

.shopsalead.history .img {
    background-image: url(https://www.hmlanding.com/booking/wp-content/uploads/2019/04/San-diego-hm-landing-history.jpg);
}
.shopsalead.gift .img {
    background-image: url(https://www.hmlanding.com/booking/wp-content/uploads/2018/11/gift-certificate-img.jpg);
}
.shopsalead.gift.blackfri .img {
    background-image: url(https://www.hmlanding.com/booking/wp-content/uploads/2019/11/HM-Holiday-FB-Post-sq5.gif);
}
.shopsalead.gift.giftlastchance .img {
    background-image: url(https://www.hmlanding.com/booking/wp-content/uploads/2019/12/HM-GiftPromo-Post_1.gif);
    background-size: contain;
    background-position: center;
    background-color: #7be7fd;
    background-repeat: no-repeat;
    
}
.shopsalead.merch .img {
    background-image: url(https://www.hmlanding.com/booking/wp-content/uploads/2018/11/HM-landing-white-tshirt-new-1.jpg);
}
.shopsalead.fathersday .inner {
    background: #d2232a;
}
.shopsalead.fathersday .img {
    background-image: url(https://www.hmlanding.com/booking/wp-content/uploads/2018/05/fathers-day.jpg);
}

.trip-feature-spot { 
    margin-bottom: 30px;
}
.shopsalead.trip-feature-spot .inner {

    padding: 40px 60px 60px;
}

.cover {
    background-size: cover;
    background-position: center;
}
.shopsalead span {
    display: block;
}
.shopsalead .img {
/*    background-image: url('https://www.hmlanding.com/booking/wp-content/uploads/2018/04/HM-history-homoe.jpg');*/
}
.shopsalead.kidsfishmay .img, .shopsalead.kidsfish .img {
    background-image: url('https://www.hmlanding.com/booking/wp-content/uploads/2018/05/kids-fish-free.jpg');
}
.shopsalead .inner {
    color: white;
    background: #34a1ea;
    padding: 16%;
}
iframe#idTripsAutoResizeFrame {
    min-height: 400px;
}




@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .home-page-widget.reviews {
    padding-top: 50px;
    }
    .single-boat #front-hero {
        height:315px;
    }
    #front-hero {
        height:423px;
    }
    #front-hero h1{
        font-size:63px;
        line-height: 50px;
    }
    #front-hero .marketing{
        max-width: 85rem;
    }
    #front-hero .tagline{
        width:auto;
        padding-top:0;
    }

}
@media screen and (min-width: 64em) {
    .tabs li:nth-child(5){
        float: left;
        clear:none;
    }
    .remove-padding{
        padding-left: .9375rem;
        padding-right: .9375rem;
    }
    .boat-info-menu li{
        border-right:1px solid #f1f1f1 !important;
        width:auto;
    }
    .tabs li:nth-child(3){
        border:0 !important;
    }
    .tabs li:nth-child(5){
        clear: none;
        float: left;
    }
    .boat-info-menu li:last-child{
        border:0 !important;
    }
    .tabs{
        margin-left:0px;
        margin-right:0px;
    }

    .tabs li, ul#multi-day-trips.tabs li {
        float:left;
        margin:0;
        margin-right:5px;
        margin-bottom:0px;
        width:auto !important;
        display:block !important;
    }
    .tabs-title>a{
        -webkit-border-top-left-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        -moz-border-radius-topleft: 3px;
        -moz-border-radius-topright: 3px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }
    .boat-tabs{
        position:relative;
        z-index:1;
        margin-top: -61px;
    }
    .hero-image-brd{
        border-bottom:3px solid #ba0a14;
    }
    .reviews-avatar-wrapper, .reviews-rating-stars, .reviews-carosel-right{
        text-align:left;
    }
    #front-hero {
        height:721px;
    }
    #front-hero h1{
        font-size:83px;
        line-height: 70px;
    }
    #front-hero .marketing{
        max-width: 85rem;
    }
    #front-hero .tagline{
        padding-left: 1.875rem;
        padding-right: 1.875rem;
        width:auto;
        padding-top:0;
    }
    .button.large{
        font-size: 1.25rem;
    }
    .row-small{
        max-width:480px;
    }
    .icon-images .row-full:last-child .image-icon-wrapp{
        padding-bottom:0px !important;
    }
    .copyright {
        text-align:left;
    }
    .social-logos{
        text-align:right;
        padding-top: 0px;
    }
    .footer-widget{
        text-align:left;
    }
    .overlay-news {
        height: 100%;
    }
}
li.grid-item .image-icon-wrapp a span, li.grid-item .image-icon-wrapp span.grid-wrapper span {
    background-color: transparent;
    font-size: 20px;
        width: auto;
}
span.grid-content {
    padding: 15px;
}
section.full-width {
        width: 100%;
    }
li.grid-item a span.grid-content, li.grid-item span.grid-wrapper span.grid-content {
opacity: 0;
position: absolute;
}
li.grid-item:hover .image-icon-wrapp a span, li.grid-item:hover .image-icon-wrapp span.grid-wrapper span {
    position: initial;
}

li.grid-item:hover a span.grid-content, li.grid-item:hover span.grid-wrapper span.grid-content  {
    background-color: rgba(2, 17, 39, 0.81);
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: #fff;
    text-align: left;
    vertical-align: middle;
    font-size: 26px;
    line-height: 1.2;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.58);
    opacity: 1;
}

section.full-width ul.grid {
    width: 100%;
    max-width: none;
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.gutter-sizer {
    width: 2%;
}
ul#grid.reviewloop {
    margin-top: 20px;
}
li.grid-item.review {
    width: 49%;
    border: 1px solid #ECECEC;
    padding: 20px;
}
span.review_boat {
        color: #ABABAB;
    float: right;
}
.review-conten-wrap h3 {
    padding-bottom: 5px;
}

.review-conten-wrap p {
    font-size: 18px;
    margin-bottom: 15px;
}
li.grid-item {
    width: 31.3%;
    margin: 0px;
    padding: 0px;
    list-style: none;
    margin-bottom: 20px;
}
li.grid-item a img {
    width: 100%;
}
span.grid_post_category a {
    font-weight: bold;
    padding: 5px 8px;
    color: white;
    border-radius: 2px;
}
.photos-home span.grid_post_category a:hover {
    background: #D2232A;
}
.photos-home span.grid_post_category a {
    background: #2199F8;
    margin-right: 10px;
    transition: ease all 1s;
    -webkit-transition: ease all 1s;;
    opacity: 0;
}
.owl-item.active div span.grid_post_category a {
    opacity: 1;
}
.owl-carousel.general.photos-home.owl-loaded.owl-drag {
    max-height: 500px;
    overflow: hidden;
}
.photos-home span.grid_post_category {
    bottom: inherit;
top: 455px !important;
}
li.grid-item:hover span.grid_post_category a {
    background-color: #2199e8;
}
span.grid_post_category {
    position: absolute !important;
    bottom: 15px !important;
    top: initial !important;
    left: 15px !important;
    height: auto !important;
}
span.grid-content p {
    margin: 20px 0px;
}
span.grid-content h4 {
    margin: 0px;
}
.second-layer.trip-frame-wrapper{
    height: auto !important;
}
.the-site-wrapper{
    position: relative;
    z-index: 1;
}






@media only screen and (max-width: 1200px) {
.row.history-page ul li.grid-item {
    width: 49%;
}
}
@media only screen and (max-width: 900px) {
.shopsalead .img {
    min-height: 380px;
}
.shopsalead .halfs:first-child {
    order: 2;
}
.shopsalead .inner {
    padding: 10%;
}
    .halfs {
        width:100%;
    }
    #page .main-content, #single-post .main-content {
    width: 100%;
}
aside.sidebar {
    width: 100%;
    /* padding-left: 1rem; */
    /* padding-right: 1rem; */
    padding-left: 1.875rem;
    padding-right: 1.875rem;
}
}

@media only screen and (max-width: 1024px) {
.first-layer.contact-menu {
    top: 30%;
}
    section.boat-iframe.space-wrap .columns {
    padding: 10px;
}
span.after-table-pricing {
    display: block; 
}
section.reviews-carosel.space-wrap {
        padding-bottom: 50px;
}
.table-1 tr td, .tkt-slctr-tbl-wrap-dv tr td {
    padding: 10px 5px;
    width: 25%;
    text-align: center;
}
    div#videos, div#private-tours, div#reviews, div#photos {
        padding: 10px 0px;
    }
    ul#grid.boatphotos {
            margin-top: 10px;
    }
    li.grid-item {
            width: 48%;
    }
.columns.nopad {
    margin: 15px 0px;
}
.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4, .span_5_of_4 { width: 100%; }
.news-footer img {
    width: 10%;
        min-width: 80px;
}
.large-4.medium-12.small-12.columns.footer-widget.news {
    padding-bottom: 30px;
}
.boat-info-menu li {
    width: 100%;
    padding: 10px 35px;
}
.boat-info-menu {
    padding: 20px 0px;
}
span.review_boat {
    float: none;
}
}

@media only screen and (max-width: 900px) {
    li.grid-item.review {
    width: 100%;
}
a#old_site {
    display: block;
}
}

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

    .image-icon-wrapp a span i {
        font-size: 35px;
        padding-bottom: 2px;
    }
    .image-icon-wrapp a span, .image-icon-wrapp span.grid-wrapper span {
        min-height:auto;
    }
    .boat-list.main-content ul.grid, .archive-list-default.main-content ul.grid {
    padding: 0px;
    margin: 0px;
}
.boat-list-links.main-content a {
    width: 50%;
}
  
 li.grid-item {
        width: 100%;
    }
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {

    div#subscribe-footer input {
        width: 75%;
    }
    div#subscribe-footer button[type="submit"] {
        width: 25%;
    }
    .large-4.medium-6.small-12.columns.footer-widget.tripfinder {
        margin-bottom: 10px;
    }
    div#subscribe-footer input {
        width: 75%;
    }
    div#subscribe-footer input[type="submit"] {
        width: 25%;
    }
    .home-page-widget.reviews {
        padding-top: 50px;
    }
    .row.history-page ul li.grid-item {
        width: 100%;
    }
    .single-boat #front-hero {
        height: 250px;
    }
    .home-page-widget.reviews {
        margin-top: 70px;
    }

    .photos-home span.grid_post_category{
            top: 422px !important;
    }

    .col {  
        margin: 1% 0 1% 0%; 
    }

    .span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4, .span_5_of_4 { 
        width: 100%; 
    }


    .roll-site-button{
        position:fixed;
        width:100%;
        text-align:center;
        padding:10px 0;
        bottom:0;
        left:0;
        font-size:14px;
        background:#fff;
        z-index: 2;
        display: none;
        
    }

    #old_site{
        margin-bottom:0 !important;
    }

    .row.whale {
        padding-bottom: 30px;
    }

   


}



@media print {
.main-navigation {
    display: none;
}
body {
    padding-left: 0px !important;
}
section.newsletter-form.space-wrap {
    display: none;
}
footer#footer {
    display: none;
}
.sub-footer {
    display: none;
}
section.full-width #grid {
    display: none;
}
section.icon-images {
    display: none;
}       
header#featured-hero {
    display: none;
}
}
}