* {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

#main {
    margin-top: 0
}

*,
body {
    margin: 0
}

body {
    width: 100%
}

a,
body {
    color: var(--Color_Black);
    font-family: var(--font_Montserrat_Regular);
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: 33px
}

img,
svg {
    height: auto;
    max-width: 100%
}

body p {
    margin: 0 0 20px
}

body p:last-child {
    margin: 0
}

a,
ol li a,
ul li a {
    box-shadow: none;
    color: var(--Color_Orange);
    text-decoration: none;
    transition: all .35s ease
}

a:active,
a:hover,
ol li a:active,
ol li a:hover,
ul li a:active,
ul li a:hover {
    color: var(--Color_Bluish_Cyan);
    text-decoration: underline
}

b,
strong
{
    	font-weight: 400;
    font-family: var(--font_Montserrat_SemiBold);
}

@media (max-width:1199px) {

    a,
    body,
    p {
        font-size: 18px;
        line-height: 28px
    }

    body p {
        margin: 0 0 15px
    }
}

@media (max-width:767px) {

    a,
    body,
    p {
        font-size: 16px;
        line-height: 26px
    }
}

.site_container {
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    padding: 0 20px;
    width: 100%
}

@media (max-width:767px) {

    .site_container,
    .site_container.site_container_big,
    .site_container.site_container_medium {
        max-width: none
    }

    .site_container.site_container_small,
    .site_container.site_container_smallest {
        max-width: 640px
    }
}

@media (min-width:768px) {
    .site_container {
        max-width: 768px
    }

    .site_container.site_container_big {
        max-width: none
    }

    .site_container.site_container_medium {
        max-width: 768px
    }

    .site_container.site_container_small,
    .site_container.site_container_smallest {
        max-width: 640px
    }
}

@media (min-width:992px) {
    .site_container {
        max-width: 960px
    }

    .site_container.site_container_big {
        max-width: none
    }

    .site_container.site_container_medium {
        max-width: 860px
    }

    .site_container.site_container_small {
        max-width: 768px
    }
}

@media (min-width:1200px) {
    .site_container {
        max-width: 1179px
    }

    .site_container.site_container_big {
        max-width: none
    }

    .site_container.site_container_medium {
        max-width: 1136px
    }

    .site_container.site_container_small {
        max-width: 991px
    }

    .site_container.site_container_smallest {
        max-width: 768px
    }
}

@media (min-width:1366px) {
    .site_container.site_container_big {
        max-width: 1274px
    }
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--Color_Cyan_Blue);
    font-family: var(--font_Montserrat_Regular);
    font-weight: 400;
    letter-spacing: .03em;
    line-height: 100%;
    margin-bottom: 24px;
    text-transform: uppercase
}

.h1,
h1 {
    font-size: 45px
}

.h2,
h2 {
    font-size: 40px
}

.h3,
h3 {
    font-size: 35px
}

.h4,
h4 {
    font-size: 30px
}

.h5,
h5 {
    font-size: 26px
}

.h6,
h6 {
    font-size: 22px
}

@media (max-width:1199px) {

    .h1,
    h1 {
        font-size: 40px
    }

    .h2,
    h2 {
        font-size: 35px
    }

    .h3,
    h3 {
        font-size: 30px
    }

    .h4,
    h4 {
        font-size: 28px
    }

    .h5,
    h5 {
        font-size: 26px
    }
}

@media (max-width:991px) {

    .h1,
    h1 {
        font-size: 36px
    }

    .h2,
    h2 {
        font-size: 32px
    }

    .h3,
    h3 {
        font-size: 28px
    }

    .h4,
    h4 {
        font-size: 26px
    }

    .h5,
    h5 {
        font-size: 24px
    }

    .h6,
    h6 {
        font-size: 20px
    }
}

@media (max-width:767px) {

    .h1,
    h1 {
        font-size: 32px
    }

    .h2,
    h2 {
        font-size: 28px
    }

    .h3,
    h3 {
        font-size: 26px
    }

    .h4,
    h4 {
        font-size: 24px
    }

    .h5,
    h5 {
        font-size: 22px
    }

    .h6,
    h6 {
        font-size: 18px
    }
}

.site_content blockquote {
    padding-left: 52px;
    position: relative
}

.site_content blockquote:before {
    background-image: url(../../images/Sailing_Directions_Quote_Icon.svg);
    content: "";
    height: 27px;
    left: 0;
    position: absolute;
    top: 8px;
    width: 32px
}

.site_content ul:not(.slick-dots) {
    list-style: none;
    margin: 20px 0;
    padding: 0
}

