/*
@import url('https://fonts.googleapis.com/css2?family=Sacramento&display=swap');
*/
@import url('https://fonts.googleapis.com/css2?family=Montez&display=swap');

  
.cursive{
    /*font-family: 'Sacramento', cursive;*/
    font-family: 'Montez', cursive;
    font-size: 40px !important;
}

@font-face {
	font-display: swap;	
    font-family: 'AvenirNextLTW01Bold';
    font-display: auto;
    src: url('/public/fonts/AvenirNextLTW/avenir-next-bold.eot');
    src: url('/public/fonts/AvenirNextLTW/avenir-next-bold.eot') format('embedded-opentype'),
         url('/public/fonts/AvenirNextLTW/avenir-next-bold.woff') format('woff'),
         url('/public/fonts/AvenirNextLTW/avenir-next-bold.ttf') format('truetype'),
         url('/public/fonts/AvenirNextLTW/avenir-next-bold.svg#AvenirNextLTW01BoldRegular') format('svg');
}
@font-face {
	font-display: swap;
    font-family: 'AvenirNextLTW01Italic';
    font-display: auto;
    src: url('/public/fonts/AvenirNextLTW/avenir-next-italic.eot');
    src: url('/public/fonts/AvenirNextLTW/avenir-next-italic.eot') format('embedded-opentype'),
         url('/public/fonts/AvenirNextLTW/avenir-next-italic.woff') format('woff'),
         url('/public/fonts/AvenirNextLTW/avenir-next-italic.ttf') format('truetype'),
         url('/public/fonts/AvenirNextLTW/avenir-next-italic.svg#AvenirNextLTW01ItalicRegular') format('svg');
}
@font-face {
	font-display: swap;
    font-family: 'AvenirNextLTW01Regular';
    font-display: auto;
    src: url('/public/fonts/AvenirNextLTW/avenir-next-regular.eot');
    src: url('/public/fonts/AvenirNextLTW/avenir-next-regular.eot') format('embedded-opentype'),
         url('/public/fonts/AvenirNextLTW/avenir-next-regular.woff') format('woff'),
         url('/public/fonts/AvenirNextLTW/avenir-next-regular.ttf') format('truetype'),
         url('/public/fonts/AvenirNextLTW/avenir-next-regular.svg#AvenirNextLTW01RegularRegular') format('svg');
}
@font-face {
	font-display: swap;
    font-family: 'AvenirNextW01Thin';
    font-display: auto;
    src: url('/public/fonts/AvenirNextLTW/avenir-next-thin.eot');
    src: url('/public/fonts/AvenirNextLTW/avenir-next-thin.eot') format('embedded-opentype'),
         url('/public/fonts/AvenirNextLTW/avenir-next-thin.woff') format('woff'),
         url('/public/fonts/AvenirNextLTW/avenir-next-thin.ttf') format('truetype'),
         url('/public/fonts/AvenirNextLTW/avenir-next-thin.svg#AvenirNextW01ThinRegular') format('svg');
}
.bold {
	font-family: 'AvenirNextLTW01Bold', Arial, Helvetica, sans-serif;
}
.italic {
	font-family: 'AvenirNextLTW01Italic', Arial, Helvetica, sans-serif;
}
.regular {
	font-family: 'AvenirNextLTW01Regular', Arial, Helvetica, sans-serif;
}
.thin {
	font-family: 'AvenirNextW01Thin', Arial, Helvetica, sans-serif;
}


body {
    font-family: 'AvenirNextLTW01Regular', Arial, Helvetica, sans-serif;
    background-color: #fff;
    color: #2e2925;
    font-weight: 400;
    font-size: 16px;
    overflow-x: hidden;
    font-display: swap;
}

p,
ul {
    font-family: 'AvenirNextLTW01Regular', Arial, Helvetica, sans-serif;
    color: #2e2925;
    font-size: 16px;
    font-display: swap;
}

b,
strong {
    font-weight: 600;
}

a {
    color: #1babe2;
}

a:hover {
    color: #003e6e;
}

h1,
.h1 {
    font-size: 28px;
    font-weight: 400;
    line-height: 46px;
    color: #555758;
    font-family: "AvenirNextLTW01Regular", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-display: swap;
}

h2,
.h2 {
    font-size: 24px;
    font-weight: 400;
    color: #1babe2;
    font-family: "AvenirNextLTW01Regular", Arial, Helvetica, sans-serif;
    margin-bottom: 20px;
    font-display: swap;
}

h3,
.h3 {
    font-size: 20px;
    color: #555758;
    font-family: "AvenirNextLTW01Regular", Arial, Helvetica, sans-serif;
    font-display: swap;
}

