h1 {
    margin-top: 1.2vw;
    margin-bottom: 1vw;
    font-family: 'Cinzel bold', Georgia, sans-serif;
    font-size: 2.3vw;
    line-height: 2.5vw;
    font-style: normal;
    font-weight: 400;
}

h2 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: Georgia, Times, 'Times New Roman', serif;
    font-size: 2.2vw;
    line-height: 2.4vw;
    font-style: italic;
    font-weight: 400;
}

h3 {
    margin-top: 1.2vw;
    margin-bottom: 0.7vw;
    font-family: Georgia, Times, 'Times New Roman', serif;
    font-size: 1.7vw;
    line-height: 1.9vw;
    font-style: italic;
    font-weight: 400;
}

h4 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: Georgia, Times, 'Times New Roman', serif;
    font-size: 20px;
    line-height: 24px;
    font-style: italic;
    font-weight: 700;
}

    h4:hover {
        text-decoration: none;
    }

h5 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: Georgia, Times, 'Times New Roman', serif;
    font-size: 18px;
    line-height: 22px;
    font-style: italic;
    font-weight: 700;
}

h6 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    text-transform: uppercase;
}

p {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 24px;
}

a {
    color: #005775;
    font-weight: 400;
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
    }

ul {
    margin-top: 0px;
    margin-bottom: 10px;
    padding-left: 20px;
}

ol {
    margin-top: 0px;
    margin-bottom: 10px;
    padding-left: 20px;
}

li {
    padding-top: 0px;
    padding-bottom: 0px;
}

img {
    display: inline-block;
    max-width: 100%;
}

strong {
    line-height: 18px;
    font-weight: 700;
}

em {
    font-style: italic;
}

.hero-section {
    position: relative;
    overflow: visible;
    width: 100%;
    height: 95vh;
    background-color: #fff;
    text-align: center;
}

.stripes {
    position: static;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #fff;
}

    .stripes.login {
        position: absolute;
    }

.blue-stripe {
    position: static;
    height: 1vh;
    margin-top: 1vh;
    background-color: #005775;
}

    .blue-stripe.top {
        position: static;
        height: 1vh;
        margin-top: 0px;
    }

.harbors-section {
    padding-top: 3vw;
    padding-bottom: 3vw;
    background-color: #f7f3e4;
    background-image: -webkit-linear-gradient(270deg, hsla(47, 54%, 93%, .8), hsla(47, 54%, 93%, .8)), url('images_p/diagonal-noise.png');
    background-image: linear-gradient(180deg, hsla(47, 54%, 93%, .8), hsla(47, 54%, 93%, .8)), url('images_p/diagonal-noise.png');
    background-position: 0px 0px, 0px 0px;
    color: #005775;
}

.header-ms-logo {
    position: static;
    top: 13px;
    right: 0px;
    margin-top: 6px;
    margin-bottom: 6px;
    float: left;
}

.nav-link {
    position: relative;
    display: inline-block;
    margin-right: 1vw;
    margin-left: 1vw;
    padding: 22px 20px 22px 0px;
    float: none;
    font-family: 'Cinzel bold', Georgia, sans-serif;
    color: #005775;
    text-transform: uppercase;
}

    .nav-link:hover {
        color: #005775;
    }

    .nav-link.w--open {
        -webkit-transition: opacity 467ms ease;
        transition: opacity 467ms ease;
    }

        .nav-link.w--open:hover {
            background-color: transparent;
            background-image: none;
            color: #005775;
        }

    .nav-link.member {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-right: 0px;
        margin-left: 0px;
        padding: 20px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        font-family: Georgia, Times, 'Times New Roman', serif;
        color: #fff;
        font-style: italic;
        font-weight: 700;
        text-transform: none;
    }

        .nav-link.member.w--open {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            margin-right: 0px;
            margin-left: 0px;
            padding-top: 20px;
            padding-bottom: 20px;
            padding-left: 20px;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            background-color: transparent;
            font-size: 14px;
        }

            .nav-link.member.w--open:hover {
                color: #fff;
            }

.dropdown-link {
    width: auto;
    margin-right: 0px;
    margin-left: 0px;
    padding: 16px 20px;
    border-bottom: 1px solid #005775;
    background-color: transparent;
    opacity: 1;
    -webkit-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    font-family: Georgia, Times, 'Times New Roman', serif;
    color: hsla(0, 0%, 100%, .7);
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    text-transform: none;
}

    .dropdown-link:hover {
        border-bottom-color: #005775;
        opacity: 1;
        color: #fff;
        text-decoration: none;
    }

    .dropdown-link.w--current {
        color: #fff;
    }

    .dropdown-link.last {
        border-bottom-style: none;
    }

    .dropdown-link.member {
        border-bottom-color: hsla(0, 0%, 100%, .4);
        background-color: transparent;
        color: hsla(0, 0%, 100%, .8);
    }

        .dropdown-link.member:hover {
            color: #fff;
        }

        .dropdown-link.member.last {
            color: hsla(0, 0%, 100%, .8);
            cursor: pointer;
        }

            .dropdown-link.member.last:hover {
                color: #fff;
            }

.full-ms-logo {
    position: static;
    display: block;
    width: auto;
    height: 25vw;
    margin: 0vh auto 0vw;
}

.buttons-wrapper {
    position: static;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 36px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.big-cta-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 300px;
    height: 58px;
    margin: 1vw auto;
    padding: 0px 40px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #ff9600;
    border-radius: 29px;
    background-color: #ff9600;
    background-image: none;
    -webkit-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
    font-family: Georgia, Times, 'Times New Roman', serif;
    font-size: 21px;
    font-style: italic;
    font-weight: 700;
}

    .big-cta-button:hover {
        background-color: #ffa300;
        background-image: none;
        text-decoration: none;
    }

    .big-cta-button:active {
        border-color: #005775;
        background-color: #005775;
        background-image: none;
    }

    .big-cta-button.textured {
        background-image: -webkit-linear-gradient(270deg, rgba(255, 150, 0, .85), rgba(255, 150, 0, .85)), url('images_p/diagonal-noise.png');
        background-image: linear-gradient(180deg, rgba(255, 150, 0, .85), rgba(255, 150, 0, .85)), url('images_p/diagonal-noise.png');
        background-position: 0px 0px, 0px 0px;
        color: #fff;
    }

        .big-cta-button.textured:hover {
            background-color: #ff9600;
            background-image: none;
            background-position: 0px 0px;
        }

        .big-cta-button.textured:active {
            border-color: #ff9600;
            background-color: #ff9600;
        }

        .big-cta-button.textured.blue {
            border-width: 1px;
            border-color: #38c3e3;
            background-color: #38c3e3;
            background-image: -webkit-linear-gradient(270deg, rgba(56, 195, 227, .72), rgba(56, 195, 227, .72)), url("https://daks2k3a4ib2z.cloudfront.net/566170f23837fdb102817dc4/56e151f7ada0e7a626523fe7_diagonal-noise.png");
            background-image: linear-gradient(180deg, rgba(56, 195, 227, .72), rgba(56, 195, 227, .72)), url("https://daks2k3a4ib2z.cloudfront.net/566170f23837fdb102817dc4/56e151f7ada0e7a626523fe7_diagonal-noise.png");
            background-position: 0px 0px, 0px 0px;
            -webkit-transition-property: none;
            transition-property: none;
            text-shadow: 0 1px 0 rgba(0, 0, 0, .19);
        }

            .big-cta-button.textured.blue:hover {
                background-image: none;
                background-position: 0px 0px;
                text-shadow: 0 1px 0 rgba(214, 14, 14, .16);
            }

            .big-cta-button.textured.blue.shadow {
                box-shadow: 0 33px 32px -11px rgba(25, 32, 36, .34);
            }

        .big-cta-button.textured.shadow {
            box-shadow: 23px 23px 32px -11px rgba(0, 0, 0, .36);
            text-shadow: 0 1px 0 rgba(0, 0, 0, .2);
        }

            .big-cta-button.textured.shadow.homepage {
                margin-right: 22px;
                margin-left: 22px;
            }


.dropdown-list.w--open {
    padding: 20px;
    float: none;
    border-style: none;
    background-color: #005775;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
}

.dropdown-list.big-field {
    top: 48px;
}

    .dropdown-list.big-field.w--open {
        top: 48px;
    }

.nav-menu {
    position: static;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 0px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.navbar-container {
    position: static;
    display: block;
    width: auto;
    max-width: 100%;
    margin-right: 0px;
    margin-left: 0px;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
}

.navbar-home {
    position: relative;
    left: 0px;
    top: 0px;
    right: 0px;
    padding: 0px 3vw;
    background-color: transparent;
}

.container-1200 {
    position: relative;
    display: block;
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.harbor-name {
    position: absolute;
    left: 0px;
    top: 70px;
    right: 0px;
    bottom: 70px;
    margin-top: 10%;
    margin-bottom: 0vw;
    padding-right: 40px;
    padding-left: 40px;
    font-family: Georgia, Times, 'Times New Roman', serif;
    color: #fff;
    font-size: 20px;
    line-height: 1.3em;
    font-style: italic;
    font-weight: 700;
}

    .harbor-name.white {
        position: absolute;
        left: 0px;
        top: 70px;
        right: 0px;
        bottom: 70px;
        margin-top: 10%;
        margin-bottom: 0px;
        padding-right: 41px;
        padding-left: 41px;
        color: #fff;
        font-size: 20px;
        line-height: 1.3em;
    }

.harbors-group {
    margin-top: 2vw;
    margin-bottom: 1.5vw;
}

.harbor {
    position: relative;
    display: inline-block;
    width: 180px;
    height: 180px;
    margin: 8px;
    float: none;
    border-radius: 50%;
    background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3));
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3));
    box-shadow: 0 0 0 2px #f7f3e4;
    -webkit-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
    text-align: center;
}

    .harbor:hover {
        background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .15), rgba(0, 0, 0, .15));
        background-image: linear-gradient(180deg, rgba(0, 0, 0, .15), rgba(0, 0, 0, .15));
        box-shadow: 0 0 0 8px #f7f3e4;
    }

    .harbor.channel-island {
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
        background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('images_p/Channel-Islands.jpg');
        background-image: linear-gradient(180deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('images_p/Channel-Islands.jpg');
        background-position: 0px 0px, 50% 50%;
        background-size: auto, cover;
        background-repeat: repeat, no-repeat;
    }

        .harbor.channel-island:hover {
            background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .15), rgba(0, 0, 0, .15)), url('images_p/Channel-Islands.jpg');
            background-image: linear-gradient(180deg, rgba(0, 0, 0, .15), rgba(0, 0, 0, .15)), url('images_p/Channel-Islands.jpg');
            background-position: 0px 0px, 50% 50%;
            background-size: auto, cover;
            background-repeat: repeat, no-repeat;
        }

    .harbor.long-beach-icon-pic {
        background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('images_p/Long-Beach.jpg');
        background-image: linear-gradient(180deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('images_p/Long-Beach.jpg');
        background-position: 0px 0px, 50% 50%;
        background-size: auto, cover;
        background-repeat: repeat, no-repeat;
    }

        .harbor.long-beach-icon-pic:hover {
            background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .15), rgba(0, 0, 0, .15)), url('images_p/Long-Beach.jpg');
            background-image: linear-gradient(180deg, rgba(0, 0, 0, .15), rgba(0, 0, 0, .15)), url('images_p/Long-Beach.jpg');
            background-position: 0px 0px, 50% 50%;
            background-size: auto, cover;
            background-repeat: repeat, no-repeat;
        }

    .harbor.marina-del-rey-icon-pic {
        background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('images_p/Marina-Del-Rey.jpg');
        background-image: linear-gradient(180deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('images_p/Marina-Del-Rey.jpg');
        background-position: 0px 0px, 50% 50%;
        background-repeat: repeat, no-repeat;
    }

        .harbor.marina-del-rey-icon-pic:hover {
            background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .15), rgba(0, 0, 0, .15)), url('images_p/Marina-Del-Rey.jpg');
            background-image: linear-gradient(180deg, rgba(0, 0, 0, .15), rgba(0, 0, 0, .15)), url('images_p/Marina-Del-Rey.jpg');
            background-position: 0px 0px, 50% 50%;
            background-repeat: repeat, no-repeat;
        }

    .harbor.newport-beach-icon-pic {
        background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('images_p/Newport-Beach.jpg');
        background-image: linear-gradient(180deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('images_p/Newport-Beach.jpg');
        background-position: 0px 0px, 50% 50%;
        background-size: auto, cover;
        background-repeat: repeat, no-repeat;
    }

        .harbor.newport-beach-icon-pic:hover {
            background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .15), rgba(0, 0, 0, .15)), url('images_p/Newport-Beach.jpg');
            background-image: linear-gradient(180deg, rgba(0, 0, 0, .15), rgba(0, 0, 0, .15)), url('images_p/Newport-Beach.jpg');
            background-position: 0px 0px, 50% 50%;
            background-size: auto, cover;
            background-repeat: repeat, no-repeat;
        }

    .harbor.redondo-beach-icon-pic {
        background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('images_p/Redondo-Beach.jpg');
        background-image: linear-gradient(180deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('images_p/Redondo-Beach.jpg');
        background-position: 0px 0px, 50% 50%;
        background-size: auto, cover;
        background-repeat: repeat, no-repeat;
    }

        .harbor.redondo-beach-icon-pic:hover {
            background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .15), rgba(0, 0, 0, .15)), url('images_p/Redondo-Beach.jpg');
            background-image: linear-gradient(180deg, rgba(0, 0, 0, .15), rgba(0, 0, 0, .15)), url('images_p/Redondo-Beach.jpg');
            background-position: 0px 0px, 50% 50%;
            background-size: auto, cover;
            background-repeat: repeat, no-repeat;
        }

    .harbor.san-diego {
        background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('images_p/San-Diego.jpg');
        background-image: linear-gradient(180deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('images_p/San-Diego.jpg');
        background-position: 0px 0px, 50% 50%;
        background-size: auto, cover;
        background-repeat: repeat, no-repeat;
    }

        .harbor.san-diego:hover {
            background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .15), rgba(0, 0, 0, .15)), url('images_p/San-Diego.jpg');
            background-image: linear-gradient(180deg, rgba(0, 0, 0, .15), rgba(0, 0, 0, .15)), url('images_p/San-Diego.jpg');
            background-position: 0px 0px, 50% 50%;
            background-size: auto, cover;
            background-repeat: repeat, no-repeat;
        }

.anchor-icon {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    display: block;
    margin-top: 20%;
    margin-right: auto;
    margin-left: auto;
}

.services-section {
    padding-top: 0px;
}

.service-wrap {
    position: relative;
    display: block;
    width: 50%;
    height: 14vw;
    padding: 1vw 5vw;
    float: left;
    background-color: #005775;
    -webkit-transition: opacity 600ms ease-in;
    transition: opacity 600ms ease-in;
    color: #fff;
    text-decoration: none;
}

    .service-wrap:hover {
        background-image: -webkit-linear-gradient(0deg, rgba(0, 87, 117, .9), rgba(0, 87, 117, 0));
        background-image: linear-gradient(90deg, rgba(0, 87, 117, .9), rgba(0, 87, 117, 0));
        text-decoration: none;
    }

.service-subtitle {
    position: relative;
    z-index: 5;
    width: auto;
    max-width: 30vw;
    margin-top: 0px;
    font-family: 'Source Sans Pro', sans-serif;
    color: #fff;
    font-size: 1.1vw;
    line-height: 1.5vw;
    font-weight: 400;
    text-shadow: 1px 1px 1px #005775;
}

    .service-subtitle:hover {
        text-decoration: none;
    }

.service-title {
    position: relative;
    z-index: 5;
    width: auto;
    max-width: 300px;
    font-size: 2.5vw;
    line-height: 2.7vw;
    text-decoration: none;
    text-shadow: 1px 1px 1px #005775;
}

    .service-title:hover {
        text-decoration: none;
    }

.white-stripe-1 {
    position: static;
    display: none;
    overflow: visible;
    width: 100%;
    height: 0px;
}

.white-stripe-2 {
    display: inline-block;
    width: 100%;
    height: 3vw;
    background-color: transparent;
    -webkit-transition: all 800ms ease;
    transition: all 800ms ease;
}

.nav-bar-scroll {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    z-index: 1005;
    display: none;
    padding-right: 3vw;
    padding-left: 3vw;
    background-color: #fff;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, .05);
}

.membership-section {
    margin-bottom: 0vw;
    padding: 4vw 64px;
    background-color: #ff9600;
    background-image: -webkit-linear-gradient(270deg, rgba(255, 150, 0, .8), rgba(255, 150, 0, .8)), url('images_p/diagonal-noise.png');
    background-image: linear-gradient(180deg, rgba(255, 150, 0, .8), rgba(255, 150, 0, .8)), url('images_p/diagonal-noise.png');
    background-position: 0px 0px, 0px 0px;
    color: #fff;
}

.benefits-list {
    margin-top: 48px;
    font-family: Georgia, Times, 'Times New Roman', serif;
    font-size: 16px;
    line-height: 30px;
    font-style: italic;
    text-align: left;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 1.2em;
    -moz-column-gap: 1.2em;
    column-gap: 1.2em;
    -webkit-column-rule: 1px none #000;
    -moz-column-rule: 1px none #000;
    column-rule: 1px none #000;
}

