body,html
{
    padding-top: 0;

}

header 
{
    background: rgb(2, 146, 194);
}

header .navbar {        
    position: relative;
    box-shadow: none;
    width: 100%;
    background: transparent;
}

    header .navbar-brand {
        background-image: url(/assets/images/LagoonLogoYWsmall.png);
        width: 300px;
        height: 84px;
        margin: 0px;
    }

@media (max-width: 1199.98px) {
    header .navbar .navbar-brand {
        background-image: url(/assets/images/LagoonLogoYWsmall.png);
        width: 150px;
        height: 42px;
        margin: 10px 0;
        padding: 0;
    }

    header.open .navbar, header.open .navbar.navbar-static, header.whiteout .navbar, header.whiteout .navbar.navbar-static {
        background: rgb(2, 146, 194);
    }

        header.open .navbar .navbar-brand, header.open .navbar.navbar-static .navbar-brand, header.whiteout .navbar .navbar-brand, header.whiteout .navbar.navbar-static .navbar-brand {
            background-image: url(/assets/images/LagoonLogoYWsmall.png);
        }

        header.open .navbar.navbar-static .navbar-toggler .icon-bar, header.open .navbar .navbar-toggler .icon-bar, header.whiteout .navbar.navbar-static .navbar-toggler .icon-bar, header.whiteout .navbar .navbar-toggler .icon-bar
        {
            background: #fff;
        }

        header.open .navbar .navbar-nav .nav-link, header.open .navbar.navbar-static .navbar-nav .nav-link, header.whiteout .navbar .navbar-nav .nav-link, header.whiteout .navbar.navbar-static .navbar-nav .nav-link {
            color: #fff;
        }
}

    header .navbar-nav .nav-link{
        font-weight: 500;
    }

    header .container {
        display: flex;
        justify-content: space-between;
    }

    @media(min-width:992px)
    {
        header .navbar-nav .nav-link.active::after, header .navbar-nav .nav-link:hover::after
        {
            display: none;
        }
    }

.navbar-container ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    list-style: none;
    text-transform: uppercase;
    font-size: 18px;

    margin:20px 0;
    padding:0;
}

.navbar-container ul li{

}

    .navbar-container ul li a {
        color: #fff;
    }


footer {
    margin-top: 100px;
    background: rgb(235, 235, 235);

    font-size: 18px;
}

footer ul
{
    list-style: none;
    margin:10px 0 0;
    padding: 0;
}

    footer ul li + li
    {
        margin-top: 10px;
    }

    footer a {
        color: rgb(2, 146, 194);
    }

    footer .social ul {
        display: flex;
    }

        footer .social ul li + li
        {
            margin-top: 0;
            margin-left: 10px;
        }

        footer .social ul li a {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            color: rgb(92, 92, 92);
        }

            footer .social ul li a svg {
                display: inline-block;
                border-radius: 15px;
                width: 30px !important;
                height: 30px; 
                padding: 8px;
                background: rgb(2, 146, 194);
                color: #fff;

                margin-right: 5px;
            }


    footer .links ul {
        display: flex;
    }

    footer .links ul li + li {
        margin-top: 0;
        margin-left: 15px;
    }


        footer .links ul li a {         
            color: rgb(92, 92, 92);
            font-weight: 600;
        }

/**payment**/
.lagoon-payment .payment-form {
    padding: 0;
    border: 0;
    box-shadow: 0px 1px 1px rgba(0,0,0,0.25);
}

    .lagoon-payment .payment-form form {
        background: rgb(2, 146, 194);
        border-radius: 0;
    }

    .lagoon-payment .payment-form .actions button {
        color: rgb(2, 146, 194);
    }

        .lagoon-payment .payment-form .actions button[type="reset"] {
            color: #fff;
        }

        /*Content*/
h1, h2.h1,
h2,
a,
.checkin-sub-header,
.checkin-header,
.checkin-summary,
.checkin-option-summary,
.checkin-slide-item,
.checkin-slide-item h3,
.precheckin-text {
    color: rgb(2, 146, 194);
}

.text-primary {
    color: rgb(2, 146, 194) !important;
}

.text-yellow {
    color: #ebba4b !important;
}

.btn-outline-primary,
.btn-outline-primary:hover,
.btn.btn-white,
.btn.btn-white:hover {
    background: #fff;
    border-color: rgb(2, 146, 194);
    color: rgb(2, 146, 194);
}

.btn-primary,
.btn-primary:hover {
    border-color: rgb(2, 146, 194);
    background: rgb(2, 146, 194);
}

#btn-personal-update,
#btn-personal-update:hover,
.btn-yellow,
.btn-yellow:hover
{
    border-color: #ebba4b;
    background: #ebba4b;
}

.faq a,
.s-faq h2,
.faqs-bulleted .faq::before {
    color: rgb(2, 146, 194);
}

ul.checked,
ul.checked li {
    color:rgb(2, 146, 194);
}

.modification {
    border-color: rgb(2, 146, 194);
}