h4,
.h4 {
    font-size: 18px;
    color: #555758;
    font-family: "AvenirNextLTW01Regular", Arial, Helvetica, sans-serif;
    font-display: swap;
    line-height: 30px;
} 

h5,
.h5 {
    font-size: 26px;
    color: #005A97;
    font-family: "AvenirNextLTW01Bold", Arial, Helvetica, sans-serif;
    font-display: swap;
    line-height: 30px;
}

h6,
.h6 {
    font-size: 26px;
    color: #1babe2;
    font-family: "AvenirNextLTW01Bold", Arial, Helvetica, sans-serif;
    font-display: swap;
    line-height: 30px;
}


.text-banner {
    font-size: 32px;
    color: #000;
    font-family: "AvenirNextLTW01Regular", Arial, Helvetica, sans-serif;
    font-display: swap;
    line-height: 50px;
    text-align: center !important;
} 

.white {
    color: #fff;
}

.black {
    color: #000;
}

.blue {
    color: #1babe2;
}

.grey {
    color: #555758;
}

.bgr-blue {
    background-color: #1babe2;
}

.bgr-grey {
    background-color: #ccd0d5;
}

.bgr-debbie {
    background: #e8e3df url('/public/images/banner-debbie.jpg') no-repeat center bottom;
    height: 700px;
    position: relative;
}

.height {
    height: inherit;
}

.clear {
    clear: both;
}


/* ---------------------------------------------------- snippet-navbar ---------------------------------------------------- */

.pre-navbar {
    background: #fff;
    z-index: 1021;
    position: relative;
}

#call {
    color: #000;
    font-size: 18px;
    letter-spacing: 2px;
}

#phone {
    font-size: 31px;
    margin-top: -5px;
}

.navbar {
    padding: 0;
}

.relative,
.relative2 {
    position: relative;
}