.boats-for-rent-image {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    overflow: visible;
    background-image: -webkit-linear-gradient(0deg, #005775, rgba(0, 87, 117, 0)), url('images_p/Boats-for-rent-image.jpg');
    background-image: linear-gradient(90deg, #005775, rgba(0, 87, 117, 0)), url('images_p/Boats-for-rent-image.jpg');
    background-position: 0px 0px, 50% 50%;
    background-size: auto, 100%;
    background-repeat: repeat, no-repeat;
    -webkit-transition: all 800ms ease;
    transition: all 800ms ease;
}

    .boats-for-rent-image:hover {
        background-size: auto, 105%;
    }

.sailing-school-image {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background-image: url('images_p/ASA-corner-label.png'), -webkit-linear-gradient(0deg, #005775, rgba(0, 87, 117, 0)), url('images_p/Sailing-School-image.jpg');
    background-image: url('images_p/ASA-corner-label.png'), linear-gradient(90deg, #005775, rgba(0, 87, 117, 0)), url('images_p/Sailing-School-image.jpg');
    background-position: 100% 100%, 0px 0px, 50% 30%;
    background-size: 180px, auto, 100%;
    background-repeat: no-repeat, repeat, no-repeat;
    -webkit-transition: all 800ms ease;
    transition: all 800ms ease;
}

    .sailing-school-image:hover {
        background-image: url('images_p/ASA-corner-label.png'), -webkit-linear-gradient(0deg, #005775, rgba(0, 87, 117, 0)), url('images_p/Sailing-School-image_1.jpg');
        background-image: url('images_p/ASA-corner-label.png'), linear-gradient(90deg, #005775, rgba(0, 87, 117, 0)), url('images_p/Sailing-School-image_1.jpg');
        background-position: 100% 100%, 0px 0px, 50% 30%;
        background-size: 180px, auto, 105%;
        background-repeat: no-repeat, repeat, no-repeat;
    }

.yacht-management-image {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background-image: -webkit-linear-gradient(0deg, #005775, rgba(0, 87, 117, 0)), url('images_p/Yacht-management-image.jpg');
    background-image: linear-gradient(90deg, #005775, rgba(0, 87, 117, 0)), url('images_p/Yacht-management-image.jpg');
    background-position: 0px 0px, 50% 50%;
    background-size: auto, 100%;
    background-repeat: repeat, no-repeat;
    -webkit-transition: all 800ms ease;
    transition: all 800ms ease;
}

    .yacht-management-image:hover {
        background-size: auto, 105%;
    }

.corporate-events-image {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background-image: -webkit-linear-gradient(0deg, #005775, rgba(0, 87, 117, 0)), url('images_p/Corporate-Events-image.jpg');
    background-image: linear-gradient(90deg, #005775, rgba(0, 87, 117, 0)), url('images_p/Corporate-Events-image.jpg');
    background-position: 0px 0px, 50% 50%;
    background-size: auto, 100%;
    background-repeat: repeat, no-repeat;
    -webkit-transition: all 800ms ease;
    transition: all 800ms ease;
}

    .corporate-events-image:hover {
        background-size: auto, 105%;
    }

.racing-image {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background-image: -webkit-linear-gradient(0deg, #005775, rgba(0, 87, 117, 0)), url('images_p/Racing-image.jpg');
    background-image: linear-gradient(90deg, #005775, rgba(0, 87, 117, 0)), url('images_p/Racing-image.jpg');
    background-position: 0px 0px, 50% 50%;
    background-size: auto, 100%;
    background-repeat: repeat, no-repeat;
    -webkit-transition: all 800ms ease;
    transition: all 800ms ease;
}

    .racing-image:hover {
        background-size: auto, 105%;
    }

.exotic-flotillas {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background-image: -webkit-linear-gradient(0deg, #005775, rgba(0, 87, 117, 0)), url('images_p/Exotic-Flotillas-image.jpg');
    background-image: linear-gradient(90deg, #005775, rgba(0, 87, 117, 0)), url('images_p/Exotic-Flotillas-image.jpg');
    background-position: 0px 0px, 50% 50%;
    background-size: auto, 100%;
    background-repeat: repeat, no-repeat;
    -webkit-transition: all 800ms ease;
    transition: all 800ms ease;
}

    .exotic-flotillas:hover {
        background-size: auto, 105%;
    }

.sign-up-section {
    margin-top: 0vw;
    padding-top: 2vw;
    padding-bottom: 1.5vw;
    color: #ff9600;
}

.annotation-text {
    font-family: 'Source Sans Pro', sans-serif;
    color: #6f6f6e;
    font-size: 16px;
}

.news-section {
    position: static;
    display: block;
    margin-left: 0px;
    padding: 3vw 20px;
    background-color: #fff;
    background-image: -webkit-linear-gradient(270deg, hsla(47, 54%, 93%, .8), hsla(47, 54%, 93%, .8)), url('images_p/diagonal-noise.png');
    background-image: linear-gradient(180deg, hsla(47, 54%, 93%, .8), hsla(47, 54%, 93%, .8)), url('images_p/diagonal-noise.png');
    background-position: 0px 0px, 0px 0px;
    color: #005775;
    text-align: center;
}

.post-content {
    position: static;
    left: 0px;
    top: 0px;
    display: block;
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    padding: 20px 30px 30px;
    float: none;
    clear: none;
    background-color: #fff;
}

    .post-content.opened {
        padding: 24px 100px 64px;
        float: none;
        font-size: 16px;
    }

.category {
    display: block;
    margin-top: 7px;
    margin-bottom: 7px;
    padding: 5px 10px;
    font-family: Georgia, Times, 'Times New Roman', serif;
    color: #a0a0a0;
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    text-transform: none;
}

    .category.special-offer {
        color: #ffa300;
    }

    .category.inline {
        display: inline-block;
        float: none;
    }

        .category.inline:hover {
            color: #005775;
        }

.divider {
    display: block;
    width: 80px;
    height: 3px;
    margin: 10px auto 24px;
    background-color: #005775;
}

    .divider.white {
        width: 80%;
        margin-top: 0px;
        margin-bottom: 0px;
        background-color: #fff;
    }

        .divider.white.short {
            width: 80px;
            margin-top: 10px;
            margin-bottom: 10px;
        }

        .divider.white._100 {
            width: 100%;
        }

            .divider.white._100.thin {
                height: 1px;
                background-color: hsla(0, 0%, 100%, .5);
            }

.paragraph {
    margin-bottom: 10px;
    font-family: 'Source Sans Pro', sans-serif;
    color: #6f6f6e;
    font-size: 18px;
    line-height: 26px;
    text-align: left;
}

.small-button {
    display: inline-block;
    height: 40px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding: 8px 24px;
    float: none;
    border: 2px solid #ddd9cd;
    border-radius: 20px;
    background-color: transparent;
    -webkit-transition: background-color 200ms ease;
    transition: background-color 200ms ease;
    font-family: Georgia, Times, 'Times New Roman', serif;
    color: #6f6f6e;
    font-size: 14px;
    line-height: 18px;
    font-style: italic;
    font-weight: 700;
}

    .small-button:hover {
        border-color: #6f6f6e;
        background-color: #6f6f6e;
        color: #fff;
        text-decoration: none;
    }

    .small-button.white {
        height: 40px;
        margin-right: 0px;
        border-color: #fff;
        color: #fff;
        font-size: 14px;
        text-align: center;
    }

        .small-button.white:hover {
            background-color: #fff;
            color: #38c3e3;
        }

        .small-button.white.navy-blue-text {
            margin-top: 16px;
            margin-bottom: 16px;
            padding-bottom: 8px;
        }

            .small-button.white.navy-blue-text:hover {
                margin-top: 16px;
                margin-bottom: 16px;
                padding-top: 8px;
                padding-bottom: 8px;
                color: #005775;
            }

        .small-button.white.blue-text:hover {
            color: #005775;
        }

    .small-button.to-right {
        float: right;
    }

        .small-button.to-right.menu-cta-button {
            position: static;
            margin-top: 12px;
            margin-bottom: 12px;
            margin-left: 10px;
            float: none;
            border-color: #005775;
            color: #005775;
        }

            .small-button.to-right.menu-cta-button:hover {
                background-color: #005775;
                color: #fff;
            }

    .small-button.cta {
        min-width: 250px;
        margin-top: 20px;
        margin-bottom: 20px;
        border-color: #38c3e3;
        background-color: #38c3e3;
        background-image: -webkit-linear-gradient(270deg, rgba(56, 195, 227, .7), rgba(56, 195, 227, .7)), url('images_p/diagonal-noise.png');
        background-image: linear-gradient(180deg, rgba(56, 195, 227, .7), rgba(56, 195, 227, .7)), url('images_p/diagonal-noise.png');
        background-position: 0px 0px, 0px 0px;
        color: #fff;
        text-align: center;
    }

        .small-button.cta.w--current {
            display: block;
            max-width: auto;
            min-width: 250px;
            margin-top: 20px;
            margin-bottom: 20px;
            float: none;
            border-color: #38c3e3;
            background-color: #38c3e3;
            background-image: -webkit-linear-gradient(270deg, rgba(56, 195, 227, .8), rgba(56, 195, 227, .8)), url('images_p/diagonal-noise.png');
            background-image: linear-gradient(180deg, rgba(56, 195, 227, .8), rgba(56, 195, 227, .8)), url('images_p/diagonal-noise.png');
            background-position: 0px 0px, 0px 0px;
            color: #fff;
        }

            .small-button.cta.w--current:hover {
                background-image: none;
                background-position: 0px 0px;
            }

    .small-button.margin-20 {
        margin-top: 20px;
    }

        .small-button.margin-20.float-left {
            float: right;
        }

    .small-button.margin-10 {
        margin-top: 10px;
        margin-bottom: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 14px;
        line-height: 16px;
    }

    .small-button.navy-blue {
        border-color: #005775;
        color: #005775;
    }

        .small-button.navy-blue:hover {
            background-color: #005775;
            color: #fff;
        }

.middle-button {
    display: inline-block;
    height: 48px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 11px 48px;
    float: none;
    border: 3px solid #005775;
    border-radius: 24px;
    background-color: transparent;
    -webkit-transition: background-color 200ms ease;
    transition: background-color 200ms ease;
    font-family: Georgia, Times, 'Times New Roman', serif;
    color: #005775;
    font-size: 16px;
    font-style: italic;
    font-weight: 700;
}

    .middle-button:hover {
        background-color: #005775;
        color: #fff;
        text-decoration: none;
    }

    .middle-button.white {
        margin-top: 16px;
        margin-bottom: 16px;
        border-color: #fff;
        color: #fff;
    }

        .middle-button.white:hover {
            background-color: #fff;
            color: #005775;
        }

        .middle-button.white.submit {
            width: 25%;
            margin-top: 0px;
            margin-bottom: 0px;
            padding-right: 0px;
            padding-left: 0px;
            float: left;
        }

    .middle-button.padding-20 {
        margin-top: 20px;
    }

.post-image-wrapper {
    position: relative;
    left: 0px;
    top: 0px;
    right: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 15vw;
    max-height: 250px;
    min-height: 200px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    float: left;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: none;
    background-size: auto;
    background-repeat: repeat;
    color: #005775;
    text-align: center;
}

.updates {
    position: static;
    display: block;
    text-align: left;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.3em;
    -moz-column-gap: 1.3em;
    column-gap: 1.3em;
    -webkit-column-rule: 0px solid #000;
    -moz-column-rule: 0px solid #000;
    column-rule: 0px solid #000;
}

.one-post {
    position: static;
    display: inline-block;
    width: 100%;
    margin: 10px 10px 10px 0px;
    border: 1px solid #ddd9cd;
    background-color: #fff;
    color: #005775;
    text-align: center;
    text-decoration: none;
}

.dates {
    position: static;
    display: inline-block;
    margin: 0px 5px 19px;
    float: none;
    font-family: 'Source Sans Pro', sans-serif;
    color: #38c3e3;
    text-align: center;
}

.one-advert {
    position: relative;
}

.advert-content {
    position: relative;
    z-index: 1;
    width: 50%;
    padding: 4vw 5vw;
    float: none;
    background-image: -webkit-linear-gradient(270deg, rgba(0, 87, 117, .75), rgba(0, 87, 117, .75));
    background-image: linear-gradient(180deg, rgba(0, 87, 117, .75), rgba(0, 87, 117, .75));
    font-family: 'Source Sans Pro', sans-serif;
    color: #fff;
    font-size: 18px;
}

    .advert-content.to-right {
        z-index: 1;
        float: right;
    }

.ad-text {
    max-width: 800px;
    margin-top: 24px;
    margin-bottom: 24px;
    font-size: 1.1vw;
    line-height: 1.5vw;
}

.link {
    border-bottom: 1px solid rgba(56, 195, 227, .5);
    font-family: 'Source Sans Pro', sans-serif;
    color: #38c3e3;
    font-style: normal;
    text-decoration: none;
}

    .link:hover {
        border-bottom-color: #38c3e3;
        color: #38c3e3;
        text-decoration: none;
    }

    .link.white {
        border-bottom-color: hsla(0, 0%, 100%, .5);
        color: #fff;
    }

        .link.white:hover {
            border-bottom-color: #fff;
            text-decoration: none;
        }

        .link.white.inline {
            margin-left: 20px;
        }

    .link.underlined {
        border-bottom-style: none;
        text-decoration: none;
    }

        .link.underlined:hover {
            text-decoration: underline;
        }

    .link.italic {
        font-style: italic;
    }

.ad-1-background {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    display: block;
    background-image: url('images_p/AD-1-background.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.ad-2-background {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background-image: url('images_p/AD-2-background.jpg');
    background-position: 50% 11%;
    background-size: cover;
}

.footer {
    position: static;
    padding: 4vw 64px 0px;
    background-color: #005775;
    background-image: url('images_p/diagonal-noise.png');
    background-position: 0px 0px;
}

.keep-up-to-date-block {
    color: #fff;
    text-align: left;
}

.subscription-field {
    width: 62%;
    height: 48px;
    margin-right: 3%;
    float: left;
    border-style: none none solid;
    border-width: 1px;
    border-color: #000 #000 #82a6b8;
    background-color: transparent;
    font-family: 'Source Sans Pro', sans-serif;
    color: #fff;
    font-size: 16px;
}

.e-mail-icon {
    position: static;
    width: 10%;
    height: 48px;
    padding-top: 10px;
    padding-bottom: 10px;
    float: left;
    border-bottom: 1px solid #82a6b8;
    font-family: Georgia, Times, 'Times New Roman', serif;
    font-size: 36px;
    text-align: center;
}

.social-nets {
    text-align: center;
}

.footer-menu {
    margin-top: 48px;
}

.footer-menu-column {
    display: block;
    width: 20%;
    padding-right: 10px;
    padding-left: 10px;
    float: left;
    text-align: left;
}

.footer-menu-item {
    padding-top: 8px;
    padding-bottom: 8px;
    font-family: 'Source Sans Pro', sans-serif;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    text-transform: uppercase;
}

.footer-submenu-link {
    display: block;
    padding-top: 8px;
    padding-bottom: 8px;
    -webkit-transition: opacity 600ms ease;
    transition: opacity 600ms ease;
    font-family: 'Source Sans Pro', sans-serif;
    color: #82a6b8;
    font-size: 16px;
    text-align: left;
}

    .footer-submenu-link:hover {
        color: #fff;
    }

    .footer-submenu-link.w--current {
        display: block;
        color: #fff;
    }

        .footer-submenu-link.w--current:hover {
            text-decoration: none;
        }

.copyright-section {
    position: relative;
    height: 58px;
    margin-top: 64px;
    padding: 18px 20px 18px 48px;
    background-color: transparent;
    color: #82a6b8;
    text-align: center;
}

.social-net-icon {
    display: inline-block;
    width: 58px;
    height: 58px;
    padding: 5px;
    border-radius: 29px;
    background-color: transparent;
}

    .social-net-icon:hover {
        background-color: #005775;
    }

.advert-section {
    display: block;
    float: none;
    clear: none;
    background-color: #005775;
}

.form-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.success-message {
    padding-top: 24px;
    border: 3px solid #66ecb7;
    background-color: transparent;
    font-family: Georgia, Times, 'Times New Roman', serif;
    color: #38d899;
    font-size: 16px;
    font-style: italic;
}

.error-message {
    padding-top: 18px;
    padding-bottom: 18px;
    border: 3px solid #ff6d6d;
    background-color: transparent;
    font-family: Georgia, Times, 'Times New Roman', serif;
    color: #ff6d6d;
    font-size: 16px;
    font-style: italic;
    text-align: center;
}

    .error-message.top-margin {
        margin-top: 30px;
    }

    .error-message.reservation {
        margin-top: 30px;
    }

.warning-message {
    padding-top: 18px;
    padding-bottom: 18px;
    border: 3px solid #ff9600;
    background-color: transparent;
    font-family: Georgia, Times, 'Times New Roman', serif;
    font-size: 16px;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
    padding-left: 5px;
    padding-right: 5px;
}

    .warning-message.top-margin {
        margin-top: 30px;
    }

    .warning-message.reservation {
        margin-top: 30px;
    }

    .warning-message h3 {
        font-family: Georgia, Times, 'Times New Roman', serif;
        color: #ff9600;
        font-size: 18px;
        font-weight: 700;
        margin-top: 0px;
        font-style: normal;
    }

    .warning-message h4 {
        font-family: Georgia, Times, 'Times New Roman', serif;
        color: #38c3e3;
        font-size: 14px;
        font-weight: 700;
    }

.share-block {
    position: static;
    right: 0px;
    bottom: 0px;
    z-index: 900;
    display: block;
    width: 58px;
    height: auto;
    margin-right: 0px;
    margin-bottom: 10px;
    border-radius: 29px;
    background-color: #f7f3e4;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, .1);
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
    color: #005775;
    text-align: center;
    text-decoration: none;
}

.share-heading {
    padding-top: 19px;
    padding-bottom: 19px;
    border-radius: 50%;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

    .share-heading:hover {
        border-radius: 50%;
        background-color: transparent;
    }

.share-icon {
    position: relative;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    -webkit-transition: background-color 400ms ease;
    transition: background-color 400ms ease;
    font-family: Fontawesome, sans-serif;
    color: #005775;
    font-size: 24px;
    line-height: 0px;
    font-style: normal;
    text-align: center;
    text-decoration: none;
}

    .share-icon:hover {
        border-radius: 50%;
        background-color: #fff;
        text-decoration: none;
    }

.share-icons-group {
    display: block;
}

.fa-twitter {
    position: relative;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    margin-top: 0px;
    padding-top: 29px;
    padding-bottom: 29px;
    -webkit-transition: color 400ms ease;
    transition: color 400ms ease;
    font-size: 24px;
}

    .fa-twitter:hover {
        color: #38c3e3;
    }

.fa-google-plus {
    padding-top: 29px;
    padding-bottom: 29px;
}

    .fa-google-plus:hover {
        color: #dc4a3d;
        text-decoration: none;
    }

.fa-facebook {
    padding-top: 29px;
    padding-bottom: 29px;
}

    .fa-facebook:hover {
        color: #3c5a99;
    }

.fa-youtube {
    position: static;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    padding-top: 29px;
    padding-bottom: 29px;
    font-size: 30px;
}

    .fa-youtube:hover {
        color: #c12025;
    }

.close-share-block {
    display: none;
    width: 58px;
    height: 58px;
    padding: 17px;
    border-radius: 50%;
    -webkit-transition: background-color 400ms ease;
    transition: background-color 400ms ease;
    font-size: 14px;
}

    .close-share-block:hover {
        background-color: #ff9600;
        color: #fff;
        text-decoration: none;
    }

.close-icon {
    font-family: 'Materialicons regular', sans-serif;
    font-size: 24px;
    line-height: 24px;
}

.share-button {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    -webkit-transition: background-color 200ms ease;
    transition: background-color 200ms ease;
    color: #005775;
    text-decoration: none;
}

    .share-button:hover {
        border-radius: 50%;
        background-color: #ff9600;
        color: #fff;
        text-decoration: none;
    }

.side-block {
    position: fixed;
    right: 1vw;
    bottom: 3vw;
    z-index: 900;
    display: block;
    width: 58px;
}

.to-top-button {
    width: 58px;
    height: 58px;
    padding-top: 11px;
    border-radius: 50%;
    background-color: #005775;
    -webkit-transition: background-color 400ms ease;
    transition: background-color 400ms ease;
    text-align: center;
}

    .to-top-button:hover {
        background-color: #ff9600;
    }

.ad-heading {
    max-width: 800px;
    font-size: 2.5vw;
    line-height: 3vw;
}

.tabs-content {
    line-height: 30px;
}

    .tabs-content.w--open {
        position: relative;
    }

.corner-marker {
    position: absolute;
    left: -110px;
    top: -110px;
    z-index: 200;
    width: 220px;
    height: 220px;
    padding-top: 184px;
    background-color: rgba(255, 150, 0, .85);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    font-family: Georgia, Times, 'Times New Roman', serif;
    color: #fff;
    font-size: 32px;
    line-height: 0px;
    font-style: italic;
    font-weight: 700;
    text-align: center;
}

    .corner-marker.small {
        left: -130px;
        top: -130px;
        font-size: 24px;
        line-height: 24px;
    }

.hero-slider {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 500;
    display: block;
    height: 100%;
    background-color: #fff;
}

.hero-slide-1 {
    padding: 7.5vw;
    background-color: #fff;
    background-image: url('images_p/hero-image-1.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
}

.left-arrow {
    margin-bottom: 0px;
    background-color: transparent;
    font-size: 30px;
}

.right-arrow {
    margin-bottom: 0px;
    background-color: hsla(0, 0%, 100%, 0);
    -webkit-transition: background-color 400ms ease;
    transition: background-color 400ms ease;
    font-size: 30px;
}

.hero-slide-2 {
    background-color: #fff;
    background-image: url('images_p/hero-image-2.jpg');
    background-position: 50% 50%;
    background-size: cover;
    color: #fff;
    text-align: center;
}

.slide-nav {
    bottom: 1vw;
    height: 58px;
    padding-top: 24px;
    padding-bottom: 24px;
    font-size: 10px;
}

.slide-arrow-icon {
    top: auto;
    bottom: 1vw;
    height: 58px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.hero-content {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .3);
    background-image: -webkit-linear-gradient(270deg, #fff, hsla(0, 0%, 100%, 0) 49%);
    background-image: linear-gradient(180deg, #fff, hsla(0, 0%, 100%, 0) 49%);
}

.hero-slide-3 {
    background-image: url('images_p/hero-image-3.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.hero-slide-4 {
    background-image: url('images_p/hero-image-4.jpg');
    background-position: 50% 50%;
    background-size: cover;
}

.hero-slide-5 {
    background-image: url('images_p/hero-image-5.jpg');
    background-position: 50% 50%;
    background-size: cover;
}

.hero-slide-6 {
    background-image: url('images_p/hero-image-6.jpg');
    background-position: 50% 0px;
    background-size: cover;
}

.drop-down-icon {
    margin-right: 10px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

    .drop-down-icon:hover {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .drop-down-icon.grey {
        color: #6f6f6e;
    }

    .drop-down-icon.inside-field {
        margin-right: 20px;
    }

    .drop-down-icon.menu {
        margin-right: 0px;
    }

.nav-bar-fixed {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    z-index: 1200;
    padding-right: 3vw;
    padding-left: 3vw;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
}

.nav-menu-home {
    position: static;
    display: inline-block;
    float: none;
}

.news-block-heading-link {
    -webkit-transition: color 400ms ease;
    transition: color 400ms ease;
    color: #005775;
    text-decoration: none;
}

    .news-block-heading-link:hover {
        color: #38c3e3;
        text-decoration: none;
    }

.opened-post {
    display: block;
    width: 100%;
    padding-top: 0px;
    float: left;
    background-color: #fff;
}

.bread-crumbs {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    width: 100%;
    margin: 0px;
    padding: 10px 64px;
    background-color: transparent;
    font-family: 'Source Sans Pro', sans-serif;
    color: #fff;
    text-align: left;
}

.bread-crumbs-link {
    border-bottom: 1px solid hsla(0, 0%, 63%, .5);
    font-family: 'Source Sans Pro', sans-serif;
    color: #a0a0a0;
    text-decoration: none;
}

    .bread-crumbs-link:hover {
        border-bottom-color: #38c3e3;
        color: #38c3e3;
        text-decoration: none;
    }

    .bread-crumbs-link.w--current {
        border-bottom-style: none;
        color: #005775;
        font-weight: 700;
        text-decoration: none;
    }

    .bread-crumbs-link.empty {
        display: inline-block;
        border-bottom-style: none;
        text-decoration: none;
    }

        .bread-crumbs-link.empty:hover {
            color: #a0a0a0;
        }

.bread-crumbs-divider {
    display: inline;
    margin-right: 5px;
    margin-left: 5px;
    font-family: 'Source Sans Pro', sans-serif;
    color: #a0a0a0;
    text-decoration: none;
}

.news-post-heading {
    margin-top: 32px;
    margin-bottom: 32px;
    color: #005775;
    font-size: 24px;
    line-height: 30px;
}

.recent-news {
    position: static;
    left: 0px;
    top: 0px;
    bottom: 0px;
    display: block;
    margin-top: 0px;
    margin-right: 0%;
    padding: 0px 48px 48px;
    float: none;
    background-color: transparent;
    font-family: 'Source Sans Pro', sans-serif;
    color: #005775;
    text-align: center;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
}

.display-side-block-section {
    height: 64px;
}

.news-link {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: visible;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 10px 20px;
    float: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #005775;
    font-size: 16px;
    line-height: 20px;
    text-align: left;
    text-decoration: none;
}

    .news-link:hover {
        text-decoration: none;
    }

.navigation-link {
    position: static;
    display: inline-block;
    width: 100%;
    margin-top: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
    float: none;
    font-family: Georgia, Times, 'Times New Roman', serif;
    color: #6f6f6e;
    font-style: italic;
    font-weight: 700;
    text-align: left;
    text-decoration: none;
}

    .navigation-link:hover {
        color: #005775;
    }

    .navigation-link.cancel {
        padding-top: 5px;
        padding-bottom: 5px;
        text-align: center;
    }

        .navigation-link.cancel:hover {
            color: #38c3e3;
            text-decoration: none;
        }

        .navigation-link.cancel.w--current {
            margin-top: 16px;
            cursor: pointer;
        }

    .navigation-link.reset {
        padding-top: 0px;
        padding-bottom: 0px;
        text-align: center;
    }

    .navigation-link.cansel {
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center;
    }

        .navigation-link.cansel.reset {
            margin-top: 20px;
        }

        .navigation-link.cansel.login {
            color: #a0a0a0;
        }

            .navigation-link.cansel.login:hover {
                color: #005775;
                text-decoration: none;
            }

            .navigation-link.cansel.login.float-left {
                width: auto;
                margin-top: 20px;
                padding-right: 16px;
                padding-left: 16px;
                float: right;
                font-size: 14px;
                font-weight: 400;
            }

.hero {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: visible;
    min-height: 18vw;
    padding: 3vw 32px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url('images_p/example-bg.png');
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url('images_p/example-bg.png');
    background-position: 0px 0px, 0px 0px;
    background-size: auto, 125px;
    color: #fff;
    text-align: center;
}

    .hero.news {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: auto;
        min-height: 18vw;
        margin-bottom: 0px;
        padding-top: 2vw;
        padding-bottom: 2vw;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('images_p/AD-1-background.jpg');
        background-image: linear-gradient(180deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('images_p/AD-1-background.jpg');
        background-position: 0px 0px, 50% 50%;
        background-size: auto, cover;
        background-repeat: repeat, no-repeat;
        text-align: center;
    }

    .hero.daysails {
        background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('images_p/Daysails-hero.jpg');
        background-image: linear-gradient(180deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('images_p/Daysails-hero.jpg');
        background-position: 0px 0px, 50% 50%;
        background-size: auto, cover;
        background-repeat: repeat, no-repeat;
    }

    .hero.corporate-events {
        background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('images_p/Corporate-Events-image.jpg');
        background-image: linear-gradient(180deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('images_p/Corporate-Events-image.jpg');
        background-position: 0px 0px, 50% 50%;
        background-size: auto, cover;
    }

    .hero.exotic-flotillas-hero {
        background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url('images_p/hero-image-3.jpg');
        background-image: linear-gradient(180deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url('images_p/hero-image-3.jpg');
        background-position: 0px 0px, 50% 90%;
        background-size: auto, cover;
    }

    .hero.trip-1-hero {
        padding-top: 9vw;
        padding-bottom: 9vw;
        background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('images_p/trip-2-hero.jpg');
        background-image: linear-gradient(180deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('images_p/trip-2-hero.jpg');
        background-position: 0px 0px, 50% 50%;
        background-size: auto, cover;
    }

    .hero.racing {
        background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('images_p/Racing-image_1.jpg');
        background-image: linear-gradient(180deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('images_p/Racing-image_1.jpg');
        background-position: 0px 0px, 50% 62%;
        background-size: auto, cover;
    }

    .hero.newsletter {
        background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('images_p/hero-image-5.jpg');
        background-image: linear-gradient(180deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('images_p/hero-image-5.jpg');
        background-position: 0px 0px, 50% 45%;
        background-size: auto, cover;
    }

    .hero.school {
        overflow: hidden;
        background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('images_p/Complete-sailing-course.jpg');
        background-image: linear-gradient(180deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('images_p/Complete-sailing-course.jpg');
        background-position: 0px 0px, 50% 68%;
        background-size: auto, cover;
    }

    .hero.group-of-courses {
        background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('images_p/Complete-sailing-course.jpg');
        background-image: linear-gradient(180deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('images_p/Complete-sailing-course.jpg');
        background-position: 0px 0px, 50% 77%;
        background-size: auto, cover;
    }

    .hero.membership {
        overflow: hidden;
        background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('images_p/hero-image-1_1.jpg');
        background-image: linear-gradient(180deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('images_p/hero-image-1_1.jpg');
        background-position: 0px 0px, 50% 50%;
        background-size: auto, cover;
    }

    .hero.complete-sailing-course {
        padding-right: 100px;
        padding-left: 100px;
        background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('images_p/Complete-sailing-course_1.jpg');
        background-image: linear-gradient(180deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('images_p/Complete-sailing-course_1.jpg');
        background-position: 0px 0px, 50% 50%;
        background-size: auto, cover;
    }

    .hero.yacht-management {
        background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('images_p/Yacht-management-hero.jpg');
        background-image: linear-gradient(180deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('images_p/Yacht-management-hero.jpg');
        background-position: 0px 0px, 50% 42%;
        background-size: auto, cover;
    }

    .hero.team-employment {
        background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('images_p/team-employment-hero.jpg');
        background-image: linear-gradient(180deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('images_p/team-employment-hero.jpg');
        background-position: 0px 0px, 50% 50%;
        background-size: auto, cover;
    }

.header-heading {
    position: static;
    left: 0px;
    top: 0px;
    right: 0px;
    color: #fff; /* Added by Bluelake to offset bootstrap */
}

.filter-tabs {
    background-color: transparent;
}

.tab-link {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 3px solid #f7f3e4;
    background-color: transparent;
    -webkit-transition: border 200ms ease;
    transition: border 200ms ease;
    font-family: Georgia, Times, 'Times New Roman', serif;
    color: #005775;
    font-style: italic;
    font-weight: 700;
}

    .tab-link:hover {
        background-color: transparent;
        color: #005775;
        text-decoration: none;
    }

    .tab-link.w--current {
        border-bottom: 3px solid #005775;
        background-color: transparent;
        font-family: Georgia, Times, 'Times New Roman', serif;
        color: #005775;
        font-style: italic;
        font-weight: 700;
    }

    .tab-link.style2 {
        padding-top: 16px;
        padding-bottom: 16px;
        border-bottom-style: none;
        border-bottom-color: transparent;
        background-color: transparent;
        -webkit-transition: background-color 200ms ease;
        transition: background-color 200ms ease;
        color: #005775;
        font-weight: 700;
    }

        .tab-link.style2:hover {
            background-color: hsla(0, 0%, 100%, .5);
            color: #6f6f6e;
        }

        .tab-link.style2.w--current {
            background-color: #005775;
            color: #fff;
        }

    .tab-link._50 {
        width: 50%;
        text-align: center;
    }

        .tab-link._50.white {
            border-bottom-color: #fff;
        }

            .tab-link._50.white.w--current {
                border-bottom-color: #005775;
            }

.show-more-button {
    position: static;
    display: block;
    width: 100%;
    margin-top: 24px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    float: left;
    text-align: center;
}

.help-link {
    display: block;
    padding: 5px 0px;
    float: none;
    background-color: transparent;
    font-family: Georgia, Times, 'Times New Roman', serif;
    color: #6f6f6e;
    font-style: italic;
    font-weight: 700;
}

    .help-link:hover {
        color: #005775;
    }

.back-icon {
    position: static;
    left: 0px;
    top: 0px;
    bottom: 0px;
    margin-top: 3px;
    margin-right: 10px;
    margin-bottom: 3px;
    float: left;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

    .back-icon.xl {
        margin-right: 0px;
        margin-left: 0px;
    }

.hero-container {
    position: static;
    left: 0px;
    top: 0px;
    bottom: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}

.cta-button {
    padding-top: 20px;
    padding-bottom: 20px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}

.section {
    position: relative;
    padding: 2vw 20px;
    background-color: #fff;
    color: #005775;
    text-align: left;
}

    .section.harbor-fleet {
        padding-top: 2vw;
        padding-bottom: 2vw;
        border-bottom: 1px solid #ddd9cd;
        border-top-left-radius: 0px;
        background-color: #f7f3e4;
    }

    .section.harbor-hero {
        background-color: #38c3e3;
    }

        .section.harbor-hero.channel-islands {
            position: relative;
            display: block;
            overflow: visible;
            min-height: 18vw;
            padding-top: 5vw;
            padding-right: 20px;
            padding-bottom: 5vw;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-align-content: flex-end;
            -ms-flex-line-pack: end;
            align-content: flex-end;
            border-top-left-radius: 0px;
            color: #fff;
        }

    .section.news-post {
        padding-top: 64px;
        background-color: #fff;
    }

    .section.beige {
        padding-top: 2vw;
        padding-bottom: 2vw;
        background-color: #f7f3e4;
    }

        .section.beige.qiuck-contact-block {
            padding-top: 24px;
            padding-bottom: 24px;
            border-top: 1px solid #ddd9cd;
            border-bottom: 1px solid #ddd9cd;
            font-family: 'Source Sans Pro', sans-serif;
            color: #6f6f6e;
            font-size: 16px;
            text-align: center;
        }

        .section.beige.scroll {
            overflow: auto;
            height: 58vh;
            border-top: 1px solid #ddd9cd;
            border-bottom: 3px solid #005775;
        }

    .section.mobile-full-width {
        padding-top: 2vw;
        padding-bottom: 2vw;
        text-align: center;
    }

        .section.mobile-full-width.racing {
            padding-bottom: 0vw;
        }

        .section.mobile-full-width.hiring {
            background-color: #f7f3e4;
            background-image: -webkit-linear-gradient(270deg, rgba(0, 87, 117, .8), rgba(0, 87, 117, .8)), url('images_p/hiring.jpg');
            background-image: linear-gradient(180deg, rgba(0, 87, 117, .8), rgba(0, 87, 117, .8)), url('images_p/hiring.jpg');
            background-position: 0px 0px, 0px 0px;
            background-size: auto, cover;
            color: #fff;
        }

    .section.calendar {
        position: relative;
        z-index: 0;
    }

    .section.tmp {
        display: none;
    }

    .section.office {
        display: none;
        border-top: 1px solid #ddd9cd;
    }

        .section.office.tmp {
            display: block;
        }

    .section.flex {
        position: relative;
        z-index: 600;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        overflow: visible;
        height: 100vh;
        padding: 0vw 0px;
    }

.categories-block {
    overflow: visible;
    height: 100%;
    margin-top: 0px;
    padding: 32px 48px;
    border: 2px solid #ddd9cd;
    background-color: transparent;
    text-align: center;
}

.select-harbor-dropdown {
    width: 250px;
    padding-top: 0px;
    padding-bottom: 0px;
}

    .select-harbor-dropdown.styled {
        float: none;
        background-color: #f7f3e4;
    }

.harbor-pics-and-map {
    /*position: static;*/
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: visible;
    width: auto;
    height: auto;
    max-width: 1000px;
    margin-top: 32px;
    margin-right: auto;
    margin-left: auto;
    float: none;
}

.harbor-pic-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: auto;
    height: 9vw;
    max-height: 150px;
    min-height: 120px;
    margin-right: 5px;
    margin-left: 5px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}

.ch-i-map {
    position: static;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    display: block;
    overflow: hidden;
    width: auto;
    height: auto;
    float: none;
    clear: none;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

    .ch-i-map.big {
        height: 450px;
    }

.harbor-map {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    width: auto;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #fff;
}

.harbors-map-background {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 35vw;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    background-image: url('images_p/diagonal-noise.png');
    background-position: 0px 0px;
    opacity: 1;
    text-align: right;
}

.harbors-map-image {
    position: static;
    top: 0px;
    right: 0px;
    bottom: 0px;
    display: block;
}

.boat-card {
    position: relative;
    display: block;
    overflow: hidden;
    width: auto;
    height: auto;
    float: none;
    border: 1px solid #ddd9cd;
    background-color: #fff;
    color: #005775;
    text-decoration: none;
}

    .boat-card:hover {
        text-decoration: none;
    }

.boat-slider {
    z-index: 100;
    width: auto;
    height: 450px;
}

    .boat-slider._2 {
        height: 260px;
    }

    .boat-slider._3 {
        height: 240px;
    }

.boat-slider-nav {
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 50px;
    padding-top: 18px;
    padding-bottom: 18px;
    background-image: -webkit-linear-gradient(270deg, transparent, rgba(0, 0, 0, .6));
    background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .6));
    font-size: 10px;
}

.boat-short-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 12px 10px; /* right padding changed from 24 to 12 to accomodate boat length text without srapping*/
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #005775;
    text-align: left;
}

    .boat-short-info:hover {
        text-decoration: none;
    }

.boat-name {
    display: inline-block;
    margin-right: 10px;
    margin-left: 10px;
}

    .boat-name:hover {
        color: #38c3e3;
        text-decoration: none;
    }

.price {
    display: block;
    padding: 5px 11px;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 28px;
    font-weight: 700;
}

.price-sm {
    display: block;
    padding: 5px 11px;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    font-weight: 700;
}

    .price-sm.to-right.before-discount {
        display: inline-block;
        margin: 0px;
        float: none;
        font-size: 16px;
        font-weight: 400;
        text-decoration: line-through;
    }


.price.to-right {
    margin: 0px;
    float: right;
}

    .price.to-right.before-discount {
        display: inline-block;
        margin: 0px;
        float: none;
        font-size: 18px;
        font-weight: 400;
        text-decoration: line-through;
    }

    .price.to-right.discounted {
        display: inline-block;
        margin: 0px;
        float: none;
        color: #ff9600;
    }

.price-sm.to-right.discounted {
    display: inline-block;
    margin: 0px;
    float: none;
    color: #ff9600;
}

.price.info {
    display: none;
    width: 50%;
    float: right;
    font-weight: 400;
    text-align: right;
}

.price.discounted {
    padding-right: 10px;
    padding-left: 10px;
    color: #ff9600;
}

.price.before-discount {
    padding-right: 10px;
    padding-left: 10px;
    font-size: 18px;
    font-weight: 400;
    text-decoration: line-through;
}

    .price.before-discount.per-month {
        padding-left: 0px;
        text-decoration: none;
    }

.price.total {
    color: #38c3e3;
}

.price.per-month {
    padding-right: 2px;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.boat-image {
    display: block;
    overflow: visible;
    width: auto;
    height: auto;
    min-height: auto;
    min-width: auto;
    margin-right: auto;
    margin-left: auto;
    background-image: url('images_p/avalon.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.boats {
    display: block;
    margin-top: 32px;
    float: left;
}

.top {
    position: relative;
    left: 0px;
    top: 0px;
    right: 0px;
    height: 64px;
    margin-top: 0px;
    float: none;
}

.links-list {
    margin-top: 20px;
    margin-bottom: 20px;
    font-family: 'Source Sans Pro', sans-serif;
    color: #005775;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    text-decoration: none;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
}

.useful-links-heading {
    text-align: left;
}

.drop-down-info {
    position: relative;
    width: 100%;
    margin-bottom: 0px;
    font-family: Georgia, Times, 'Times New Roman', serif;
    color: #005775;
    font-size: 14px;
    font-style: italic;
    font-weight: 700;
}

    .drop-down-info.w--open {
        width: 100%;
    }

    .drop-down-info.person {
        margin-bottom: 5px;
        border: 1px solid #ddd9cd;
        -webkit-transition: background-color 200ms ease;
        transition: background-color 200ms ease;
    }

        .drop-down-info.person:hover {
            background-color: hsla(0, 0%, 100%, .7);
        }

.drop-down-heading {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 2px solid #ddd9cd;
    font-family: Georgia, Times, 'Times New Roman', serif;
    color: #005775;
    font-style: italic;
    font-weight: 700;
    text-align: left;
}

    .drop-down-heading.w--open {
        width: 100%;
        border-bottom: 2px solid #ddd9cd;
        background-color: transparent;
    }

    .drop-down-heading.big {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 50px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        border: 2px solid #ddd9cd;
        border-radius: 4px;
        background-color: #fff;
        font-size: 18px;
        line-height: 24px;
    }

        .drop-down-heading.big.w--open {
            height: 50px;
            padding-top: 14px;
            padding-bottom: 14px;
            border: 2px solid #ddd9cd;
            border-radius: 4px 4px 0px 0px;
        }

    .drop-down-heading.white {
        border-bottom-color: #fff;
        color: #fff;
    }

    .drop-down-heading.person {
        margin-bottom: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        border: 1px none #ddd9cd;
        border-radius: 4px;
        background-color: #fff;
    }

        .drop-down-heading.person.w--open {
            margin-bottom: 0px;
            border-bottom-style: none;
            background-color: #fff;
        }

.accordion-2-dropdown-list {
    margin-bottom: 32px;
}

    .accordion-2-dropdown-list.w--open {
        position: relative;
        top: -2px;
        height: auto;
        margin-bottom: 0px;
        float: left;
        border: 2px solid #ddd9cd;
        background-color: transparent;
        -webkit-transition: all 200ms ease;
        transition: all 200ms ease;
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        text-align: left;
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }

    .accordion-2-dropdown-list.white.w--open {
        border: 2px solid #fff;
        color: #fff;
    }

    .accordion-2-dropdown-list.person.w--open {
        top: auto;
        border: 1px none #ddd9cd;
        background-color: #fff;
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: 400;
    }

.accordion-2 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.drop-down {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    height: 42px;
    padding: 0px 10px 0px 15px;
    -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;
    border: 2px solid #ddd9cd;
    border-radius: 4px;
    background-color: #fff;
    font-family: 'Source Sans Pro', sans-serif;
    color: #6f6f6e;
    font-size: 15px;
    font-weight: 400;
}

    .drop-down:hover {
        text-decoration: none;
    }

    .drop-down.w--open {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: 42px;
        padding-top: 0px;
        padding-bottom: 0px;
        float: none;
        border-width: 2px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        background-color: #fff;
        color: #6f6f6e;
        font-weight: 400;
    }

    .drop-down.link {
        padding-top: 9px;
        padding-bottom: 9px;
        border-style: none;
        background-color: transparent;
        text-decoration: none;
    }

        .drop-down.link:hover {
            background-color: #005775;
            color: #f7f3e4;
        }

    .drop-down.white-outline {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 50px;
        padding-top: 0px;
        padding-bottom: 0px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        border-width: 3px;
        border-color: #fff;
        border-radius: 0px;
        background-color: transparent;
        color: #fff;
        font-weight: 700;
    }

        .drop-down.white-outline.w--open {
            width: 100%;
            color: #fff;
            font-weight: 700;
        }

.dropdown-list.w--open {
    top: 40px;
    width: 100%;
    padding: 0px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    border: 2px solid #ddd9cd;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background-color: #fff;
}

.dropdown-list._100.w--open {
    position: absolute;
    left: 0px;
    top: 40px;
    right: 0px;
    z-index: 2000;
    width: 204%;
    padding: 0px;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}

.dropdown-list.white-outline.w--open {
    top: 40px;
    padding: 0px;
    border-style: none;
    border-radius: 0px;
}

.dropdown-list.calculation.w--open {
    position: relative;
    top: 0px;
    margin-top: 0px;
    float: left;
    border-style: none none solid;
    border-bottom-width: 2px;
    border-bottom-color: #ddd9cd;
    border-radius: 0px;
}

.dropdown-list.calendar.w--open {
    position: absolute;
}

.dropdown-list.harbors-list.calendar.w--open {
    position: absolute;
    padding: 16px 20px;
}

.dropdown-list.guests-list.w--open {
    overflow: visible;
    height: auto;
}

.dropdown-list.scroll.w--open {
    overflow: scroll;
    height: 200px;
}

.dropdown-list.acroll.w--open {
    overflow: scroll;
}

.container-flex {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 1200px;
    margin: 32px auto;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: left;
}

.information-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    height: auto;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    float: left;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #f7f3e4;
}

    .information-block.white {
        padding-top: 0px;
        padding-bottom: 0px;
        background-color: transparent;
    }

.application-form {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 20px;
    border: 3px solid #38c3e3;
    background-color: #fff;
    text-align: center;
}

    .application-form.mobile {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

        .application-form.mobile.hiring {
            border-color: #005775;
            background-color: #fff;
        }

.info-block-1 {
    height: auto;
}

.boat-big-slider {
    display: block;
    overflow: visible;
    height: 450px;
}

.tab-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: #f7f3e4;
    text-align: left;
}

.info-block-mobile {
    position: relative;
    left: 0px;
    top: 0px;
    bottom: 0px;
    padding: 40px 32px 48px;
    background-color: #f7f3e4;
}

.info-block {
    padding-right: 10px;
    padding-left: 10px;
    text-align: left;
}

    .info-block.w--open {
        position: relative;
        top: -2px;
        padding-top: 10px;
        padding-bottom: 10px;
        border: 2px solid #ddd9cd;
        background-color: transparent;
    }

.info-categories {
    display: inline-block;
    width: 20%;
    float: left;
    font-family: 'Source Sans Pro', sans-serif;
    color: #a0a0a0;
    font-size: 16px;
    text-align: right;
}

.info-data {
    display: inline-block;
    width: 77%;
    margin-left: 3%;
    float: left;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    font-weight: 700;
}

.info-heading {
    margin-top: 0px;
    margin-bottom: 20px;
    font-weight: 700;
}

.boat-info-harbor-address {
    display: inline-block;
    width: auto;
    margin-left: 3%;
    float: none;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    /*-ms-flex: 1;
  flex: 1;*/
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    line-height: 22px;
}

.boat-details {
    line-height: 18px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

.field {
    position: relative;
    z-index: 900;
    display: block;
    width: 100%;
    height: auto;
    float: none;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    font-family: 'Source Sans Pro', sans-serif;
    color: #6f6f6e;
}

    .field.select-harbor {
        position: static;
        display: block;
        width: 100%;
        float: none;
        border-width: 2px;
        border-color: #fff;
        color: #f7f3e4;
        font-weight: 700;
    }

    .field.calculation {
        margin-top: 0px;
        background-color: transparent;
        color: #6f6f6e;
    }

    .field._50 {
        position: relative;
        z-index: 1000;
        display: inline-block;
        width: 49%;
        margin: 5px 0px 0px;
        float: none;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        text-align: center;
    }

    .field.top {
        z-index: 1000;
    }

.price-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 3px none #38c3e3;
    text-align: center;
}

.price-value {
    position: static;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    padding: 5px;
    float: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: 3px solid #38c3e3;
    border-radius: 0px;
    font-family: 'Source Sans Pro', sans-serif;
    color: #38c3e3;
    text-align: center;
}

    .price-value.discounted {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border-color: #ff9600;
        color: #ff9600;
    }

        .price-value.discounted.selected {
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
            justify-content: space-between;
            background-color: #ff9600;
            color: #fff;
        }

            .price-value.discounted.selected._50.membership {
                border-right-width: 1px;
            }

    .price-value.selected {
        width: auto;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        background-color: #38c3e3;
        color: #fff;
    }

    .price-value._50 {
        width: 50%;
        cursor: pointer;
    }

.information-message {
    position: relative;
    left: 0px;
    right: 0px;
    bottom: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 10px;
    padding: 12px 12px 12px 30px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-bottom: 1px none #4e3c36;
    border-left: 3px none #005775;
    font-family: 'Source Sans Pro', sans-serif;
    color: #005775;
    font-size: 14px;
    text-align: left;
}

    .information-message.daysails {
        display: block;
        width: auto;
        margin-bottom: 0px;
    }

.info-message-heading {
    display: inline;
    width: auto;
    margin-right: 10px;
    float: left;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    font-size: 18px;
    line-height: 24px;
    font-style: italic;
    font-weight: 700;
    text-align: left;
}

.info-message-text {
    width: 100%;
    float: left;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    font-size: 14px;
    line-height: 20px;
    font-style: italic;
}

.application-option-heading {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 5px;
    float: none;
    font-family: 'Source Sans Pro', sans-serif;
    color: #6f6f6e;
    font-size: 14px;
    line-height: 20px;
    font-style: normal;
    font-weight: 700;
}

.calendar {
    position: static;
    z-index: 1000;
    float: none;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

    .calendar.s-size {
        position: relative;
        z-index: 1200;
        padding: 16px;
    }

    .calendar.m-size {
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
    }

    .calendar.xl-size {
        background-color: #f7f3e4;
    }

.check-box-block {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 5px;
    padding-bottom: 5px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    font-family: 'Source Sans Pro', sans-serif;
    color: #a0a0a0;
    font-size: 14px;
    text-align: left;
}

    .check-box-block:hover {
        color: #6f6f6e;
    }

    .check-box-block._50 {
        display: block;
        width: 50%;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
    }

.option {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left;
}

.option-value {
    display: inline-block;
    float: right;
    text-align: right;
}

    .option-value.active {
        color: #6f6f6e;
        font-weight: 400;
    }

.check-box {
    position: static;
    left: 0px;
    top: 0px;
    bottom: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    font-family: 'Materialicons regular', sans-serif;
    color: #38c3e3;
    font-size: 24px;
    text-align: center;
    cursor: pointer;
}

.calculation {
    position: static;
    width: 100%;
    margin-top: 20px;
}

.calculation-hide-heading {
    display: none;
    font-family: 'Source Sans Pro', sans-serif;
    color: #6f6f6e;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
}

.calculation-line {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0px;
    padding: 5px 20px;
    border: 1px none #e0e0e0;
    font-family: 'Source Sans Pro', sans-serif;
    color: #6f6f6e;
}

    .calculation-line.odd {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        background-color: #f7f3e4;
    }

    .calculation-line.last {
        border-bottom-style: none;
        border-bottom-width: 2px;
    }

.total-block {
    position: static;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    float: left;
    clear: left;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    color: #6f6f6e;
    text-align: left;
}

.total-heading {
    display: inline-block;
    color: #38c3e3;
    font-size: 16px;
}

.big-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    min-width: 200px;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 29px;
    background-color: #38c3e3;
    -webkit-transition: background-color 200ms ease;
    transition: background-color 200ms ease;
    font-family: Georgia, Times, 'Times New Roman', serif;
    color: #fff;
    font-size: 16px;
    font-style: italic;
    font-weight: 700;
}

    .big-button:hover {
        background-color: #40d4f7;
        text-decoration: none;
    }

    .big-button.textured {
        width: 100%;
        margin-top: 20px;
        margin-right: auto;
        margin-bottom: 0px;
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        border: 1px solid #38c3e3;
        background-color: #38c3e3;
        background-image: -webkit-linear-gradient(270deg, rgba(56, 195, 227, .8), rgba(56, 195, 227, .8)), url('images_p/diagonal-noise.png');
        background-image: linear-gradient(180deg, rgba(56, 195, 227, .8), rgba(56, 195, 227, .8)), url('images_p/diagonal-noise.png');
        background-position: 0px 0px, 0px 0px;
        text-align: center;
    }

        .big-button.textured:hover {
            background-color: #38c3e3;
            background-image: none;
            background-position: 0px 0px;
        }

        .big-button.textured.navy-blue {
            border-color: #005775;
            background-color: #005775;
            background-image: url('images_p/diagonal-noise.png');
            background-position: 0px 0px;
        }

            .big-button.textured.navy-blue:hover {
                background-image: none;
                background-position: 0px 0px;
            }

.application-block {
    position: relative;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 370px;
    min-width: auto;
    margin-left: 20px;
    padding-top: 0px;
    float: left;
}

    .application-block.hiring {
        width: 100%;
        margin-left: 0px;
    }

.price-form {
    margin-bottom: 0px;
    padding: 0px;
    background-color: #fff;
}

.drop-down-link {
    display: block;
    padding: 7px 20px;
    background-color: transparent;
    color: #6f6f6e;
    font-size: 15px;
}

    .drop-down-link:hover {
        background-color: #005775;
        color: #fff;
        text-decoration: none;
    }

    .drop-down-link.last {
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }

    .drop-down-link.application {
        padding-right: 20px;
        padding-left: 20px;
    }

        .drop-down-link.application:hover {
            background-color: #38c3e3;
        }

.location-icon-wrapper {
    position: relative;
    left: 0px;
    top: 0px;
    bottom: 0px;
    display: inline-block;
    width: 20%;
    float: left;
}

.contact-block {
    position: static;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: auto;
    padding: 20px 0px;
    float: left;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    border-top: 1px none #000;
}

    .contact-block.contact-page {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: auto;
        margin-top: 15px;
        margin-left: 20px;
        padding-top: 0px;
        padding-bottom: 0px;
        float: left;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        border-top-style: none;
        text-align: left;
    }

.location-icon {
    position: static;
    top: 0px;
    right: 0px;
    display: inline-block;
    width: auto;
    padding-left: 20px;
    font-family: 'Materialicons regular', sans-serif;
    font-size: 24px;
    text-align: right;
}

.month-block {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 11px;
    padding-bottom: 11px;
    -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;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-family: Georgia, Times, 'Times New Roman', serif;
    color: #005775;
    font-style: italic;
    font-weight: 700;
    text-align: center;
}

    .month-block.middle {
        margin-bottom: 10px;
        font-size: 20px;
        line-height: 26px;
    }

    .month-block.xl {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 64px;
        padding-top: 0px;
        padding-bottom: 0px;
        -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;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        background-color: #f7f3e4;
        font-size: 20px;
    }

.forward-icon {
    position: static;
    margin: 3px 0px;
    float: right;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.scroll-month-button {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 32px;
    padding-top: 11px;
    padding-bottom: 11px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

    .scroll-month-button.back {
        position: static;
        left: 0px;
        top: 0px;
        bottom: 0px;
        float: left;
    }

    .scroll-month-button.xl {
        position: static;
        width: 64px;
        height: 64px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .scroll-month-button.xl:hover {
            text-decoration: none;
        }

.days-wrapper {
    padding-top: 2px;
    padding-bottom: 2px;
    border-top: 1px solid rgba(0, 0, 0, .1);
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    font-family: 'Source Sans Pro', sans-serif;
    color: #a0a0a0;
    font-size: 13px;
    font-weight: 400;
    text-align: center;
}

    .days-wrapper.xl {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        background-color: #f7f3e4;
        text-align: left;
    }

        .days-wrapper.xl.bottom {
            border-top-style: none;
        }

/*.day {
  display: inline-block;
  width: 14.285%;
}*/

/*.day.xl {
  width: auto;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}*/

.date {
    display: inline-block;
    width: 14.285%;
    margin-top: 2px;
    margin-bottom: 2px;
    padding-top: 4%;
    padding-bottom: 4%;
    border-radius: 25px;
    font-family: 'Source Sans Pro', sans-serif;
    color: #a0a0a0;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    text-align: center;
}

    .date:hover {
        background-color: #38c3e3;
        color: #fff;
        text-decoration: none;
    }

    .date:focus {
        background-color: #38c3e3;
        color: #fff;
    }

    .date.active-month {
        padding-top: 4%;
        padding-bottom: 4%;
        color: #005775;
        font-weight: 700;
    }

        .date.active-month:hover {
            color: #fff;
        }

        .date.active-month:focus {
            background-color: #38c3e3;
            color: #fff;
        }

        .date.active-month.unavaliable {
            border: 2px solid #ece7d5;
            background-image: none;
            color: #ddd9cd;
            font-weight: 400;
        }

            .date.active-month.unavaliable:hover {
                background-color: transparent;
            }

            .date.active-month.unavaliable:focus {
                background-color: transparent;
            }

            .date.active-month.unavaliable.right {
                border-left-style: none;
                border-top-left-radius: 0px;
                border-bottom-left-radius: 0px;
            }

            .date.active-month.unavaliable.left {
                border-right-style: none;
                border-top-right-radius: 0px;
                border-bottom-right-radius: 0px;
            }

            .date.active-month.unavaliable.middle {
                border-right-style: none;
                border-left-style: none;
                border-radius: 0px;
            }

        .date.active-month.navy-blue:hover {
            background-color: #005775;
        }

        .date.active-month.navy-blue:focus {
            background-color: #005775;
        }

    .date.navy-blue:hover {
        background-color: #005775;
    }

    .date.navy-blue:focus {
        background-color: #005775;
    }

.dates-wrapper {
    display: block;
    margin-top: 10px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-family: 'Source Sans Pro', sans-serif;
    color: #bebebe;
    text-align: center;
}

    .dates-wrapper.xl {
        margin-top: 0px;
    }

.tip {
    display: none;
    margin-top: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    border: 2px solid #ff9600;
    border-radius: 4px;
    color: #ff9600;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
}

.calendar-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    min-height: 450px;
    padding: 32px 89px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-style: none solid;
    border-width: 3px;
    border-color: #f7f3e4;
    background-color: #fff;
}

.e-mail-link {
    text-decoration: underline;
}

    .e-mail-link:hover {
        color: #38c3e3;
    }

.search-filters {
    position: relative;
    left: 0px;
    top: 0px;
    bottom: 0px;
    width: 25%;
    height: auto;
    margin-top: 0%;
    margin-right: 8px;
    float: left;
    clear: none;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    background-color: #f7f3e4;
}

.boat-card-size {
    width: auto;
    margin: 0.5%;
    float: left;
}

    .boat-card-size._3 {
        width: 32.333%;
    }

    .boat-card-size._2 {
        width: 49%;
        height: auto;
        margin-top: 0%;
        margin-bottom: 1%;
        float: left;
    }

.boats-search-result {
    position: static;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 75%;
    margin-bottom: 32px;
    padding: 0px;
    float: right;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: transparent;
}

.boat-search {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 3vw;
    background-color: transparent;
}

.main-filters-wrapper {
    padding: 10px 24px;
    float: none;
    background-color: transparent;
}

.check-box-icon {
    display: none;
    float: none;
    font-family: 'Materialicons regular', sans-serif;
    font-size: 24px;
}

    .check-box-icon.navy-blue {
        color: #005775;
    }

.check-box-blank-icon {
    position: static;
    display: block;
    color: #ddd9cd;
    line-height: 24px;
}

    .check-box-blank-icon:hover {
        color: #38c3e3;
    }

    .check-box-blank-icon.navy-blue:hover {
        color: #005775;
    }

.boat-type-block {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.hull-type-block {
    position: relative;
    z-index: 5;
}

.calculation-show-heading {
    font-family: 'Source Sans Pro', sans-serif;
    color: #6f6f6e;
    font-style: normal;
}

.additional-filter-menu {
    padding: 24px 24px 48px;
    float: none;
    clear: none;
}

.check-box-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

    .check-box-list.two-columns {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
    }

    .check-box-list.padding-top-20 {
        width: 100%;
        margin-top: 20px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
    }

.filter-bar {
    z-index: 500;
    background-color: #f7f3e4;
}

.material-icon {
    position: static;
    left: 0px;
    top: 7px;
    display: inline;
    width: 24px;
    height: 24px;
    margin-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    font-family: 'Materialicons regular', sans-serif;
    color: #ddd9cd;
    font-size: 24px;
    line-height: 24px;
    font-style: normal;
    font-weight: 400;
}

    .material-icon:hover {
        border-bottom: 1px none #000;
        font-style: normal;
        text-decoration: none;
    }

    .material-icon.news-post {
        margin-right: 10px;
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
        color: #005775;
        text-decoration: none;
    }

        .material-icon.news-post:hover {
            border-bottom: 0px none transparent;
            color: #005775;
            text-decoration: none;
        }

    .material-icon.time-icon {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .material-icon.info-message {
        position: absolute;
        left: 0px;
        top: 9px;
        bottom: 7px;
        padding-top: 2px;
        color: #005775;
    }

    .material-icon.calendar-icon {
        position: absolute;
        left: auto;
        top: 8px;
        right: 15px;
        bottom: 5px;
        z-index: 50;
        color: #ddd9cd;
        width: 24px;
        height: 24px;
        font-size: 18px;
        line-height: 18px;
        /*-webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  color: #ddd9cd;*/
    }



    .material-icon.close-application-form {
        position: absolute;
        left: auto;
        top: 0px;
        right: 0px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 48px;
        height: 48px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .material-icon.close-application-form:hover {
            color: #38c3e3;
        }

        .material-icon.close-application-form.w--current {
            padding: 15px;
            cursor: pointer;
        }

        .material-icon.close-application-form.hiring.w--current:hover {
            color: #005775;
        }

    .material-icon.seat-avaliable {
        cursor: pointer;
    }

        .material-icon.seat-avaliable:hover {
            color: #38c3e3;
        }

        .material-icon.seat-avaliable:focus {
            color: #38c3e3;
        }

    .material-icon.seat-reserved {
        color: #38c3e3;
    }

    .material-icon.dates-range {
        color: #005775;
    }

/*.material-icon.table {
  margin-right: 5px;
  color: #005775;
  font-size: 18px;
  line-height: 24px;
}*/
.material-icon-table {
    margin-right: 5px;
    color: #005775;
    font-size: 18px;
    line-height: 24px;
}

.material-icon.newsletter {
    position: absolute;
    left: auto;
    top: 10px;
    right: 10px;
    display: block;
    width: auto;
    margin-right: 0px;
    color: #ddd9cd;
    font-size: 24px;
    line-height: 24px;
}

    .material-icon.newsletter._48 {
        font-size: 48px;
        line-height: 48px;
    }

.material-icon.download {
    width: 24px;
    margin-right: 10px;
    color: #38c3e3;
}

.material-icon.login {
    color: #005775;
}

.material-icon.message {
    position: absolute;
    left: 0px;
    top: 7px;
    bottom: 7px;
    z-index: 500;
    width: auto;
    margin-left: 0px;
    padding-right: 8px;
    padding-left: 8px;
    border-right: 1px solid #ddd9cd;
}

.material-icon.customer-service {
    color: #005775;
}

.material-icon.lock {
    position: absolute;
    left: auto;
    top: auto;
    right: 35px;
    bottom: 12px;
    z-index: 50;
    width: 18px;
    height: 18px;
    font-size: 18px;
    line-height: 18px;
}

.centered {
    display: block;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.news-list {
    margin-top: 24px;
    text-align: left;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
}

.opened-post-image {
    height: 500px;
    background-image: url('images_p/Post-4.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.post-heading-link:hover {
    color: #38c3e3;
    text-decoration: none;
}

.harbor-address-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    padding-top: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    background-color: #fff;
    text-align: left;
}

.harbor-pics {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    padding-right: 5px;
    padding-left: 5px;
    background-color: #fff;
}

.header-content-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    text-align: center;
}

.application-heading {
    font-family: Georgia, Times, 'Times New Roman', serif;
    color: #38c3e3;
    font-size: 18px;
    font-weight: 700;
}

    .application-heading.hiring {
        color: #005775;
    }

.harbor-select-wrapper {
    position: absolute;
    left: 3vw;
    top: 3vw;
    z-index: 500;
    overflow: visible;
    width: 350px;
}

.post-image {
    position: static;
    left: 0px;
    top: 0px;
    right: 0px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-transition: max-width 600ms ease;
    transition: max-width 600ms ease;
    transition: transform .2s;
}

    .post-image:hover {
        transform: scale(1.1);
    }

.harbor-background {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 0;
    width: 65vw;
    background-image: -webkit-linear-gradient(0deg, rgba(56, 195, 227, .8), #38c3e3), url('images_p/970388.jpg');
    background-image: linear-gradient(90deg, rgba(56, 195, 227, .8), #38c3e3), url('images_p/970388.jpg');
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
}

.harbor-header-icon {
    width: 32px;
    height: auto;
}

.harbor-pic {
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}

.boat-slider-wrapper {
    position: relative;
}

.price-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.special-offer-heading {
    width: 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    color: #ff9600;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    text-align: center;
}

.special-offer {
    display: block;
    padding-top: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.check-box-option {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.price-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0px;
    margin-bottom: 10px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}

    .price-group.secondary-block-price {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: auto;
        float: none;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .price-group._10 {
        margin-top: 10px;
    }

    .price-group.membership {
        margin-top: 10px;
        background-color: #ff9600;
    }

/*.calendar-icon {
  position: static;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 24px;
  font-family: 'Materialicons regular', sans-serif;
  color: #e0e0e0;
  font-size: 24px;
  line-height: 24px;
}*/

.date-and-time-wrapper {
    position: relative;
    z-index: 800;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .date-and-time-wrapper.above {
        position: relative;
        z-index: 1000;
    }

.dates-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.yacht-length-block {
    position: relative;
    z-index: 100;
    margin-top: 30px;
    float: none;
}

.start-date-wrapper {
    z-index: 1000;
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.end-date-wrapper {
    width: 100%;
    margin-top: 5px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.harbor-field-wrapper.calendar {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.guests-block {
    position: relative;
    z-index: 200;
}

.partial-day-block {
    margin-top: 30px;
}

.hero-paragraph {
    margin-top: 10px;
    font-family: Georgia, Times, 'Times New Roman', serif;
    font-size: 18px;
    line-height: 24px;
    font-style: italic;
    font-weight: 400;
}

.daysail-block {
    position: static;
    display: block;
    width: 100%;
    height: auto;
    margin-top: 24px;
    margin-bottom: 24px;
    padding: 30px 48px;
    float: none;
    clear: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    border: 1px solid #ddd9cd;
    background-color: #fff;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    line-height: 20px;
    text-align: left;
}

.daysails-list {
    position: static;
    display: block;
    overflow: visible;
    max-width: 1200px;
    margin: 32px auto;
    padding-bottom: 1px;
    float: none;
    clear: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    text-align: left;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

    .daysails-list.full-width {
        margin-top: 0px;
        margin-bottom: 0px;
        padding-bottom: 0px;
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }

.button-block {
    width: 60%;
    padding-top: 10px;
    padding-bottom: 10px;
    float: left;
    text-align: center;
}

.timescale-paragraph {
    margin-top: 10px;
}

.special-offer-sub-heading {
    font-family: Georgia, Times, 'Times New Roman', serif;
    color: #ffa300;
    font-size: 20px;
    line-height: 24px;
    font-style: italic;
    font-weight: 700;
}

.close-share-icon {
    font-family: 'Materialicons regular', sans-serif;
    font-size: 24px;
    line-height: 24px;
}

.form-container {
    display: block;
    width: auto;
    margin-right: auto;
    margin-left: auto;
}

/* Changed by Bluelake from .label to remove conflict with bootstrap*/
.wf-label {
    overflow: visible;
    width: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    font-family: 'Source Sans Pro', sans-serif;
    color: #6f6f6e;
    font-size: 11px;
    font-weight: 400;
    text-align: left;
}

.form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}

    .form.top {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: auto;
        height: auto;
        max-width: 350px;
        margin-right: auto;
        margin-left: auto;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .form._350 {
        display: block;
        width: 350px;
        margin-right: auto;
        margin-left: auto;
    }

.input-field {
    height: 42px;
    margin-bottom: 0px;
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    border: 2px solid #ddd9cd;
    border-radius: 4px;
    font-family: 'Source Sans Pro', sans-serif;
    color: #38c3e3;
    font-size: 15px;
}

    .input-field:focus {
        border-color: #38c3e3;
    }

    .input-field.centered {
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: center;
    }

    .input-field.navy-blue {
        position: relative;
        display: block;
        color: #005775;
    }

        .input-field.navy-blue:focus {
            border-color: #005775;
        }

        .input-field.navy-blue.icon {
            position: relative;
            padding-top: 0px;
            padding-bottom: 0px;
            padding-left: 50px;
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
            font-size: 15px;
            line-height: 24px;
        }

        .input-field.navy-blue.locked {
            color: #a0a0a0;
        }

            .input-field.navy-blue.locked:focus {
                border-color: #ddd9cd;
            }

    .input-field.textarea {
        height: 180px;
        margin-bottom: 10px;
    }

    .input-field.SmallerText {
        font-size: 12px;
        height: 30px;
    }

.block-75 {
    margin-right: 2%;
    padding-top: 3px;
    -webkit-flex-basis: 73%;
    -ms-flex-preferred-size: 73%;
    flex-basis: 73%;
    text-align: left;
}

    .block-75.top {
        z-index: 1000;
        height: auto;
    }

    .block-75.float-right {
        position: relative;
        z-index: 400;
        margin-right: 0px;
    }

        .block-75.float-right.bottom {
            z-index: 0;
        }

    .block-75.z-200 {
        position: relative;
        z-index: 200;
    }

.block-25 {
    position: relative;
    z-index: 500;
    padding-top: 3px;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    text-align: left;
}

    .block-25._100.bottom {
        z-index: 0;
    }

    .block-25.no-label._100.z-100 {
        z-index: 100;
    }

    .block-25.no-label.z-300 {
        z-index: 300;
    }

    .block-25.z-300 {
        z-index: 300;
    }

.block-100 {
    position: relative;
    /*z-index: 400;*/ /* Commented out by Bluelake - causing problems with dropdown lists appearing behind input fields */
    padding-top: 3px;
    -webkit-box-flex: 100%;
    -webkit-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
    text-align: left;
}

    .block-100.top {
        position: relative;
        z-index: 901;
        display: block;
        height: auto;
    }

    .block-100.bottom {
        position: relative;
        z-index: 0;
    }

    .block-100.bootom {
        position: relative;
        z-index: 0;
    }

    .block-100.z-700 {
        position: relative;
        z-index: 700;
    }

.ad-banner {
    position: relative;
    overflow: hidden;
    padding: 3vw;
    background-image: -webkit-linear-gradient(270deg, rgba(0, 87, 117, .8), rgba(0, 87, 117, .8));
    background-image: linear-gradient(180deg, rgba(0, 87, 117, .8), rgba(0, 87, 117, .8));
    color: #fff;
    text-align: center;
}

    .ad-banner.corporate-events {
        display: block;
        margin-right: auto;
        margin-left: auto;
        background-image: -webkit-linear-gradient(270deg, rgba(0, 87, 117, .7), rgba(0, 87, 117, .7)), url('images_p/Corporate-Events-image.jpg');
        background-image: linear-gradient(180deg, rgba(0, 87, 117, .7), rgba(0, 87, 117, .7)), url('images_p/Corporate-Events-image.jpg');
        background-position: 0px 0px, 50% 50%;
        background-size: auto, cover;
        background-repeat: repeat, no-repeat;
        background-attachment: scroll, scroll;
        -webkit-transition: background-color 400ms ease;
        transition: background-color 400ms ease;
        color: #fff;
        text-align: center;
    }

    .ad-banner.daysails {
        position: relative;
        overflow: hidden;
        background-image: -webkit-linear-gradient(270deg, rgba(0, 87, 117, .8), rgba(0, 87, 117, .8)), url('images_p/Daysails-hero.jpg');
        background-image: linear-gradient(180deg, rgba(0, 87, 117, .8), rgba(0, 87, 117, .8)), url('images_p/Daysails-hero.jpg');
        background-position: 0px 0px, 50% 50%;
        background-size: auto, cover;
        background-repeat: repeat, no-repeat;
    }

    .ad-banner.news {
        background-image: -webkit-linear-gradient(270deg, rgba(0, 87, 117, .8), rgba(0, 87, 117, .8)), url('images_p/AD-1-background.jpg');
        background-image: linear-gradient(180deg, rgba(0, 87, 117, .8), rgba(0, 87, 117, .8)), url('images_p/AD-1-background.jpg');
        background-position: 0px 0px, 50% 50%;
        background-size: auto, cover;
    }

    .ad-banner.ultimate-course {
        position: relative;
        overflow: hidden;
        background-image: -webkit-linear-gradient(270deg, rgba(0, 87, 117, .8), rgba(0, 87, 117, .8)), url('images_p/Ultimate-sailing-course.jpg');
        background-image: linear-gradient(180deg, rgba(0, 87, 117, .8), rgba(0, 87, 117, .8)), url('images_p/Ultimate-sailing-course.jpg');
        background-position: 0px 0px, 50% 50%;
        background-size: auto, cover;
    }

    .ad-banner.asa-group {
        background-image: -webkit-linear-gradient(270deg, rgba(0, 87, 117, .8), rgba(0, 87, 117, .8)), url('images_p/Complete-sailing-course.jpg');
        background-image: linear-gradient(180deg, rgba(0, 87, 117, .8), rgba(0, 87, 117, .8)), url('images_p/Complete-sailing-course.jpg');
        background-position: 0px 0px, 50% 65%;
        background-size: auto, cover;
    }

.date-avaliability {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -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;
    font-family: 'Source Sans Pro', sans-serif;
    color: #a0a0a0;
    font-style: normal;
    font-weight: 700;
}

.available-seats {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.harbor-daysail-date {
    color: #6f6f6e;
    font-weight: 700;
}

    .harbor-daysail-date:hover {
        color: #38c3e3;
        text-decoration: none;
    }

.comment {
    font-weight: 300;
}

.line {
    margin-right: 10px;
    margin-left: 10px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-bottom: 1px dashed #ddd9cd;
}

.block-50 {
    position: relative;
    /*z-index: 500;*/ /* Commented out by Bluelake */
    padding-top: 3px;
    -webkit-flex-basis: 49%;
    -ms-flex-preferred-size: 49%;
    flex-basis: 49%;
    text-align: left; /* Added by Bluelake - text was not left-aligning */
}

    .block-50._47 {
        padding-top: 3px;
        -webkit-flex-basis: 47%;
        -ms-flex-preferred-size: 47%;
        flex-basis: 47%;
    }

        .block-50._47.z-400 {
            z-index: 400;
        }

    .block-50.z-500 {
        z-index: 500;
    }

    .block-50.z-600 {
        z-index: 600;
    }

.harbors-dates-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.application-button-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: right;
}

.daysail-info-heading-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.anchor-blue-icon {
    margin-right: 10px;
}

.light-blue-link {
    display: inline-block;
    border-bottom: 1px solid rgba(56, 195, 227, .5);
    color: #38c3e3;
}

    .light-blue-link:hover {
        border-bottom-color: #38c3e3;
        text-decoration: none;
    }

._4-image-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
}

.event-image-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 50%;
    height: auto;
    max-height: 250px;
    min-height: 200px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}

.menu-drop-down-list.w--open {
    padding: 20px;
    background-color: #005775;
    background-image: url('images_p/diagonal-noise.png');
    background-position: 0px 0px;
}

.menu-drop-down-list.member.w--open {
    background-color: #ff9600;
    background-image: -webkit-linear-gradient(270deg, rgba(255, 150, 0, .8), rgba(255, 150, 0, .8));
    background-image: linear-gradient(180deg, rgba(255, 150, 0, .8), rgba(255, 150, 0, .8));
    background-position: 0px 0px;
}

.content-block {
    padding: 20px 40px;
    background-color: transparent;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    text-align: left;
}

.container-900 {
    text-align: center;
}

    .container-900.profile {
        text-align: left;
    }

.block-hero-image {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 350px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.event-dates {
    display: inline-block;
    margin-left: 10px;
    font-weight: 700;
}

.eventDate {
    display: inline-block;
    margin-left: 10px;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #005775
}

ul.eventDate li > span:first-child {
    display: inline-block;
    min-width: 30px;
}

/*a.eventDate:visited {
  color: #005775
}

a.eventDate:hover {
  color: #005775
}

a.eventDate:active {
  color: #005775
}*/

.trip-date-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.main-block {
    margin-top: 24px;
    margin-bottom: 24px;
    border: 1px solid #ddd9cd;
    background-color: #fff;
    font-family: 'Source Sans Pro', sans-serif;
    color: #005775;
}

.short-info {
    margin-bottom: 20px;
    padding-right: 20px;
    text-align: left;
}

.price-info {
    padding-left: 20px;
}

.block-info {
    margin-top: 32px;
    margin-bottom: 10px;
    padding-right: 48px;
    padding-left: 48px;
}

.h2-sub-heading {
    font-family: Georgia, Times, 'Times New Roman', serif;
    font-style: italic;
}

.heading-wrapper {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #005775;
}

.link-comment {
    display: inline-block;
    color: #a0a0a0;
    font-style: italic;
}

    .link-comment:hover {
        text-decoration: none;
    }

.bold-link {
    display: block;
    float: none;
    font-weight: 700;
}

.info-wrapper {
    margin-top: 20px;
    margin-bottom: 20px;
}

.tab-menu-full-width {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 20px;
    padding-right: 32px;
    padding-left: 32px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.tab-text-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 32px;
    margin-bottom: 48px;
    padding-right: 48px;
    padding-left: 48px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 18px;
}

.tab-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.table-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.table-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    padding-right: 30px;
    padding-left: 30px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-bottom: 1px solid #ddd9cd;
    background-color: #f7f3e4;
    font-family: Georgia, Times, 'Times New Roman', serif;
    font-style: italic;
    font-weight: 700;
    text-align: left;
}

    .table-header._50 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    }

    .table-header._25 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    }

.table-value {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: 0px;
    padding-right: 0px;
    padding-left: 20px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
}

    .table-value._50 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-left: 0px;
        padding-left: 20px;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 16px;
    }

    .table-value.year {
        padding-left: 32px;
        font-weight: 700;
    }

    .table-value._14 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: baseline;
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        font-size: 14px;
        line-height: 16px;
        text-align: left;
    }

    .table-value._25 {
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        align-self: stretch;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    }

.table-line {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 40px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    border-bottom: 1px solid #ddd9cd;
    -webkit-transition: background-color 200ms ease;
    transition: background-color 200ms ease;
}

    .table-line:hover {
        background-color: #f7f3e4;
    }

    .table-line.free-heght {
        height: auto;
        padding-top: 5px;
        padding-bottom: 5px;
    }

        .table-line.free-heght.no-hover {
            padding-top: 7px;
            padding-bottom: 7px;
        }

            .table-line.free-heght.no-hover:hover {
                background-color: transparent;
            }

.champions-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-right: 10px;
    margin-left: 10px;
    padding: 16px 32px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    border: 3px solid #ddd9cd;
    background-color: transparent;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    color: #005775;
    text-align: left;
}

    .champions-block:hover {
        border-color: #005775;
        background-color: transparent;
        color: #005775;
        text-decoration: none;
    }

.champions-block-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.trophy-image {
    width: 64px;
    height: 64px;
    margin-right: 32px;
}

.tabs-menu {
    margin-bottom: 20px;
}

.newsletters-block-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px;
    margin-bottom: 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.newsletter-block {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 10px;
    padding: 16px 32px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 24%;
    -ms-flex: 0 0 24%;
    flex: 0 0 24%;
    border: 3px solid #f7f3e4;
    background-color: transparent;
    text-align: left;
}

    .newsletter-block:hover {
        border-color: #005775;
        text-decoration: none;
    }

    .newsletter-block.the-latest {
        position: relative;
        overflow: hidden;
        margin-bottom: 16px;
        padding-top: 32px;
        padding-bottom: 32px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        border-color: #f7f3e4;
        background-color: #f7f3e4;
    }

        .newsletter-block.the-latest:hover {
            border-color: #005775;
        }

.newsletter-image {
    width: 64px;
    height: 64px;
    margin-right: 24px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}

    .newsletter-image._128 {
        width: 128px;
        height: 128px;
        margin-right: 0px;
    }

._4-archived-newsletter {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.attention-text {
    color: #38c3e3;
    font-style: normal;
    font-weight: 400;
}

.secondary-block-info {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 24px 32px;
    background-color: #fff;
}

.column-full-width.padding {
    padding-right: 20px;
}

._2-column-options {
    margin-top: 24px;
    float: left;
    font-size: 16px;
    line-height: 24px;
}

.lesson-heading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 200px;
    margin-top: 0px;
    margin-bottom: 10px;
    padding-right: 16px;
    padding-left: 16px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border: 2px none #005775;
    background-color: #005775;
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    text-align: left;
}

    .lesson-heading.content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: auto;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        border-style: none;
        border-bottom-width: 2px;
        border-bottom-color: #005775;
        background-color: transparent;
        font-family: Georgia, Times, 'Times New Roman', serif;
        color: #005775;
        line-height: 22px;
    }

.accordion-content-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    border: 1px none #000;
    font-family: 'Source Sans Pro', sans-serif;
    color: #005775;
    font-size: 15px;
    line-height: 20px;
    font-style: normal;
}

    .accordion-content-block.white {
        color: #fff;
    }

    .accordion-content-block.person {
        padding-right: 20px;
        padding-left: 20px;
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 14px;
        line-height: 20px;
    }

.lesson-heading-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}

.lesson-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 23px;
    padding-left: 23px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.drop-down-wrappes {
    display: block;
    margin-top: 2px;
}

.accordion-dropdown {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 42px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #005775;
    font-family: Georgia, Times, 'Times New Roman', serif;
    color: #fff;
    font-size: 14px;
    font-style: italic;
    font-weight: 700;
}

.accordion-dropdown-list.w--open {
    position: relative;
    display: block;
    padding-right: 10px;
    padding-left: 10px;
    float: left;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: transparent;
}

.accordion {
    margin-top: 20px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.harbors-dates {
    display: inline-block;
    width: 33.3%;
    float: left;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    font-size: 16px;
}

.course-downloads {
    display: inline-block;
    width: 33.3%;
    margin-top: 0px;
    margin-bottom: 0px;
    float: left;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}

.download-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.text-info {
    display: inline-block;
    width: 100%;
    margin-right: 5%;
    margin-bottom: 20px;
    float: left;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}

.asa-corner-label {
    position: absolute;
    right: 0px;
    bottom: 0px;
}

.navy-blue-16 {
    border-style: none;
    font-size: 16px;
    text-decoration: underline;
}

    .navy-blue-16:hover {
        color: #38c3e3;
    }

    .navy-blue-16.block {
        display: block;
        padding: 0px;
        border-style: none;
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 16px;
        line-height: 24px;
    }

.select-course-menu {
    width: 100%;
    margin-bottom: 20px;
    padding: 20px;
    border-bottom: 1px none #ddd9cd;
    background-color: #f7f3e4;
}

.group-courses-dropdown-wrapper {
    width: 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}

.harbors-dates-downloads {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.membership-label {
    width: 150px;
    height: 150px;
}

.membership-plans {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.tariff {
    width: 100%;
    margin-bottom: 10px;
    padding: 10px 10px 0px;
    border: 3px solid #f7f3e4;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    font-family: 'Source Sans Pro', sans-serif;
    color: #005775;
    cursor: pointer;
}

    .tariff:hover {
        background-color: #f7f3e4;
        color: #6f6f6e;
        text-decoration: none;
    }

    .tariff:active {
        background-color: #f7f3e4;
    }

    .tariff:focus {
        background-color: #f7f3e4;
        color: #6f6f6e;
    }

    .tariff.w--current {
        border: 3px solid #f7f3e4;
        color: #6f6f6e;
    }

        .tariff.w--current:hover {
            background-color: #f7f3e4;
            text-decoration: none;
        }

.tariff-heading {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
}

.lightbox {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 2000;
    display: none;
    overflow: auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .4);
}

.close-lightbox {
    position: absolute;
    top: 0px;
    right: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50px;
    height: 50px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ddd9cd;
}

    .close-lightbox:hover {
        color: #005775;
        text-decoration: none;
    }

.login-window {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 400px; /* Changed from 800 by Bluelake */
    height: auto;
    padding: 48px 48px 58px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #f7f3e4;
    color: #005775;
    text-align: center;
}

.login-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
}

.login-block {
    display: block;
    padding: 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
}

.vertical-divider {
    display: block;
    width: 1px;
    margin-right: 10px;
    margin-left: 10px;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    background-color: #ddd9cd;
}

.login-tip {
    margin-bottom: 10px;
    font-family: 'Source Sans Pro', sans-serif;
    color: #a0a0a0;
    font-style: italic;
}

.help-block {
    margin-top: 20px;
    text-align: center;
}

    .help-block.pass-recover {
        position: relative;
        display: block;
        margin-bottom: 20px;
        padding: 20px 20px 5px;
        border: 3px solid #005775;
        background-color: #fff;
    }

.login-nav-link {
    margin-right: 1vw;
    margin-left: 1vw;
    padding: 22px 5px;
    font-family: Georgia, Times, 'Times New Roman', serif;
    font-style: italic;
    font-weight: 700;
}

.non-member-nav-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.member-dropdown-block {
    display: block;
    background-color: #ff9600;
    background-image: none;
    background-position: 0px 0px;
}

    .member-dropdown-block:hover {
        color: #fff;
    }

.member-icon-ms-mark {
    width: 24px;
    height: 24px;
    margin-right: 12px;
}

.by-location {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: left;
}

.contact-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    margin-bottom: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    float: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    border-top: 1px solid #ddd9cd;
}

.contact-line {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: block;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    /*-ms-flex: 1;
  flex: 1;*/
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    line-height: 20px;
}

.contact-icon {
    margin-right: 10px;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    font-family: 'Materialicons regular', sans-serif;
    font-size: 18px;
    line-height: 22px;
}

.contact-heading {
    width: 100%;
    text-align: center;
}

.by-department {
    display: block;
    margin-top: 32px;
    margin-bottom: 32px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-family: 'Source Sans Pro', sans-serif;
    text-align: center;
}

.departmen {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
    text-align: center;
}

.quick-message-form-wrapper {
    display: block;
    width: 500px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.textarea {
    height: 200px;
    border: 2px solid #ddd9cd;
    border-radius: 4px;
    font-family: 'Source Sans Pro', sans-serif;
}

.input-field-with-icon {
    position: relative;
    display: none;
    height: auto;
    margin-bottom: 20px;
    float: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.side-section {
    padding: 30px 40px;
    font-family: Georgia, Times, 'Times New Roman', serif;
    color: #005775;
    font-size: 16px;
    line-height: 24px;
    font-style: normal;
    text-align: left;
}

    .side-section.management-benefits {
        background-color: #ff9600;
        color: #fff;
    }

    .side-section.samplerevenu {
        background-color: #38c3e3;
        color: #fff;
    }

    .side-section.member-services {
        background-color: #f7f3e4;
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 16px;
        line-height: 22px;
    }

.small-ad-block {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 1200px;
    margin: 0px auto;
    padding: 16px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 3px solid #ddd9cd;
    text-align: left;
}

.expenses-image {
    position: static;
    left: 0px;
    top: 0px;
    bottom: 0px;
    width: 128px;
    height: 128px;
}

.content {
    display: inline-block;
    margin-left: 16px;
    float: none;
    font-family: 'Source Sans Pro', sans-serif;
    color: #005775;
    font-size: 16px;
    line-height: 20px;
    text-align: left;
}

.management-benefits-list {
    margin-top: 20px;
    font-family: 'Source Sans Pro', sans-serif;
    font-style: normal;
}

.management-benefits-heading {
    margin-top: 0.7vw;
}

.colunm.padding {
    padding-right: 20px;
}

.small-ad-wrapper {
    position: static;
    padding-top: 20px;
    padding-bottom: 20px;
}

.samplerevenu table {
    width: 100%;
    border-collapse: collapse;
}

.revenue-line {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 5px 16px;
    float: none;
    -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;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    line-height: 16px;
    font-style: normal;
}

    .revenue-line.odd {
        background-color: rgba(0, 0, 0, .1);
        line-height: 15px;
    }

    .revenue-line.heading {
        margin-bottom: 5px;
        text-align: center;
    }

.revenue-block {
    margin-top: 30px;
    margin-bottom: 30px;
}

tr.revenue-line {
    padding: 0px;
    display:table-row;
}

    tr.revenue-line td span {
        padding: 6px 5px;
        display:block;
    }

    tr.revenue-line > td {
        width: 27.5%;
        height: 30px;
        display: table-cell;
    }

        tr.revenue-line > td:first-child {
            width: 45%;
            border-left:0px !important;
        }

        tr.revenue-line > td:last-child {
            border-left: 1px solid;
            border-right: 1px solid;
        }

        tr.revenue-line > td:nth-last-child(2) {
            border-left: 1px solid;
        }


    tr.revenue-line.bold * {
        font-weight: bold;
    }

    tr.revenue-line td.bold, tr.revenue-line td.bold * {
        font-weight: bold;
    }

    tr.revenue-line.border td{
        border:1px solid;
    }

    tr.revenue-line td.border {
        border: 1px solid;
    }

    tr.revenue-line td.border-top {
        border-top: 1px solid;
    }

    ._2-col-block {
        width: 100%;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px;
    }

.persons-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .persons-wrapper.left-alighn {
        margin-top: 20px;
        margin-bottom: 20px;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .persons-wrapper.skippers {
        position: relative;
        z-index: 1;
        margin-top: 20px;
        margin-bottom: 48px;
    }

.person-block {
    display: block;
    width: auto;
    padding: 20px;
    float: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-family: Georgia, Times, 'Times New Roman', serif;
    line-height: 18px;
    font-style: italic;
    font-weight: 700;
    text-align: center;
}

    .person-block.skippers {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 10px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-flex-basis: 33.33%;
        -ms-flex-preferred-size: 33.33%;
        flex-basis: 33.33%;
        font-family: Georgia, Times, 'Times New Roman', serif;
        font-style: italic;
        font-weight: 700;
    }

        .person-block.skippers:hover {
            text-decoration: none;
        }

    .person-block.maintenance {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 16.66%;
        margin: 0px;
        padding: 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-flex: 16.66%;
        -webkit-flex: 16.66%;
        -ms-flex: 16.66%;
        flex: 16.66%;
        background-color: transparent;
        font-family: Georgia, Times, 'Times New Roman', serif;
        font-size: 14px;
        line-height: 16px;
        font-style: italic;
        font-weight: 700;
        text-align: center;
    }

        .person-block.maintenance:hover {
            text-decoration: none;
        }

    .person-block.management {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        font-family: Georgia, Times, 'Times New Roman', serif;
        color: #005775;
        font-size: 16px;
        font-style: italic;
        font-weight: 700;
        text-align: center;
    }

        .person-block.management:hover {
            text-decoration: none;
        }

    .person-block.office {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 10px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-flex: 0;
        -webkit-flex: 0 16.66%;
        -ms-flex: 0 16.66%;
        flex: 0 16.66%;
        font-family: Georgia, Times, 'Times New Roman', serif;
        font-size: 14px;
        line-height: 18px;
        font-style: italic;
        font-weight: 700;
    }

        .person-block.office:hover {
            text-decoration: none;
        }

.management-person-photo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 120px;
    height: 120px;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 50%;
}

.maintenance-photo {
    overflow: hidden;
    width: 50px;
    height: 50px;
    margin-right: 10px;
    margin-bottom: 0px;
    border-radius: 50%;
}

.week {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 100px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: 1px solid #ddd9cd;
}

.date-wrapper {
    position: static;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    padding: 5px 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #f7f3e4;
    color: #005775;
    font-weight: 700;
    text-align: left;
}

    .date-wrapper.active-month {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 0px;
        padding: 5px 10px 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        background-color: #fff;
        color: #005775;
        font-weight: 700;
    }

        .date-wrapper.active-month.day-off {
            color: #ece7d5;
            font-weight: 400;
        }

.calendar-event {
    margin-bottom: 3px;
    padding: 5px 10px;
    border: 1px solid #ddd9cd;
    border-radius: 4px;
    -webkit-transition: background-color 200ms ease;
    transition: background-color 200ms ease;
    line-height: 14px;
}

    .calendar-event:hover {
        background-color: #005775;
        color: #fff;
        text-decoration: none;
    }

    .calendar-event.day-off {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        border-style: dashed;
        font-family: Georgia, Times, 'Times New Roman', serif;
        color: #ece7d5;
        font-style: italic;
        font-weight: 400;
        cursor: default;
    }

        .calendar-event.day-off:hover {
            background-color: transparent;
        }

.data {
    margin-bottom: 5px;
    padding-left: 10px;
}

.special-offer-marker {
    color: #ff9600;
}

.calendar-container {
    display: block;
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.yacht-management-application-form {
    margin-top: 32px;
    margin-bottom: 32px;
}

.block {
    padding: 20px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: 3px solid #ddd9cd;
}

    .block.first {
        border-right-width: 0px;
    }

.harbor-contact-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    /*padding: 5px;*/
    -webkit-box-flex: 0;
    -webkit-flex: 0 50%;
    -ms-flex: 0 50%;
    flex: 0 50%;
    border-top: 1px solid #ddd9cd;
}

.text-column {
    padding-right: 20px;
}

.price-divider {
    margin-top: 10px;
    margin-bottom: 10px;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    border-right: 1px solid hsla(0, 0%, 100%, .5);
}

.tariff-description {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.radio-button {
    margin-right: 10px;
}

.radio-button-unchecked {
    font-family: 'Materialicons regular', sans-serif;
    font-size: 24px;
    line-height: 24px;
    cursor: pointer;
}

    .radio-button-unchecked:hover {
        color: #005775;
    }

.radio-button-checked {
    display: none;
    font-family: 'Materialicons regular', sans-serif;
    color: #005775;
    font-size: 24px;
    line-height: 24px;
}

.calendar-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.calendar-filter {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 30%;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}

.attach-file-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 10px;
    padding: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.attach-material-icon {
    margin-right: 10px;
    font-family: 'Materialicons regular', sans-serif;
    font-size: 24px;
    line-height: 24px;
}

    .attach-material-icon:hover {
        text-decoration: none;
    }

.accordion-3 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.management-tabs-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.management-tab-link {
    padding: 0px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-bottom: 3px solid #f7f3e4;
    background-color: transparent;
}

    .management-tab-link:hover {
        text-decoration: none;
    }

    .management-tab-link.w--current {
        padding-top: 0px;
        padding-bottom: 0px;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        border-bottom-color: #005775;
        background-color: transparent;
        color: #005775;
    }

        .management-tab-link.w--current:hover {
            text-decoration: none;
        }

.personal-text {
    padding: 32px 100px;
    font-family: Georgia, Times, 'Times New Roman', serif;
    font-size: 18px;
    line-height: 26px;
    font-style: italic;
    font-weight: 400;
    text-align: center;
}

.quote-material-icon {
    font-family: 'Materialicons regular', sans-serif;
    font-size: 36px;
    line-height: 36px;
    font-style: normal;
}

.office-manager-photo {
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
    border-radius: 50%;
}

.office-managers {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    margin-bottom: 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.position {
    margin-top: 5px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-style: normal;
    font-weight: 400;
}

.profile-menu {
    position: static;
    left: 0px;
    top: 64px;
    bottom: 64px;
    z-index: 500;
    width: 20vw;
    height: auto;
    padding: 32px;
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    background-color: #ff9600;
    background-image: none;
    background-position: 0px 0px;
}

.profile-content {
    position: relative;
    padding: 3vw 100px;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #f7f3e4;
}

.member-hero-beidge {
    color: #fff;
    text-align: center;
}

.member-beidge {
    width: 120px;
    height: 120px;
}

.profile-links {
    margin-top: 20px;
    margin-bottom: 20px;
}

.profile-nav-link {
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: 'Source Sans Pro', sans-serif;
    color: #fff;
    font-size: 16px;
    line-height: 18px;
}

.profile-info-block {
    height: auto;
    margin-bottom: 20px;
    padding: 20px 32px;
    border: 1px solid #ddd9cd;
    background-color: #fff;
    text-align: left;
}

.profile-info-block-heading {
    margin-top: 0px;
    margin-bottom: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 2px solid #005775;
}

.profile-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: left;
}

/*.profile-info-block-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: center;
  justify-content: flex-end;
 -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}*/

.save-changes-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.profile-header-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.h-contact-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
}

html.w-mod-js *[data-ix="display-none"] {
    display: none;
}

.table-comment {
    color: #a0a0a0;
}

.reservation-block {
    color: rgb(0,87,117);
    margin-top: 20px;
    padding: 30px;
    background-color: #fff;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    line-height: 22px;
    text-align: left;
}

    .reservation-block.no-top-margin {
        margin-top: 0px;
        line-height: 20px;
    }

.reservation-block-heading {
    margin-top: 0px;
    margin-bottom: 15px;
    text-align: center;
}

.micro-button {
    margin-right: 10px;
    margin-left: 10px;
    padding-right: 12px;
    padding-left: 12px;
    border: 1px solid #bebebe;
    border-radius: 10px;
    font-family: 'PT Sans', sans-serif;
    color: #a0a0a0;
    font-size: 13px;
    line-height: 20px;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
}

    .micro-button:hover {
        background-color: #bebebe;
        color: #fff;
        text-decoration: none;
    }


.buttons {
    padding-top: 16px;
    padding-bottom: 16px;
    text-align: right;
}

.calculation-block {
    margin-top: 30px;
    border-top: 2px none #ddd9cd;
    border-bottom: 2px none #ddd9cd;
}


@media (max-width: 991px) {


    h1 {
        margin-top: 20px;
        margin-bottom: 20px;
        font-size: 36px;
        line-height: 36px;
    }

    h2 {
        font-size: 36px;
        line-height: 36px;
    }

    h3 {
        margin-top: 20px;
        margin-bottom: 10px;
        font-size: 24px;
        line-height: 30px;
    }

    h4 {
        font-size: 18px;
        line-height: 22px;
    }

    h5 {
        line-height: 26px;
    }

    p {
        font-size: 16px;
    }

    ol {
        padding-left: 20px;
    }

    li {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .hero-section {
        position: relative;
        display: block;
        height: 700px;
        padding-bottom: 32px;
    }

    .stripes {
        position: static;
        left: 0px;
        right: 0px;
        bottom: 0px;
    }

    .blue-stripe {
        height: 9px;
        margin-top: 10px;
    }

        .blue-stripe.top {
            height: 9px;
        }

    .harbors-section {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .header-ms-logo {
        margin-top: 6px;
        margin-bottom: 6px;
    }

    .nav-link {
        display: block;
        padding: 20px 30px;
        color: #fff;
        font-size: 16px;
        text-align: left;
    }

        .nav-link:hover {
            box-shadow: none;
            color: #fff;
        }

        .nav-link.w--open {
            padding: 20px 30px;
            font-size: 16px;
        }

            .nav-link.w--open:hover {
                border-top-width: 0px;
                border-top-color: transparent;
                border-bottom-style: none;
                border-bottom-color: transparent;
                background-color: transparent;
                color: #fff;
            }

        .nav-link.member {
            display: block;
            padding-right: 20px;
            padding-bottom: 0px;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            font-size: 14px;
            text-align: center;
        }

            .nav-link.member.w--open {
                display: block;
                padding-bottom: 20px;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -webkit-flex-direction: row;
                -ms-flex-direction: row;
                flex-direction: row;
                -webkit-box-pack: center;
                -webkit-justify-content: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-flex-wrap: nowrap;
                -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
            }

    .dropdown-link {
        margin-right: 0px;
        margin-left: 0px;
        padding: 20px 19px;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        opacity: 1;
        color: #fff;
        text-align: left;
    }

        .dropdown-link:hover {
            border-bottom: 1px solid #005775;
            background-color: transparent;
        }

        .dropdown-link.last {
            border-bottom-width: 0px;
            border-bottom-color: transparent;
        }

        .dropdown-link.member {
            border-bottom-width: 1px;
            color: #fff;
        }

            .dropdown-link.member:hover {
                border-bottom-style: solid;
                border-bottom-color: hsla(0, 0%, 100%, .4);
            }

            .dropdown-link.member.last {
                color: #fff;
            }

                .dropdown-link.member.last:hover {
                    border-bottom-style: none;
                }

    .full-ms-logo {
        display: block;
        width: 540px;
        height: auto;
        margin-top: 0px;
        margin-right: auto;
        margin-left: auto;
    }

    .big-cta-button {
        margin-top: 8px;
        margin-bottom: 8px;
    }

        .big-cta-button.textured.home-page {
            margin: 1vw 3%;
            -webkit-box-ordinal-group: 0;
            -webkit-order: -1;
            -ms-flex-order: -1;
            order: -1;
        }

        .big-cta-button.textured.blue {
            -webkit-transition: none 0ms ease;
            transition: none 0ms ease;
        }

            .big-cta-button.textured.blue.first {
                -webkit-box-ordinal-group: 0;
                -webkit-order: -1;
                -ms-flex-order: -1;
                order: -1;
            }

            .big-cta-button.textured.blue.shadow.first {
                -webkit-box-ordinal-group: 0;
                -webkit-order: -1;
                -ms-flex-order: -1;
                order: -1;
            }

        .big-cta-button.textured.shadow {
            min-width: 300px;
        }

            .big-cta-button.textured.shadow.first.homepage {
                margin-right: 0px;
                margin-left: 0px;
                -webkit-box-ordinal-group: 0;
                -webkit-order: -1;
                -ms-flex-order: -1;
                order: -1;
            }

            .big-cta-button.textured.shadow.homepage {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                margin-right: auto;
                margin-left: auto;
            }

    .dropdown-list.w--open {
        margin-right: 0px;
        margin-left: 0px;
        padding: 0px 30px;
        border: 2px solid #ddd9cd;
    }

    .nav-menu {
        position: absolute;
        left: 0px;
        top: 64px;
        z-index: 1000;
        display: block;
        overflow: visible;
        width: auto;
        height: auto;
        margin-top: 0px;
        padding: 20px 20px 100px;
        background-color: #005775;
        background-image: url('images_p/diagonal-noise.png');
        background-position: 0px 0px;
    }

    .navbar-container {
        width: auto;
        max-width: 100%;
        padding-top: 0px;
        padding-right: 0px;
        padding-left: 0px;
    }

    .navbar-home {
        position: relative;
        left: 0px;
        top: 0px;
        right: 0px;
        height: 64px;
        padding: 0px 0px 0px 24px;
    }

    .menu-button {
        padding: 16px;
        color: #005775;
        font-size: 32px;
    }

        .menu-button.w--open {
            float: right;
            background-color: #005775;
            background-image: url('images_p/diagonal-noise.png');
            background-position: 0px 0px;
        }

    .container-1200 {
        z-index: 20;
        max-width: 700px;
        text-align: center;
    }

    .harbor-name {
        margin-bottom: 0px;
        font-size: 20px;
        line-height: 1.3em;
    }

        .harbor-name.white {
            top: 70px;
        }

    .harbors-group {
        margin-top: 48px;
        margin-bottom: 24px;
    }

    .harbor {
        width: 180px;
    }

    .service-wrap {
        display: block;
        width: 50%;
        height: 230px;
        padding: 20px 41px;
        background-image: -webkit-linear-gradient(0deg, #005775, rgba(0, 87, 117, .2)), url('images_p/hero-image-1_1.jpg');
        background-image: linear-gradient(90deg, #005775, rgba(0, 87, 117, .2)), url('images_p/hero-image-1_1.jpg');
        background-position: 0px 0px, 50% 50%;
        background-size: auto, cover;
        background-repeat: repeat, no-repeat;
    }

        .service-wrap:hover {
            background-image: -webkit-linear-gradient(0deg, #005775, rgba(0, 87, 117, .2)), url('images_p/hero-image-1_1.jpg');
            background-image: linear-gradient(90deg, #005775, rgba(0, 87, 117, .2)), url('images_p/hero-image-1_1.jpg');
            background-position: 0px 0px, 50% 50%;
            background-size: auto, cover;
            background-repeat: repeat, no-repeat;
        }

    .service-subtitle {
        width: auto;
        font-size: 16px;
        line-height: 20px;
    }

    .service-title {
        width: auto;
        font-size: 40px;
        line-height: 40px;
    }

    .white-stripe-1 {
        display: none;
        height: 0px;
    }

    .white-stripe-2 {
        height: 64px;
    }

    .nav-bar-scroll {
        left: 0px;
        top: 0px;
        right: 0px;
        display: block;
        padding-right: 0px;
        padding-left: 24px;
    }

    .membership-section {
        margin-bottom: 0px;
        padding-top: 64px;
        padding-bottom: 64px;
    }

    .benefits-list {
        line-height: 26px;
    }

    .boats-for-rent-image:hover {
        background-size: auto, 100%;
    }

    .sailing-school-image {
        background-size: 150px, auto, 100%;
    }

        .sailing-school-image:hover {
            background-size: 150px, auto, 100%;
        }

    .yacht-management-image:hover {
        background-size: auto, 100%;
    }

    .corporate-events-image:hover {
        background-size: auto, 100%;
    }

    .racing-image:hover {
        background-size: auto, 100%;
    }

    .exotic-flotillas:hover {
        background-size: auto, 100%;
    }

    .sign-up-section {
        margin-top: 0px;
        padding: 38px 48px;
    }

    .annotation-text {
        font-size: 14px;
        line-height: 18px;
    }

    .news-section {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .post-content {
        padding-right: 20px;
        padding-left: 20px;
    }

        .post-content.opened {
            padding-right: 32px;
            padding-bottom: 24px;
            padding-left: 32px;
        }

    .paragraph {
        font-size: 16px;
        line-height: 20px;
    }

    .small-button {
        display: inline-block;
        margin-right: 0px;
        float: none;
    }

        .small-button.to-right.menu-cta-button {
            display: block;
            width: 250px;
            height: 48px;
            margin: 24px auto;
            padding-top: 11px;
            float: none;
            border-color: #fff;
            border-radius: 24px;
            color: #fff;
        }

            .small-button.to-right.menu-cta-button:hover {
                background-color: #fff;
                color: #005775;
            }

            .small-button.to-right.menu-cta-button.w--current {
                margin-bottom: 24px;
            }

        .small-button.cta {
            display: block;
            min-width: 250px;
            margin-right: auto;
            margin-left: auto;
            text-align: center;
        }

            .small-button.cta.w--current {
                display: block;
                min-width: 250px;
                margin-right: auto;
                margin-left: auto;
                -webkit-box-flex: 0;
                -webkit-flex: 0 auto;
                -ms-flex: 0 auto;
                flex: 0 auto;
                text-align: center;
            }

        .small-button.navy-blue.top-margin {
            width: 200px;
            margin-top: 10px;
        }

        .small-button.right-margin {
            -webkit-box-ordinal-group: 2;
            -webkit-order: 1;
            -ms-flex-order: 1;
            order: 1;
        }

            .small-button.right-margin.top-margin {
                margin-top: 10px;
            }

    .middle-button.white {
        display: block;
        margin-right: auto;
        margin-left: auto;
        float: none;
        text-align: center;
    }

    .updates {
        margin-top: 20px;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 1em;
        -moz-column-gap: 1em;
        column-gap: 1em;
        -webkit-column-rule: 0px solid transparent;
        -moz-column-rule: 0px solid transparent;
        column-rule: 0px solid transparent;
    }

    .one-post {
        width: 100%;
        margin-top: 0.5em;
        margin-bottom: 0.5em;
    }

    .advert-content {
        position: relative;
        padding: 32px 40px 48px;
    }

    .ad-text {
        font-size: 18px;
        line-height: 22px;
    }

    .link {
        display: inline-block;
        margin-right: 0px;
        margin-left: 0px;
        float: none;
        clear: left;
        text-align: left;
    }

        .link.white {
            text-align: left;
        }

        .link.underlined {
            border-bottom-style: none;
            text-decoration: underline;
        }

    .footer {
        padding-top: 49px;
        background-color: #005775;
        background-image: url('images_p/diagonal-noise.png');
        background-position: 0px 0px;
    }

    .keep-up-to-date-block {
        padding-right: 58px;
        padding-left: 58px;
        text-align: center;
    }

    .footer-menu {
        margin-top: 64px;
    }

    .copyright-section {
        height: 58px;
        padding-top: 20px;
    }

    .form-wrapper {
        margin-top: 24px;
        margin-bottom: 24px;
    }

    .share-block {
        bottom: 78px;
        width: 58px;
    }

    .share-icons-group {
        display: none;
    }

    .close-icon {
        display: block;
        font-family: 'Materialicons regular', sans-serif;
    }

    .side-block {
        right: 10px;
        bottom: 64px;
    }

    .ad-heading {
        font-size: 40px;
        line-height: 40px;
    }

    .h1 {
        margin-top: 20px;
        margin-bottom: 10px;
        line-height: 44px;
    }

    .tabs-content.w--open {
        text-align: left;
    }

    .corner-marker.small {
        left: -140px;
        top: -140px;
    }

    .hero-slider {
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
    }

    .hero-slide-1 {
        padding: 48px;
    }

    .left-arrow {
        margin-bottom: 0px;
        background-color: hsla(0, 0%, 100%, 0);
    }

        .left-arrow:hover {
            background-color: hsla(0, 0%, 100%, 0);
        }

    .right-arrow {
        margin-bottom: 0px;
        background-color: hsla(0, 0%, 100%, 0);
    }

        .right-arrow:hover {
            background-color: hsla(0, 0%, 100%, 0);
        }

    .hero-slide-2 {
        padding: 170px 64px;
    }

    .slide-nav {
        bottom: 10px;
        height: 58px;
        padding-top: 24px;
        padding-bottom: 24px;
        font-size: 10px;
    }

    .hero-content {
        padding: 48px;
    }

    .drop-down-icon {
        margin-right: 10px;
    }

    .nav-bar-fixed {
        position: fixed;
        padding-right: 0px;
        padding-left: 24px;
    }

    .nav-menu-home {
        width: 100%;
        float: none;
    }

    .opened-post {
        width: 100%;
        margin-top: 0px;
    }

    .bread-crumbs {
        position: absolute;
        padding: 16px 32px;
    }

    .recent-news {
        display: inline-block;
        width: 100%;
        margin-top: 0px;
        margin-left: 0%;
        padding-right: 0px;
        padding-left: 0px;
        -webkit-column-rule: 40px solid #000;
        -moz-column-rule: 40px solid #000;
        column-rule: 40px solid #000;
    }

    .news-link {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        padding-right: 20px;
        padding-left: 20px;
        float: left;
    }

        .news-link:hover {
            background-color: transparent;
            color: #005775;
            text-decoration: none;
        }

    .navigation-link {
        position: static;
        left: 0px;
        right: 0px;
        bottom: 0px;
        display: block;
        padding-top: 32px;
        padding-bottom: 32px;
        float: left;
    }

        .navigation-link.cancel.w--current {
            margin-top: 20px;
            float: none;
        }

        .navigation-link.cancel.navy-blue:hover {
            color: #005775;
        }

    .hero {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        min-height: 18vw;
        padding: 9vw 32px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4));
        background-image: linear-gradient(180deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4));
    }

        .hero.news {
            height: auto;
            min-height: 18vw;
            padding: 2vw 32px;
        }

        .hero.complete-sailing-course {
            background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url('images_p/stock-photo-helm-station-on-sailing-boat-150921866.jpg');
            background-image: linear-gradient(180deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url('images_p/stock-photo-helm-station-on-sailing-boat-150921866.jpg');
            background-position: 0px 0px, 50% 50%;
            background-size: auto, cover;
        }

    .tab-link {
        padding-top: 16px;
        padding-bottom: 16px;
    }

        .tab-link:hover {
            background-color: transparent;
        }

        .tab-link.style2 {
            padding-right: 20px;
            padding-left: 20px;
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
            -webkit-transition-property: none;
            transition-property: none;
            text-align: center;
        }

        .tab-link._50.white {
            width: 100%;
        }

    .help-link {
        text-align: center;
    }

    .back-icon {
        position: static;
        float: left;
    }

    .hero-container {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .section {
        padding-top: 32px;
        padding-bottom: 32px;
    }

        .section.harbor-fleet {
            padding-top: 32px;
            padding-bottom: 32px;
        }

        .section.harbor-hero.channel-islands {
            height: auto;
            padding-top: 12vw;
            padding-bottom: 5vw;
            background-image: none;
            text-align: left;
        }

        .section.news-post {
            padding-top: 48px;
        }

        .section.beige {
            padding-top: 32px;
            padding-bottom: 32px;
        }

            .section.beige.scroll {
                height: 400px;
            }

        .section.mobile-full-width {
            padding-top: 32px;
            padding-bottom: 32px;
            text-align: center;
        }

            .section.mobile-full-width.hiring {
                padding-bottom: 48px;
                background-color: #f7f3e4;
            }

        .section.daysails-sections {
            padding: 48px 0px 0px;
        }

        .section.exotic-flotillas-section {
            padding-top: 48px;
            padding-bottom: 48px;
            padding-left: 20px;
        }

        .section.check-champions {
            padding-top: 32px;
            padding-bottom: 32px;
        }

        .section.calendar {
            padding-right: 0px;
            padding-bottom: 0px;
            padding-left: 0px;
        }

        .section.office {
            display: none;
        }

            .section.office.tmp {
                display: block;
            }

    .harbor-pics-and-map {
        position: static;
        width: auto;
        margin-top: 32px;
        float: none;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .harbor-pic-wrapper {
        display: block;
        /*height: 95px;*/
        max-height: auto;
        /*min-height: auto;*/
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
    }

    .ch-i-map {
        height: auto;
    }

        .ch-i-map.big {
            height: 240px;
        }

    .harbor-map {
        height: auto;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    .harbors-map-background {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 50vw;
        height: auto;
        max-height: none;
        margin-right: 0px;
    }

    .boat-card {
        width: auto;
    }

    .boat-slider {
        height: 200px;
    }

        .boat-slider._2 {
            height: 200px;
        }

        .boat-slider._3 {
            height: 200px;
        }

    .boat-slider-nav {
        left: 0px;
        right: 0px;
        bottom: 0px;
    }

    .boat-image {
        height: auto;
    }

    .top {
        position: relative;
    }

    .links-list {
        margin-bottom: 20px;
        line-height: 28px;
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px;
    }

    .useful-links-heading {
        text-align: center;
    }

    .drop-down-info {
        float: none;
    }

    .drop-down-heading {
        padding-top: 9px;
        padding-bottom: 9px;
    }

        .drop-down-heading.w--open {
            display: inline-block;
        }

        .drop-down-heading.big {
            overflow: visible;
            padding-top: 14px;
            padding-bottom: 14px;
        }

            .drop-down-heading.big.w--open {
                padding-top: 11px;
                padding-bottom: 11px;
                -webkit-box-pack: start;
                -webkit-justify-content: flex-start;
                -ms-flex-pack: start;
                justify-content: flex-start;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-align-self: stretch;
                -ms-flex-item-align: stretch;
                align-self: stretch;
            }

    .accordion-2-dropdown-list {
        margin-bottom: 48px;
    }

        .accordion-2-dropdown-list.w--open {
            margin-bottom: 0px;
            padding-right: 0px;
            padding-left: 0px;
            border: 2px solid #ddd9cd;
            -webkit-column-count: 1;
            -moz-column-count: 1;
            column-count: 1;
        }

    .accordion-2 {
        margin-bottom: 32px;
    }

    .drop-down {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: auto;
        padding-top: 9px;
        padding-bottom: 9px;
        float: none;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .drop-down.w--open {
            position: relative;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            padding-top: 9px;
            padding-bottom: 9px;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

        .drop-down.link {
            text-align: left;
        }

        .drop-down.info-block-mobile {
            width: 100%;
            padding-top: 0px;
            padding-bottom: 0px;
            -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;
            border-style: none none solid;
            background-color: transparent;
            font-family: Georgia, Times, 'Times New Roman', serif;
            color: #005775;
            font-style: italic;
        }

        .drop-down.white-outline {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            height: 50px;
            padding-top: 0px;
            padding-bottom: 0px;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
        }

    .dropdown-list.w--open {
        position: absolute;
        left: 0px;
        top: 40px;
        width: auto;
        padding-right: 0px;
        padding-left: 0px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: left;
    }

    .dropdown-list._100.w--open {
        left: 0px;
        top: 40px;
        right: 0px;
        z-index: 900;
    }

    .dropdown-list.white-outline.w--open {
        position: relative;
        top: 0px;
    }

    .dropdown-list.boat-type.w--open {
        position: absolute;
        left: 0px;
        top: 40px;
        padding: 15px 20px;
        line-height: 15px;
    }

    .dropdown-list.calendar.w--open {
        top: 40px;
        width: 203%;
        padding-right: 0px;
        padding-left: 0px;
    }

    .dropdown-list.harbors-list.w--open {
        position: absolute;
        left: 0px;
        top: 40px;
        width: 150%;
        padding: 15px 20px;
    }

    .dropdown-list.harbors-list.calendar.w--open {
        width: 100%;
    }

    .dropdown-list.guests-list.w--open {
        position: absolute;
        padding-right: 0px;
        padding-left: 0px;
    }

    .dropdown-list.yacht-length-list.w--open {
        position: absolute;
        padding-right: 0px;
        padding-left: 0px;
    }

    .dropdown-list.scroll.w--open {
        overflow: auto;
    }

    .container-flex {
        margin-top: 32px;
        float: none;
    }

    .information-block {
        display: block;
        width: 50%;
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        align-self: stretch;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .application-form {
        display: block;
        width: 100%;
        margin-top: 0px;
        margin-bottom: 0px;
    }

        .application-form.mobile {
            margin-top: 0px;
        }

    .boat-big-slider {
        height: 240px;
    }

    .tab-menu {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .info-block-mobile {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 16px 20px 24px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .info-block {
        margin-top: 32px;
        padding-right: 0px;
        padding-left: 0px;
    }

        .info-block.w--open {
            position: relative;
            left: 0px;
            top: -2px;
            margin-top: 0px;
            padding-right: 10px;
            padding-left: 10px;
            float: none;
        }

    .info-heading {
        margin-bottom: 0px;
    }

    .boat-details {
        line-height: 19px;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }

    .field {
        position: relative;
        display: block;
        width: 100%;
        margin-right: 0px;
        margin-left: 0px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
    }

        .field.select-harbor {
            position: static;
            height: 48px;
            float: none;
        }

        .field.boat-info-mobile {
            -webkit-box-flex: 0;
            -webkit-flex: 0 auto;
            -ms-flex: 0 auto;
            flex: 0 auto;
        }

        .field._50 {
            margin-top: 0px;
        }

            .field._50.cal {
                z-index: 900;
                margin-top: 0px;
                margin-bottom: 0px;
                padding-bottom: 0px;
            }

    .price-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: transparent;
    }

    .price-value {
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        align-self: stretch;
        -webkit-box-flex: 0;
        -webkit-flex: 0 100%;
        -ms-flex: 0 100%;
        flex: 0 100%;
    }

        .price-value.discounted {
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

        .price-value._50 {
            width: 100%;
        }

    .info-message-text {
        line-height: 20px;
    }

    .application-option-heading {
        display: inline-block;
    }

    .calendar {
        width: auto;
    }

        .calendar.s-size {
            z-index: 900;
        }

    .check-box-block {
        position: static;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        text-align: left;
    }

        .check-box-block.centered {
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

    .big-button:hover {
        background-color: #38c3e3;
    }

    .application-block {
        width: 350px;
        min-width: auto;
        margin-left: 20px;
        padding-right: 0px;
        padding-left: 0px;
    }

        .application-block.hiring {
            width: auto;
            float: none;
        }

    .price-form {
        background-color: transparent;
    }

    .drop-down-link {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .contact-block.contact-page {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .location-icon {
        padding-left: 20px;
    }

    .month-block.xl {
        width: auto;
    }

    .days-wrapper.xl.bottom {
        border-top-style: none;
        border-bottom-style: none;
    }
    /*.day.xl {
    padding-right: 15px;
    padding-left: 15px;
  }*/
    .date {
        padding-top: 12px;
        padding-bottom: 12px;
    }

        .date.active-month {
            padding-top: 12px;
            padding-bottom: 12px;
        }

    .dates-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-top: 0px;
        padding-top: 0px;
        float: none;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        .dates-wrapper.xl {
            display: block;
        }

    .calendar-wrapper {
        height: auto;
        min-height: 240px;
        padding: 16px 20px;
        border-top: 1px none #cecece;
        border-bottom: 1px none #cecece;
    }

    .search-filters {
        position: static;
        width: 100%;
        height: auto;
        float: none;
    }

    .boat-card-size {
        width: 48%;
        margin: 1%;
    }

        .boat-card-size._3 {
            width: 48%;
        }

        .boat-card-size._2 {
            width: 48%;
            margin-bottom: 2%;
        }

    .boats-search-result {
        position: static;
        display: block;
        width: 100%;
        margin-top: 20px;
        float: none;
    }

    .boat-search {
        margin-top: 32px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .main-filters-wrapper {
        position: static;
        z-index: 1500;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: auto;
        padding: 0px;
        float: none;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: left;
    }

    .boat-type-block {
        width: 25%;
        margin-top: 0px;
        margin-left: 1%;
        float: none;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .harbor-block {
        display: block;
        width: 25%;
        margin-right: 0%;
        margin-left: 1%;
        float: none;
        -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;
    }

    .hull-type-block {
        position: static;
        display: inline-block;
        width: 33%;
        margin-right: 0%;
        float: left;
    }

    .additional-filter-menu {
        position: absolute;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: auto;
        padding: 20px 32px;
        float: none;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        border-style: none none solid;
        border-width: 2px 2px 3px;
        border-color: #005775;
        background-color: #f7f3e4;
    }

    .filter-bar {
        position: relative;
        left: 0px;
        top: 0px;
        right: 0px;
        z-index: 1000;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: auto;
        padding: 20px;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #f7f3e4;
    }

    .material-icon {
        position: static;
        /*left: 0px;*/
        top: 7px;
        display: inline-block;
        padding-top: 2px;
        padding-bottom: 2px;
        float: none;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
    }

        .material-icon.news-post {
            -webkit-align-self: flex-start;
            -ms-flex-item-align: start;
            align-self: flex-start;
        }

        .material-icon.time-icon {
            -webkit-align-self: center;
            -ms-flex-item-align: center;
            align-self: center;
        }
        /*.material-icon.calendar-icon {
    position: absolute;
    left: auto;
    top: 7px;
    right: 0px;
    bottom: 0px;
    margin-right: 10px;
  }*/
        .material-icon.table {
            padding-top: 0px;
            padding-bottom: 0px;
            text-align: center;
        }

        .material-icon.download {
            margin-right: 5px;
            -webkit-align-self: flex-start;
            -ms-flex-item-align: start;
            align-self: flex-start;
        }

    .material-icon-table {
        padding-top: 0px;
        padding-bottom: 0px;
        text-align: center;
    }

    .centered {
        margin-top: 10px;
        text-align: center;
    }

    .news-list {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px;
    }

    .harbor-address-block {
        width: 50%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .harbor-pics {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .harbor-select-wrapper {
        position: absolute;
        width: 250px;
    }

    .post-image {
        -webkit-transition-property: none;
        transition-property: none;
    }

        .post-image:hover {
            max-width: 100%;
        }

    .harbor-background {
        width: 55vw;
    }

    .special-offer {
        margin-top: 0px;
        padding-top: 0px;
    }

    .price-group {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

        .price-group.secondary-block-price {
            width: 100%;
            float: none;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }

    .date-and-time-wrapper.above {
        z-index: 900;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .filter-menu-button {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 42px;
        height: 42px;
        margin-left: 1%;
        padding: 8px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        color: #005775;
        font-size: 28px;
        line-height: 28px;
        text-align: center;
    }

        .filter-menu-button:hover {
            color: #005775;
        }

        .filter-menu-button.w--open {
            display: block;
            border-radius: 4px;
            background-color: #005775;
            color: #fff;
        }

    .dates-block {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        margin-right: 5px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .filter-icon {
        font-family: 'Materialicons regular', sans-serif;
        font-size: 24px;
        line-height: 24px;
    }

    .yacht-length-block {
        display: inline-block;
        width: 33%;
        margin-top: 0px;
        float: none;
    }

    .mobile-version {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .start-date-wrapper {
        width: auto;
        margin-right: 5px;
    }

    .end-date-wrapper {
        width: 49%;
        margin-top: 0px;
    }

    .harbor-field-wrapper {
        width: 100%;
        margin-right: 5px;
    }

    .boat-type-field-wrapper {
        width: 100%;
    }

    .guests-block {
        position: static;
        display: inline-block;
        width: 33%;
        margin-right: 1%;
        float: none;
    }

    .partial-day-block {
        position: static;
        display: block;
        width: auto;
        margin-top: 18px;
        margin-right: 0px;
        margin-left: 0px;
        float: left;
        clear: none;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-top: 1px none #ddd9cd;
        text-align: center;
    }

    .button-block {
        position: static;
        display: block;
        width: 100%;
        margin-top: 20px;
        margin-right: auto;
        margin-left: auto;
        padding: 32px 20px 20px;
        float: left;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        border-top: 1px solid #ddd9cd;
        text-align: center;
    }

    .hero-paragraph {
        font-size: 16px;
    }

    .daysail-block {
        width: 100%;
        margin: 0% 0% -1px;
        padding: 32px 48px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
    }

    .daysails-list {
        width: 100%;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-right: 1%;
        padding-left: 1%;
    }

        .daysails-list.full-width {
            padding-right: 0%;
            padding-left: 0%;
        }

    .form-container {
        width: 350px;
    }

    .wf-label {
        font-size: 11px;
    }

    .form.top {
        width: auto;
    }

    .input-field.centered {
        margin-top: 0px;
    }

    .ad-banner {
        padding: 40px 64px;
    }

        .ad-banner.ultimate-course {
            padding: 4vw;
        }

        .ad-banner.asa-group {
            padding-top: 40px;
            padding-bottom: 40px;
        }

    .date-avaliability {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .available-seats {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
        text-align: left;
    }

    .harbors-dates-wrapper {
        display: block;
    }

    .application-button-form {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

        .application-button-form.centered {
            margin-top: 0px;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

    .light-blue-link {
        line-height: 20px;
    }

    ._4-image-block {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .event-image-wrapper {
        height: 15vw;
        max-height: auto;
        min-height: auto;
    }

    .menu-drop-down-list.w--open {
        padding-right: 48px;
        padding-left: 48px;
        border: 3px solid #fff;
        text-align: left;
    }

    .menu-drop-down-list.member.w--open {
        margin-bottom: 0px;
        padding-left: 48px;
    }

    .content-block {
        padding-top: 20px;
        padding-right: 30px;
        padding-left: 30px;
    }

    .container-900 {
        padding-right: 20px;
        padding-left: 20px;
    }

        .container-900.profile {
            padding-top: 0px;
        }

    .block-hero-image {
        height: 250px;
    }

    .main-block {
        margin-bottom: 0px;
    }

    .short-info {
        padding-left: 10px;
    }

    .price-info {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding-right: 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .block-info {
        margin-top: 0px;
        padding-top: 32px;
        padding-bottom: 10px;
    }

    .h2-sub-heading {
        font-size: 14px;
        line-height: 22px;
    }

    .tab-menu-full-width {
        padding-top: 0px;
        padding-right: 20px;
        padding-left: 20px;
    }

    .tab-text-wrapper {
        margin-top: 24px;
        margin-bottom: 24px;
        padding-right: 24px;
        padding-left: 24px;
    }

    .table-value {
        font-size: 14px;
        text-align: left;
    }

        .table-value._50 {
            font-size: 13px;
        }

        .table-value.year._50 {
            font-size: 14px;
        }

    .table-line:hover {
        background-color: transparent;
    }

    .champions-block-wrapper {
        margin-top: 0px;
    }

    .newsletter-block {
        -webkit-flex-basis: 49%;
        -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    }

    ._4-archived-newsletter {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .secondary-block {
        margin-top: 10px;
        margin-bottom: 10px;
        border: 1px solid #ddd9cd;
        background-color: #fff;
        font-family: 'Source Sans Pro', sans-serif;
    }

    .secondary-block-info {
        margin-top: 0px;
        margin-bottom: 0px;
        padding: 20px 24px 10px;
    }

    .column-full-width {
        padding-right: 5px;
        padding-left: 5px;
    }

    .lesson-heading {
        width: 100%;
        margin-top: 0px;
        margin-bottom: 0px;
        -webkit-box-flex: 100%;
        -webkit-flex: 100%;
        -ms-flex: 100%;
        flex: 100%;
    }

        .lesson-heading.content {
            margin-top: 10px;
            margin-bottom: 10px;
            margin-left: 0px;
            background-color: transparent;
            text-align: center;
        }
    /* Commented out by Bluelake as it is a duplicate style name */
    /*.accordion-content-block {
    margin-top: 0px;
    margin-bottom: 0px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }*/
    .lesson-heading-block {
        -webkit-box-flex: 0;
        -webkit-flex: 0 100%;
        -ms-flex: 0 100%;
        flex: 0 100%;
    }

    .lesson-content {
        padding-right: 0px;
        padding-left: 0px;
    }

    .drop-down-wrappes {
        display: block;
        width: 100%;
        height: auto;
        margin-top: 2px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
        text-align: left;
    }

    .accordion-dropdown {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: 42px;
        margin-right: 0px;
        margin-left: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
        background-color: #005775;
        font-family: Georgia, Times, 'Times New Roman', serif;
        color: #fff;
        font-size: 14px;
        font-style: italic;
        font-weight: 700;
    }

        .accordion-dropdown.w--open {
            font-size: 14px;
        }

    .accordion-dropdown-list {
        position: relative;
        background-color: transparent;
    }

    .accordion {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .harbors-dates {
        width: 50%;
    }

    .course-downloads {
        width: 100%;
        margin-top: 20px;
    }

    .download-link {
        margin-bottom: 10px;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .text-info {
        width: 100%;
    }

    .asa-corner-label {
        width: 150px;
    }

    .login-window {
        /*width: 700px;*/
        padding-top: 32px;
        padding-right: 32px;
        padding-left: 32px;
        font-family: 'Source Sans Pro', sans-serif;
    }

    .login-tip {
        margin-bottom: 10px;
        font-style: italic;
    }

    .login-nav-link {
        padding-top: 5px;
        padding-bottom: 5px;
        color: #fff;
    }

    .non-member-nav-block {
        margin-top: 32px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .member-dropdown-block {
        display: none;
        margin-top: 32px;
        padding-right: 20px;
        padding-bottom: 20px;
        padding-left: 20px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .member-icon-ms-mark {
        margin-right: 12px;
        margin-bottom: 0px;
    }

    .contact-block {
        width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .departmen {
        width: auto;
    }

    .side-section {
        text-align: left;
    }

    .small-ad-block {
        max-width: 710px;
        margin-bottom: 0px;
    }

    .content {
        font-size: 15px;
    }

    .management-benefits-list {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }

    .management-benefits-heading {
        margin-top: 0px;
        text-align: center;
    }

    .small-ad-wrapper {
        padding-right: 20px;
        padding-left: 20px;
    }

    .persons-wrapper {
        margin-top: 20px;
        margin-bottom: 20px;
    }

        .persons-wrapper.left-alighn {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
        }

    .person-block {
        -webkit-flex-basis: 33.33%;
        -ms-flex-preferred-size: 33.33%;
        flex-basis: 33.33%;
    }

        .person-block.skippers {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-basis: 50%;
            -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
            text-align: left;
        }

        .person-block.maintenance {
            padding: 10px;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-flex: 0;
            -webkit-flex: 0 auto;
            -ms-flex: 0 auto;
            flex: 0 auto;
        }

        .person-block.office {
            padding-right: 10px;
            padding-left: 10px;
        }

    .maintenance-photo {
        height: 50px;
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

    .week {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .date-wrapper {
        padding-right: 5px;
        padding-left: 5px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

        .date-wrapper.active-month {
            padding-right: 5px;
            padding-bottom: 5px;
            padding-left: 5px;
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
        }

    .calendar-event {
        padding-right: 5px;
        padding-left: 5px;
        font-size: 12px;
        line-height: 12px;
    }

    .yacht-management-application-form {
        margin-bottom: 0px;
    }

    .harbor-contact-block {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }

    .calendar-header {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 64px;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .calendar-filter {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 30%;
        padding-right: 20px;
        padding-left: 20px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .personal-text {
        padding-right: 48px;
        padding-left: 48px;
    }

    .office-managers {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .profile-menu {
        width: 250px;
        padding-right: 20px;
        padding-left: 20px;
    }

    .profile-content {
        padding: 64px 0px 48px;
    }

    .buttons-wrapper {
        max-width: 410px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}


@media (max-width: 767px) {

    h1 {
        margin-top: 10px;
        line-height: 44px;
    }

    h2 {
        margin-top: 10px;
        font-size: 36px;
        line-height: 40px;
    }

    h5 {
        line-height: 22px;
    }

    ol {
        padding-left: 15px;
    }

    .hero-section {
        position: relative;
        height: 500px;
        padding-bottom: 12px;
        float: none;
    }

    .stripes {
        position: static;
        left: 0px;
        right: 0px;
        bottom: 0px;
    }

        .stripes.login {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
        }

    .blue-stripe {
        height: 9px;
        margin-top: 9px;
    }

        .blue-stripe.top {
            height: 9px;
        }

    .harbors-section {
        padding-right: 20px;
        padding-left: 20px;
    }

    .full-ms-logo {
        position: static;
        left: 0px;
        top: 0px;
        right: 0px;
        display: block;
        width: 250px;
        height: auto;
        margin-top: 0vh;
        margin-right: auto;
        margin-left: auto;
        padding-top: 0px;
        float: none;
        background-image: none;
    }

    .big-cta-button {
        position: static;
        left: 0px;
        right: 0px;
        bottom: 0px;
        width: 250px;
        height: 50px;
        margin-top: 5px;
        margin-bottom: 5px;
        padding-right: 22px;
        padding-left: 22px;
        -webkit-transition-property: none;
        transition-property: none;
        font-size: 18px;
    }

        .big-cta-button.textured.blue.first {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
        }

        .big-cta-button.textured.shadow {
            min-width: 0px;
        }

            .big-cta-button.textured.shadow.first {
                -webkit-box-ordinal-group: 0;
                -webkit-order: -1;
                -ms-flex-order: -1;
                order: -1;
            }

    .nav-menu {
        position: absolute;
        top: 64px;
        overflow: visible;
        height: auto;
        padding-bottom: 100px;
    }

    .navbar-container {
        position: static;
        left: 0px;
        top: 0px;
        right: 0px;
        overflow: visible;
        background-color: transparent;
    }

    .navbar-home {
        position: absolute;
        padding-left: 0px;
    }

    .container-1200 {
        position: relative;
        display: block;
        padding-right: 0px;
        padding-left: 0px;
    }

    .harbor-name {
        top: 50%;
        bottom: 0px;
        display: block;
        margin: 0px auto 10px;
        padding-right: 5vw;
        padding-left: 5vw;
        font-size: 3vw;
        line-height: 1.3em;
    }

        .harbor-name.white {
            top: 50%;
            bottom: 0px;
            display: block;
            width: 80%;
            margin-top: 0%;
            margin-right: auto;
            margin-left: auto;
            padding-right: 3vw;
            padding-left: 3vw;
            font-size: 3vw;
            line-height: 1.3;
        }

    .harbor {
        width: 25vw;
        height: 25vw;
        background-image: -webkit-linear-gradient(270deg, null, null), url('images_p/Channel-Islands.png');
        background-image: linear-gradient(180deg, null, null), url('images_p/Channel-Islands.png');
        background-size: auto, cover;
    }

    .anchor-icon {
        height: 30%;
        margin-top: 15%;
    }

    .service-wrap {
        width: 100%;
        height: auto;
        padding-top: 12px;
        padding-bottom: 24px;
        background-image: -webkit-linear-gradient(0deg, #005775, rgba(0, 87, 117, .2)), url('images_p/hero-image-1_1.jpg');
        background-image: linear-gradient(90deg, #005775, rgba(0, 87, 117, .2)), url('images_p/hero-image-1_1.jpg');
        background-position: 0px 0px, 50% 50%;
        background-size: auto, cover;
        background-repeat: repeat, no-repeat;
    }

    .service-subtitle {
        width: auto;
        max-width: 60vw;
    }

    .service-title {
        width: auto;
        max-width: 60vw;
        font-size: 40px;
        line-height: 40px;
    }

    .white-stripe-1 {
        display: inline-block;
        height: 50px;
    }

    .white-stripe-2 {
        height: 50px;
    }

    .nav-bar-scroll {
        left: 0px;
        top: 0px;
        right: 0px;
        z-index: 1022;
        display: block;
        padding-left: 0px;
        background-color: #fff;
    }

    .membership-section {
        padding: 48px 28px;
    }

    .benefits-list {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }

    .sailing-school-image {
        background-size: 120px, auto, 100%;
    }

        .sailing-school-image:hover {
            background-size: 120px, auto, 100%;
        }

    .sign-up-section {
        padding: 24px 0px;
    }

    .news-section {
        padding-top: 32px;
        padding-bottom: 32px;
    }

    .post-content.opened {
        padding: 32px 30px;
    }
    /*When used without white, .divider should have zero effect*/
    .divider.white {
        display: block;
        width: 85%;
        margin-right: auto;
        margin-left: auto;
    }

        .divider.white._100.thin {
            margin-top: 10px;
        }

    .small-button {
        text-align: left;
    }

        .small-button.to-right.menu-cta-button {
            text-align: center;
        }

        .small-button.cta {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            width: auto;
            margin: 20px auto;
            padding-top: 0px;
            padding-bottom: 0px;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-align-self: flex-start;
            -ms-flex-item-align: start;
            align-self: flex-start;
            text-align: center;
        }

            .small-button.cta.w--current {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                width: 200px;
                margin-right: auto;
                margin-left: auto;
                text-align: center;
            }

            .small-button.cta.mobile {
                width: auto;
                min-width: auto;
                text-align: center;
            }

                .small-button.cta.mobile.w--current {
                    display: block;
                    width: 200px;
                    margin-right: auto;
                    margin-left: auto;
                    font-size: 14px;
                    font-style: italic;
                    text-align: center;
                }

        .small-button.mobile {
            display: block;
            margin-right: auto;
            margin-bottom: 20px;
            margin-left: auto;
            border-color: #fff;
            color: #fff;
        }

            .small-button.mobile:hover {
                background-color: #fff;
                color: #005775;
            }

    .middle-button.white {
        display: inline-block;
        float: none;
    }

    .post-image-wrapper {
        height: 25vw;
        max-height: 200px;
        min-height: 110px;
    }

    .updates {
        -webkit-column-gap: 0.5em;
        -moz-column-gap: 0.5em;
        column-gap: 0.5em;
    }

    .one-post {
        margin-top: 0.25em;
        margin-bottom: 0.25em;
    }

    .one-advert {
        padding: 0px;
    }

    .advert-content {
        position: relative;
        display: block;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        padding-top: 24px;
        padding-bottom: 32px;
    }

        .advert-content.to-right {
            padding-top: 24px;
            padding-bottom: 32px;
            float: none;
        }

    .link {
        display: inline-block;
        margin-left: 0px;
        float: none;
    }

    .footer {
        padding-right: 20px;
        padding-left: 20px;
    }

    .keep-up-to-date-block {
        padding-right: 48px;
        padding-left: 48px;
    }

    .copyright-section {
        height: 47px;
        margin-top: 120px;
        padding-top: 16px;
        padding-left: 24px;
        background-color: transparent;
    }

    .form-wrapper {
        margin-top: 24px;
        margin-bottom: 24px;
    }

    .share-block {
        right: 10px;
        bottom: 78px;
        width: 58px;
        height: auto;
        margin-right: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .share-heading {
        display: block;
        padding-top: 18px;
        padding-bottom: 18px;
    }

    .share-icon {
        display: block;
        float: none;
    }

    .share-icons-group {
        display: none;
    }

    .close-icon {
        display: block;
    }

    .side-block {
        bottom: 10px;
    }

    .ad-heading {
        font-size: 36px;
        line-height: 36px;
    }

    .h1 {
        margin-top: 10px;
    }

    .corner-marker.small {
        position: absolute;
        overflow: visible;
        padding-top: 184px;
        font-size: 20px;
        text-align: center;
    }

    .hero-slider {
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
    }

    .hero-slide-1 {
        padding: 24px;
    }

    .left-arrow {
        width: 58px;
    }

        .left-arrow:hover {
            left: 0px;
        }

    .right-arrow {
        width: 58px;
    }

    .hero-slide-2 {
        padding: 43px 58px;
    }

    .slide-nav {
        bottom: 0px;
        font-size: 10px;
    }

    .hero-content {
        position: absolute;
        top: 0px;
        padding: 24px;
    }

    .nav-bar-fixed {
        padding-right: 0px;
        padding-left: 0px;
    }

    .opened-post {
        margin-top: 0px;
        float: none;
    }

    .bread-crumbs {
        position: static;
        margin-top: 0px;
        float: none;
    }

    .news-post-heading {
        margin-top: 12px;
        margin-bottom: 0px;
        line-height: 30px;
    }

    .recent-news {
        padding-right: 10px;
        padding-left: 10px;
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }

    .navigation-link {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 32px 20px;
        float: left;
        -webkit-box-flex: 0;
        -webkit-flex: 0 100%;
        -ms-flex: 0 100%;
        flex: 0 100%;
        text-align: left;
    }

        .navigation-link.cancel {
            display: block;
            margin-right: auto;
            margin-left: auto;
            padding-top: 5px;
            padding-bottom: 5px;
            text-align: center;
        }

            .navigation-link.cancel:hover {
                color: #38c3e3;
                text-decoration: none;
            }

            .navigation-link.cancel.w--current {
                margin-top: 10px;
                cursor: pointer;
            }

            .navigation-link.cancel.mobile.w--current {
                position: static;
                display: block;
                width: 100%;
                -webkit-align-self: flex-start;
                -ms-flex-item-align: start;
                align-self: flex-start;
                -webkit-box-flex: 0;
                -webkit-flex: 0 100%;
                -ms-flex: 0 100%;
                flex: 0 100%;
                text-align: center;
            }

        .navigation-link.reset {
            margin-top: 20px;
            -webkit-align-self: center;
            -ms-flex-item-align: center;
            align-self: center;
        }

        .navigation-link.cansel {
            margin-top: 20px;
            padding-top: 0px;
            padding-bottom: 0px;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

            .navigation-link.cansel.login {
                display: block;
                width: auto;
                margin-top: 0px;
                -webkit-flex-shrink: 0;
                -ms-flex-negative: 0;
                flex-shrink: 0;
                -webkit-flex-basis: auto;
                -ms-flex-preferred-size: auto;
                flex-basis: auto;
            }

                .navigation-link.cansel.login.float-left {
                    padding-top: 10px;
                    padding-bottom: 10px;
                }

    .hero.news {
        min-height: 18vw;
        padding: 2vw 48px;
    }

    .tab-link {
        padding-top: 16px;
        padding-bottom: 16px;
    }

        .tab-link.style2 {
            width: 33.33%;
        }

    .show-more-button {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .section {
        padding: 24px 20px;
    }

        .section.harbor-fleet {
            padding-top: 24px;
            padding-right: 20px;
            padding-left: 20px;
        }

        .section.harbor-hero.channel-islands {
            display: block;
            padding-top: 0px;
            padding-bottom: 48px;
            background-image: -webkit-linear-gradient(270deg, rgba(56, 195, 227, .8), rgba(56, 195, 227, .8)), url('images_p/970388.jpg');
            background-image: linear-gradient(180deg, rgba(56, 195, 227, .8), rgba(56, 195, 227, .8)), url('images_p/970388.jpg');
            background-position: 0px 0px, 50% 50%;
            background-size: auto, cover;
        }

        .section.news-post {
            padding: 0px;
        }

        .section.beige {
            padding: 24px 20px;
        }

            .section.beige.scroll {
                height: auto;
            }

        .section.mobile-full-width {
            padding: 0px;
        }

            .section.mobile-full-width.racing {
                padding-top: 20px;
            }

            .section.mobile-full-width.hiring {
                padding-bottom: 0px;
            }

        .section.daysails-sections {
            padding: 0px;
        }

        .section.exotic-flotillas-section {
            padding: 0px;
        }

        .section.check-champions {
            padding-bottom: 24px;
        }

        .section.flex {
            height: auto;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
        }

    .select-harbor-dropdown {
        width: 200px;
        margin-top: 19vw;
        margin-left: 32px;
    }

        .select-harbor-dropdown.styled {
            width: 100%;
            margin-top: 0px;
            margin-left: 0px;
        }

    .harbor-pics-and-map {
        height: auto;
        margin-top: 32px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .harbor-pic-wrapper {
        width: 46%;
        height: 25vw;
        max-height: 200px;
        padding-right: 5px;
        padding-left: 5px;
        float: left;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .ch-i-map {
        height: 50vw;
    }

        .ch-i-map.big {
            height: 55vw;
        }

    .harbor-map {
        margin-top: 0px;
        margin-bottom: 0px;
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
    }

    .harbors-map-background {
        display: block;
        width: 100%;
        height: auto;
        max-height: none;
        margin-top: 0px;
        margin-right: 0px;
    }

    .boat-card {
        position: relative;
        overflow: hidden;
        float: none;
    }

    .boat-slider {
        height: 28vw;
    }

        .boat-slider._2 {
            height: 25vw;
        }

        .boat-slider._3 {
            position: relative;
            overflow: visible;
            height: 26vw;
        }

    .boat-short-info {
        padding: 5px 10px 5px 11px;
        text-align: center;
    }

        .boat-short-info:hover {
            text-decoration: none;
        }

    .boat-name {
        display: block;
        margin-right: 0px;
        margin-left: 0px;
        font-size: 15px;
    }

    .price {
        padding-right: 5px;
        padding-left: 5px;
        font-size: 20px;
    }

        .price.to-right {
            display: inline-block;
            margin-top: 0px;
            margin-bottom: 0px;
            float: none;
            font-size: 24px;
        }

            .price.to-right.before-discount {
                margin-right: 5px;
                margin-left: 5px;
                font-size: 14px;
            }

            .price.to-right.discaunted {
                margin-right: 5px;
                margin-left: 5px;
                font-size: 22px;
            }

        .price.discounted {
            padding-right: 5px;
            padding-left: 5px;
            font-size: 18px;
        }

        .price.before-discount {
            padding-right: 5px;
            padding-left: 5px;
            font-size: 12px;
        }

    .boat-image {
        display: block;
        height: auto;
        min-width: 100%;
        margin-right: auto;
        margin-left: auto;
        clear: none;
        background-image: url('images/avalon_1.jpg');
    }

    .boats {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-top: 0px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        text-align: center;
    }

    .top {
        position: relative;
    }

    .links-list {
        padding-right: 20px;
        padding-left: 20px;
        line-height: 24px;
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 0px;
        -moz-column-gap: 0px;
        column-gap: 0px;
    }

    .accordion-2-dropdown-list {
        margin-bottom: 32px;
    }

        .accordion-2-dropdown-list.w--open {
            margin-bottom: 0px;
            padding-right: 0px;
            padding-left: 0px;
            border: 2px solid #ddd9cd;
            -webkit-column-count: 1;
            -moz-column-count: 1;
            column-count: 1;
        }

    .drop-down {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

        .drop-down.w--open {
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
            justify-content: space-between;
            border-bottom-style: solid;
        }

        .drop-down.info-block-mobile {
            height: 50px;
            margin-right: 0px;
            margin-left: 0px;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
            border-style: none none solid;
            border-bottom-width: 2px;
            border-bottom-color: #ddd9cd;
            border-radius: 0px;
            background-color: transparent;
            color: #005775;
        }

            .drop-down.info-block-mobile.w--open {
                z-index: 900;
                height: 50px;
                border-bottom-style: solid;
                border-bottom-color: #ddd9cd;
            }

        .drop-down.white-outline.w--open {
            color: #fff;
        }

    .dropdown-list.w--open {
        position: absolute;
        top: 40px;
        padding-right: 0px;
        padding-left: 0px;
    }

    .dropdown-list.boat-info.w--open {
        position: relative;
        top: -2px;
        z-index: 1000;
        padding-right: 0px;
        padding-left: 0px;
        border: 2px solid #ddd9cd;
        border-radius: 0px;
        background-color: transparent;
    }

    .dropdown-list.calendar.w--open {
        position: absolute;
        width: 130%;
    }

    .dropdown-list.harbors-list.w--open {
        width: 100%;
    }

    .dropdown-list.guests-list.w--open {
        position: absolute;
    }

    .container-flex {
        margin: 0px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .information-block {
        width: 100%;
        margin-bottom: 0px;
        float: none;
    }

    .application-form {
        display: block;
        margin-top: 0px;
        padding: 20px 32px;
        float: none;
    }

        .application-form.mobile {
            display: none;
        }

            .application-form.mobile.hiring {
                display: none;
            }

    .boat-big-slider {
        height: 55vw;
    }

    .info-block-mobile {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 20px 32px 40px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
        background-color: #f7f3e4;
    }

    .info-block {
        margin-top: 0px;
        padding: 0px;
        color: #005775;
    }

        .info-block.w--open {
            position: relative;
            top: -2px;
            z-index: 0;
            border: 2px solid #ddd9cd;
            background-color: transparent;
        }

    .info-heading {
        margin-bottom: 0px;
        font-family: Georgia, Times, 'Times New Roman', serif;
        color: #005775;
        font-style: italic;
    }

    .boat-details {
        padding: 20px;
        color: #005775;
        font-size: 14px;
        line-height: 18px;
    }

    .field.select-harbor {
        position: relative;
        width: 100%;
        float: none;
        border-color: #fff;
        color: #fff;
    }

    .field.boat-info-mobile {
        z-index: 500;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
        color: transparent;
    }

    .price-wrapper {
        text-align: center;
    }

    .price-value {
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        align-self: stretch;
        -webkit-box-flex: 0;
        -webkit-flex: 0 50%;
        -ms-flex: 0 50%;
        flex: 0 50%;
    }

        .price-value.selected {
            height: auto;
            -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -webkit-box-flex: 0;
            -webkit-flex-grow: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            -webkit-flex-shrink: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
        }

        .price-value._50 {
            width: 100%;
        }

    .information-message {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .total-block {
        width: 100%;
        margin-top: 0px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .big-button {
        margin-top: 24px;
        margin-bottom: 24px;
        padding-top: 17px;
        padding-bottom: 17px;
    }

        .big-button.textured {
            max-width: 300px;
            padding-top: 0px;
            padding-bottom: 0px;
        }

            .big-button.textured.w--current {
                width: auto;
                min-width: 200px;
            }

    .application-block {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        margin-left: 0px;
        padding: 20px 32px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
    }

    .price-form {
        padding: 20px 32px 0px;
    }

    .drop-down-link.light-blue-hover:hover {
        background-color: #005775;
    }

    .location-icon {
        padding-left: 32px;
    }

    .month-block.xl {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-flex: 100%;
        -webkit-flex: 100%;
        -ms-flex: 100%;
        flex: 100%;
    }
    /*.day.xl {
    text-align: center;
  }*/
    .calendar-wrapper {
        min-height: 55vw;
        padding: 20px 64px;
        border-style: none;
        background-color: #fff;
    }

    .boat-card-size {
        float: none;
    }

        .boat-card-size._3 {
            position: relative;
            display: inline-block;
            overflow: visible;
            width: 48%;
            float: none;
            clear: none;
            -webkit-column-count: 1;
            -moz-column-count: 1;
            column-count: 1;
        }

    .boats-search-result {
        margin-bottom: 0px;
    }

    .main-filters-wrapper {
        padding-top: 0px;
        padding-right: 0px;
        padding-left: 0px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: baseline;
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        -webkit-align-content: space-between;
        -ms-flex-line-pack: justify;
        align-content: space-between;
    }

    .boat-type-block {
        display: block;
        width: 49%;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .harbor-block {
        display: inline-block;
        width: 49%;
        margin-left: 0%;
    }

    .hull-type-block {
        width: 33%;
    }

    .additional-filter-menu {
        position: absolute;
        left: 0px;
        top: 157px;
        padding-top: 0px;
        clear: none;
    }

    .filter-bar {
        height: auto;
        padding-bottom: 0px;
    }

    .material-icon {
        display: block;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }

        .material-icon.close-application-form.w--current {
            display: block;
            padding: 12px;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
        }

    .centered {
        margin-top: 10px;
        text-align: center;
    }

    .news-list {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }

    .opened-post-image {
        height: 300px;
    }

    .harbor-address-block {
        width: auto;
        margin-right: -10px;
        margin-left: -10px;
        padding: 0px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        background-color: transparent;
    }

    .harbor-pics {
        padding: 0px 0px 20px;
        background-color: #fff;
    }

    .header-content-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-top: 32px;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
    }

    .harbor-select-wrapper {
        position: relative;
        left: auto;
        top: auto;
        right: auto;
        bottom: auto;
        width: 100%;
        padding: 20px;
    }

    .post-image {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .harbor-background {
        width: 100%;
        background-image: -webkit-linear-gradient(270deg, rgba(56, 195, 227, .8), rgba(56, 195, 227, .8)), url('images_p/970388.jpg');
        background-image: linear-gradient(180deg, rgba(56, 195, 227, .8), rgba(56, 195, 227, .8)), url('images_p/970388.jpg');
        background-position: 0px 0px, 50% 50%;
        background-size: auto, cover;
    }

    .harbor-header-icon {
        position: static;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
    }

    .special-offer-heading {
        font-size: 16px;
        line-height: 22px;
    }

    .special-offer {
        position: static;
        display: block;
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        align-self: stretch;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
    }

    .price-group {
        width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-align-content: space-around;
        -ms-flex-line-pack: distribute;
        align-content: space-around;
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        align-self: stretch;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

        .price-group.secondary-block-price {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
        }

        .price-group._10 {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: stretch;
            -webkit-align-items: stretch;
            -ms-flex-align: stretch;
            align-items: stretch;
            -webkit-align-self: stretch;
            -ms-flex-item-align: stretch;
            align-self: stretch;
        }

        .price-group.membership {
            -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        }

    .filter-menu-button {
        left: 0px;
        right: 0px;
        bottom: 0px;
        display: block;
        width: 42px;
        height: 42px;
        margin: 0px 0px 10px auto;
        float: none;
        clear: none;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: right;
    }

        .filter-menu-button.w--open {
            width: 42px;
            margin-top: 0px;
            margin-right: 0px;
            margin-bottom: 10px;
            float: right;
        }

    .dates-block {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 49%;
        margin-right: 1%;
        margin-bottom: 5px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .yacht-length-block {
        float: left;
    }

    .mobile-version {
        width: 50%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .start-date-wrapper {
        width: 100%;
        margin-right: 0px;
        padding-right: 0px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
    }

    .end-date-wrapper {
        width: 100%;
        margin-top: 5px;
        padding-right: 0px;
    }

    .harbor-field-wrapper {
        z-index: 1000;
        padding-left: 0px;
    }

    .boat-type-field-wrapper {
        margin-top: 5px;
        padding-left: 0px;
    }

    .guests-block {
        position: relative;
        z-index: 500;
        margin-right: 1%;
        float: left;
    }

    .daysail-block {
        width: 100%;
        margin: 0px 0px -1px;
        padding: 24px 30px 40px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
    }

    .daysails-list {
        margin-top: 0px;
        padding-right: 0%;
        padding-left: 0%;
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }

    .form-container {
        width: auto;
    }

    .form.top {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        text-align: center;
    }

    .ad-banner {
        padding: 30px;
    }

        .ad-banner.daysails {
            text-align: center;
        }

        .ad-banner.asa-group {
            padding-top: 30px;
            padding-bottom: 30px;
        }

    .block-50._47 {
        -webkit-flex-basis: 47%;
        -ms-flex-preferred-size: 47%;
        flex-basis: 47%;
    }

    .application-button-form {
        width: 100%;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .event-image-wrapper {
        height: 28vw;
        min-height: auto;
    }

    .menu-drop-down-list.w--open {
        padding-right: 40px;
        padding-left: 40px;
    }

    .menu-drop-down-list.member.w--open {
        padding-left: 40px;
    }

    .content-block {
        padding-top: 20px;
        padding-right: 32px;
        padding-left: 32px;
    }

    .container-900 {
        padding-right: 0px;
        padding-left: 0px;
    }

        .container-900.profile {
            padding-top: 0px;
        }

    .block-hero-image {
        height: 35vw;
    }

    .main-block {
        margin-top: 0px;
        margin-bottom: 0px;
        border-style: none;
    }

    .short-info {
        padding-right: 10px;
        padding-left: 10px;
    }

    .price-info {
        padding: 20px 10px;
    }

    .block-info {
        margin-top: 0px;
        padding: 20px 19px;
    }

    .heading-wrapper {
        padding-right: 20px;
        padding-left: 20px;
        background-color: #f7f3e4;
    }

    .info-wrapper {
        padding-right: 0px;
        padding-left: 0px;
    }

    .table-block {
        padding-right: 30px;
        padding-left: 30px;
    }

    .table-header._25 {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .table-value {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding-left: 0px;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        line-height: 14px;
        text-align: left;
    }

        .table-value._50 {
            padding-left: 0px;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
        }

        .table-value.year._50 {
            padding-left: 30px;
        }

    .table-line {
        height: auto;
        padding-top: 10px;
        padding-right: 20px;
        padding-bottom: 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }

        .table-line.last {
            width: 50%;
            -webkit-flex-basis: 100%;
            -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
            border-bottom-style: solid;
        }

    .champions-block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
    }

    .champions-block-wrapper {
        margin-top: 0px;
    }

    .trophy-image {
        margin-right: 0px;
    }

    .newsletter-block {
        border-color: #ddd9cd;
        background-color: transparent;
    }

        .newsletter-block.the-latest {
            border-color: #ddd9cd;
            background-color: transparent;
        }

    .secondary-block-info {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .column-full-width {
        padding-right: 0px;
        padding-left: 0px;
    }

    .lesson-heading.content {
        text-align: center;
    }
    /* Commented out by Bluelake as it is a duplicate style name */
    /*.accordion-content-block {
    padding-right: 16px;
    padding-left: 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }*/
    .asa-corner-label {
        width: 120px;
    }

    .select-course-menu {
        margin-bottom: 0px;
    }

    .lightbox {
        position: absolute;
    }

    .close-lightbox {
        top: 0px;
        right: 0px;
    }

    .login-window {
        left: 0px;
        top: 0px;
        right: 0px;
        width: 100%;
        height: auto;
        padding-bottom: 80px;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
    }

    .login-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .login-block {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 350px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }

    .vertical-divider {
        width: auto;
        height: 1px;
        margin-top: 32px;
        margin-right: 0px;
        margin-left: 0px;
        padding-top: 0px;
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        align-self: stretch;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        background-color: #ddd9cd;
    }

    .login-tip {
        color: #a0a0a0;
        text-align: center;
    }

    .departmen {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    .quick-message-form-wrapper {
        width: auto;
    }

    .side-section {
        padding-right: 32px;
        padding-left: 32px;
    }

    ._2-col-block {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }

    .person-block.maintenance {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    }

    .person-block.management {
        padding-right: 10px;
        padding-left: 10px;
    }

    .person-block.office {
        -webkit-flex-basis: 33.33%;
        -ms-flex-preferred-size: 33.33%;
        flex-basis: 33.33%;
    }

    .management-person-photo {
        width: 80px;
        height: 80px;
    }

    .week {
        min-height: 64px;
    }

    .date-wrapper {
        text-align: center;
    }

        .date-wrapper.active-month {
            text-align: center;
        }

    .calendar-event {
        line-height: 12px;
        text-align: left;
    }

    .data {
        padding-right: 15px;
        padding-left: 15px;
    }

    .yacht-management-application-form {
        margin: 20px;
    }

    .block {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
    }

        .block.first {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            border-right-width: 3px;
            border-bottom-width: 0px;
        }

    .calendar-header {
        height: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .calendar-filter {
        width: auto;
        padding-top: 0px;
        padding-bottom: 20px;
    }

    .personal-text {
        padding-right: 32px;
        padding-left: 32px;
        font-size: 16px;
        line-height: 24px;
    }

    .office-managers {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .profile-menu {
        position: static;
        width: auto;
        height: auto;
        padding: 20px 32px;
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
    }

    .profile-content {
        padding: 32px 48px;
    }

    .member-hero-beidge {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .member-beidge {
        width: 80px;
        height: 80px;
        margin-right: 20px;
    }

    .profile-links {
        margin-top: 10px;
        margin-bottom: 0px;
        padding-right: 20px;
        padding-left: 20px;
    }

    .profile-form {
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
    }
    /* Commented out by Bluelake as a duplicate */
    /*.profile-info-block-button {
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 100%;
    -ms-flex: 0 100%;
    flex: 0 100%;
  }*/

    .full-ms-logo {
        position: static;
        left: 0px;
        top: 0px;
        right: 0px;
        display: block;
        width: 250px;
        height: auto;
        margin-top: 0vh;
        margin-right: auto;
        margin-left: auto;
        padding-top: 0px;
        float: none;
        background-image: none;
    }

    .big-cta-button {
        position: static;
        left: 0px;
        right: 0px;
        bottom: 0px;
        width: 250px;
        height: 50px;
        margin-top: 5px;
        margin-bottom: 5px;
        padding-right: 22px;
        padding-left: 22px;
        -webkit-transition-property: none;
        transition-property: none;
        font-size: 18px;
    }

        .big-cta-button.textured.blue.first {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
        }

        .big-cta-button.textured.shadow {
            min-width: 0px;
        }

            .big-cta-button.textured.shadow.first {
                -webkit-box-ordinal-group: 0;
                -webkit-order: -1;
                -ms-flex-order: -1;
                order: -1;
            }

    .buttons-wrapper {
        margin-top: 0px;
    }
}

@media (max-width: 479px) {
    h1 {
        padding-right: 0px;
        padding-left: 0px;
        font-size: 32px;
        line-height: 36px;
    }

    h2 {
        font-size: 32px;
        line-height: 36px;
    }

    h5 {
        margin-top: 20px;
        font-size: 16px;
        line-height: 22px;
        text-align: center;
    }

    ul {
        padding-left: 20px;
    }

    ol {
        padding-left: 20px;
    }

    li {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .hero-section {
        position: relative;
        height: 600px;
        padding: 64px 20px;
        float: none;
        background-color: #005775;
        background-image: none;
        text-align: center;
    }

    .stripes {
        position: static;
    }

        .stripes.login {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
        }

    .harbors-section {
        padding: 24px 10px;
    }

    .dropdown-link {
        border-bottom: 1px solid #005775;
    }

    .full-ms-logo {
        position: static;
        left: 0px;
        top: 0px;
        right: 0px;
        display: block;
        width: 250px;
        height: auto;
        margin-top: 0vh;
        margin-right: auto;
        margin-left: auto;
        padding-top: 0px;
        float: none;
        background-image: none;
    }

    .big-cta-button {
        position: static;
        left: 0px;
        right: 0px;
        bottom: 0px;
        width: 250px;
        height: 50px;
        margin-top: 5px;
        margin-bottom: 5px;
        padding-right: 22px;
        padding-left: 22px;
        -webkit-transition-property: none;
        transition-property: none;
        font-size: 18px;
    }

        .big-cta-button.textured.blue.first {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
        }

        .big-cta-button.textured.shadow {
            min-width: 0px;
        }

            .big-cta-button.textured.shadow.first {
                -webkit-box-ordinal-group: 0;
                -webkit-order: -1;
                -ms-flex-order: -1;
                order: -1;
            }

    .dropdown-list.w--open {
        padding-right: 30px;
        padding-left: 30px;
    }

    .dropdown-list.big-field.w--open {
        top: 68px;
        width: 100%;
    }

    .nav-menu {
        position: absolute;
        left: 0px;
        top: 64px;
        right: 0px;
        z-index: 1010;
        overflow: auto;
        width: 100vw;
        height: 100vh;
        padding-top: 32px;
        padding-bottom: 100px;
        background-image: url('images_p/diagonal-noise.png');
        background-position: 0px 0px;
    }

    .navbar-container {
        position: static;
        background-color: transparent;
    }

    .navbar-home {
        position: absolute;
        left: 0px;
        top: 0px;
        right: 0px;
        padding-left: 0px;
    }

    .menu-button.w--open {
        position: relative;
        background-image: url('images_p/diagonal-noise.png');
        background-position: 0px 0px;
    }

    .container-1200 {
        padding: 20px 0px;
        text-align: center;
    }

        .container-1200.no-padding {
            padding-top: 0px;
            padding-bottom: 0px;
        }

    .harbor-name {
        padding-right: 7.2vw;
        padding-left: 7.2vw;
        font-size: 4vw;
    }

        .harbor-name.white {
            top: 50%;
            padding-right: 5vw;
            padding-left: 5vw;
            font-size: 4vw;
        }

    .harbors-group {
        margin-top: 24px;
        margin-bottom: 24px;
    }

    .harbor {
        width: 35vw;
        height: 35vw;
    }

        .harbor.channel-island {
            width: 35vw;
            height: 35vw;
            margin: 6px;
        }

    .service-wrap {
        padding: 7px 28px 19px;
        background-image: none;
    }

    .service-subtitle {
        max-width: 70vw;
    }

    .service-title {
        width: auto;
        max-width: 70vw;
        font-size: 32px;
        line-height: 32px;
    }

    .white-stripe-1 {
        height: 48px;
    }

    .white-stripe-2 {
        height: 48px;
    }

    .nav-bar-scroll {
        z-index: 1010;
        display: none;
        overflow: visible;
    }

    .membership-section {
        padding-right: 32px;
        padding-left: 32px;
        background-color: #ff9600;
        background-image: -webkit-linear-gradient(270deg, rgba(255, 150, 0, .8), rgba(255, 150, 0, .8)), url('images_p/diagonal-noise.png');
        background-image: linear-gradient(180deg, rgba(255, 150, 0, .8), rgba(255, 150, 0, .8)), url('images_p/diagonal-noise.png');
        background-position: 0px 0px, 0px 0px;
    }

    .benefits-list {
        margin-top: 32px;
        margin-left: -10px;
        font-size: 16px;
        line-height: 28px;
    }

    .yacht-management-image {
        position: absolute;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        background-image: -webkit-linear-gradient(0deg, #005775, rgba(0, 87, 117, 0)), url('images_p/Yacht-management-image.jpg');
        background-image: linear-gradient(90deg, #005775, rgba(0, 87, 117, 0)), url('images_p/Yacht-management-image.jpg');
        background-position: 0px 0px, 50% 50%;
        background-size: auto, 100%;
        background-repeat: repeat, no-repeat;
        -webkit-transition: all 800ms ease;
        transition: all 800ms ease;
    }

        .yacht-management-image:hover {
            background-size: auto, 100%;
        }

    .sign-up-section {
        padding-right: 32px;
        padding-left: 32px;
    }

    .news-section {
        position: static;
        display: block;
        margin-top: 0px;
        padding-right: 15px;
        padding-left: 15px;
        float: none;
        clear: none;
    }

    .post-content {
        padding-top: 10px;
        padding-bottom: 20px;
    }

        .post-content.opened {
            padding-right: 30px;
            padding-bottom: 32px;
            padding-left: 30px;
        }

    .category.special-offer {
        text-align: center;
    }

    .category.inline {
        display: block;
        float: none;
        text-align: left;
    }

    .divider {
        margin-top: 10px;
        margin-bottom: 24px;
    }

        .divider.white {
            width: 80%;
            margin-top: 0px;
            margin-bottom: 0px;
            background-color: #fff;
        }

    .paragraph {
        line-height: 24px;
    }

    .small-button {
        text-align: center;
    }

        .small-button:hover {
            text-decoration: none;
        }

        .small-button.white {
            padding-right: 24px;
            padding-left: 24px;
            float: none;
            text-align: center;
        }

            .small-button.white.blue-text:hover {
                color: #005775;
            }

        .small-button.to-right.menu-cta-button {
            width: auto;
        }

        .small-button.cta {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            height: 40px;
            min-width: 200px;
            margin: 20px auto;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-align-self: flex-start;
            -ms-flex-item-align: start;
            align-self: flex-start;
            font-size: 14px;
        }

            .small-button.cta.w--current {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                height: 40px;
                min-width: 200px;
                margin-right: auto;
                margin-left: auto;
                padding-top: 5px;
                padding-bottom: 5px;
                -webkit-box-flex: 0;
                -webkit-flex: 0 auto;
                -ms-flex: 0 auto;
                flex: 0 auto;
                font-size: 14px;
                text-align: center;
            }

            .small-button.cta.mobile {
                text-align: center;
            }

                .small-button.cta.mobile.w--current {
                    display: block;
                    width: 200px;
                    margin-right: auto;
                    margin-left: auto;
                }

        .small-button.mobile {
            display: block;
            margin-right: auto;
            margin-left: auto;
            color: #fff;
            text-align: center;
        }

            .small-button.mobile:hover {
                border-color: #fff;
                background-color: #fff;
                color: #005775;
            }

    .middle-button {
        height: auto;
        padding-right: 40px;
        padding-left: 40px;
    }

        .middle-button.white {
            display: block;
            float: none;
        }

            .middle-button.white.submit {
                width: 100%;
                margin-top: 10px;
                margin-bottom: 10px;
            }

    .post-image-wrapper {
        height: 50vw;
        max-height: 210px;
    }

    .updates {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }

    .one-post {
        margin-top: 0.5em;
        margin-right: 0px;
        margin-bottom: 0.5em;
    }

    .one-advert {
        padding: 0px;
    }

    .advert-content {
        padding: 40px 32px;
    }

        .advert-content.to-right {
            padding: 40px 32px;
        }

    .ad-text {
        font-size: 16px;
    }

    .link {
        display: inline-block;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
        float: none;
        clear: left;
    }

    .footer {
        padding-right: 10px;
        padding-left: 10px;
    }

    .keep-up-to-date-block {
        padding-right: 0px;
        padding-left: 0px;
    }

    .subscription-field {
        width: 100%;
        margin-bottom: 20px;
        text-align: center;
    }

    .e-mail-icon {
        width: 20%;
    }

    .copyright-section {
        position: relative;
        width: 60%;
        height: auto;
        margin-top: 100px;
        padding-right: 10px;
        padding-left: 10px;
        font-size: 12px;
        text-align: left;
    }

    .advert-section {
        background-color: #005775;
    }

    .success-message {
        border: 3px solid #66ecb7;
        background-color: transparent;
        font-family: Georgia, Times, 'Times New Roman', serif;
        color: #66ecb7;
        font-style: italic;
    }

    .error-message {
        border: 3px solid #ff6d6d;
        background-color: transparent;
        font-family: Georgia, Times, 'Times New Roman', serif;
        color: #ff6d6d;
        font-style: italic;
    }

    .share-block {
        right: 10px;
        bottom: 78px;
        border-radius: 29px;
    }

    .share-icons-group {
        display: none;
    }

    .close-share-block {
        padding: 17px;
    }

        .close-share-block:hover {
            padding: 17px;
            text-decoration: none;
        }

    .ad-heading {
        font-size: 32px;
        line-height: 36px;
    }

    .h1 {
        line-height: 36px;
    }

    .tabs-content.w--open {
        position: relative;
        border-top: 1px solid rgba(0, 0, 0, .05);
    }

    .corner-marker.small {
        left: -140px;
        top: -140px;
    }

    .hero-slider {
        position: absolute;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        background-color: #fff;
    }

    .hero-slide-1 {
        padding: 64px 33px;
    }

    .left-arrow {
        width: 58px;
        margin-bottom: 0px;
    }

    .right-arrow {
        margin-bottom: 0px;
    }

    .hero-slide-2 {
        padding: 58px 24px;
    }

    .slide-nav {
        bottom: 1vw;
        height: 58px;
        padding-top: 24px;
        padding-bottom: 24px;
        font-size: 10px;
    }

    .hero-content {
        padding-top: 64px;
        padding-bottom: 64px;
    }

    .hero-slide-3 {
        background-position: -122px 50%;
    }

    .hero-slide-6 {
        background-position: 100% 50%;
    }

    .drop-down-icon {
        margin-right: 10px;
    }

    .nav-bar-fixed {
        overflow: visible;
        padding-right: 0px;
        padding-left: 0px;
    }

    .opened-post {
        position: static;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        margin-top: 0px;
        padding-right: 0px;
        padding-left: 0px;
    }

    .recent-news {
        padding-right: 0px;
        padding-bottom: 32px;
        padding-left: 0px;
    }

    .news-link {
        padding-right: 10px;
        padding-left: 10px;
    }

    .navigation-link {
        display: block;
        padding-top: 32px;
        padding-bottom: 32px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: left;
    }

        .navigation-link.cancel.w--current {
            margin-top: 10px;
        }

    .hero.news {
        padding-right: 20px;
        padding-left: 20px;
    }

    .hero.exotic-flotillas-hero {
        min-height: 18vw;
        background-image: -webkit-linear-gradient(270deg, null, null), url('images_p/hero-image-3.jpg');
        background-image: linear-gradient(180deg, null, null), url('images_p/hero-image-3.jpg');
        background-position: 0px 0px, 50% 50%;
    }

    .hero.complete-sailing-course {
        padding: 32px;
    }

    .hero.yacht-management {
        background-image: -webkit-linear-gradient(270deg, null, null), url('images_p/Yacht-management-image.jpg');
        background-image: linear-gradient(180deg, null, null), url('images_p/Yacht-management-image.jpg');
        background-position: 0px 0px, 81% 50%;
    }

    .tab-link {
        display: inline-block;
        padding: 16px 20px;
    }

        .tab-link.w--current {
            display: inline-block;
        }

        .tab-link.style2 {
            width: 33.3%;
        }

    .show-more-button {
        display: inline-block;
        margin-top: 0px;
        padding-top: 20px;
        padding-bottom: 20px;
        float: none;
    }

    .hero-container {
        padding-top: 34px;
        padding-bottom: 34px;
    }

    .section {
        padding: 20px;
    }

        .section.harbor-fleet {
            padding: 5vw 20px;
        }

        .section.harbor-hero.channel-islands {
            padding-bottom: 48px;
            border-top-left-radius: 0px;
            color: #fff;
        }

        .section.news-post {
            padding: 0px;
        }

        .section.beige {
            padding-top: 20px;
            padding-bottom: 20px;
        }

            .section.beige.scroll {
                height: 120vw;
            }

        .section.mobile-full-width {
            padding-top: 0px;
            padding-right: 0px;
            padding-left: 0px;
        }

            .section.mobile-full-width.beige {
                padding-bottom: 0px;
            }

        .section.exotic-flotillas-section {
            padding: 0px;
        }

        .section.check-champions {
            padding-top: 24px;
        }

    .categories-block {
        margin-top: 0px;
        padding-right: 32px;
        padding-left: 32px;
    }

    .select-harbor-dropdown {
        width: auto;
        margin-top: 0px;
        margin-left: 0px;
        float: none;
        clear: none;
    }

        .select-harbor-dropdown.styled {
            width: 100%;
            margin-top: 0px;
        }

    .harbor-pic-wrapper {
        width: 48%;
        height: 25vw;
        float: left;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .ch-i-map {
        height: 250px;
    }

        .ch-i-map.big {
            height: 60vw;
        }

    .harbors-map-background {
        position: absolute;
        top: -15px;
        overflow: hidden;
        width: 100%;
        height: 120vw;
        margin-top: 0px;
        margin-right: 0px;
    }

    .harbors-map-image {
        position: relative;
        right: 14vw;
        width: 120%;
        max-width: 120%;
    }

    .boat-card {
        width: 100%;
    }

    .boat-slider {
        height: 50vw;
        background-color: transparent;
    }

        .boat-slider._2 {
            height: 50vw;
        }

        .boat-slider._3 {
            height: 50vw;
        }

    .boat-short-info {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 5px 10px;
        text-decoration: none;
    }

    .boat-name {
        display: inline-block;
        margin-right: 5px;
        margin-left: 5px;
    }

    .price.to-right {
        font-size: 24px;
    }

        .price.to-right.before-discount {
            margin-right: 5px;
            margin-left: 5px;
            font-size: 16px;
        }

        .price.to-right.discaunted {
            margin-right: 5px;
            margin-left: 5px;
            font-size: 24px;
        }

    .boats {
        display: block;
        margin-top: 10px;
    }

    .top {
        position: relative;
        left: 0px;
        top: 0px;
        right: 0px;
        margin-top: 0px;
    }

    .links-list {
        margin-top: 10px;
        padding-right: 0px;
        padding-left: 0px;
        font-size: 14px;
        line-height: 28px;
    }

    .drop-down-heading.big {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        overflow: visible;
        height: 70px;
        padding-top: 0px;
        padding-bottom: 0px;
        direction: ltr;
        font-size: 18px;
    }

        .drop-down-heading.big.w--open {
            position: relative;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            overflow: hidden;
            height: 70px;
            direction: ltr;
        }

    .accordion-2-dropdown-list.w--open {
        margin-bottom: 0px;
        padding-right: 0px;
        padding-left: 0px;
        border: 2px solid #ddd9cd;
    }

    .drop-down {
        z-index: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
    }

        .drop-down.link {
            background-color: transparent;
        }

        .drop-down.info-block-mobile {
            border-top-style: none;
            border-bottom-color: #ddd9cd;
            background-color: transparent;
        }

            .drop-down.info-block-mobile.w--open {
                border-bottom-color: #ddd9cd;
            }

    .dropdown-list.w--open {
        position: absolute;
        padding-right: 0px;
        padding-left: 0px;
    }

    .dropdown-list._100.w--open {
        width: 100%;
    }

    .dropdown-list.boat-info.w--open {
        border: 2px solid #ddd9cd;
        background-color: transparent;
    }

    .dropdown-list.calendar.w--open {
        position: absolute;
        left: 0px;
        top: 40px;
        right: auto;
        bottom: auto;
        width: 100%;
    }

    .dropdown-list.yacht-length-list.w--open {
        position: absolute;
        left: 0px;
        top: 40px;
    }

    .container-flex {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .application-form {
        display: block;
        padding: 20px;
    }

        .application-form.mobile {
            display: none;
        }

    .boat-big-slider {
        height: 60vw;
    }

    .info-block-mobile {
        padding: 16px 16px 32px;
        background-color: #f7f3e4;
    }

    .info-block {
        margin-top: 0px;
        padding: 24px 16px;
    }

    .info-heading {
        margin-bottom: 0px;
        font-family: Georgia, Times, 'Times New Roman', serif;
        color: #005775;
        font-style: italic;
    }

    .boat-details {
        padding: 0px;
        color: #005775;
        font-size: 14px;
        line-height: 18px;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }

    .field {
        float: none;
    }

        .field.boat-info-mobile {
            z-index: 500;
        }

        .field._50 {
            z-index: 1000;
            width: 100%;
            margin-top: 0px;
        }

            .field._50.cal {
                z-index: 2000;
                width: 100%;
                margin-bottom: 5px;
            }

            .field._50.time {
                margin-bottom: 20px;
            }

    .price-wrapper {
        background-color: transparent;
    }

    .price-value {
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        align-self: stretch;
    }

        .price-value.discounted {
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-align-self: stretch;
            -ms-flex-item-align: stretch;
            align-self: stretch;
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
        }

            .price-value.discounted.selected {
                -webkit-align-self: stretch;
                -ms-flex-item-align: stretch;
                align-self: stretch;
            }

    .information-message {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 30px;
    }

        .information-message.daysails {
            display: block;
            margin-bottom: 14px;
        }
    /*.calendar {
    position: relative;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 0;
  }*/
    .calendar.xl-size {
        padding-right: 0px;
        padding-left: 0px;
        background-color: #fff;
    }

    .option {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .calculation {
        position: relative;
        z-index: 300;
    }

    .calculation-line {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding-right: 10px;
        padding-left: 10px;
        -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;
        line-height: 18px;
    }

        .calculation-line.odd {
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

    .big-button {
        padding-top: 17px;
        padding-bottom: 17px;
    }

        .big-button.w--current {
            border: 0px none transparent;
            background-image: none;
        }

            .big-button.w--current:hover {
                background-color: #07cefc;
            }

        .big-button.textured {
            height: 58px;
            min-width: auto;
            padding-right: 8px;
            padding-left: 8px;
        }

            .big-button.textured.w--current {
                border-style: none;
                border-width: 0px;
                background-image: none;
            }

    .application-block {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-left: 0px;
        padding-right: 16px;
        padding-left: 16px;
        float: left;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
        text-align: center;
    }

    .price-form {
        padding-top: 0px;
        padding-right: 0px;
        padding-left: 0px;
        border-bottom: 1px none #cecece;
    }

    .drop-down-link {
        overflow: visible;
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 15px;
    }

    .contact-block.contact-page {
        margin-left: 0px;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    .location-icon {
        padding-left: 20px;
    }

    .month-block {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 64px;
        -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;
    }

        .month-block.middle {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            padding-top: 0px;
            padding-bottom: 0px;
            -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;
        }

    .scroll-month-button {
        position: static;
    }

        .scroll-month-button.back:hover {
            text-decoration: none;
        }

    .days-wrapper.xl {
        padding-right: 10px;
        padding-left: 10px;
        font-size: 11px;
    }

        .days-wrapper.xl.bottom {
            border-top-style: solid;
            border-top-color: #ddd9cd;
        }
    /*.day.xl {
    padding-right: 0px;
    padding-left: 0px;
  }*/
    .date {
        width: 14.285%;
        padding-top: 7px;
        padding-bottom: 7px;
        border-radius: 21px;
    }

        .date.active-month {
            padding-top: 7px;
            padding-bottom: 7px;
        }

            .date.active-month.event {
                border: 2px solid #005775;
                background-color: #005775;
                color: #fff;
            }

            .date.active-month.xl-mobile {
                border: 2px solid transparent;
            }

                .date.active-month.xl-mobile:hover {
                    background-color: transparent;
                    color: #005775;
                }

                .date.active-month.xl-mobile:focus {
                    background-color: transparent;
                    color: #005775;
                }

                .date.active-month.xl-mobile.event {
                    -webkit-box-flex: 1;
                    -webkit-flex: 1;
                    -ms-flex: 1;
                    flex: 1;
                    border-color: #005775;
                    background-color: #fff;
                    color: #005775;
                }

                    .date.active-month.xl-mobile.event:hover {
                        background-color: #005775;
                        color: #fff;
                    }

                    .date.active-month.xl-mobile.event:focus {
                        background-color: #005775;
                        color: #fff;
                    }

                .date.active-month.xl-mobile.unavaliable {
                    border-color: #ddd9cd;
                    color: #ddd9cd;
                }

        .date.xl-mobile {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            width: auto;
            height: 48px;
            margin-right: 2px;
            margin-left: 2px;
            padding-top: 0px;
            padding-bottom: 0px;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
            border: 2px solid transparent;
            border-radius: 0px;
            background-color: transparent;
        }

            .date.xl-mobile:hover {
                background-color: transparent;
                color: #a0a0a0;
            }

            .date.xl-mobile:focus {
                background-color: transparent;
                color: #a0a0a0;
            }

            .date.xl-mobile.event {
                position: relative;
                overflow: hidden;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-flex: 1;
                -webkit-flex: 1;
                -ms-flex: 1;
                flex: 1;
                border-color: #005775;
                background-color: transparent;
                color: #a0a0a0;
            }

            .date.xl-mobile.inactive-month.event {
                -webkit-box-flex: 1;
                -webkit-flex: 1;
                -ms-flex: 1;
                flex: 1;
                border-color: #005775;
                background-color: transparent;
                color: #a0a0a0;
            }

    .dates-wrapper {
        display: block;
        padding: 10px;
    }

    .calendar-wrapper {
        padding-right: 20px;
        padding-left: 20px;
    }

    .search-filters {
        position: relative;
        z-index: 1500;
        background-color: #e0e0e0;
    }

    .boat-card-size {
        width: 100%;
        margin-top: 2%;
        margin-bottom: 2%;
    }

        .boat-card-size._3 {
            display: block;
            width: 100%;
            margin-right: 0%;
            margin-left: 0%;
            float: none;
        }

        .boat-card-size._2 {
            width: 100%;
            margin-right: 0%;
            margin-bottom: 10px;
            margin-left: 0%;
        }

    .main-filters-wrapper {
        width: 100%;
        padding: 0px;
    }

    .hull-type-block {
        width: 100%;
        float: none;
    }

    .additional-filter-menu {
        top: 264px;
        z-index: 1500;
        padding-right: 20px;
        padding-left: 20px;
    }

    .filter-bar {
        z-index: 1500;
        display: block;
        padding-bottom: 10px;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        background-color: #f7f3e4;
        background-image: none;
        background-position: 0px 0px;
    }

    .material-icon {
        padding-top: 0px;
        padding-bottom: 0px;
    }

        .material-icon.info-message {
            position: absolute;
            left: 0px;
            top: 7px;
            bottom: 7px;
            height: auto;
            margin-right: 10px;
            color: #005775;
        }

        .material-icon.close-application-form.w--current {
            top: 0px;
            right: 0px;
            display: block;
        }

        .material-icon.close-application-form.mobile.w--current {
            padding-top: 12px;
            padding-bottom: 12px;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
        }

        .material-icon.dates-range {
            -webkit-align-self: flex-start;
            -ms-flex-item-align: start;
            align-self: flex-start;
        }

        .material-icon.message {
            width: auto;
            height: 24px;
            margin-left: 0px;
            padding-right: 8px;
            padding-left: 8px;
            border-right: 1px solid #ddd9cd;
            text-align: center;
        }

        .material-icon.event-list {
            position: absolute;
            left: 0px;
            top: -20px;
            right: -52vw;
            display: block;
            width: 36px;
            height: 36px;
            margin-right: auto;
            margin-left: auto;
            color: #005775;
            font-size: 36px;
            line-height: 36px;
        }

            .material-icon.event-list._04 {
                right: 24vw;
            }

            .material-icon.event-list._5 {
                right: -81vw;
            }

    .news-list {
        padding-right: 0px;
        padding-left: 0px;
    }

    .opened-post-image {
        height: 250px;
    }

    .harbor-pics {
        margin-right: 0px;
        margin-bottom: 20px;
        margin-left: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        align-self: stretch;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
    }

    .harbor-select-wrapper {
        padding-right: 0px;
        padding-left: 0px;
    }

    .special-offer {
        text-align: left;
    }

    .price-group {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .price-group.secondary-block-price {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
        }

        .price-group._10 {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
        }

        .price-group.membership {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
        }

    .filter-menu-button {
        width: 42px;
        height: 41px;
        margin-top: 10px;
        margin-bottom: 10px;
        float: none;
        text-align: center;
    }

        .filter-menu-button.w--open {
            margin-top: 10px;
            margin-bottom: 0px;
        }

    .dates-block {
        width: 100%;
        margin-right: 0%;
        margin-bottom: 5px;
    }

    .yacht-length-block {
        width: 100%;
        float: none;
    }

    .mobile-version {
        width: 100%;
    }

    .start-date-wrapper {
        z-index: 1100;
        padding-right: 0px;
    }

    .end-date-wrapper {
        z-index: 1000;
        padding-right: 0px;
    }

    .harbor-field-wrapper {
        z-index: 900;
        padding-left: 0px;
    }

    .boat-type-field-wrapper {
        z-index: 800;
        padding-left: 0px;
    }

    .guests-block {
        width: 100%;
        margin-right: 2%;
        float: none;
    }

    .partial-day-block {
        float: none;
        text-align: left;
    }

    .button-block {
        padding-right: 0px;
        padding-left: 0px;
    }

    .daysail-block {
        padding: 0px 16px 23px;
    }

    .close-share-icon {
        font-family: 'Materialicons regular', sans-serif;
        font-size: 24px;
        line-height: 24px;
    }

    .form-container {
        width: auto;
    }

    .wf-label {
        margin-top: 0px;
    }

    .form._350 {
        width: auto;
    }

    .input-field.navy-blue.icon {
        padding-left: 57px;
    }

    .block-75 {
        margin-right: 0%;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }

        .block-75.top {
            z-index: 900;
            margin-right: 0%;
            -webkit-flex-basis: 100%;
            -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
        }

    .block-25 {
        z-index: 400;
        -webkit-box-flex: 0;
        -webkit-flex: 0 100%;
        -ms-flex: 0 100%;
        flex: 0 100%;
    }

        .block-25._100 {
            -webkit-box-flex: 0;
            -webkit-flex: 0 100%;
            -ms-flex: 0 100%;
            flex: 0 100%;
        }

        .block-25.no-label {
            padding-top: 5px;
        }

            .block-25.no-label._100.z-100 {
                z-index: 100;
            }

        .block-25.z-300 {
            z-index: 250;
        }

    .block-100 {
        position: relative;
        z-index: 350;
    }

        .block-100.top {
            z-index: 901;
        }

        .block-100.bottom {
            z-index: 0;
        }

    .ad-banner {
        padding: 30px;
    }

        .ad-banner.corporate-events {
            padding: 32px 30px;
        }

        .ad-banner.ultimate-course {
            padding: 64px 34px;
        }

    .block-50 {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }

        .block-50.bottom {
            z-index: 0;
        }


        .block-50._47 {
            padding-top: 3px;
            -webkit-box-flex: 0;
            -webkit-flex: 0 100%;
            -ms-flex: 0 100%;
            flex: 0 100%;
        }

    .application-button-form {
        width: 100%;
        text-align: center;
    }

    .daysail-info-heading-wrapper {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .menu-drop-down-list.w--open {
        padding-right: 12px;
        padding-left: 12px;
    }

    .menu-drop-down-list.member.w--open {
        padding-right: 24px;
        padding-left: 24px;
    }

    .content-block {
        padding-right: 26px;
        padding-left: 26px;
    }

    .container-900 {
        padding-right: 0px;
        padding-left: 0px;
    }

    .block-hero-image {
        height: 50vw;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .event-dates {
        text-align: left;
    }

    .trip-date-wrapper {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .main-block {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .short-info {
        padding-right: 10px;
        padding-left: 10px;
    }

    .price-info {
        padding-top: 0px;
        padding-bottom: 0px;
    }

        .price-info.special-offer {
            padding-top: 0px;
        }

    .block-info {
        margin-top: 0px;
        padding: 20px 16px;
    }

    .heading-wrapper {
        padding-right: 20px;
        padding-left: 20px;
        background-color: #f7f3e4;
    }

    .info-wrapper {
        padding-right: 0px;
        padding-left: 0px;
    }

    .tab-text-wrapper {
        margin-top: 0px;
        margin-bottom: 0px;
        padding-right: 0px;
        padding-left: 0px;
    }

    .table-value {
        line-height: 18px;
    }

        .table-value._50 {
            font-size: 14px;
            line-height: 18px;
        }

    .table-line {
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
    }

        .table-line.last {
            width: auto;
            -webkit-flex-basis: 100%;
            -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
        }

    .champions-block {
        width: auto;
        margin-top: 10px;
        margin-bottom: 10px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .champions-block-wrapper {
        margin-top: 0px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .newsletters-block-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .newsletter-block {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }

    ._4-archived-newsletter {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .secondary-block-info {
        margin-top: 0px;
        margin-bottom: 0px;
        padding-right: 10px;
        padding-left: 10px;
    }
    /* Commented out by Bluelake as it is a duplicate style name */
    /*.accordion-content-block {
    padding-right: 16px;
    padding-left: 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }*/
    .lesson-content {
        padding-right: 5px;
        padding-left: 5px;
    }

    .harbors-dates {
        width: 100%;
        margin-top: 10px;
    }

    .asa-corner-label {
        width: 100px;
    }

    .select-course-menu {
        padding: 16px;
    }

    .group-courses-dropdown-wrapper {
        display: block;
        height: auto;
    }

    .lightbox {
        position: fixed;
        overflow: auto;
    }

    .login-window {
        padding-right: 0px;
        padding-left: 0px;
    }

    .login-block {
        width: auto;
        padding-right: 24px;
        padding-left: 24px;
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        align-self: stretch;
    }

    .contact-block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .departmen {
        width: 100%;
    }

    .side-section {
        padding-right: 24px;
        padding-left: 24px;
    }

        .side-section.samplerevenu {
            padding-right: 20px;
            padding-left: 20px;
        }

    .small-ad-block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: left;
    }

    .expenses-image {
        width: 64px;
        height: 64px;
    }

    .content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-top: 10px;
        margin-left: 0px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
        font-size: 14px;
        text-align: left;
    }

    .management-benefits-list {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }

    .small-ad-wrapper {
        padding-bottom: 0px;
    }

    .revenue-line {
        font-size: 14px;
    }

    .small-ad-heading {
        text-align: center;
    }

    .person-block {
        padding: 10px;
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }

        .person-block.skippers {
            padding: 5px;
            -webkit-flex-basis: 100%;
            -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
        }

        .person-block.maintenance {
            width: auto;
            -webkit-box-flex: 33.33;
            -webkit-flex: 33.33;
            -ms-flex: 33.33;
            flex: 33.33;
        }

        .person-block.management {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
        }

    .management-person-photo {
        width: 100px;
        height: 100px;
    }

    .week {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: auto;
        min-height: auto;
        margin-right: 0px;
        padding-left: 0px;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        border-bottom-style: none;
    }

    .date-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        min-height: 64px;
        padding: 0px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        align-self: stretch;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        font-size: 12px;
    }

        .date-wrapper.active-month {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            padding: 0px;
            -webkit-box-pack: start;
            -webkit-justify-content: flex-start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-align-self: stretch;
            -ms-flex-item-align: stretch;
            align-self: stretch;
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
        }

    .calendar-event {
        display: block;
        width: 100%;
        padding: 10px;
        border-color: #fff;
        border-radius: 0px;
        background-color: transparent;
        color: #fff;
        font-size: 14px;
    }

    .data {
        padding-right: 0px;
        padding-left: 0px;
    }

    .event--marker-mobile {
        width: auto;
        height: 20px;
        min-height: auto;
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        align-self: stretch;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        border-radius: 4px;
        background-image: url('images_p/MS_favicon.png');
        background-position: 50% 50%;
        background-size: 16px;
        background-repeat: no-repeat;
    }

        .event--marker-mobile:hover {
            background-color: #005775;
            background-image: url('images_p/MS-mark-32-white.svg'), url('images_p/MS_favicon.png');
            background-position: 50% 50%, 50% 50%;
            background-size: 16px, 16px;
            background-repeat: no-repeat, no-repeat;
        }

    .xl-mobile {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .events-mobile-list-1 {
        position: relative;
        display: block;
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 20px 20px 17px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        border-top: 1px none #ddd9cd;
        border-bottom: 1px none #ddd9cd;
        border-radius: 0px;
        background-color: #005775;
    }

    .event-mobile-list-4 {
        position: relative;
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 20px 20px 17px;
        background-color: #005775;
        color: #fff;
    }

    .event-mobile-list-5 {
        position: relative;
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 20px 20px 17px;
        background-color: #005775;
        color: #fff;
    }

    .yacht-management-application-form {
        margin-bottom: 0px;
    }

    .block {
        font-size: 18px;
        line-height: 22px;
    }

    .harbor-contact-block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .price-divider {
        margin: 0px 10px;
        border-bottom: 1px solid hsla(0, 0%, 100%, .5);
        border-right-style: none;
    }

    .calendar-header {
        background-color: #f7f3e4;
    }

    .calendar-filter {
        padding-top: 0px;
    }

    .management-tabs-menu {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .management-tab-link {
        display: block;
        padding-top: 0px;
        padding-bottom: 0px;
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }

        .management-tab-link.w--current {
            -webkit-flex-basis: 50%;
            -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
        }

    .personal-text {
        padding-right: 10px;
        padding-bottom: 0px;
        padding-left: 10px;
    }

    .profile-menu {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
    }

    .member-hero-beidge {
        text-align: left;
    }

    .profile-links {
        padding-right: 0px;
        padding-left: 0px;
    }

    .profile-info-block-button {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .flotilla-image {
        min-height: 100%;
    }
}

@font-face {
    font-family: 'Materialicons regular';
    src: url('../fonts/MaterialIcons-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Cinzel bold';
    src: url('../fonts/Cinzel-Bold.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Fontawesome';
    src: url('../fonts/FontAwesome.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

/* 2025-05-21 - Added by Bruce - Bluelake to fix display of the panels on the index page to flow correctly (added flexbox css styles that did not exist when the site was originally constructed */
.tile-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; /* or space-between/center if preferred */
    gap: 20px; /* adds space between tiles */
    margin: 0 auto;
}

.tile {
    flex: 0 0 auto; /* don't shrink or grow */
    width: 320px; /* set fixed width per tile */
    border: 1px solid #ddd9cd;
    background-color: #fff;
    color: #005775;
    text-align: center;
    margin-bottom: 20px;
}