.site_content ul:not(.slick-dots) li {
    margin-bottom: 20px;
    padding-left: 25px;
    position: relative
}

.site_content ul:not(.slick-dots) li:last-child {
    margin-bottom: 0
}

.site_content ul:not(.slick-dots) li:before {
    background-color: var(--Color_Black);
    border-radius: 100%;
    content: "";
    display: block;
    height: 6px;
    left: 0;
    position: absolute;
    top: 14px;
    width: 6px
}

.site_content ol,
.site_content ul:not(.slick-dots) li ul {
    list-style: none;
    margin: 20px 0;
    padding: 0
}

.site_content ol {
    counter-reset: item
}

.site_content ol li {
    counter-increment: item;
    margin-bottom: 20px;
    padding-left: 25px;
    position: relative
}

.site_content ol li:last-child {
    margin-bottom: 0
}

.site_content ol li:before {
    color: var(--Color_Black);
    content: counter(item) ".";
    display: inline-block;
    font-family: var(--font_Montserrat_Regular);
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    left: 0;
    letter-spacing: normal;
    line-height: 33px;
    min-width: 26px;
    position: absolute;
    top: 1px
}

.site_content ol li ol {
    margin: 20px 0 0
}

@media (max-width:1199px) {
    .site_content ul:not(.slick-dots) {
        margin: 15px 0
    }

    .site_content ul:not(.slick-dots) li {
        margin-bottom: 15px
    }

    .site_content ul:not(.slick-dots) li:last-child {
        margin-bottom: 0
    }

    .site_content ul:not(.slick-dots) li:before {
        top: 12px
    }

    .site_content ol,
    .site_content ul:not(.slick-dots) li ul {
        margin: 15px 0
    }

    .site_content ol li {
        margin-bottom: 15px
    }

    .site_content ol li:last-child {
        margin-bottom: 0
    }

    .site_content ol li:before {
        font-size: 18px;
        line-height: 28px
    }

    .site_content ol li ol {
        margin: 15px 0
    }
}

@media (max-width:767px) {
    .site_content ul:not(.slick-dots) li:before {
        top: 10px
    }

    .site_content ol li:before {
        font-size: 16px;
        line-height: 26px
    }
}

.btn,
.button {
    background-color: var(--Color_Bluish_Cyan);
    background-image: none;
    border: 1px solid var(--Color_Bluish_Cyan);
    border-radius: 0;
    box-shadow: none;
    color: var(--Color_White);
    font-family: var(--font_Montserrat_Bold);
    font-size: 22px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
    padding: 21px 35px 17px;
    text-decoration: none;
    transition: all .35s ease
}

.btn:hover,
.button:hover {
    background-color: transparent;
    border: 1px solid var(--Color_Bluish_Cyan);
    color: var(--Color_Bluish_Cyan);
    text-decoration: none
}

.btn.font_size_small,
.button.font_size_small {
    font-size: 16px
}

.btn.font_weight_extra_bold,
.button.font_weight_extra_bold {
    font-family: var(--font_Montserrat_Extra_Bold)
}

.text_link {
    color: var(--Color_Orange);
    font-family: var(--font_Montserrat_SemiBold);
    font-size: 22px;
    font-weight: 400;
    letter-spacing: .03em;
    line-height: 100%;
    padding-right: 50px;
    text-decoration: none;
    transition: all .35s ease
}

.text_link svg {
    position: absolute;
    right: 10px;
    transition: all .35s ease
}

.text_link:hover {
    color: var(--Color_Orange);
    text-decoration: none
}

.text_link:hover svg {
    right: 0
}

.text_link.text_clr_Cyan_Blue,
.text_link.text_clr_Cyan_Blue:hover {
    color: var(--Color_Cyan_Blue)
}

.text_link.text_clr_White,
.text_link.text_clr_White:hover {
    color: var(--Color_White)
}

.text_link.font_size_small {
    font-size: 17px
}

.boat_search_form.add_bottom_space {
    padding-bottom: 78px;
}

@media (max-width:1199px) {

    .btn,
    .button {
        font-size: 18px;
        line-height: 18px;
        padding: 18px 30px 14px
    }

    .btn.font_size_small,
    .button.font_size_small {
        font-size: 16px
    }

    .text_link {
        font-size: 20px
    }
}

@media (max-width:767px) {

    .btn,
    .button {
        line-height: 16px;
        padding: 18px 25px 14px
    }

    .btn,
    .btn.font_size_small,
    .button,
    .button.font_size_small {
        font-size: 16px
    }

    .text_link {
        font-size: 18px
    }
}

/*# sourceMappingURL=global.css.map */