.modification-action a[type="reset"], .modification-action button[type="reset"] {
    border: 1px solid rgb(2, 146, 194);
}

.strip-summary,
.modification-total {
    color: rgb(2, 146, 194);
}

.modification-remove {    
    border: 1px solid rgb(2, 146, 194);
    color: rgb(2, 146, 194);    
}

.option
{
    background: #fff;
    border: none;    
}

    .option h3 {
        color: rgb(2, 146, 194);
        font-weight: 700;
        text-transform: uppercase;
        font-size: 18px;
        line-height: 100%;
    }

    .option h4 {
        color: rgb(2, 146, 194);
        font-weight: 700;
        text-transform: uppercase;
        font-size: 13px;
        line-height: 100%;
    }

    .option-image img
    {
        max-height:100%;
    }

    .option-text
    {
        color: #000;
        font-size:0.8em;
    }

        .option-text p
        {
            font-weight: 300;
        }

.option-action p {
    color: rgb(2, 146, 194);    
    font-weight: 600;
}

.option-action p.price
{
    font-size:2em;
    font-weight: 800;
}

.option-action .button
{
    min-width:100px;
    width: 100%;
}

.option-action .checkbox-group.number-group 
{
    background: transparent;
}

    .option-action .checkbox-group .number-up,
    .option-action .checkbox-group .number-down {
        color: #000;
        border: 1px solid rgb(2, 146, 194);
        display: flex;
        width: 20px;
        height: 20px;
        justify-content: center;
        align-items: center;
        font-size: 0.5em;
        border-radius: 20px;
    }

    .option-action .checkbox-group input[type="number"],
    .option-action .checkbox-group input[type="text"],
    .option-action .checkbox-group select
    {
        border: 0;
        color: #000;
    }

.option-mini .option-action {    
    height: auto;
}

    .option-wrapper-border .option {
        border: 1px solid rgb(2, 146, 194);
    }

.option-foot-node {
    background: rgb(2, 146, 194);
}

.checkbox-group {
    background: rgb(2, 146, 194);
}

    .checkbox-group.btn-yellow,
    .checkbox-group.btn-yellow:hover {
        border-color: #ebba4b;
        background: #ebba4b;
    }

.mobile-summary-footer,
.mobile-summary-container {
    background: rgb(2, 146, 194);
}

@media (min-width:992px)
{
    .mobile-summary-footer .container::before {        
        background: url(../images/lagoon-ms-bottom.png) no-repeat 0 0;        
    }
}

.checkin-steps ul li {
    color: rgb(2, 146, 194);
}

.checkin-step {
    border-color: rgb(2, 146, 194);
}

    .checkin-step.done {
        background-color: rgb(2, 146, 194);
    }

.option-foot .option-number .number-group .number-down, .option-foot .option-number .number-group .number-up {
    color: rgb(2, 146, 194);
}

.option-foot .option-number {    
    border-left: 1px solid rgb(2, 146, 194);
    border-right: 1px solid rgb(2, 146, 194);
    border-bottom: 1px solid rgb(2, 146, 194);
}

.checkin-slide-steps li {    
    border: 1px solid rgb(2, 146, 194);
}

.checkin-slide-steps li.active {
    background: rgb(2, 146, 194);
}


table.payment-summary th {
    color: rgb(2, 146, 194);
    border-bottom-color: rgb(40, 87, 166);
}

table.payment-summary td {
    border-top: 1px solid rgb(2, 146, 194);
    border-bottom: 1px solid rgb(2, 146, 194);
}

table.payment-summary tfoot td {
    color: rgb(2, 146, 194);
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinreverse {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

.site-loading
{
    background: rgba(0,0,0,0.25);
}

    .site-loading div .blue-load {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 50px;
        vertical-align: middle;
        background: none;
    }

.site-loading div .blue-load {
    border-radius: 50px;
    border: 6px solid transparent;
    border-top-color: #fff;
    border-bottom-color: #fff;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}

    .site-loading div .blue-load:before,
    .site-loading div .blue-load:after {
        content: '';
        position: absolute;
        top: 5px;
        left: 5px;
        bottom: 5px;
        right: 5px;
        border-radius: 50px;
        border: 6px solid transparent;
        border-top-color: #fff;
        border-bottom-color: #fff;
        filter: alpha(opacity=6);
        -khtml-opacity: .6;
        -moz-opacity: .6;
        opacity: .6;
        -webkit-animation: spinreverse 2s linear infinite;
        animation: spinreverse 2s linear infinite;
    }

    .site-loading div .blue-load:before {
        top: 15px;
        left: 15px;
        bottom: 15px;
        right: 15px;
        -webkit-animation: spinreverse 3s linear infinite;
        animation: spinreverse 3s linear infinite;
    }


.checkin-video-play {
    background: rgb(2, 146, 194);    
}

.payment-form {
    border: 1px solid rgb(2, 146, 194);
}

    .payment-form form {
        background: rgb(2, 146, 194);
    }

    .payment-form .actions button {
        color: rgb(2, 146, 194);
    }

    .payment-form .payment-company img {
        max-width: 100%;
    }