/*
    Theme Name: Sperling Starter
    Theme URI: https://www.sperlinginteractive.com
    Description: Sperling Interactive WordPress Starter Theme
    Version: 1.0
    Author: Sperling Interactive
  Theme URI: https://www.sperlinginteractive.com
*/
        /*------------------------------------*\
    

\*------------------------------------*/
        /* global box-sizing */
        
        *,
        *:after,
        *:before {
            box-sizing: border-box;
            font-smoothing: antialiased;
            text-rendering: optimizeLegibility;
        }
        /* html element 62.5% font-size for REM use */
        
        html {
            font-size: 62.5%;
            scroll-behavior: smooth;
        }
        
        body {
            color: #444;
            font: 300 11px/1.4 Helvetica, Arial, sans-serif;
        }
        
        a {
            transition: 0.3s ease;
        }
        /* clear */
        
        .clear:before,
        .clear:after {
            content: ' ';
            display: table;
        }
        
        .clear:after {
            clear: both;
        }
        
        .clear {
            *zoom: 1;
        }
        
        img {
            max-width: 100%;
            vertical-align: bottom;
            height: auto;
        }
        /* Lightspeed Lazy load fade in */
        
        img[data-lazyloaded] {
            opacity: 0;
        }
        
        img.litespeed-loaded {
            -webkit-transition: opacity .5s linear 0.2s;
            -moz-transition: opacity .5s linear 0.2s;
            transition: opacity .5s linear 0.2s;
            opacity: 1;
        }
        
        a {
            text-decoration: none;
        }
        
        a:hover {}
        
        a:focus {
            outline: 0;
        }
        
        a:hover,
        a:active {
            outline: 0;
        }
        
        input:focus {
            border: 1px solid #04A4CC;
            outline: 0;
        }
        
        p,
        ul,
        ol {
            font-size: 1.6rem;
            font-family: 'Roboto', sans-serif;
            line-height: 1.9;
            color: #676767;
            font-weight: 100;
        }
        
        h1 {
            font-size: 3.6rem;
            font-family: 'Mukta', sans-serif;
            font-weight: 600;
        }
        
        h2 {
            font-size: 3.2rem;
            font-family: 'Mukta', sans-serif;
            font-weight: 600;
        }
        
        h3 {
            font-size: 2.8rem;
            font-family: 'Mukta', sans-serif;
            font-weight: 600;
            color: #18778C;
            margin-bottom: 10px;
        }
        
        h4 {
            font-size: 2.4rem;
            font-family: 'Mukta', sans-serif;
        }
        
        h5 {
            font-size: 2.0rem;
            font-family: 'Mukta', sans-serif;
        }
        
        h6 {
            font-size: 1.6rem;
            font-family: 'Mukta', sans-serif;
        }
        
        blockquote {
            margin: 25px 0;
            padding: 25px 0 25px 5vw;
            font-style: italic;
            border-top: 1px solid;
            border-bottom: 1px solid;
            font-weight: 700;
        }
        
        p b,
        p strong {
            font-size: 2.1rem;
            color: #000000;
            line-height: 1.6;
        }
        
        .button,
        .contact-page .frm_button_submit.frm_final_submit.button {
            background-color: #1c8c8c;
            color: #fff;
            padding: 15px 70px 15px 17px;
            border-radius: 46px;
            font-size: 1.5rem;
            transition: .3s ease;
            text-decoration: none;
            position: relative;
            display: inline-block;
            vertical-align: top;
            overflow: hidden;
            transition: 0.3s ease;
        }
        
        .button i,
        .contact-page .frm_button_submit.frm_final_submit.button i {
            display: inline-block;
            vertical-align: middle;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            background: transparent linear-gradient( 271deg, #5bba6d 0%, #1C1C1C00 100%) 0% 0% no-repeat padding-box;
            text-align: center;
            line-height: 30px;
            position: absolute;
            right: 10px;
            top: 50%;
            margin-top: -15px;
            font-size: 15px;
            font-weight: bold;
            transition: 0.3s ease;
        }
        
        .button:hover i,
        .contact-page .frm_button_submit.frm_final_submit.button:hover i {
            right: 0px;
        }
        
        .button:hover,
        .contact-page .frm_button_submit.frm_final_submit.button:hover {
            background-color: #5bba6d;
        }
        /*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
        /* wrapper */
        
        .wrapper {
            display: flex;
            flex-direction: column;
            margin: 0 auto;
            min-height: 100vh;
            position: relative;
            width: 100%;
            overflow-x: hidden;
        }
        
        .container {
            max-width: 1380px;
            align-self: center;
            flex: 1 auto;
            margin: 0 auto;
            width: 100%;
            height: 100%;
            padding: 0 20px;
        }
        /* header */
        
        .top-header {
            display: flex;
        }
        
        .header {}
        
        .logo-img {
            backface-visibility: hidden;
            height: 80px;
        }
        
        .hero-section {
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }
        /* nav */
        
        .nav {
            text-align: right;
        }
        
        .nav ul {
            margin: 0px;
            padding: 0px;
        }
        
        .nav ul li {
            display: inline-block;
            vertical-align: middle;
            margin: 0 7px;
        }
        
        .nav ul li a {
            color: white;
            transition: 0.3s ease;
            font-family: 'Mukta', sans-serif;
            font-weight: 500;
            border-radius: 20px;
            padding: 5px 10px;
            border: 3px solid rgba(131, 184, 153, 0.0);
            -webkit-background-clip: padding-box;
            /* for Safari */
            background-clip: padding-box;
            /* for IE9+, Firefox 4+, Opera, Chrome */
        }
        
        .nav ul li a:hover,
        .nav ul li.current_page_item a,
        .nav ul li.current-menu-item a {
            color: #83b899;
            border: 3px solid #83b899;
            border: 3px solid rgba(131, 184, 153, 1);
            -webkit-background-clip: padding-box;
            /* for Safari */
            background-clip: padding-box;
            /* for IE9+, Firefox 4+, Opera, Chrome */
        }
        
        .slick-dots {
            width: 50px;
            height: auto;
            left: 50%;
            margin-left: -33%;
            bottom: 27%;
        }
        
        .slick-dots:before {
            width: 2px;
            content: '';
            display: block;
            position: absolute;
            left: 50%;
            top: 0;
            height: 100%;
            border-left: 2px dashed #fff;
            margin-left: -17px;
        }
        
        .slick-dots li {
            display: block;
            margin: 55px 0px;
        }
        
        .slick-dots li button {
            width: 18px;
            height: 18px;
            background-color: white;
            border: 3px solid white;
            transition: 0.3s ease;
            margin: 0px;
            border-radius: 50%;
            transition: 0.3s ease;
        }
        
        .slick-dots li.slick-active button {
            background-color: #24BD64;
        }
        
        .slick-dots li button:hover {
            background-color: #24BD64;
        }
        
        .slick-dots li button:before {
            display: none;
        }
        
        .slick-dots li:first-child:before,
        .slick-dots li:last-child:before {
            content: "";
            display: block;
            width: 10px;
            height: 10px;
            background-color: #24BD64;
            border: 2px solid white;
            transition: 0.3s ease;
            margin: 0px;
            border-radius: 50%;
            transition: 0.3s ease;
            position: absolute;
            top: -59px;
            left: 50%;
            margin-left: -6px;
        }
        
        .slick-dots li:last-child:before {
            top: initial;
            bottom: -59px;
        }
        /* sidebar */
        
        .sidebar {}
        /* footer */
        
        .footer {
            background: #eee;
            padding: 20px;
        }
        
        .pagination {
            font-size: 1.6rem;
        }
        
        .embed-container {
            position: relative;
            padding-bottom: 56.25%;
            padding-top: 30px;
            height: 0;
            overflow: hidden;
            max-width: 100%;
            height: auto;
        }
        
        .embed-container iframe,
        .embed-container object,
        .embed-container embed {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
        
        .footer-contact-info,
        .footer-contact-info a {
            color: white;
        }
        
        .footer-contact-info a {
            font-size: 1.5rem;
            display: inline-block;
            vertical-align: middle;
            line-height: 1.8;
            font-family: 'Roboto', sans-serif;
        }
        
        .footer-contact-info i {
            font-size: 40px;
            display: inline-block;
            vertical-align: middle;
            margin-right: 20px;
        }
        
        .footer-contact-info .column:first-child a {
            pointer-events: none;
            max-width: 180px;
        }
        
        .copyright {
            color: white;
            text-align: center;
            font-family: 'Mukta', sans-serif;
            font-weight: 500;
        }
        
        .copyright a {
            color: white;
        }
        
        .slick-dotted.slick-slider {
            margin-bottom: 0px;
        }
        
        .main-home:before,
        .main-home:after {
            content: '';
            display: block;
            width: 100%;
            height: 104px;
            position: absolute;
            top: -103px;
            left: 0px;
            background-image: url('./img/Salem-Map-Middle-part.png');
            background-position: top center;
            background-repeat: no-repeat;
            background-size: cover;
        }
        
        .main-home:after {
            background-image: url('./img/Salem-Port-Top-Part.png');
            background-position: top center;
            background-repeat: no-repeat;
            background-size: cover;
            width: 114px;
            height: 328px;
            top: -328px;
            right: 0px;
            left: initial;
        }
        /*------------------------------------*\
    PAGES
\*------------------------------------*/
        /*------------------------------------*\
    IMAGES
\*------------------------------------*/
        /*------------------------------------*\
    ACF GOOGLE MAP
\*------------------------------------*/
        
        .acf-map {
            width: 100%;
            height: 100%;
            min-height: 400px;
            max-height: 600px;
            border: #ccc solid 1px;
            margin: 20px 0;
        }
        /* Fixes potential theme css conflict. */
        
        .acf-map img {
            max-width: inherit !important;
        }
        
        .commercial-use-section {
            overflow: hidden;
        }
        
        .commercial-use-section:before,
        .commercial-use-section:after {
            content: "";
            display: block;
            width: 970px;
            height: 958px;
            position: absolute;
            top: 50%;
            left: -516px;
            background-image: url(/wp-content/themes/salemportauthority/img/small-map.png);
            background-position: top center;
            background-repeat: no-repeat;
            background-size: cover;
            margin-top: -700px;
            z-index: -1;
        }
        
        .commercial-use-section:after {
            background-image: url(/wp-content/themes/salemportauthority/img/small-tracks.png);
            background-position: top center;
            background-repeat: no-repeat;
            background-size: cover;
            left: initial;
            right: -201px;
            top: 93%;
            width: 837px;
            height: 778px;
        }
        
        .tracks {
            position: absolute;
            width: 837px;
            height: 784px;
            top: -29%;
            left: -6%;
            background-image: url(/wp-content/themes/salemportauthority/img/small-tracks.png);
            background-position: top center;
            background-repeat: no-repeat;
            background-size: cover;
            transform: rotate( -86deg);
            z-index: -1;
        }
        
        .tracks.about-tracks:before,
        .tracks.about-tracks-2:before {
            content: '';
            position: absolute;
            left: 0vw;
            top: 14vw;
            background-image: url(/wp-content/uploads/2021/08/large-ship.png);
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            width: 107px;
            height: 47px;
            transform: rotate( 55deg);
        }
        
        .tracks.about-tracks-2 {
            background-image: url(/wp-content/themes/salemportauthority/img/tracks-doble.png);
            left: initial;
            right: -10vw;
            bottom: -13vw;
            transform: rotate( 0deg);
            top: initial;
            height: 875px;
            width: 1040px;
        }
        
        .content-box {
            overflow: hidden;
        }
        
        .tracks.about-tracks-2:before {
            background-image: url(/wp-content/uploads/2021/08/steamship.png);
            width: 104px;
            height: 24px;
            top: initial;
            left: 12vw;
            bottom: 15vw;
            transform: rotate( 10deg);
        }
        
        .tracks.service-pages {
            position: absolute;
            width: 738px;
            height: 472px;
            top: 29%;
            left: -26%;
            background-image: url(/wp-content/themes/salemportauthority/img/small-tracks.png);
            background-position: top center;
            background-repeat: no-repeat;
            background-size: cover;
            transform: rotate( 132deg);
            z-index: -1;
        }
        
        .tracks.service-pages:before {
            display: none;
        }
        
        .tracks.service-pages-2 {
            left: initial;
            top: initial;
            right: -20%;
            top: 15%;
            transform: rotate( -10deg);
        }
        
        .tracks.service-pages-2:before {
            background-image: url(/wp-content/uploads/2021/08/sail-boat.png);
            width: 64px;
            height: 51px;
            top: 1vw;
            transform: rotate( 5deg);
            content: "";
            display: block;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            left: 16vw;
            position: absolute;
        }
        
        .commercial-use-section,
        .news-section {
            position: relative;
            z-index: 2;
        }
        
        span#boat-2,
        span#boat-3 {
            width: 27px;
            height: 49px;
            position: absolute;
            right: 0px;
            top: 70px;
            background-image: url('./img/boat.png');
            background-position: top center;
            background-repeat: no-repeat;
            background-size: contain;
            transform: rotate(-80deg);
            animation-name: ship-path;
            animation-duration: 30s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }
        
        span#boat-3 {
            background-image: url('/wp-content/uploads/2021/08/large-ship.png');
            width: 105px;
            height: 98px;
            animation-name: ship-path-large;
            animation-duration: 35s;
            animation-iteration-count: infinite;
            transform: rotate(-3deg);
            animation-timing-function: linear;
            top: 0px;
            background-size: contain;
        }
        
        span#boat-4 {
            background-image: url('/wp-content/uploads/2021/08/sail-boat.png');
            width: 105px;
            height: 98px;
            animation-name: ship-path-sailboat;
            animation-duration: 55s;
            animation-iteration-count: infinite;
            transform: rotate(-3deg);
            animation-timing-function: linear;
            bottom: 0px;
            position: absolute;
            z-index: -1;
            background-size: contain;
        }
        
        span#boat-5,
        span#boat-1 {
            background-image: url('/wp-content/uploads/2021/08/steamship.png');
            width: 105px;
            height: 47px;
            animation-name: ship-path-extralarge;
            animation-iteration-count: infinite;
            transform: rotate(-3deg);
            animation-duration: 55s;
            animation-timing-function: linear;
            bottom: 0px;
            position: absolute;
            z-index: -1;
            right: 70%;
            background-size: contain;
            background-repeat: no-repeat;
        }
        
        span#boat-1 {
            animation-name: ship-path-extrasmall;
            animation-duration: 55s;
            width: 110px;
            height: 23px;
            transform: rotate( -3deg);
            right: 0;
            bottom: 50%;
            background-size: cover;
            top: initial;
            animation-duration: 50s;
        }
        
        @keyframes ship-path-extrasmall {
            0% {
                bottom: 50%;
                right: 0%;
                transform: rotate( 15deg);
            }
            20% {
                bottom: 55%;
                right: 10%;
                transform: rotate(30deg);
            }
            30% {
                bottom: 60%;
                right: 15%;
                transform: rotate(60deg);
            }
            40% {
                bottom: 70%;
                right: 17%;
                transform: rotate(90deg);
            }
            50% {
                bottom: 75%;
                right: 17%;
                transform: rotate(90deg);
            }
            75% {
                bottom: 80%;
                right: 13%;
                transform: rotate(140deg);
            }
            100% {
                bottom: 90%;
                right: -10%;
                transform: rotate(180deg);
            }
        }
        
        @keyframes ship-path-extralarge {
            0% {
                bottom: 13%;
                right: 110%;
                transform: rotate(175deg);
            }
            25% {
                bottom: 13%;
                right: 40%;
                transform: rotate(170deg);
            }
            50% {
                bottom: 22%;
                right: 25%;
                transform: rotate(145deg);
            }
            75% {
                bottom: 23%;
                right: 15%;
                transform: rotate(175deg);
            }
            100% {
                bottom: 23%;
                right: -10%;
                transform: rotate(165deg);
            }
        }
        
        @keyframes ship-path {
            0% {
                top: 2%;
                right: -10%;
                transform: rotate(-100deg);
            }
            25% {
                top: 10%;
                right: 5%;
                transform: rotate(-145deg);
            }
            50% {
                top: 20%;
                right: 10%;
                transform: rotate(-165deg);
            }
            75% {
                top: 30%;
                right: 5%;
                transform: rotate(-185deg);
            }
            100% {
                top: 40%;
                right: -10%;
                transform: rotate(-200deg);
            }
        }
        
        @keyframes ship-path-large {
            0% {
                top: 0%;
                right: -10%;
            }
            100% {
                top: 30%;
                right: 120%;
            }
        }
        
        @keyframes ship-path-sailboat {
            0% {
                bottom: 0%;
                right: 70%;
            }
            100% {
                bottom: 100%;
                right: -10%;
            }
        }
        /*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
        


        .weather-loading i {
            opacity: 0.7;
            animation: weatherPulse 1.2s ease-in-out infinite;
            color:white;
        }

        @keyframes weatherPulse {
            0%, 100% {
                opacity: 0.4;
            }

            50% {
                opacity: 1;
            }
        }
        .default-box {
            background-color: #1c8c8c;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 200px;
        }
        
        @media only screen and (min-width:320px) {
            .nav,
            .tracks.about-tracks-2,
            .tracks.service-pages,
            #target,
            #boat-1,
            #boat-5 {
                display: none;
            }
            .hero-section {
                min-height: 600px;
                height: 600px;
            }
            .hero-section .container {
                height: inherit;
            }
            .hero-section .container .columns {
                align-items: center;
                height: inherit;
            }
            .hero-section .container .columns .column {
                font-size: 2.0rem;
                color: #fff;
                max-width: 750px;
                font-weight: 700;
                line-height: 1.7;
                padding-left: 18%;
            }
            .slick-dots {
                width: 50px;
                height: auto;
                left: 50%;
                margin-left: -43%;
                bottom: 27%;
            }
            footer .logo-img {
                min-height: 110px;
            }
            .commercial-use .general-box {
                position: relative;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
                padding: 10px;
            }
            .inner-opacity-box {
                text-align: center;
                color: white;
                padding: 50px 0px 25px 0px;
                position: relative;
            }
            .inner-opacity-box:before {
                background-color: rgba(21, 85, 112, 0.8);
                content: "";
                position: absolute;
                left: 0px;
                top: 0px;
                mix-blend-mode: multiply;
                width: 100%;
                height: 100%;
            }
            .inner-opacity-box h2 {
                margin-top: 0px;
                position: relative;
                z-index: 2;
            }
            .inner-opacity-box p {
                max-width: 900px;
                margin: 0px auto 20px auto;
                color: white;
                position: relative;
                z-index: 2;
            }
            .inner-opacity-box strong {
                display: block;
                color: white;
                margin-bottom: 13px;
                position: relative;
                z-index: 2;
            }
            .commercial-use-section {
                margin-bottom: 65px;
                margin-top: -250px;
                z-index: 10;
                position: relative;
            }
            .commercial-use-section .general-box {
                padding: 10px;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
            }
            .commercial-use-section .general-box a {
                color: white;
                font-weight: bold;
                text-decoration: underline;
            }
            .commercial-use-section .general-box a.button {
                font-weight: normal;
            }
            .commercial-use-section .general-box a:hover {
                text-decoration: none;
            }
            .commercial-use-section .general-box a.button {
                text-decoration: none;
            }
            .commercial-use-section .column {
                margin-bottom: 50px;
            }
            .commercial-use-section a.image-link {
                overflow: hidden;
            }
            .commercial-use-section a.image-link img {
                transition: 0.3s ease;
                position: relative;
                z-index: 10;
                width: 100%;
            }
            /* .commercial-use-section a.image-link:hover img {
                transform: scale(1.1) rotate(5deg);
            } */
            .commercial-use-section .image-box {
                position: relative;
                margin-bottom: 10px;
            }
            .commercial-use-section .image-box:after {
                content: "";
                display: block;
                width: 100%;
                height: 10px;
                background-color: #24BD64;
                position: absolute;
                bottom: -20px;
                left: 0px;
                z-index: 1;
            }
            .commercial-use-section .is-6-desktop {
                display: flex;
                flex-direction: column;
            }
            .commercial-use-section a h2 {
                color: #000000;
                transition: 0.3s ease;
                margin-bottom: 0px;
            }
            .commercial-use-section a h2:hover {
                color: #24BD64;
            }
            .commercial-use-section .button-box {
                margin-top: auto;
            }
            .commercial-use-section .is-12 p,
            .commercial-use-section .is-12 strong {
                color: white
            }
            .commercial-use-section p,
            .commercial-use-section strong {
                font-size: 1.6rem;
                font-family: 'Roboto', sans-serif;
                line-height: 1.9;
                color: #676767;
                font-weight: 100;
            }
            .commercial-use-section p a {
                color: #676767;
                font-weight: bold;
            }
            .commercial-use-section p a:hover {
                color: #24BD64;
            }
            .news-section .image-box {
                margin-bottom: 10px;
            }
            .dates {
                color: #18778c;
                font-size: 1.2rem;
                font-weight: 500;
                position: relative;
                padding-top: 20px;
                border-top: 5px solid #24BD64;
                margin-bottom: 12px;
            }
            .dates.first-dates {
                border: none;
                padding-top: 0px;
            }
            .first-post .dates {
                border: none;
            }
            .news-section h2 {
                margin-top: 0px;
                line-height: 1.2;
            }
            .news-section h2 a,
            .news-section a h2,
            .blog-list a h2 {
                transition: 0.3s ease;
                color: #000000;
                font-size: 2.3rem;
            }
            .news-section h2 a:hover,
            .news-section a:hover h2,
            .blog-list a:hover h2 {
                color: #24BD64;
            }
            .flex-column {
                display: flex;
                flex-direction: column;
                /* min-height: 290px; */
            }
            .flex-column .button-box {
                margin-top: auto;
            }
            .news-section .button.no-bg,
            .blog-list .button.no-bg {
                background: none;
                color: #1C8C8C;
                padding: 2px 17px 2px 5px;
            }
            .news-section .button.no-bg i,
            .blog-list .button.no-bg i {
                background: none;
                color: #1C8C8C;
                right: -5px;
                margin-top: -14px;
                transition: 0.3s ease;
            }
            .news-section .button:hover i,
            .blog-list .button.no-bg:hover i {
                right: -7px;
            }
            .news-section {
                margin-bottom: 80px;
            }
            .inner-hero {
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
                height: 400px;
                position: relative;
                z-index: 1;
            }
            .white-border {
                border-bottom: 1px solid white;
            }
            .inner-hero:before {
                position: absolute;
                z-index: 2;
                content: "";
                display: block;
                width: 100%;
                height: 100%;
                background-color: rgba(24, 119, 140, 1);
                mix-blend-mode: multiply;
            }
            .inner-page .top-header {
                background: none;
                position: absolute;
                left: 0px;
                top: 0px;
                width: 100%;
                z-index: 3;
            }
            .inner-hero .container,
            .inner-hero .columns {
                height: 100%;
            }
            .inner-hero .columns {
                display: flex;
            }
            .inner-hero .column {
                align-self: flex-end;
            }
            .inner-hero h1 {
                color: white;
                font-size: 4rem;
                position: relative;
                z-index: 4;
            }
            .container.inner-container {
                max-width: 1200px;
            }
            .content-box {
                padding: 70px 0px 50px 0px;
                position: relative;
            }
            .content-box.about-page .image-box {
                margin-bottom: 50px;
            }
            .content-box p {
                margin-bottom: 25px;
            }
            .content-box.about-page {
                position: relative;
            }
            .helper-line {
                position: absolute;
                left: -1%;
                top: -22%;
                width: 897px;
                height: 900px;
                background-image: url(/wp-content/themes/salemportauthority/img/tracks-1.png);
                background-position: top center;
                background-repeat: no-repeat;
                background-size: cover;
                z-index: -1;
            }
            .content-box p a {
                color: #676767;
                font-weight: bold;
            }
            .inner-hero.custom-alignment-bg {
                background-position: bottom center;
            }
            .content-with-strong p {
                font-weight: bold;
                color: black;
                font-size: 2rem;
            }
            .sidebar-box {
                background-color: #24BD64;
                min-height: 350px;
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                padding: 20px;
            }
            .sidebar-box p {
                margin: 0px;
                color: white;
                font-weight: 700;
                font-size: 1.8rem;
            }
            .sidebar-box p a {
                color: white;
                text-decoration: underline;
            }
            .sidebar-box p a:hover {
                text-decoration: none;
            }
            .sidebar-box .button-box {
                margin-top: auto;
                text-align: center;
                margin-left: auto;
                margin-right: auto;
            }
            .blog-page .is-4-desktop {
                /* padding-left: 2%;
        padding-right: 2%; */
                margin-bottom: 60px;
            }
            .blog-page .bot-mrg {
                margin-bottom: 60px;
            }
            .blog-page .news-section .is-4-desktop article,
            .blog-page .news-section .is-4-desktop .post-box,
            .blog-page .news-section .is-4-desktop .blog-post-content,
            .blog-similar article,
            .blog-similar .post-box,
            .blog-similar .blog-post-content {
                height: 100%;
            }
            .blog-page .news-section .is-4-desktop .blog-post-content,
            .blog-similar .blog-post-content {
                display: flex;
                flex-direction: column;
                height: 100%;
            }
            .blog-page .news-section .is-4-desktop .button-box,
            .blog-similar .blog-post-content .button-box {
                margin-top: auto;
            }
            footer .nav ul {
                display: flex;
                justify-content: space-between;
            }
            .pagination {
                text-align: center;
            }
            .pagination a,
            .pagination span.current {
                font-weight: bold;
                color: black;
                margin: 0px 7px;
            }
            .pagination a:hover,
            .pagination span.current {
                color: #83b899;
            }
            .blog-inner-page h1,
            .blog-inner-page .dates {
                text-align: center;
                display: block;
                border: none;
                font-weight: 700;
                padding-top: 0px;
            }
            .blog-inner-page .dates {
                margin-bottom: 30px;
            }
            .acf-map {
                margin: 0px 0px 140px 0px;
                max-height: 800px;
                height: 800px;
            }
            .margined-section {
                position: relative;
            }
            .contact-page .footer-contact-info a {
                color: #000000;
            }
            .contact-page .footer-contact-info i {
                color: #18778C;
            }
            .columns.margined-bot-section {
                margin-bottom: 130px;
            }
            #frm_form_1_container {
                background-color: #18778C;
                padding: 30px 20px 0px 20px;
            }
            .with_frm_style input[type=text],
            .with_frm_style input[type=password],
            .with_frm_style input[type=email],
            .with_frm_style input[type=number],
            .with_frm_style input[type=url],
            .with_frm_style input[type=tel],
            .with_frm_style input[type=file],
            .with_frm_style input[type=search],
            .with_frm_style select,
            .with_frm_style .frm-card-element.StripeElement,
            textarea {
                background-color: #18778c !important;
                border: none !important;
                box-shadow: none !important;
                color: #fff !important;
                border-bottom: 1px solid #fff !important;
                border-radius: 0 !important;
                padding: 25px 0px !important;
                font-size: 12px !important;
            }
            .with_frm_style select {
                padding: 0px !important;
                height: 51px !important;
            }
             ::placeholder {
                /* Chrome, Firefox, Opera, Safari 10.1+ */
                color: white !important;
                opacity: 1;
                /* Firefox */
            }
             :-ms-input-placeholder {
                /* Internet Explorer 10-11 */
                color: white !important;
            }
             ::-ms-input-placeholder {
                /* Microsoft Edge */
                color: white !important;
            }
            .contact-page .frm_button_submit.frm_final_submit.button {
                outline: none;
                box-shadow: none;
                border: none;
            }
            .frm_primary_label {
                display: none !important;
            }
            .contact-page .frm_button_submit.frm_final_submit.button {
                background-color: white;
                color: black;
            }
            .contact-page .frm_button_submit.frm_final_submit.button i {
                background: transparent linear-gradient(270deg, #B2B2B2FC 0%, #FFFFFF00 100%) 0% 0% no-repeat padding-box;
            }
            .contact-page .frm_button_submit.frm_final_submit.button:hover {
                color: white;
            }
            .logo-img {
                height: 60px;
            }
            #responsive-menu-pro-title-image {
                text-align: center;
                width: 100%;
            }
            #responsive-menu-pro-title-image img {
                max-width: 200px !important;
            }
            footer {
                text-align: center;
            }
            button#responsive-menu-pro-button {
                border-radius: 30px !important;
            }
            /* HEADER */
            .top-header {
                background-color: #18778C;
                min-height: 170px;
            }
            .content-box img {
                width: 100%;
            }
            .container.margined-bot-section {
                margin-bottom: 50px;
            }
            .uniq-title {
                position: relative;
            }
            .uniq-title h3,
            .uniq-title span {
                display: inline-block;
                vertical-align: middle
            }
            .uniq-title span {
                display: block;
                width: 100%;
                height: 10px;
                border-bottom: 1px dashed #707070;
                position: absolute;
                left: 0px;
                top: 50%;
                margin-top: 0px;
            }
            .uniq-title span:after,
            .uniq-title span:before {
                width: 25px;
                height: 25px;
                background-color: #24bd64;
                position: absolute;
                right: 0;
                top: -4px;
                content: "";
                display: block;
                border-radius: 50%;
            }
            .uniq-title span:before {
                right: initial;
                left: 0px;
                background-color: white;
            }
            .uniq-title h3 {
                background-color: white;
                position: relative;
                padding-right: 20px;
                z-index: 1;
            }
            .top-header .align-right {
                position: relative;
                align-self: flex-end;
            }
            .weather {
                position: static;
                right: 0px;
                top: -70px;
                max-width: 173px;
                margin: 0px auto;
            }
            .weather p {
                color: white;
                margin: 0 3px;
            }
            .weather i {
                font-size: 2.4rem;
            }
            .weather i.fa-sun {
                color: #F29F05;
            }
            .date-time {
                text-transform: uppercase;
                font-weight: bold;
                line-height: 1.1;
            }
            .date-time span {
                font-size: 1.2rem;
            }
            .inline {
                display: inline-block;
                vertical-align: middle;
            }
            .temperature {
                font-weight: 700;
            }
            .temperature span {
                position: relative;
                top: -10px;
            }
            .weather .white-border {
                margin-top: 10px;
            }
            .weather a {
                color: white;
                width: 100%;
                display: flex;
                text-align: left;
                justify-content: space-between;
                padding-top: 6px;
            }
            .weather a i {
                font-size: 2.8rem;
                max-height: 15px;
                overflow: hidden;
            }
            .weather a i:before {
                position: relative;
                top: -13px;
            }
            .top-header .columns {
                text-align: center;
            }
            .top-header {
                padding: 25px 0px;
            }
            .boat-road {
                position: absolute;
                right: 0px;
                top: 0px;
                background-size: cover;
            }
            #target {
                display: block;
                width: 100%;
            }
            #boat-1 {
                position: absolute;
                right: -100px;
                top: 100px;
            }
            .main-home {
                background-position: top center;
                background-repeat: no-repeat;
                background-size: cover;
                margin-top: 0px;
                min-height: 2000px;
                /* min-height: 105vw; */
                z-index: 10;
                padding-top: 320px;
                position: relative;
            }
            .main-home {
                padding-top: 61%;
            }
            .commercial-use-section:before,
            .commercial-use-section:after {
                display: none;
            }
            .news-section .image-box img {
                width: 100%;
            }
            .tracks.service-pages,
            .tracks.service-pages-2 {
                display: none;
            }
            .error-page h1 {
                color: #18778C;
                font-size: 4rem;
            }
            .error-page h2 a {
                color: black;
                font-size: 3rem;
                transition: 0.3s ease;
            }
            .error-page h2 a:hover {
                color: #24BD64;
            }
        }
        
        @media only screen and (min-width:480px) {
            .main-home {
                padding-top: 50%;
            }
        }
        
        @media only screen and (min-width:769px) {
            .hero-section .container .columns .column {
                font-size: 3.5rem;
                color: #fff;
                max-width: 750px;
                font-weight: 700;
                line-height: 1.7;
                padding-left: 8%;
            }
            .slick-dots {
                margin-left: -47%;
            }
            .logo-img {
                backface-visibility: hidden;
                height: 80px;
            }
            footer {
                text-align: initial;
            }
            .footer-contact-info .column:first-child a {
                max-width: 128px;
                font-size: 1.3rem;
            }
            .footer-contact-info i {
                font-size: 30px;
            }
            .inner-hero h1 {
                font-size: 6rem;
            }
            .inner-hero {
                height: 500px;
            }
            .main-home {
                padding-top: 40%;
            }
        }
        
        @media only screen and (min-width:1024px) {
            .margined-section {
                margin-top: -33%;
            }
            .nav ul li a {
                font-size: 1.4rem;
            }
            .footer-contact-info i {
                font-size: 40px;
                display: inline-block;
                vertical-align: middle;
                margin-right: 20px;
            }
            .footer-contact-info .column:first-child a {
                pointer-events: none;
                max-width: 160px;
            }
            .top-header {
                background-color: #18778C;
                min-height: 200px;
            }
            #target {
                display: block;
            }
            .main-home {
                background-size: contain;
            }
            .main-home {
                padding-top: 11%;
            }
            .main-home {
                min-height: 105vw;
            }
        }
        
        @media only screen and (min-width:1140px) {
            #responsive-menu-pro-container,
            #responsive-menu-pro-button {
                display: none !important;
            }
            .nav {
                display: block;
            }
            .weather {
                position: absolute;
                right: 0px;
                top: -70px;
                max-width: 200px;
            }
            .top-header {
                padding: 0 0px;
            }
            .tracks.about-tracks-2,
            .tracks.service-pages {
                display: block;
            }
        }
        
        @media only screen and (min-width:1419px) {
            .slick-dots {
                margin-left: -44%;
            }
            .nav ul li a {
                font-size: 1.8rem;
            }
            .main-home {
                padding-top: 16%;
            }
            .commercial-use-section:before,
            .commercial-use-section:after {
                display: block;
            }
            .tracks.service-pages,
            .tracks.service-pages-2 {
                display: block;
            }
        }
        
        @media only screen and (min-width:1519px) {
            .slick-dots {
                margin-left: -44%;
            }
            #boat-1,
            #boat-5 {
                display: block;
            }
        }
        
        @media only screen and (min-width:1619px) {
            .slick-dots {
                margin-left: -38%;
            }
        }
        
        @media only screen and (min-width:1719px) {
            .slick-dots {
                margin-left: -33%;
            }
        }
        
        @media only screen and (max-width:769px) {
            .footer-contact-info {
                text-align: center;
            }
            .footer-contact-info i {
                display: block;
                margin-right: 0px;
                margin-bottom: 20px;
            }
            p b,
            p strong {
                font-size: 1.6rem;
            }
            .footer-contact-info i {
                font-size: 25px;
                margin-bottom: 10px;
            }
        }
        /*------------------------------------*\
    MISC
\*------------------------------------*/
        
         ::selection {
            background: #04A4CC;
            color: #FFF;
            text-shadow: none;
        }
        
         ::-webkit-selection {
            background: #04A4CC;
            color: #FFF;
            text-shadow: none;
        }
        
         ::-moz-selection {
            background: #04A4CC;
            color: #FFF;
            text-shadow: none;
        }
        /*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/
        
        .alignnone {
            margin: 5px 20px 20px 0;
        }
        
        .aligncenter,
        div.aligncenter {
            display: block;
            margin: 5px auto 5px auto;
        }
        
        .alignright {
            float: right;
            margin: 5px 0 20px 20px;
        }
        
        .alignleft {
            float: left;
            margin: 5px 20px 20px 0;
        }
        
        a img.alignright {
            float: right;
            margin: 5px 0 20px 20px;
        }
        
        a img.alignnone {
            margin: 5px 20px 20px 0;
        }
        
        a img.alignleft {
            float: left;
            margin: 5px 20px 20px 0;
        }
        
        a img.aligncenter {
            display: block;
            margin-left: auto;
            margin-right: auto;
        }
        
        .wp-caption {
            background: #FFF;
            border: 1px solid #F0F0F0;
            max-width: 96%;
            padding: 5px 3px 10px;
            text-align: center;
        }
        
        .wp-caption.alignnone {
            margin: 5px 20px 20px 0;
        }
        
        .wp-caption.alignleft {
            margin: 5px 20px 20px 0;
        }
        
        .wp-caption.alignright {
            margin: 5px 0 20px 20px;
        }
        
        .wp-caption img {
            border: 0 none;
            height: auto;
            margin: 0;
            max-width: 98.5%;
            padding: 0;
            width: auto;
        }
        
        .wp-caption .wp-caption-text,
        .gallery-caption {
            font-size: 11px;
            line-height: 17px;
            margin: 0;
            padding: 0 4px 5px;
        }
        
        .sticky {}
        
        .bypostauthor {}
        /* FOOTER */
        
        .footer {
            background-color: #18778C;
        }
        
        .underlined {
            text-decoration: underline;
        }
        /* FOOTER END */
        
        .services-slider .slick-arrow:before {
            color: #83b899;
        }
        
        .services-slider img {
            max-width: 100%;
            /* max-height: 250px; */
        }
        
        .services-slider .slick-track {
            display: flex;
            height: 100%;
            align-items: center;
        }
        
        .services-slider .slick-dots {
            margin-left: 0px;
            bottom: 15px;
            width: initial;
            left: 0px;
            width: 100%;
            text-align: center;
        }
        
        .services-slider .slick-dots li {
            margin-bottom: 0px;
            display: inline-block;
            vertical-align: middle;
            margin: 0px 10px;
        }
        
        .services-slider .slick-dots:before,
        .services-slider .slick-dots li:last-child:before,
        .services-slider .slick-dots li:first-child:before {
            display: none;
        }
        /*------------------------------------*\
    PRINT
\*------------------------------------*/
        
        @media print {
            * {
                background: transparent !important;
                box-shadow: none !important;
                color: #000 !important;
                text-shadow: none !important;
            }
            a,
            a:visited {
                text-decoration: underline;
            }
            a[href]:after {
                content: " ("attr(href) ")";
            }
            abbr[title]:after {
                content: " ("attr(title) ")";
            }
            .ir a:after,
            a[href^="javascript:"]:after,
            a[href^="#"]:after {
                content: "";
            }
            pre,
            blockquote {
                page-break-inside: avoid;
            }
            thead {
                display: table-header-group;
            }
            tr,
            img {
                page-break-inside: avoid;
            }
            img {
                max-width: 100% !important;
            }
            @page {
                margin: 0.5cm;
            }
            p,
            h2,
            h3 {
                orphans: 3;
                widows: 3;
            }
            h2,
            h3 {
                page-break-after: avoid;
            }
            .nav,
            .sidebar,
            .home-slider,
            #respond {
                display: none;
            }
            @page {
                margin: 2cm;
            }
        }
        
        @media (min-width: 500px) and (max-width:768px) {
            .footer .is-4-tablet {
                width: 33.3333%
            }
        }