﻿body { font-family: "Jost"; font-size: 18px; }
h1, h2, h3, h4, h5, h6 { font-family: "Merriweather"; }
body a { color: #395569; }
    body a:hover { color: #395569; text-decoration: none; }    
p {
    font-size: 20px;
    line-height: normal;
}
h4, .h4 {
    font-size: 22px;
}
.bg {
    width: 100%;
    height: 100%;
}

#page-wrapper {
    margin: 0 auto;
    background-color: #ffffff;
}
#header {
    color: #86a899;
}
.navbar-default {
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}
    .navbar-default .navbar-nav > li > a {
        color: #86a899;
    }
        .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
            color: #395569 !important;
            background-color: transparent;
        }
    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active >, .navbar-default .navbar-nav > .active > a:focus {
        color: #86a899;
        background-color: #ffffff;
    }
        .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active >, .navbar-default .navbar-nav > .active > a:focus {
            color: #B2647C;
            background-color: #B2647C;
        }
.nav > li > a {
    border-radius: 0 !important;
    border: #ffffff;
    position: relative;
    display: block;
    padding: 0;
}
@media (max-width: 767px) {
    .nav > li > a {
        padding: 5px;
    }
}


@media (min-width: 768px){
    .navbar {
        border-radius: 4px;
    }
}
.navbar-default .navbar-brand {
    color: #86a899;
}

.navbar-brand {
    float: none;
    height: 50px;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
}
.navbar {
    position: relative;
    min-height: 20px;
    margin-bottom: 0px !important;
    border: 1px solid transparent;
}
.nav-header {
    list-style: none;
    list-style: none;
    margin: 5px 0;
    padding: 0px;
}
.nav-header li:first-child {
    padding-left: 0px;
}
.nav-header li:last-child {
    border-right: none;
}
.nav-header li {
    display: inline-block !important;
    padding: 0px 20px;
}
.nav-header li a {
    font-family: "Merriweather";
    color: #86a899;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 100;
    font-size: 20px;
}

.header-leftside-container {
    float: left;
    text-align: left;
    margin: 10px 0 0 20px;
}
.fa {
    margin-right: 5px;
}
.social-icons {
    opacity: 1;
}

.social-icons:hover {
    opacity: 0.8;
    color: #86a899 !important;
}
#footer {
    color: #ffffff;
    text-transform: uppercase;
}
#footer a:hover {
    color: #dddddd;
    text-decoration: none;
} 
.nav-footer {
    list-style: none;
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.nav-footer li:first-child {
    padding-left: 0px;
}
.nav-footer li:last-child {
    border-right: none;
}
.nav-footer li {
    display: inline-block !important;
    padding: 0px 10px;
    border-right: 1px solid #fff;
}
.nav-footer li a {
    font-family: "Merriweather";
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 100;
    font-size: 16px;
}
.nav-footer li a:hover {
    color: #dddddd;
    text-decoration: none;
}

.logo {
    max-width: 200px;
    display: block;
    margin: 0 auto;
}

/*.bottom-border { border-bottom: 10px solid #315e7a; }
*/
.light {
    font-weight: 100;
}

.dark-green {
    color: #395569;
}

    .dark-green:hover {
        color: #86a899;
    }
.light-green {
    color: #86a899;
}
.bg-dark-green {
    background-color: #395569;
}

@media (max-width: 991px) {
    #page-wrapper {
        width: 100% !important;
    }
    .nav {
        padding-left: 2px;
        padding-right: 2px;
    }

        .nav li {
            display: block !important;
            margin: 0px;
            width: 100%;
        }

            .nav li.active {
                border-bottom: 1px solid #ddd !important;
                margin: 0px;
            }
    .nav-header li {
        display: inline-block !important;
        padding: 0px;
    }

    .navbar-collapse {
        padding: 0px;
    }

    .navbar-default .navbar-nav > li > a {
        color: #ffffff;
        padding-top: 15px;
    }

    .nav > li > a {
        height: 50px;
        border-bottom: 2px solid #ffffff !important;
    }

    .color-1 {
        background-color: #9DB2B2 !important;
    }

    .color-2 {
        background-color: #9BAB7C !important;
    }

    .color-3 {
        background-color: #315e7a !important;
    }

    .color-4 {
        background-color: #795D83 !important;
    }

    .color-5 {
        background-color: #B2647C !important;
    }

    .color-6 {
        background-color: #F8B33C !important;
    }
    .navbar-header {
        float: none;
    }

    .navbar-left, .navbar-right {
        float: none !important;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
        margin-top: 7.5px;
    }

        .navbar-nav > li {
            float: none;
        }

            .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px;
            }

    .collapse.in {
        display: block !important;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #86a899;
    }
    .navbar-default .navbar-toggle {
        border-color: #ffffff;
    }
    .navbar-toggle .icon-bar {
        display: block;
        width: 30px;
        height: 3px;
        border-radius: 1px;
    }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background-color: #ffffff;
    }
}