.navbar-nav .nav-link {
    text-transform: uppercase;
    color: #231f20;
    padding: 1rem;
    letter-spacing: 1.3px;
    font-size: 16px;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus,
.dropdown-item:hover,
.dropdown-item:focus {
    background-color: #231f20;
    color: #fff;
}

.dropdown-menu {
    padding: 0;
    margin: 0;
    border-radius: 0;
    border-top: none;
    background-color: #1babe2;
}

.dropdown-item {
    color: #231f20;
}

.dropdown-toggle::after {
    vertical-align: 3px;
}


/* ---------------------------------------------------- snippet-banner ---------------------------------------------------- */

.header {
    background: radial-gradient(#003e6e 0%, #002549 40%, #001937 50%, #000c24 100%);
    position: relative;
    overflow: hidden;
}
.header-inside {
    height: 400px;
    position: relative;
}
.header-inside-img {
    /*background: #e8e3df url('/public/images/banner-inside-bgr.jpg') no-repeat center center;*/
    background: url('/public/images/banner-inside-bgr.jpg') no-repeat center center;
}

/*Jon
.banner-img {
    position: absolute;
    z-index: 500;
    opacity: 0;
    transition: opacity 2s linear;
}*/

/*Alex*/
.banner-img {
    animation: infinite 20s zoom linear;
}
@keyframes zoom {
    0% {transform: scale(0.8);}
    45% {transform: scale(1);}
    55% {transform: scale(1);}
    100% {transform: scale(0.8);}
}


/* ---------------------------------------------------- snippet-rows ---------------------------------------------------- */

.row1 {
    margin-bottom: -3rem;
    position: relative;
    z-index: 1200;
}

.card-sidebar {
    background-color: transparent;
}

.card-sidebar .card-body {
    opacity: 0.8;
}

.card-sidebar .card-title {
    text-transform: uppercase;
    color: #fff;
    background-color: rgba(27, 171, 226, 0.8);
    margin-bottom: 0;
    padding: 15px 22px;
    font-size: 17px;
    letter-spacing: 2px;
}

.card-sidebar .card-footer {
    text-transform: uppercase;
    color: #fff;
    background-color: rgb(52, 58, 64, 0.8);
    margin-bottom: 0;
    padding: 15px 22px;
    font-size: 16px;
    letter-spacing: 1px;
}

.row1 a:hover,
.sidebar a:hover {
    text-decoration: none;
}

.card-sidebar:hover {
    transform: translate(2px, -2px);
    box-shadow: -2px 2px 3px rgba(0, 0, 0, 0.5);
}

.row2 {
    padding-top: 5rem;
    position: relative;
    z-index: 1000;
    background: #e8e3df url('/public/images/banner-debbie-1.jpg') no-repeat center bottom;
    height: 700px;
    /*background: rgba(204, 208, 214, 0.7);
    background-color: #c0c8d6;
    */
}
/*
.row2 img {
    opacity: 0;
}
*/
.row2 img.in-view {
    opacity: 1;
}

.pre-title {
    margin-bottom: -5px;
    font-size: 25px;
}

.row3 {
    position: relative;
    z-index: 1000;
}

.bgr-grey-t {
    /*background: rgba(204, 208, 214, 0.7);*/
    background-color:#CDD3DF;
}

.form-control {
    background-color: #eae9e9;
    border: none;
    border-radius: 10px;
    color: #003e6e;
}

.form-control::placeholder {
    color: #6b6b6b;
}

.input-group-text {
    border-right: 3px solid #ced4da;
}

.row5 {
    background-color: #c0c8d6;
}


/* ---------------------------------------------------- snippet-sidebar ---------------------------------------------------- */

.sidebar .card-title {
    padding: 10px 20px;
}


/* ---------------------------------------------------- snippet-footer ---------------------------------------------------- */

.footer {
    background: #000;
    color: #999a9b;
	border-top: 1px solid white;
}

.footer a {
    color: #999a9b;
}


/* ---------------------------------------------------- others ---------------------------------------------------- */

svg:not(:root).svg-inline--fa {
    overflow: visible;
}

.svg-inline--fa.fa-w-16 {
    width: 1em;
}

.svg-inline--fa {
    display: inline-block;
    font-size: inherit;
    height: 1em;
    overflow: visible;
    vertical-align: -.125em;
}

.size15em {
    font-size: 1.5em !important;
}

.size2em {
    font-size: 2em !important;
}
.size1-5em {
    font-size: 1.5em !important;
}

.max-50 {
    max-width: 50%;
}

.breadcrumb {
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #fafafa;
}

.btn-blackish {
    background-color: rgba(1, 0, 16, 0.7);
}

.btn-book {
    padding: 10px 20px;
    text-transform: uppercase;
    color: #fff;
    border-radius: 10px;
}


.btn-primary {
    background-color: rgba(27, 171, 226, 0.7);
    color: #fff;
    border: 0;
}

.btn-primary:hover {
    text-decoration: none;
    color: #fff;
    background-color: #000;
    border: 0;
}

.btn-whiteish {
    background: rgba(255,255,255,0.8);
    color: #000;
    letter-spacing: 2px;
    font-size: 16px;
}

.btn.btn-blackish {
    color: #fff;
}

.btn-blackish:hover, .btn-whiteish:hover, .btn-blueish:hover {
    text-decoration: none;
    color: #000;
    background-color: rgba(27, 171, 226, 0.7);
}

.btn-blueish {
    background-color: rgba(27, 171, 226, 0.7);
    color: #fff;
    letter-spacing: 2px;
    font-size: 15px;
}

.btn-blueish:hover {
    text-decoration: none;
    color: #000;
    background-color: #fff;
}

.btn.btn-blueish {
    color: #fff;
}

.btn-blueish-dark {
    background-color: rgba(27, 171, 226, 0.7);
    color: #fff;
    letter-spacing: 2px;
    font-size: 15px;
}

.btn-blueish-dark:hover {
    text-decoration: none;
    color: #fff;
    background-color: rgba(1, 0, 16, 0.7);
}

.btn.btn-blueish-dark {
    color: #fff;
}




.quote {
    font-size: 30px;
    margin-top: -20px;
}

.request {
    font-size: 30px;
    line-height: 35px;
}

.find {
    color: #959595;
    font-size: 20px;
}

.modal {z-index: 1600;}


/* ---------------------------------------------------- media-queries & animations ---------------------------------------------------- */

.animate1out {
    transition: all 0.1s ease-out;
}

.animate5out {
    transition: all 0.5s ease-out;
}

.animate8out {
    transition: all 0.8s ease-out;
}

.animate11out {
    transition: all 1.1s ease-out;
}

.animate14out {
    transition: all 1.4s ease-out;
}

.animate20out {
    transition: all 2s ease-out;
}

.animate40out {
    transition: all 4s ease-out;
}

@media screen and (max-width: 767px) {
    html {
        overflow-x: hidden;
        position: relative;
    }
    .callUs {
        display: none !important;
    }
    img {
        margin-left: auto;
        margin-right: auto;
    }
    .pre-navbar {
        height: auto;
        padding: 15px 0;
    }
    /*navbar*/
    .navbar {
        padding: 1rem;
    }
    .navbar-toggler {
        color: #000;
        font-size: 12px;
        padding: 7px 10px;
        border: 1px solid #000;
        border-radius: 0.25rem;
    }
    .navbar-toggler:hover {
        color: #fff;
        border-color: #fff;
    }
    .navbar-nav {
        margin-top: 15px;
    }
    .navbar-nav .nav-link {
        font-size: 16px;
        /*line-height: 6px;*/
        padding: 0.5rem;
        font-weight: 600;
    }
    .nav-link.dropdown-toggle::after {
        visibility: hidden;
    }
    .arrow-down {
        position: absolute;
        top: 0;
        right: 10%;
        color: #fff;
        background: #231f20;
        padding: 0 9px;
        font-size: 25px;
    }
    .nav-item:hover .arrow-down {
        color: #231f20;
        background: #fff;
    }
    .nav-item:hover .nav-link {
        background: #231f20;
        color: #fff;
    }
    .dropdown-second,
    .dropdown-third {
        line-height: 16px;
        margin-left: 15px;
    }
    /*navbar end*/
    /*Jon
    .row1 {
        padding-top: 25px;
    }*/
    .header-inside {
        height: auto;
    }
    .row2 {
        background: #e8e3df url('/public/images/banner-bgr.jpg') no-repeat center bottom;
        height: auto;
        padding-top: 3rem;
    }
}

@media screen and (min-width: 768px) {
    /*navbar*/
    .navbar {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1500;
    }
    .navbar-expand-md .navbar-nav .nav-link {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .dropdown-menu {
        display: block;
        z-index: -1;
        border: none;
        visibility: hidden;
        opacity: 0;
        top: 120%;
    }
    .dropdown:hover>.dropdown-menu {
        visibility: visible;
        opacity: 1;
        top: 100%;
    }
    .toggle-right::after {
        content: "";
        display: inline-block;
        height: 0;
        width: 0;
        border-top: .3em solid transparent;
        border-right: 0;
        border-bottom: .3em solid transparent;
        border-left: .3em solid #000;
        vertical-align: 0;
        margin-left: 0.5em;
    }
    .dropdown-item:hover::after,
    .dropdown-item:focus::after {
        border-left: .3em solid #fff;
    }
    .dropdown-second,
    .dropdown-third {
        position: absolute;
        left: 120%;
        top: 0;
        background: #cee07c;
        opacity: 0;
        visibility: hidden;
        border-left: 1px solid #fff;
    }
    .dropdown-second::before,
    .dropdown-third::before {
        content: '';
        display: block;
        width: 0;
        height: 0;
        background: transparent;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-right: 14px solid #997C5C;
        position: absolute;
        left: -14px;
        top: 9px;
    }
    .relative:hover .dropdown-second,
    .relative2:hover .dropdown-third {
        opacity: 1;
        visibility: visible;
        left: 100%;
    }
    .dropdown-second:hover::before,
    .dropdown-third:hover::before {
        border-right: 14px solid #997C5C;
    }
    /* menu animation for IE */
    _:-ms-fullscreen,
    .dropdown-menu.show {
        z-index: 1020;
    }
    /*navbar end*/
    .row1 {
        margin-top: -250px;
    }
    .row1 a {
        opacity: 0;
        position: relative;
        left: -100px;
    }
    .row1 a.in-view {
        opacity: 1;
        left: 0;
    }
    .swish1 {
        transition: 0.4s ease-in-out 0.5s;
    }
    .swish2 {
        transition: 0.4s ease-in-out 0.7s;
    }
    .swish3 {
        transition: 0.4s ease-in-out 0.9s;
    }
    .swish4 {
        transition: 0.4s ease-in-out 1.1s;
    }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    .banner-img {
        max-width: 75%;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .sidebar .card-title {
        text-transform: none;
        font-size: 18px;
    }
    .card-sidebar .card-title {
        text-transform: none;
        font-size: 17px;
        padding: 15px 10px;
        letter-spacing: 0;
    }
    .card-sidebar .card-footer {
        text-transform: none;
        letter-spacing: 0;
        padding: 15px 10px;
        letter-spacing: 0;
    }
    #navbar-top .container {
        padding-left: 0;
        padding-right: 0;
    }
    .navbar-expand-md .navbar-nav .nav-link {
        text-transform: none;
        padding-right: .5rem;
        padding-left: .5rem;
        letter-spacing: 0.7px;
    }
    .row2 {
        background-position: left 40% bottom;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .card-sidebar .card-title {
        padding: 15px 20px;
    }
    .navbar-nav .nav-link {
        text-transform: none;
    }
}
.copyright {
	font-size: 14px !important;
}
.links {
	font-size: 14px !important;	
}