@media (min-width: 991px) {
    .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    .navbar .navbar-collapse {
        text-align: center;
    }
}

@media (max-width: 1200px) and (min-width: 991px) {
    .nav-header li a {
        font-size: 16px;
    }
    .nav-header li {
        padding: 0px 10px;
    }
    .nav-footer li a {
        font-size: 14px;
    }
}
    @media (max-width: 991px) and (min-width: 768px) {
        .nav-footer li a {
            font-size: 12px;
        }

        h3 {
            font-size: 18px;
        }
    }

@media (max-width: 767px) {

    .pb20 {
        padding-bottom: 0px;
    }
    .nav-footer li {
        display: inline-block !important;
        padding: 0px 10px 0px 0px;
        border-right: none;
    }
    
    .navbar-toggle {
        position: relative;
        float: right;
        padding: 20px 10px;
        margin-top: 8px;
        margin-right: 15px;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
    }

    .container-fluid {
        padding-right: 5px;
        padding-left: 5px;
        margin-right: auto;
        margin-left: auto;
    }

    .pageheader {
        font-size: 22px;
    }

    .instructions {
        font-size: 16px;
    }

    .sidebar {
        margin: 0 10px;
    }

    .logo {
    max-width: 275px;
    float: left;
    padding: 0 30px 15px 30px;
       }


        .mt20 {
            margin-top: 0px;
        }
    }

    @media only screen and (max-width : 320px) {
        #page-wrapper {
            width: 100% !important;
        }

        .container-fluid {
            padding-right: 0px;
            padding-left: 0px;
            margin-right: auto;
            margin-left: auto;
        }

        .pageheader {
            font-size: 22px;
        }
    }
.nav-step { margin-bottom: 80px; }
.nav-step__item svg { width: 25px; height: 25px; }
.nav-step__item span { margin-left: 10px; display: block; }

@media (min-width: 1280px) {
    .nav-step__item span { font-size: 2rem; }
}
.nav-step__item { padding-top: 35px; padding-bottom: 35px; }
.nav-step { position: relative; margin-bottom: 6px; }

.nav-step__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.nav-step__item { padding-top: 15px; padding-bottom: 15px; width: calc(20% - 2px); text-align: center; background-color: #f3f3f0; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #315e7a; }

    .nav-step__item.active { color: #ffffff; background-color: #315e7a; }
    .nav-step__item.active1 { color: #ffffff; background-color: #315e7a; }
    .nav-step__item.active2 { color: #ffffff; background-color: #315e7a; }
    .nav-step__item.active3 { color: #ffffff; background-color: #315e7a; }
    .nav-step__item.active4 { color: #ffffff; background-color: #315e7a; }

        .nav-step__item.active svg { fill: #ffffff; }

    .nav-step__item.visited { color: #ffffff; background-color: #666666; }

        .nav-step__item.visited svg { fill: #ffffff; }

    .nav-step__item svg { width: 25px; height: 25px; fill: #315e7a; }

    .nav-step__item span { display: none; }

.nav-step__left-placeh, .nav-step__right-placeh { content: ''; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 100%; background-color: #dbdbdb; z-index: -1; }

.nav-step__left-placeh { left: 0; }

.nav-step__left-placeh--active { height: calc(100% + 10px); background-color: #b1a04e; }

.nav-step__left-placeh--visited { background-color: #666666; }

.nav-step__right-placeh { right: 0; }

.nav-step__right-placeh--active { height: calc(100% + 10px); background-color: #b1a04e; }

.nav-step__right-placeh--visited { background-color: #666666; }


@media (min-width: 992px) {
    .nav-step__item span { margin-left: 10px; display: block; }
}

.priceDates{line-height:normal;}

.fa-regular, .fa-solid, .far, .fas { font-family: "Font Awesome 6 Free"; }
.fa-solid, .fas { font-weight: 900; }
i.facircle { display: inline-block; border-radius: 4px; box-shadow: none; padding: 8px; background-color: #315e7a; border: solid 0px #fff; color: #fff; font-size: 22px; width: 40px; height: 40px; text-align: center; text-shadow: none; }

/* ------------------------------------------------------------ *\
	Section
\* ------------------------------------------------------------ */

.section h2 { padding: 0; margin: 0; line-height: 1; }
.section h3 { font-size: 14px; font-weight: normal; color: #00b2c4; }
    .section h3 a { text-decoration: none; }
.section .section__content { padding: 60px 0 90px; }

@media (max-width: 1199px) {
    .section .section__content { padding: 40px 0 70px; }
}

@media (max-width: 1023px) {
    .section .section__content { padding: 30px 0 50px; }
}

.section .section__content-head { padding: 0 50px 0 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 10px; }

@media (max-width: 1699px) {
    .section .section__content-head { padding: 0 30px; }
}

@media (max-width: 1399px) {
    .section .section__content-head { padding: 0 15px; }
}

@media (max-width: 1023px) {
    .section .section__content-head { display: block; }
}

.section .section__content-title { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; margin-bottom: 14px; font-size: 20px; }

@media (max-width: 1023px) {
    .section .section__content-title { text-align: center; }
}

.section .section__steps { background: #f9a81a; }
.section .section__row { padding: 31px 29px 31px; background: #f3f3f0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 40px; width: 100%; flex-direction: row; }
.section__content-body { display: flex; flex-direction: column; flex-wrap: wrap; }

@media (max-width: 1799px) {
    .section .section__row { padding: 20px 20px; }
}

@media (max-width: 1699px) {
    .section .section__row { padding: 20px 20px; }
}

@media (max-width: 1399px) {
    .section .section__row { padding: 20px 20px; }
}

@media (max-width: 1023px) {
    .section .section__row { display: block; margin-bottom: 25px; }
}

@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .section .section__row { padding: 10px; }
}

.section .section__row:last-child { margin: 0; }
.section .section__row-inner { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media (max-width: 1399px) {
    .section .section__row-inner { display: block; }
}

.section .section__dates { max-width: 30.4%; -webkit-box-flex: 0; -ms-flex: 0 0 30.4%; flex: 0 0 30.4%; position: relative; }

/*@media (max-width: 1699px) {
    .section .section__dates { padding-left: 20px; }
}*/

@media (max-width: 1499px) {
    .section .section__dates { max-width: 33%; -webkit-box-flex: 0; -ms-flex: 0 0 33%; flex: 0 0 33%; }
}

@media (max-width: 1399px) {
    .section .section__dates { max-width: 40%; -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; }
}

@media (max-width: 1023px) {
    .section .section__dates { margin: 0 auto; max-width: 80%; -webkit-box-flex: 0; -ms-flex: 0 0 80%; flex: 0 0 80%; padding: 0; }
}

@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .section .section__dates { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; }
}

.section .section__dates-arrow { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; text-decoration: none; }

@media (max-width: 1699px) {
    .section .section__dates-arrow--prev { left: -16px; }
}

@media (max-width: 1023px) {
    .section .section__dates-arrow--prev { left: -20px; }
}

.section .section__dates-arrow--next { right: -27px; }

@media (max-width: 1699px) {
    .section .section__dates-arrow--next { right: -18px; }
}

.section .section__slider { max-width: 39.5%; -webkit-box-flex: 0; -ms-flex: 0 0 39.5%; flex: 0 0 39.5%; margin-right: 30px; padding: 10px 0; }

@media (max-width: 1699px) {
    .section .section__slider { margin-right: 20px; }
}

@media (max-width: 1399px) {
    .section .section__slider { max-width: 100%; padding: 0; margin: 0 0 20px; }
}

.section .section__text { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; padding: 20px 20px 20px 0px; }

@media (max-width: 1399px) {
    .section .section__text { padding: 0 0 10px; }
}

@media (max-width: 1199px) {
    .section .section__text { padding: 20px 0px; margin-bottom: 0px; }
        .section .section__text h2 { margin-bottom: 20px; color: #333333; font-weight: normal; margin: 0px; margin-top: 5px; padding: 15px 0px; }
}

@media (max-width: 1399px) {
    .section .section__text h2 { margin-bottom: 10px; }
}

.section .section__text > p { color: #777777; line-height: 1.65; margin-bottom: 29px; }

@media (max-width: 1399px) {
    .section .section__text > p { margin-bottom: 15px; }
}


.section .section__steps { padding: 30px 0; }
.section .section__search-form { padding: 60px 0; }

@media (max-width: 1199px) {
    .section .section__search-form { padding: 30px 0; }
}

.section__dates-arrow--prev { left: -22px; }
.section__dates-arrow--next { right: -22px; }
.section__dates-arrow { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; text-decoration: none; }
.section__carousel-arrow { position: absolute; top: 50%; display: inline-block; text-decoration: none; opacity: 1; }
/*@media (max-width: 1699px) {
    .section__dates-arrow--prev { left: 0px; }
    .section__dates-arrow--next { right: 0px; }
}*/
/* ------------------------------------------------------------ *\
	Widgets dates
\* ------------------------------------------------------------ */
.widgets-dates { list-style-type: none; height: 100%; margin: 0 -5px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0px; }

@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .widgets-dates { margin: 0 -3px; }
}

@media (max-width: 374px) {
    .widgets-dates { display: block; }
}

.widgets-dates .widget-dates { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 0px; }

@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .widgets-dates .widget-dates { padding: 0 3px; }
}

@media (max-width: 374px) {
    .widgets-dates .widget-dates { max-width: none; margin: 0 0 10px; }
}

.widgets-dates .widget-dates:last-child { margin: 0; }
.footercopyright p{ font-size: 16px; }
.footercopyright p a{ text-decoration:underline; }
.footertext p{ font-size: 14px; }
.footertext p a { text-decoration: underline; }