@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Titillium+Web:wght@400;700&display=swap");

ul li {
    color: #383838;
    font-weight: 400;
    font-style: normal;
}

    ul li.strong {
        color: #383838;
        font-weight: 700;
        font-style: normal;
    }

ul.ulbasic {
    padding: 0;
    margin: 0;
}

    ul.ulbasic li {
        list-style: none;
    }

label, button {
    font-weight: 400;
    font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
}

h1, h2, h3, h4, h5, h6, .text-sec {
    font-weight: 700;
}

p, li, input, label, button, a {
    font-weight: 400;
}

.text-primary {
    color: #076633 !important;
}

.slidecontainer {
    width: 100%;
    /* Width of the outside container */
}

/* The slider itself */
.slider {
    -webkit-appearance: none;
    /* Override default CSS styles */
    appearance: none;
    width: 100%;
    /* Full-width */
    height: 15px;
    /* Specified height */
    border-radius: 50px;
    background: #fff !important;
    /* Grey background */
    opacity: 1;
    /* Set transparency (for mouse-over effects on hover) */
    -webkit-transition: 0.2s;
    /* 0.2 seconds transition on hover */
    transition: opacity 0.2s;
}

    /* Mouse-over effects */
    .slider:hover {
        opacity: 1;
        /* Fully shown on mouse-over */
    }

    /* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
    .slider::-webkit-slider-thumb {
        -webkit-appearance: none;
        /* Override default look */
        appearance: none;
        width: 25px;
        /* Set a specific slider handle width */
        height: 25px;
        /* Slider handle height */
        border-radius: 50%;
        background: #076633;
        /* Green background */
        cursor: pointer;
        /* Cursor on hover */
    }

    .slider::-moz-range-thumb {
        width: 25px;
        /* Set a specific slider handle width */
        height: 25px;
        /* Slider handle height */
        border-radius: 50%;
        background: #076633;
        /* Green background */
        cursor: pointer;
        /* Cursor on hover */
    }

#rangeoutput {
    color: #076633;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: #DEB496;
    color: #383838;
}

.wrapper#page-wrapper {
    padding: 120px 0;
}

.bgdark {
    background-color: #33424f;
}

.bgdarker {
    background-color: #293540;
}

.bggreen {
    background-color: #076633;
}

.bggreener {
    background-color: #054e27;
}

.footer-flex {
    display: flex;
    flex-direction: column;
}

.business-footer {
    padding: 5px 15px;
}

    .business-footer ul {
        padding: 0;
        margin: 0;
    }

        .business-footer ul li {
            font-size: 14px;
            display: block;
            position: relative;
            list-style: none;
            color: rgba(255, 255, 255, 0.5);
        }

            .business-footer ul li.strong {
                font-size: 14px;
                color: #ffffff;
            }

.white {
    color: #ffffff;
}

a.footer {
    color: rgba(255, 255, 255, 0.5);
}

    a.footer:hover {
        color: rgba(255, 255, 255, 0.8);
    }

.bg-greylight {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f7f9fc), to(#fcfdfe));
    background: linear-gradient(180deg, #f7f9fc 0, #fcfdfe 100%);
}

a.menuicon i.fa {
    padding: 10px 12px;
    background-color: #ffffff;
    color: #383838;
    border-radius: 5px;
    position: absolute;
    top: 11px;
    right: 15px;
    z-index: 9999;
}

    a.menuicon i.fa:hover {
        background-color: #076633;
        color: #ffffff;
    }

nav.navbar-mobile {
    background-color: #076633;
    display: flex;
    align-items: center;
    height: 60px;
    position: fixed;
    z-index: 9999;
    width: 100%;
}

    nav.navbar-mobile a.navbar-brand {
        padding-left: 15px;
        height: 100%;
        display: flex;
        align-items: center;
    }

nav.navbar-desktop {
    background-color: #076633;
    display: flex;
    align-items: center;
    height: 60px;
    position: fixed;
    z-index: 9999;
    width: 100%;
}

    nav.navbar-desktop a.navbar-brand {
        padding-left: 15px;
        height: 100%;
        display: flex;
        align-items: center;
    }

    nav.navbar-desktop ul {
        height: 60px;
        display: flex;
        justify-content: flex-end;
        flex-direction: row;
    }

        nav.navbar-desktop ul li.nav-item {
            padding: 0 16px;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100%;
            position: relative;
            color: #ffffff;
        }

            nav.navbar-desktop ul li.nav-item a.nav-link {
                display: inline-block;
                width: 100%;
                text-decoration: none;
                color: #ffffff;
            }

                nav.navbar-desktop ul li.nav-item a.nav-link:before {
                    border: 0;
                    content: "";
                    display: block;
                    width: 0;
                    bottom: 0;
                    left: 0;
                    height: 2px;
                    background: #ffffff;
                    transition: width 0.3s;
                    position: absolute;
                }

                nav.navbar-desktop ul li.nav-item a.nav-link:hover {
                    color: #ffffff;
                }

                    nav.navbar-desktop ul li.nav-item a.nav-link:hover:before {
                        width: 100%;
                    }

            nav.navbar-desktop ul li.nav-item.active {
                padding: 0 16px;
                display: flex;
                justify-content: center;
                align-items: center;
                height: 100%;
                position: relative;
                color: #ffffff;
            }

                nav.navbar-desktop ul li.nav-item.active a.nav-link {
                    display: inline-block;
                    width: 100%;
                    text-decoration: none;
                    color: #ffffff;
                }

                    nav.navbar-desktop ul li.nav-item.active a.nav-link:before {
                        border: 0;
                        content: "";
                        display: block;
                        width: 0;
                        bottom: 0;
                        left: 0;
                        height: 2px;
                        background: #ffffff;
                        transition: width 0.3s;
                        position: absolute;
                    }

                    nav.navbar-desktop ul li.nav-item.active a.nav-link:hover {
                        color: #ffffff;
                    }

                        nav.navbar-desktop ul li.nav-item.active a.nav-link:hover:before {
                            width: 100%;
                        }

        nav.navbar-desktop ul li.dropdown {
            color: #ffffff;
            position: relative;
        }

            nav.navbar-desktop ul li.dropdown a.dropdown-toggle {
                display: flex;
                align-items: center;
            }

                nav.navbar-desktop ul li.dropdown a.dropdown-toggle:after {
                    right: 10px;
                    margin-left: 10px;
                    color: #ffffff;
                    position: absolute;
                }

            nav.navbar-desktop ul li.dropdown .dropdown-menu {
                box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
                border: none;
                border-radius: 0px;
                padding: 0;
                margin: 0;
            }

                nav.navbar-desktop ul li.dropdown .dropdown-menu a.dropdown-item {
                    padding: 15px 45px 15px 15px;
                    margin: 0;
                    color: #076633;
                }

                    nav.navbar-desktop ul li.dropdown .dropdown-menu a.dropdown-item:hover {
                        background-color: #f1f6f3;
                        color: #33424f;
                    }

            nav.navbar-desktop ul li.dropdown:hover {
                background-color: #054e27;
            }

.nav-link .dropdown-toggle {
    color: #ffffff !important;
}

.navbar-light .navbar-nav .show > .nav-link {
    color: #ffffff !important;
}

section.overmenu {
    display: none;
}

    section.overmenu.active {
        display: block;
        background-color: #ffffff;
        position: fixed;
        display: flex;
        z-index: 99 !important;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        animation-duration: 0.3s;
        animation-name: slidein;
    }

        section.overmenu.active a.dropdown-toggle::after {
            display: none;
        }

section.overmenu {
    position: fixed;
    top: 0;
    left: 100%;
    bottom: 0;
    z-index: 99 !important;
    animation: all linear 0.4s;
    animation-name: slideout;
}

    section.overmenu .overmenu__content {
        width: 100%;
        height: 100%;
        padding: 60px 0 100px;
        overflow-y: scroll;
    }

        section.overmenu .overmenu__content ul {
            background-color: #ffffff;
            margin: 0 0 50px;
            width: 100%;
        }

            section.overmenu .overmenu__content ul li {
                text-decoration: none;
                color: #ffffff;
                list-style: none;
                width: 100%;
                margin-top: 0;
            }

                section.overmenu .overmenu__content ul li a.nav-link {
                    display: inline-block;
                    color: #33424f;
                    padding: 16px 32px;
                    font-weight: 600;
                    border-bottom: 1px solid #f3f5f9 !important;
                    margin: 0;
                    width: 100%;
                }

                    section.overmenu .overmenu__content ul li a.nav-link:hover {
                        background-color: rgba(247, 249, 252, 0.5);
                    }

                    section.overmenu .overmenu__content ul li a.nav-link:last-child {
                        border-bottom: 0px;
                    }

                section.overmenu .overmenu__content ul li.dropdown {
                    width: 100%;
                    position: relative;
                }

                    section.overmenu .overmenu__content ul li.dropdown:after {
                        visibility: visible;
                        font-weight: 900;
                        content: "";
                        font-family: "Font Awesome 5 Free";
                        display: flex;
                        top: 16px;
                        align-items: center;
                        right: 30px;
                        position: absolute;
                        opacity: 1;
                        transition: 0.2s linear;
                        color: #33424f;
                    }

                    section.overmenu .overmenu__content ul li.dropdown .dropdown-menu {
                        border-bottom: 1px solid #f3f5f9 !important;
                        border-top: 1px solid #f3f5f9 !important;
                        position: relative !important;
                        transform: none !important;
                        top: 0;
                        left: 0;
                        margin: 0;
                        padding: 0;
                    }

                        section.overmenu .overmenu__content ul li.dropdown .dropdown-menu a.dropdown-item {
                            padding: 16px 32px;
                            font-size: 16px;
                            font-weight: 300;
                            color: #33424f;
                            background-color: rgba(247, 249, 252, 0.5);
                        }

                            section.overmenu .overmenu__content ul li.dropdown .dropdown-menu a.dropdown-item:hover {
                                background-color: #f7f9fc;
                            }

@keyframes slidein {
    from {
        margin-left: 100%;
        width: 300%;
    }

    to {
        margin-left: 0%;
        width: 100%;
    }
}

@keyframes slideout {
    from {
        margin-left: 0%;
        width: 100%;
    }

    to {
        margin-left: 100%;
        width: 300%;
    }
}
/* STYLES GO HERE */
.footerflow {
    padding: 15px;
    display: flex;
    flex-direction: column;
}

    .footerflow p {
        max-width: 80%;
        padding: 5px 0;
        font-size: 14px;
        color: #7a8691;
        line-height: 1.75em;
    }

.finalfooter {
    margin-top: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f5f5f5;
}

    .finalfooter .footer__content {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .finalfooter .footer__content p {
            margin: 0;
            padding: 0;
            font-size: 14px;
            color: #7a8691;
        }

        .finalfooter .footer__content a {
            color: #076633;
        }

            .finalfooter .footer__content a:hover {
                color: #054e27;
                text-decoration: none;
            }

        .finalfooter .footer__content ul.social-footer {
            padding: 25px 0;
            display: flex;
            margin: 0;
            align-items: center;
        }

            .finalfooter .footer__content ul.social-footer li {
                list-style: none;
                margin: 0 10px;
                padding: 0;
            }

                .finalfooter .footer__content ul.social-footer li a {
                    margin: 0;
                    padding: 0;
                }

                    .finalfooter .footer__content ul.social-footer li a i {
                        margin: 0;
                        padding: 0;
                    }

.footermenu {
    padding: 15px;
    margin-top: 5px;
}

    .footermenu ul {
        margin-top: 20px;
    }

        .footermenu ul li a {
            font-weight: 300;
            font-size: 14px;
            padding: 2px 0;
            color: #7a8691;
        }

            .footermenu ul li a:hover {
                color: #076633;
            }

.footerflow {
    padding: 15px;
    display: flex;
    flex-direction: column;
}

    .footerflow p {
        max-width: 80%;
        padding: 5px 0;
        font-size: 14px;
        color: #7a8691;
        line-height: 1.75em;
    }

.finalfooter {
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .finalfooter p {
        margin: 0;
        padding: 0;
        font-size: 14px;
        color: #ffffff;
    }

    .finalfooter a {
        color: rgba(255, 255, 255, 0.7);
    }

        .finalfooter a:hover {
            color: #076633;
            text-decoration: none;
        }

.business-footer {
    padding: 5px 15px;
}

    .business-footer ul {
        padding: 0;
        margin: 0;
    }

        .business-footer ul li {
            font-size: 14px;
            display: block;
            position: relative;
            list-style: none;
            color: rgba(255, 255, 255, 0.5);
        }

            .business-footer ul li.strong {
                font-size: 14px;
                color: #ffffff;
            }

.footermenu_one {
    padding: 5px 15px;
}

    .footermenu_one ul.foorermenu_inner_one {
        padding: 0;
        margin: 0;
    }

        .footermenu_one ul.foorermenu_inner_one li {
            display: block;
            position: relative;
        }

            .footermenu_one ul.foorermenu_inner_one li span {
                display: block;
                padding-left: 0;
                transition: 0.2s linear;
            }

                .footermenu_one ul.foorermenu_inner_one li span:before {
                    visibility: visible;
                    font-weight: 900;
                    display: flex;
                    align-items: center;
                    left: 0;
                    content: "";
                    font-family: "Font Awesome 5 Free";
                    color: #DEB496;
                    opacity: 0;
                    position: absolute;
                    transition: 0.2s linear;
                }

                .footermenu_one ul.foorermenu_inner_one li span:hover {
                    padding-left: 15px;
                    position: relative;
                    color: #ffffff;
                    transition: 0.2s linear;
                }

                    .footermenu_one ul.foorermenu_inner_one li span:hover:before {
                        visibility: visible;
                        font-weight: 900;
                        content: "";
                        font-family: "Font Awesome 5 Free";
                        display: flex;
                        align-items: center;
                        left: 0;
                        position: absolute;
                        opacity: 1;
                        transition: 0.2s linear;
                        color: #DEB496;
                    }

                .footermenu_one ul.foorermenu_inner_one li span a {
                    font-family: "Inter", sans-serif;
                    font-weight: 300;
                    font-size: 14px;
                    padding: 2px 0;
                    color: rgba(255, 255, 255, 0.6);
                    transition: 0.2s linear;
                }

.footermenu_two {
    padding: 5px 15px;
}

    .footermenu_two ul.foorermenu_inner_two {
        padding: 0;
        margin: 0;
    }

        .footermenu_two ul.foorermenu_inner_two li {
            display: block;
            position: relative;
        }

            .footermenu_two ul.foorermenu_inner_two li span {
                display: block;
                padding-left: 0;
                transition: 0.2s linear;
            }

                .footermenu_two ul.foorermenu_inner_two li span:before {
                    visibility: visible;
                    font-weight: 900;
                    display: flex;
                    align-items: center;
                    left: 0;
                    content: "";
                    font-family: "Font Awesome 5 Free";
                    color: #DEB496;
                    opacity: 0;
                    position: absolute;
                    transition: 0.2s linear;
                }

                .footermenu_two ul.foorermenu_inner_two li span:hover {
                    padding-left: 15px;
                    position: relative;
                    color: #ffffff;
                    transition: 0.2s linear;
                }

                    .footermenu_two ul.foorermenu_inner_two li span:hover:before {
                        visibility: visible;
                        font-weight: 900;
                        content: "";
                        font-family: "Font Awesome 5 Free";
                        display: flex;
                        align-items: center;
                        left: 0;
                        position: absolute;
                        opacity: 1;
                        transition: 0.2s linear;
                        color: #DEB496;
                    }

                .footermenu_two ul.foorermenu_inner_two li span a {
                    font-family: "Inter", sans-serif;
                    font-weight: 300;
                    font-size: 14px;
                    padding: 2px 0;
                    color: rgba(255, 255, 255, 0.6);
                    transition: 0.2s linear;
                }

section.sendtopoverlay {
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    position: fixed;
    z-index: 8;
    background-color: rgba(0, 0, 0, 0.78);
    opacity: 0.25;
}

section.sendtop {
    display: none;
    position: fixed;
    z-index: 9;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 75px 0 25px;
    background-color: white;
}

    section.sendtop .sendtop__innerrates {
        padding: 50px 0 50px;
        width: 100%;
    }

        section.sendtop .sendtop__innerrates h1 {
            text-align: left;
            font-family: Ubuntu, sans-serif;
            color: #383838;
            font-size: 64px;
            font-weight: 600;
            letter-spacing: -2px;
            line-height: 84px;
        }

        section.sendtop .sendtop__innerrates .rateswidget {
            padding: 50px 0 0;
            width: 100%;
            max-width: 100%;
        }

            section.sendtop .sendtop__innerrates .rateswidget #steps-uid-1-p-0 {
                width: 100%;
            }

                section.sendtop .sendtop__innerrates .rateswidget #steps-uid-1-p-0 .topform {
                    display: flex;
                    flex-direction: column;
                    justify-content: space-between;
                }

                    section.sendtop .sendtop__innerrates .rateswidget #steps-uid-1-p-0 .topform .from {
                        width: 100%;
                    }

                    section.sendtop .sendtop__innerrates .rateswidget #steps-uid-1-p-0 .topform .to {
                        width: 100%;
                    }

                section.sendtop .sendtop__innerrates .rateswidget #steps-uid-1-p-0 .bottomform {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    flex-direction: column;
                }

                    section.sendtop .sendtop__innerrates .rateswidget #steps-uid-1-p-0 .bottomform input {
                        display: flex;
                        align-items: center;
                        width: 100%;
                    }

                        section.sendtop .sendtop__innerrates .rateswidget #steps-uid-1-p-0 .bottomform input[type=button] {
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            text-align: center;
                        }

section.searchover {
    display: none;
    height: 200px;
    z-index: 99;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

    section.searchover .searchouter {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: relative;
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

.colors {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/$primary+0,ffffff+100&1+0,0+100 */
    background: -moz-linear-gradient(left, rgba(7, 102, 51, 0.8) 0%, rgba(7, 102, 51, 0.8) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(7, 102, 51, 0.8) 0%, rgba(7, 102, 51, 0.8) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(7, 102, 51, 0.8) 0%, rgba(7, 102, 51, 0.8) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$primary", endColorstr="$primary",GradientType=1 );
    /* IE6-9 */
}

    .colors form.search-form input[type=search] {
        background-color: transparent !important;
        border: none;
        box-shadow: none;
        width: 100%;
        margin: 0;
        padding: 0;
        color: #ffffff;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        font-size: 44px;
        line-height: 44px;
    }

    .colors form.search-form ::placeholder {
        /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: rgba(255, 255, 255, 0.5);
        opacity: 1;
        /* Firefox */
    }

    .colors form.search-form :-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: rgba(255, 255, 255, 0.5);
    }

    .colors form.search-form ::-ms-input-placeholder {
        /* Microsoft Edge */
        color: rgba(255, 255, 255, 0.5);
    }

    .colors form.search-form button.search-submit {
        margin-left: 25px;
        box-shadow: none;
        border: none;
        background-color: transparent !important;
        color: #ffffff;
        font-size: 22px;
        line-height: 22px;
    }

.colorwhite {
    filter: none;
    background-color: white;
    background: white;
}

    .colorwhite form.search-form input[type=search] {
        background-color: transparent !important;
        border: none;
        box-shadow: none;
        width: 100%;
        margin: 0;
        padding: 0;
        color: #33424f;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        font-size: 44px;
        line-height: 44px;
    }

    .colorwhite form.search-form ::placeholder {
        /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: rgba(0, 0, 0, 0.5);
        opacity: 1;
        /* Firefox */
    }

    .colorwhite form.search-form :-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: rgba(0, 0, 0, 0.5);
    }

    .colorwhite form.search-form ::-ms-input-placeholder {
        /* Microsoft Edge */
        color: rgba(0, 0, 0, 0.5);
    }

    .colorwhite form.search-form button.search-submit {
        margin-left: 25px;
        box-shadow: none;
        border: none;
        background-color: transparent !important;
        color: #ffffff;
        font-size: 22px;
        line-height: 22px;
    }

section.sidemenu {
    display: none;
    overflow: scroll;
    top: 0;
    bottom: 0;
    width: 120px;
    background-color: white;
    height: 100vh;
    position: fixed;
    left: 0;
    z-index: 9999;
}

    section.sidemenu ul.menu-specialiteiten {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
    }

        section.sidemenu ul.menu-specialiteiten li {
            display: flex;
            justify-content: space-between;
            flex-direction: column;
            list-style: none;
        }

            section.sidemenu ul.menu-specialiteiten li a {
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: column;
                transition: all linear 0.2s;
                padding: 20px 10px;
                text-align: center;
                border-bottom: 1px solid rgba(0, 0, 0, 0.1);
                height: 100px;
                background-color: #ffffff;
                color: #383838;
            }

                section.sidemenu ul.menu-specialiteiten li a:hover {
                    background-color: #f5f5f5;
                    color: #383838;
                    text-decoration: none;
                }

                section.sidemenu ul.menu-specialiteiten li a img {
                    width: 30px;
                    margin: 0 0 5px;
                    padding: 0 !important;
                }

                section.sidemenu ul.menu-specialiteiten li a span {
                    font-family: "Ubuntu", sans-serif;
                    font-size: 14px;
                    margin: 0;
                    padding: 0;
                }

                section.sidemenu ul.menu-specialiteiten li a p {
                    font-family: "Ubuntu", sans-serif;
                    font-size: 14px;
                    margin: 0;
                    padding: 0;
                }

            section.sidemenu ul.menu-specialiteiten li:first-child {
                width: 100%;
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 0;
                background-color: #076633;
            }

                section.sidemenu ul.menu-specialiteiten li:first-child a {
                    width: 100%;
                    height: 100%;
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    justify-content: center;
                    transition: all linear 0.2s;
                    padding: 20px 10px;
                    text-align: center;
                    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
                    height: 75px;
                    background-color: transparent;
                }

                    section.sidemenu ul.menu-specialiteiten li:first-child a:hover {
                        background-color: #054e27 !important;
                    }

                    section.sidemenu ul.menu-specialiteiten li:first-child a span {
                        display: none;
                    }

            section.sidemenu ul.menu-specialiteiten li:last-child {
                text-align: center;
                border-bottom: 0px !important;
            }

            section.sidemenu ul.menu-specialiteiten li.active {
                display: flex;
                justify-content: space-between;
                flex-direction: column;
                list-style: none;
            }

                section.sidemenu ul.menu-specialiteiten li.active a {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    flex-direction: column;
                    transition: all linear 0.2s;
                    padding: 20px 10px;
                    text-align: center;
                    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
                    height: 100px;
                    background-color: #f5f5f5;
                    color: #383838;
                    text-decoration: none;
                }

                    section.sidemenu ul.menu-specialiteiten li.active a:hover {
                        background-color: #e8e8e8;
                        color: #383838;
                        text-decoration: none;
                    }

                section.sidemenu ul.menu-specialiteiten li.active:first-child a {
                    width: 100%;
                    background-color: #076633 !important;
                }

                    section.sidemenu ul.menu-specialiteiten li.active:first-child a:hover {
                        background-color: #054e27 !important;
                    }

.sidebar {
    will-change: min-height;
}

.sidebar__inner {
    transform: translate(0, 0);
    /* For browsers don't support translate3d. */
    transform: translate3d(0, 0, 0);
    will-change: position, transform;
}

.form-group table.table {
    font-family: "Ubuntu", sans-serif !important;
    color: #383838 !important;
    font-size: 14px;
    line-height: 18px;
    margin: 16px 0;
    padding: 5px;
    font-weight: 400;
    background-color: rgba(252, 180, 20, 0.1);
}

    .form-group table.table tr .tablebody {
        display: flex;
        align-items: center;
    }

    .form-group table.table tr td {
        position: relative;
        padding: 2px;
        border: 1px rgba(252, 180, 20, 0.5) !important;
    }

        .form-group table.table tr td select {
            font-family: "Ubuntu", sans-serif;
            font-size: 14px;
        }

            .form-group table.table tr td select option {
                font-family: "Ubuntu", sans-serif;
                font-size: 14px;
            }

        .form-group table.table tr td input[type=text] {
            font-family: "Ubuntu", sans-serif;
            font-size: 14px;
            line-height: 14px;
            font-weight: 300;
            border: 1px solid rgba(0, 0, 0, 0.1);
            border-radius: 2px;
            padding: 8px 16px;
            width: 100%;
            margin: 4px;
        }

            .form-group table.table tr td input[type=text]:active {
                border-top: 1px solid #DEB496;
                border-left: 1px solid #DEB496;
                border-right: 1px solid #DEB496;
                border-bottom: 1px solid #DEB496;
                border-radius: 0;
                box-shadow: none;
            }

            .form-group table.table tr td input[type=text]:focus {
                border-top: 1px solid #DEB496;
                border-left: 1px solid #DEB496;
                border-right: 1px solid #DEB496;
                border-bottom: 1px solid #DEB496;
                border-radius: 0;
                box-shadow: none;
            }

            .form-group table.table tr td input[type=text]:visited {
                border-top: 1px solid #076633 !important;
                border-left: 1px solid #076633 !important;
                border-right: 1px solid #076633 !important;
                border-bottom: 1px solid #076633 !important;
                box-shadow: none;
            }

        .form-group table.table tr td input::placeholder {
            font-family: "Ubuntu", sans-serif;
            font-size: 14px;
            font-weight: 300;
            background-color: transparent;
            color: rgba(0, 0, 0, 0.5);
        }

        .form-group table.table tr td input:focus::placeholder {
            background-color: transparent;
            color: rgba(0, 0, 0, 0.3) !important;
        }

        .form-group table.table tr td input:active::placeholder {
            color: rgba(0, 0, 0, 0.3) !important;
        }

        .form-group table.table tr td input[type=button] {
            margin-top: 16px;
            cursor: pointer;
            border-radius: 3px;
            text-align: center;
            background-color: #DEB496;
            color: #383838;
            display: block;
            padding: 12px;
            width: 100%;
            border: 0;
            box-shadow: none;
        }

            .form-group table.table tr td input[type=button]:hover {
                text-decoration: none;
                background-color: #d8a683;
            }

span.cm, span.kg {
    position: absolute;
    top: 0;
    font-size: 12px;
    right: 2px;
    bottom: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

form[name=getInfo] .form-group, form[name=getInfo2] .form-group, form[name=getInfo3] .form-group, form[name=getInfo4] .form-group, form[name=getInfo5] .form-group {
    margin: 0;
}

    form[name=getInfo] .form-group label, form[name=getInfo2] .form-group label, form[name=getInfo3] .form-group label, form[name=getInfo4] .form-group label, form[name=getInfo5] .form-group label {
        font-family: "Ubuntu", sans-serif;
        color: #383838 !important;
        font-size: 14px;
        line-height: 14px;
        font-weight: 400;
        margin: 16px 4px 0;
    }

    form[name=getInfo] .form-group .form-control, form[name=getInfo] .form-group .wpcf7 .wpcf7-validation-errors, form[name=getInfo] .form-group .wpcf7 input[type=color], form[name=getInfo] .form-group .wpcf7 input[type=date], form[name=getInfo] .form-group .wpcf7 input[type=datetime-local], form[name=getInfo] .form-group .wpcf7 input[type=datetime], form[name=getInfo] .form-group .wpcf7 input[type=email], form[name=getInfo] .form-group .wpcf7 input[type=file], form[name=getInfo] .form-group .wpcf7 input[type=month], form[name=getInfo] .form-group .wpcf7 input[type=number], form[name=getInfo] .form-group .wpcf7 input[type=range], form[name=getInfo] .form-group .wpcf7 input[type=search], form[name=getInfo] .form-group .wpcf7 input[type=submit], form[name=getInfo] .form-group .wpcf7 input[type=tel], form[name=getInfo] .form-group .wpcf7 input[type=text], form[name=getInfo] .form-group .wpcf7 input[type=time], form[name=getInfo] .form-group .wpcf7 input[type=url], form[name=getInfo] .form-group .wpcf7 input[type=week], form[name=getInfo] .form-group .wpcf7 select, form[name=getInfo] .form-group .wpcf7 textarea, form[name=getInfo2] .form-group .form-control, form[name=getInfo2] .form-group .wpcf7 .wpcf7-validation-errors, form[name=getInfo2] .form-group .wpcf7 input[type=color], form[name=getInfo2] .form-group .wpcf7 input[type=date], form[name=getInfo2] .form-group .wpcf7 input[type=datetime-local], form[name=getInfo2] .form-group .wpcf7 input[type=datetime], form[name=getInfo2] .form-group .wpcf7 input[type=email], form[name=getInfo2] .form-group .wpcf7 input[type=file], form[name=getInfo2] .form-group .wpcf7 input[type=month], form[name=getInfo2] .form-group .wpcf7 input[type=number], form[name=getInfo2] .form-group .wpcf7 input[type=range], form[name=getInfo2] .form-group .wpcf7 input[type=search], form[name=getInfo2] .form-group .wpcf7 input[type=submit], form[name=getInfo2] .form-group .wpcf7 input[type=tel], form[name=getInfo2] .form-group .wpcf7 input[type=text], form[name=getInfo2] .form-group .wpcf7 input[type=time], form[name=getInfo2] .form-group .wpcf7 input[type=url], form[name=getInfo2] .form-group .wpcf7 input[type=week], form[name=getInfo2] .form-group .wpcf7 select, form[name=getInfo2] .form-group .wpcf7 textarea, form[name=getInfo3] .form-group .form-control, form[name=getInfo3] .form-group .wpcf7 .wpcf7-validation-errors, form[name=getInfo3] .form-group .wpcf7 input[type=color], form[name=getInfo3] .form-group .wpcf7 input[type=date], form[name=getInfo3] .form-group .wpcf7 input[type=datetime-local], form[name=getInfo3] .form-group .wpcf7 input[type=datetime], form[name=getInfo3] .form-group .wpcf7 input[type=email], form[name=getInfo3] .form-group .wpcf7 input[type=file], form[name=getInfo3] .form-group .wpcf7 input[type=month], form[name=getInfo3] .form-group .wpcf7 input[type=number], form[name=getInfo3] .form-group .wpcf7 input[type=range], form[name=getInfo3] .form-group .wpcf7 input[type=search], form[name=getInfo3] .form-group .wpcf7 input[type=submit], form[name=getInfo3] .form-group .wpcf7 input[type=tel], form[name=getInfo3] .form-group .wpcf7 input[type=text], form[name=getInfo3] .form-group .wpcf7 input[type=time], form[name=getInfo3] .form-group .wpcf7 input[type=url], form[name=getInfo3] .form-group .wpcf7 input[type=week], form[name=getInfo3] .form-group .wpcf7 select, form[name=getInfo3] .form-group .wpcf7 textarea, form[name=getInfo4] .form-group .form-control, form[name=getInfo4] .form-group .wpcf7 .wpcf7-validation-errors, form[name=getInfo4] .form-group .wpcf7 input[type=color], form[name=getInfo4] .form-group .wpcf7 input[type=date], form[name=getInfo4] .form-group .wpcf7 input[type=datetime-local], form[name=getInfo4] .form-group .wpcf7 input[type=datetime], form[name=getInfo4] .form-group .wpcf7 input[type=email], form[name=getInfo4] .form-group .wpcf7 input[type=file], form[name=getInfo4] .form-group .wpcf7 input[type=month], form[name=getInfo4] .form-group .wpcf7 input[type=number], form[name=getInfo4] .form-group .wpcf7 input[type=range], form[name=getInfo4] .form-group .wpcf7 input[type=search], form[name=getInfo4] .form-group .wpcf7 input[type=submit], form[name=getInfo4] .form-group .wpcf7 input[type=tel], form[name=getInfo4] .form-group .wpcf7 input[type=text], form[name=getInfo4] .form-group .wpcf7 input[type=time], form[name=getInfo4] .form-group .wpcf7 input[type=url], form[name=getInfo4] .form-group .wpcf7 input[type=week], form[name=getInfo4] .form-group .wpcf7 select, form[name=getInfo4] .form-group .wpcf7 textarea, form[name=getInfo5] .form-group .form-control, form[name=getInfo5] .form-group .wpcf7 .wpcf7-validation-errors, form[name=getInfo5] .form-group .wpcf7 input[type=color], form[name=getInfo5] .form-group .wpcf7 input[type=date], form[name=getInfo5] .form-group .wpcf7 input[type=datetime-local], form[name=getInfo5] .form-group .wpcf7 input[type=datetime], form[name=getInfo5] .form-group .wpcf7 input[type=email], form[name=getInfo5] .form-group .wpcf7 input[type=file], form[name=getInfo5] .form-group .wpcf7 input[type=month], form[name=getInfo5] .form-group .wpcf7 input[type=number], form[name=getInfo5] .form-group .wpcf7 input[type=range], form[name=getInfo5] .form-group .wpcf7 input[type=search], form[name=getInfo5] .form-group .wpcf7 input[type=submit], form[name=getInfo5] .form-group .wpcf7 input[type=tel], form[name=getInfo5] .form-group .wpcf7 input[type=text], form[name=getInfo5] .form-group .wpcf7 input[type=time], form[name=getInfo5] .form-group .wpcf7 input[type=url], form[name=getInfo5] .form-group .wpcf7 input[type=week], form[name=getInfo5] .form-group .wpcf7 select, form[name=getInfo5] .form-group .wpcf7 textarea {
        border: none;
    }

    form[name=getInfo] .form-group select, form[name=getInfo2] .form-group select, form[name=getInfo3] .form-group select, form[name=getInfo4] .form-group select, form[name=getInfo5] .form-group select {
        font-family: "Ubuntu", sans-serif;
        font-size: 14px;
    }

        form[name=getInfo] .form-group select option, form[name=getInfo2] .form-group select option, form[name=getInfo3] .form-group select option, form[name=getInfo4] .form-group select option, form[name=getInfo5] .form-group select option {
            font-family: "Ubuntu", sans-serif;
            font-size: 14px;
        }

    form[name=getInfo] .form-group input[type=text], form[name=getInfo2] .form-group input[type=text], form[name=getInfo3] .form-group input[type=text], form[name=getInfo4] .form-group input[type=text], form[name=getInfo5] .form-group input[type=text] {
        font-family: "Ubuntu", sans-serif;
        font-size: 14px;
        line-height: 14px;
        font-weight: 300;
        border: 1px solid rgba(0, 0, 0, 0.1);
        border-radius: 2px;
        padding: 8px 16px;
        width: 100%;
        margin: 4px;
    }

        form[name=getInfo] .form-group input[type=text]:active, form[name=getInfo2] .form-group input[type=text]:active, form[name=getInfo3] .form-group input[type=text]:active, form[name=getInfo4] .form-group input[type=text]:active, form[name=getInfo5] .form-group input[type=text]:active {
            border-top: 1px solid #DEB496;
            border-left: 1px solid #DEB496;
            border-right: 1px solid #DEB496;
            border-bottom: 1px solid #DEB496;
            border-radius: 0;
            box-shadow: none;
        }

        form[name=getInfo] .form-group input[type=text]:focus, form[name=getInfo2] .form-group input[type=text]:focus, form[name=getInfo3] .form-group input[type=text]:focus, form[name=getInfo4] .form-group input[type=text]:focus, form[name=getInfo5] .form-group input[type=text]:focus {
            border-top: 1px solid #DEB496;
            border-left: 1px solid #DEB496;
            border-right: 1px solid #DEB496;
            border-bottom: 1px solid #DEB496;
            border-radius: 0;
            box-shadow: none;
        }

        form[name=getInfo] .form-group input[type=text]:visited, form[name=getInfo2] .form-group input[type=text]:visited, form[name=getInfo3] .form-group input[type=text]:visited, form[name=getInfo4] .form-group input[type=text]:visited, form[name=getInfo5] .form-group input[type=text]:visited {
            border-top: 1px solid #076633 !important;
            border-left: 1px solid #076633 !important;
            border-right: 1px solid #076633 !important;
            border-bottom: 1px solid #076633 !important;
            box-shadow: none;
        }

    form[name=getInfo] .form-group input::placeholder, form[name=getInfo2] .form-group input::placeholder, form[name=getInfo3] .form-group input::placeholder, form[name=getInfo4] .form-group input::placeholder, form[name=getInfo5] .form-group input::placeholder {
        font-family: "Ubuntu", sans-serif;
        font-size: 16px;
        font-weight: 300;
        background-color: transparent;
        color: rgba(0, 0, 0, 0.5);
    }

    form[name=getInfo] .form-group input:focus::placeholder, form[name=getInfo2] .form-group input:focus::placeholder, form[name=getInfo3] .form-group input:focus::placeholder, form[name=getInfo4] .form-group input:focus::placeholder, form[name=getInfo5] .form-group input:focus::placeholder {
        background-color: transparent;
        color: rgba(0, 0, 0, 0.3) !important;
    }

    form[name=getInfo] .form-group input:active::placeholder, form[name=getInfo2] .form-group input:active::placeholder, form[name=getInfo3] .form-group input:active::placeholder, form[name=getInfo4] .form-group input:active::placeholder, form[name=getInfo5] .form-group input:active::placeholder {
        color: rgba(0, 0, 0, 0.3) !important;
    }

    form[name=getInfo] .form-group input[type=button], form[name=getInfo2] .form-group input[type=button], form[name=getInfo3] .form-group input[type=button], form[name=getInfo4] .form-group input[type=button], form[name=getInfo5] .form-group input[type=button] {
        margin-top: 16px;
        cursor: pointer;
        border-radius: 3px;
        text-align: center;
        background-color: #DEB496;
        color: #383838;
        display: block;
        padding: 12px;
        width: 100%;
        border: 0;
        box-shadow: none;
    }

        form[name=getInfo] .form-group input[type=button]:hover, form[name=getInfo2] .form-group input[type=button]:hover, form[name=getInfo3] .form-group input[type=button]:hover, form[name=getInfo4] .form-group input[type=button]:hover, form[name=getInfo5] .form-group input[type=button]:hover {
            text-decoration: none;
            background-color: #d8a683;
        }

.dif {
    display: flex;
    align-items: center;
    justify-content: center;
}

form[name=login] label {
    font-family: "Ubuntu", sans-serif;
    color: #383838 !important;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    margin: 16px 4px 8px;
}

form[name=login] input {
    font-family: "Ubuntu", sans-serif;
    font-size: 14px;
    line-height: 14px;
    font-weight: 300;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    padding: 8px 16px;
    width: 100%;
    margin: 4px;
}

    form[name=login] input:active {
        border-top: 1px solid #DEB496;
        border-left: 1px solid #DEB496;
        border-right: 1px solid #DEB496;
        border-bottom: 1px solid #DEB496;
        border-radius: 0;
        box-shadow: none;
    }

    form[name=login] input:focus {
        border-top: 1px solid #DEB496;
        border-left: 1px solid #DEB496;
        border-right: 1px solid #DEB496;
        border-bottom: 1px solid #DEB496;
        border-radius: 0;
        box-shadow: none;
    }

    form[name=login] input:visited {
        border-top: 1px solid #076633 !important;
        border-left: 1px solid #076633 !important;
        border-right: 1px solid #076633 !important;
        border-bottom: 1px solid #076633 !important;
        box-shadow: none;
    }

    form[name=login] input::placeholder {
        font-family: "Ubuntu", sans-serif;
        font-size: 16px;
        font-weight: 300;
        background-color: transparent;
        color: rgba(0, 0, 0, 0.5);
    }

form[name=login] .checkbox {
    margin: 16px 0;
    display: inline-block;
    white-space: nowrap;
}

    form[name=login] .checkbox input {
        width: auto !important;
    }

.last-row {
    padding: 15px 0;
}

    .last-row input[type=button].pi_pricebtn.pi_bookButtons {
        background-color: #DEB496;
        border-radius: 3px;
        padding: 8px 16px;
        color: #383838;
        box-shadow: none;
        border: 1px solid #DEB496;
        margin: 4px;
    }

        .last-row input[type=button].pi_pricebtn.pi_bookButtons:hover {
            text-decoration: none;
            background-color: #d8a683;
        }

    .last-row input[type=submit].pi_bookButtons {
        background-color: transparent;
        border-radius: 3px;
        padding: 8px 16px;
        color: #076633;
        box-shadow: none;
        border: 1px solid #076633;
        margin: 4px;
        opacity: 0.5;
    }

        .last-row input[type=submit].pi_bookButtons:hover {
            opacity: 1;
            text-decoration: none;
        }

#steps-uid-1-p-0 {
    width: 100%;
}

    #steps-uid-1-p-0 .topform {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

        #steps-uid-1-p-0 .topform .from {
            width: 45%;
        }

        #steps-uid-1-p-0 .topform .to {
            width: 45%;
        }

    #steps-uid-1-p-0 .bottomform {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

        #steps-uid-1-p-0 .bottomform input {
            display: flex;
            align-items: center;
            width: 19%;
        }

            #steps-uid-1-p-0 .bottomform input[type=button] {
                display: flex;
                align-items: center;
                justify-content: center;
                text-align: center;
            }

    #steps-uid-1-p-0 label {
        display: none;
    }

    #steps-uid-1-p-0 p {
        margin-bottom: 16px;
    }

    #steps-uid-1-p-0 hr {
        display: none;
    }

    #steps-uid-1-p-0 .jitInput {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        border-top: 0;
        border-left: 0;
        border-right: 0;
        padding: 8px 16px;
        width: 100%;
    }

        #steps-uid-1-p-0 .jitInput:active {
            border-top: 0;
            border-left: 0;
            border-right: 0;
            border-bottom: 1px solid #DEB496;
        }

        #steps-uid-1-p-0 .jitInput:focus {
            border-top: 0;
            border-left: 0;
            border-right: 0;
            border-bottom: 1px solid #DEB496;
        }

    #steps-uid-1-p-0 input[type=button] {
        margin-top: 16px;
        cursor: pointer;
        border-radius: 3px;
        text-align: center;
        background-color: #DEB496;
        color: #383838;
        display: block;
        padding: 12px;
        border: 0;
        box-shadow: none;
    }

        #steps-uid-1-p-0 input[type=button]:hover {
            text-decoration: none;
            background-color: #d8a683;
        }

.from {
    position: relative;
    margin-bottom: 16px;
}

    .from input {
        text-indent: 20px;
    }

    .from .fa-map-marker-alt {
        position: absolute;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        left: 12px;
        font-size: 15px;
    }

.to {
    position: relative;
    margin-bottom: 16px;
}

    .to input {
        text-indent: 20px;
    }

    .to .fa-map-marker-alt {
        position: absolute;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        left: 12px;
        font-size: 15px;
    }

.menucta {
    border: 1px solid #f5f5f5;
    padding: 25px;
    border-radius: 3px;
    margin-top: 100px;
    background-color: transparent;
}

    .menucta .image-outer {
        display: flex;
        align-items: center;
    }

        .menucta .image-outer img {
            border: 5px solid rgba(255, 255, 255, 0.21);
            margin-right: 20px;
            width: 80px;
            height: 80px;
            overflow: hidden;
            border-radius: 100px;
            opacity: 1;
            object-fit: cover;
            background-size: cover;
            background-position: center center;
        }

        .menucta .image-outer .contactinfo {
            color: #383838;
        }

    .menucta .right {
        color: #383838;
    }

        .menucta .right a {
            display: inline-block;
        }

.button-bmt {
    text-decoration: none;
    cursor: pointer;
    margin: 10px 10px 10px 0;
    transition: all linear 0.2s;
    background-color: #DEB496;
    border-radius: 3px;
    padding: 8px 16px;
    color: #33424f;
    border: 1px solid #DEB496;
    text-decoration: none;
    margin-bottom: 10px;
    display: inline-block;
}

    .button-bmt:hover {
        border: 1px solid #d8a683;
        background-color: #d8a683;
        text-decoration: none;
    }

a {
    color: #076633;
}

    a:hover {
        color: #054e27;
    }

    a.blink {
        text-decoration: none !important;
        display: inline-block;
        color: #076633 !important;
        text-decoration: none;
    }

.blink {
    text-decoration: none !important;
    display: inline-block;
    color: #076633 !important;
    text-decoration: none;
}

.blink {
    position: relative;
}

    .blink:after {
        content: "";
        display: block;
        width: 0;
        height: 1px;
        background: #076633;
        transition: width 0.3s;
    }

    .blink:hover:after {
        width: 100%;
    }

a.btn-border {
    padding: 0.75rem 1.2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: white;
    text-decoration: none;
    border: 0;
    font-weight: 300;
    overflow: hidden;
    -webkit-transition: background-position 0.3s ease;
    transition: background-position 0.3s ease;
    color: #076633;
    border: 1px solid #076633;
}

    a.btn-border:hover {
        color: #076633;
        border: 1px solid #076633;
    }

.btn-add {
    display: inline-block;
    margin: 3px 5px 0;
    cursor: pointer;
    font-family: "Ubuntu", sans-serif;
    background-color: #076633;
    border-radius: 3px;
    color: #ffffff;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #076633;
    padding: 8px 16px;
    position: relative;
    text-align: center;
}

    .btn-add:hover {
        text-decoration: none;
        border: 1px solid #054e27;
        background-color: #054e27;
        color: #ffffff;
    }

.btn-remove {
    display: inline-block;
    margin: 3px 5px 0;
    cursor: pointer;
    font-family: "Ubuntu", sans-serif;
    background-color: transparent;
    border-radius: 3px;
    color: #383838;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid red;
    padding: 8px 16px;
    position: relative;
    text-align: center;
}

    .btn-remove:hover {
        text-decoration: none;
        border: 1px solid #e60000;
        background-color: #e60000;
        color: #ffffff;
    }

.btn-outer {
    padding: 0;
    display: inline-block;
    position: relative;
}

.btn-next {
    width: 100%;
    display: block;
    margin: 16px 0 0 0;
    cursor: pointer;
    font-family: "Ubuntu", sans-serif;
    background-color: transparent;
    border-radius: 3px;
    color: #383838;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #DEB496;
    padding: 8px 16px;
    position: relative;
    text-align: center;
}

    .btn-next:hover {
        text-decoration: none;
        border: 1px solid #d8a683;
        background-color: #d8a683;
        color: #33424f;
    }

    .btn-next.active {
        width: 100%;
        display: block;
        margin: 20px 0 0 0;
        cursor: pointer;
        font-family: "Ubuntu", sans-serif;
        background-color: #DEB496;
        border-radius: 3px;
        color: #383838;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        border: 1px solid #DEB496;
        padding: 8px 16px;
        position: relative;
        text-align: center;
    }

        .btn-next.active:hover {
            text-decoration: none;
            border: 1px solid #d8a683;
            background-color: #d8a683;
            color: #33424f;
        }

.btn-pdetails {
    cursor: pointer;
    border-radius: 3px;
    margin: 15px 0;
    background: #076633;
    display: inline-block;
    padding: 0.75rem 1.5rem !important;
    text-decoration: none;
    font-weight: 300;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    text-decoration: none;
    user-select: none;
    transition: all 0.15s ease;
    color: #ffffff !important;
}

    .btn-pdetails:hover {
        background-color: #054e27;
    }

.btn-rates {
    width: 100%;
    display: block;
    margin: 0;
    cursor: pointer;
    font-family: Ubuntu, sans-serif;
    background-color: #DEB496;
    border-radius: 3px;
    color: #000;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #DEB496;
    padding: 16px;
    position: relative;
    text-align: center;
}

    .btn-rates:hover {
        text-decoration: none;
        border: 1px solid #d8a683;
        background-color: #d8a683;
        color: #33424f;
    }

.btn-sales {
    width: 100%;
    display: block;
    margin: 0;
    cursor: pointer;
    font-family: Ubuntu, sans-serif;
    background-color: transparent;
    border-radius: 3px;
    color: white;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #fff;
    padding: 8px 16px;
    position: relative;
    text-align: center;
}

    .btn-sales:hover {
        text-decoration: none;
        border: 1px solid #d8a683;
        background-color: #d8a683;
        color: #33424f;
    }

.btn-sec-outer {
    display: inline-block;
    background-color: #DEB496;
    position: relative;
    overflow: hidden;
    position: relative;
}

a.btn-sec {
    border: none;
    border-bottom: 2px solid rgba(0, 0, 0, 0.15);
    color: #33424f;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    padding: 0.75em 1.25rem;
    background: -webkit-gradient(linear, left top, right top, from(#d8a683), to(#d8a683));
    background: linear-gradient(to right, #d8a683, #d8a683);
    background-repeat: no-repeat;
    background-size: 0 100%;
    -webkit-transition: background-size 1s 0s;
    transition: background-size 1s 0s;
}

button.btn-sec {
    border: none;
    border-bottom: 2px solid rgba(0, 0, 0, 0.15);
    color: #33424f;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    padding: 0.75em 1.25rem;
    background: -webkit-gradient(linear, left top, right top, from(#d8a683), to(#d8a683));
    background: linear-gradient(to right, #d8a683, #d8a683);
    background-repeat: no-repeat;
    background-size: 0 100%;
    -webkit-transition: background-size 1s 0s;
    transition: background-size 1s 0s;
}

.btn-sec:hover {
    border-bottom: 2px solid rgba(0, 0, 0, 0.15);
    background-color: #DEB496;
    background-size: 100% 100%;
}

.btn-sec-primary-outer {
    display: inline-block;
    background-color: #076633;
    position: relative;
    overflow: hidden;
    position: relative;
}

button.btn-sec-primary {
    border: none;
    border-bottom: 2px solid rgba(0, 0, 0, 0.15);
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    padding: 0.75em 1.25rem;
    background: -webkit-gradient(linear, left top, right top, from(#06562B), to(#06562B));
    background: linear-gradient(to right, #06562B, #06562B);
    background-repeat: no-repeat;
    background-size: 0 100%;
    -webkit-transition: background-size 1s 0s;
    transition: background-size 1s 0s;
}

a.btn-sec-primary {
    border: none;
    border-bottom: 2px solid rgba(0, 0, 0, 0.15);
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    padding: 0.75em 1.25rem;
    background: -webkit-gradient(linear, left top, right top, from(#06562B), to(#06562B));
    background: linear-gradient(to right, #06562B, #06562B);
    background-repeat: no-repeat;
    background-size: 0 100%;
    -webkit-transition: background-size 1s 0s;
    transition: background-size 1s 0s;
}

.btn-sec-primary:hover {
    border-bottom: 2px solid rgba(0, 0, 0, 0.15);
    background-color: #076633;
    background-size: 100% 100%;
}

button.btn-basic {
    cursor: pointer;
    border: none;
    background-color: transparent;
    box-shadow: none;
    color: #076633;
}

    button.btn-basic:hover {
        text-decoration: underline;
        color: #076633;
    }

a.btn-basic {
    color: #076633 !important;
    text-decoration: none;
}

    a.btn-basic:after {
        bottom: 1px;
        position: relative;
        content: "→";
        font-family: "Inter", sans-serif;
        margin-left: 8px;
    }

    a.btn-basic:hover {
        color: #076633 !important;
        text-decoration: none;
    }

        a.btn-basic:hover:after {
            bottom: 1px;
            content: "→";
            margin-left: 12px;
            font-family: "Inter", sans-serif;
            transition: 0.2s linear;
        }

.arrowafter:after {
    content: "→";
    font-family: "Inter", sans-serif;
    margin-left: 8px;
}

a.btn-plus {
    background-color: transparent;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 50px;
    color: #076633 !important;
}

    a.btn-plus:hover {
        background-color: #f1f6f3;
        color: #076633 !important;
    }

a.btn-min {
    cursor: pointer;
    padding: 8px 16px;
    color: red !important;
}

    a.btn-min:hover {
        color: red;
    }

button.spin:hover > i.fa-spin-hover {
    animation: fa-spin 2s infinite linear;
}

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

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

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

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

.btn {
    display: block;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    font-size: 1rem;
    line-height: 1.8;
    border-radius: 3px;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.btn-outer {
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    font-size: 1rem;
    line-height: 1.8;
    border-radius: 3px;
    display: inline-block;
    position: relative;
}

.icons {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 3.8rem;
    position: relative;
}

    .icons i {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 20px;
        height: 100%;
    }

button.btn-border {
    padding: 0.75rem 1.2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: white;
    text-decoration: none;
    border: 0;
    overflow: hidden;
    -webkit-transition: background-position 0.3s ease;
    transition: background-position 0.3s ease;
    color: #33424f;
    border: 1px solid #33424f;
}

    button.btn-border:hover {
        color: #076633;
        border: 1px solid #076633;
    }

button.btn-gradient {
    padding: 0.75rem 1.2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #DEB496 !important;
    text-decoration: none;
    border: 0;
    overflow: hidden;
    -webkit-transition: background-position 0.3s ease;
    transition: background-position 0.3s ease;
}

    button.btn-gradient:hover {
        color: #ffffff;
    }

a.btn-gradient {
    cursor: pointer !important;
    padding: 0.75rem 1.2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #DEB496 !important;
    text-decoration: none;
    border: 0;
    overflow: hidden;
    -webkit-transition: background-position 0.3s ease;
    transition: background-position 0.3s ease;
}

    a.btn-gradient:hover {
        color: #33424f;
    }

.router-anim-enter-active {
    animation: coming 0.25s;
    animation-timing-function: cubic-bezier(0.17, 0.67, 0.83, 0.67);
}

.router-anim-leave-active {
    animation: going 1s;
    animation-timing-function: cubic-bezier(0.17, 0.67, 0.83, 0.67);
}

@keyframes going {
    from {
        transform: translateX(0);
        opacity: 1;
    }

    to {
        transform: translateX(100px);
        opacity: 0;
    }
}

@keyframes coming {
    from {
        transform: translateX(-50px);
        opacity: 0;
    }

    to {
        transform: translateX(0px);
        opacity: 1;
    }
}

.slidecontainer {
    width: 100%;
    /* Width of the outside container */
}

/* The slider itself */
.slider {
    -webkit-appearance: none;
    /* Override default CSS styles */
    appearance: none;
    width: 100%;
    /* Full-width */
    height: 15px;
    /* Specified height */
    border-radius: 50px;
    background: #fff !important;
    /* Grey background */
    opacity: 1;
    /* Set transparency (for mouse-over effects on hover) */
    -webkit-transition: 0.2s;
    /* 0.2 seconds transition on hover */
    transition: opacity 0.2s;
}

    /* Mouse-over effects */
    .slider:hover {
        opacity: 1;
        /* Fully shown on mouse-over */
    }

    /* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
    .slider::-webkit-slider-thumb {
        -webkit-appearance: none;
        /* Override default look */
        appearance: none;
        width: 25px;
        /* Set a specific slider handle width */
        height: 25px;
        /* Slider handle height */
        border-radius: 50%;
        background: #076633;
        /* Green background */
        cursor: pointer;
        /* Cursor on hover */
    }

    .slider::-moz-range-thumb {
        width: 25px;
        /* Set a specific slider handle width */
        height: 25px;
        /* Slider handle height */
        border-radius: 50%;
        background: #076633;
        /* Green background */
        cursor: pointer;
        /* Cursor on hover */
    }

#rangeoutput {
    color: #076633;
}

button.btn-sub {
    background-color: white;
    border-color: #666;
    color: #666;
    text-shadow: none;
}

    button.btn-sub:hover {
        background-color: #076633;
        color: #ffffff;
        border-color: #054e27;
    }

    button.btn-sub.active {
        background-color: #076633;
        color: #ffffff;
        border-color: #054e27;
    }

.bg-row-active {
    background-color: #F3F4F7;
}

#dataplans > .row:hover {
    background-color: #F3F4F7;
}

.stepOne {
    background-color: transparent;
}

    .stepOne:hover {
        background-color: #F3F4F7;
    }

section.hero .heroimage__outer {
    position: relative;
    background-color: #ffffff;
    overflow: hidden;
    height: auto;
}

    section.hero .heroimage__outer .content {
        height: 100%;
        width: 100%;
        position: relative;
        overflow: hidden;
        background-color: #ffffff;
        display: flex;
        align-items: center;
    }

        section.hero .heroimage__outer .content h1 {
            padding: 150px 0 0px;
            display: flex;
            align-items: center;
            height: 100%;
            position: relative;
            z-index: 4;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            color: white;
        }

section.completeshipment {
    background-color: #f5f5f5;
    padding: 50px 0;
}

/* Style the buttons that are used to open and close the accordion panel */
.accordion {
    font-family: "Ubuntu", sans-serif;
    font-weight: 600;
    font-size: 22px;
    position: relative;
    background-color: white;
    color: #383838;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .accordion:after {
        content: "➕";
        /* Unicode character for "plus" sign (+) */
        font-size: 13px;
        color: #383838;
        float: right;
        margin-left: 5px;
    }

    .accordion.active:after {
        content: "➖";
        /* Unicode character for "minus" sign (-) */
        color: #ffffff;
    }

    /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
    .accordion.active, .accordion:hover {
        background-color: #efefef;
    }

/* Style the accordion panel. Note: hidden by default */
.panel {
    background-color: white;
    /*max-height: 0;
    overflow: hidden;*/
    position: relative;
    margin-bottom: 8px;
    transition: max-height 0.2s ease-out;
}

    .panel .innerpanel {
        padding: 15px;
    }

.price__section {
    padding: 15px 25px;
    border-radius: 3px;
    background-color: #076633;
    color: #ffffff;
}

.custom-select-opt {
    background-color: #ffffff;
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.1);
    width: 100%;
    top: 4px;
    border-radius: 3px;
    overflow: hidden;
}

    .custom-select-opt:after {
        position: absolute;
        right: 15px;
        top: 0;
        bottom: 0;
        height: 100;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "";
    }

    .custom-select-opt select {
        position: relative;
        width: 100%;
        border: none;
        box-shadow: none;
        background: transparent;
        background-image: none;
        -webkit-appearance: none;
    }

        .custom-select-opt select:focus {
            outline: none;
        }

h5.ftitlew {
    cursor: pointer;
    position: relative;
    padding: 16px;
    color: #383838;
    font-family: "Ubuntu", sans-serif;
    background-color: #ffffff;
    font-weight: 300;
    font-size: 16px;
    line-height: 16px;
    border-radius: 3px 3px 0 0;
    margin: 0;
    width: 100%;
}

    h5.ftitlew i {
        right: 16px;
        position: absolute;
    }

.address {
    padding: 16px;
    color: #383838;
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
}

    .address #flow {
        display: block;
    }

    .address h5 {
        font-size: 16px;
    }

    .address p {
        padding: 5px;
        background-color: rgba(252, 180, 20, 0.1);
        padding-bottom: 8px;
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 16px;
    }

.checkbox__outer {
    margin: 0 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.datepicker {
    width: 100%;
    position: relative;
}

    .datepicker span.datepicker-icon {
        position: absolute;
        right: 15px;
        top: 0;
        bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

/* Small devices (tablets, 768px and up) */
@media (min-width: 992px) {
    .listings {
        overflow: scroll;
        position: relative;
        height: 100vh;
        overflow: auto;
        padding-bottom: 60px !important;
    }
}

td {
    font-size: 12px;
}

.no-padding {
    padding: 0 !important;
}

.map {
    position: relative;
    min-height: 500px;
}

.m-extra {
    width: 100%;
    position: relative;
    background-color: #076633;
}

    .m-extra p {
        margin: 0;
        color: white;
        padding: 30px 15px;
    }

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

    100% {
        transform: rotate(360deg);
    }
}
/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript, 
if it's not present, don't show loader */
.no-js #loader {
    display: none;
}

.js #loader {
    display: block;
    position: absolute;
    left: 100px;
    top: 0;
}

.btn-primary {
    border-radius: 3px;
    background-color: #fcb414;
    color: #ffffff;
    padding: 8px 16px;
    box-shadow: none;
    border: none;
}

    .btn-primary:hover {
        background-color: #da9703;
    }

.white {
    color: white;
}

.dark {
    color: #076633;
}

h1 {
    font-size: 28px;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 22px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

.trackwrapper {
    position: relative;
}

    .trackwrapper span.icon {
        cursor: pointer;
        position: absolute;
        right: 12px;
        top: 12px;
        width: 20px;
        height: 20px;
        background-color: transparent;
        border: 1px solid #fcb414;
        color: #fcb414;
        border-radius: 100px;
        font-size: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .trackwrapper span.icon:hover {
            color: #ffffff;
            border: 1px solid #fcb414;
            background-color: #fcb414;
        }

.pt {
    margin: 100px 0 0 !important;
}

.hoverme {
    background-color: white;
}

    .hoverme i.fa {
        color: white !important;
    }

ul {
    margin-bottom: 0;
}

.hovermeorange {
    background-color: #fcb414;
    color: white;
}

form#trackform {
    display: flex;
    flex-direction: column;
}

    form#trackform input {
        width: 100%;
        margin-bottom: 8px;
        padding: 8px 16px;
    }

    form#trackform .btn_outer {
        display: block;
        position: relative;
    }

        form#trackform .btn_outer button.submit_btn {
            display: block;
            cursor: pointer;
            border: 0px;
            float: right;
            padding: 8px 16px;
            border-radius: 3px;
            background-color: #fcb414;
            color: #ffffff;
        }

            form#trackform .btn_outer button.submit_btn:hover {
                background-color: #da9703;
            }

.content_default {
    z-index: 1;
    position: relative;
    padding: 100px 15px;
}

    .content_default .upper_card {
        padding: 50px;
        border-radius: 10px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        display: inline-block;
        background-color: #ffffff;
    }

        .content_default .upper_card .upper_card-header {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
            padding-bottom: 25px;
        }

            .content_default .upper_card .upper_card-header i {
                padding: 15px;
                border-radius: 5px;
                font-size: 28px;
            }

            .content_default .upper_card .upper_card-header h1 {
                color: #202020;
                font-size: 32px;
                margin-bottom: 10px;
            }

            .content_default .upper_card .upper_card-header span {
                color: #202020;
                font-size: 22px;
                opacity: 0.78;
            }

        .content_default .upper_card .upper_card-body {
            width: 100%;
            padding: 25px 0;
            display: inline-block;
        }

        .content_default .upper_card .upper_card-footer {
            border-top: 1px solid rgba(0, 0, 0, 0.1);
            padding: 25px 0 0;
            display: flex;
            flex-direction: column;
        }

            .content_default .upper_card .upper_card-footer .sides {
                display: flex;
                justify-content: space-between;
                align-items: center;
            }

                .content_default .upper_card .upper_card-footer .sides button.myparcel_btn {
                    border: 0px;
                    cursor: pointer;
                    padding: 8px 16px;
                    color: #ffffff;
                    border-radius: 3px;
                    background-color: #fcb414;
                }

                    .content_default .upper_card .upper_card-footer .sides button.myparcel_btn:hover {
                        background-color: #da9703;
                    }

                .content_default .upper_card .upper_card-footer .sides a.register_btn {
                    color: #fcb414;
                    cursor: pointer;
                }

                    .content_default .upper_card .upper_card-footer .sides a.register_btn:hover {
                        text-decoration: none;
                    }

@media (min-width: 576px) {
    .content_default {
        z-index: 1;
        position: relative;
        padding: 100px 40px;
    }

        .content_default .upper_card {
            padding: 50px;
            border-radius: 10px;
            border-bottom: 1px solid rgba(0, 0, 0, 0.1);
            display: inline-block;
            background-color: #ffffff;
        }

            .content_default .upper_card .upper_card-header {
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                text-align: center;
                padding-bottom: 25px;
            }

                .content_default .upper_card .upper_card-header i {
                    padding: 15px;
                    border-radius: 5px;
                    font-size: 28px;
                }

                .content_default .upper_card .upper_card-header h1 {
                    color: #202020;
                    font-size: 32px;
                    margin-bottom: 10px;
                }

                .content_default .upper_card .upper_card-header span {
                    color: #202020;
                    font-size: 22px;
                    opacity: 0.78;
                }

            .content_default .upper_card .upper_card-body {
                width: 100%;
                padding: 25px 0;
                display: inline-block;
            }

            .content_default .upper_card .upper_card-footer {
                border-top: 1px solid rgba(0, 0, 0, 0.1);
                padding: 25px 0 0;
                display: flex;
                flex-direction: column;
            }

                .content_default .upper_card .upper_card-footer .sides {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                }

                    .content_default .upper_card .upper_card-footer .sides button.myparcel_btn {
                        border: 0px;
                        cursor: pointer;
                        padding: 8px 16px;
                        color: #ffffff;
                        border-radius: 3px;
                        background-color: #fcb414;
                    }

                        .content_default .upper_card .upper_card-footer .sides button.myparcel_btn:hover {
                            background-color: #da9703;
                        }

                    .content_default .upper_card .upper_card-footer .sides a.register_btn {
                        color: #fcb414;
                        cursor: pointer;
                    }

                        .content_default .upper_card .upper_card-footer .sides a.register_btn:hover {
                            text-decoration: none;
                        }
}

.listings {
    position: relative;
    padding: 75px 15px 15px !important;
    background-color: #f5f5f5;
    border: 0px !important;
}

    .listings .loader {
        position: relative;
        height: 120px;
        margin-bottom: 8px;
        border-radius: 3px;
        z-index: 9;
        background: url("images/pageLoader.gif") 50% 50% no-repeat #e8e8e8;
        opacity: 1;
    }

    .listings .lCard {
        -webkit-animation-name: fadeInUp;
        /* Safari 4.0 - 8.0 */
        -webkit-animation-duration: 1s;
        /* Safari 4.0 - 8.0 */
        animation-name: fadeInUp;
        animation-duration: 1s;
        position: relative;
        cursor: pointer;
        margin-bottom: 8px;
        background-color: #ffffff;
        border-radius: 0px;
        display: block;
        padding: 0;
    }

        .listings .lCard:hover {
            background-color: #fcfcfc;
            transition: all linear 0.2s;
            transform: translateY(-2px);
            box-shadow: 0 18px 35px rgba(50, 50, 93, 0.1), 0 8px 15px rgba(0, 0, 0, 0.07);
        }

        .listings .lCard:active {
            background-color: #f7f7f7;
        }

        .listings .lCard:focus {
            background-color: #f7f7f7;
        }

        .listings .lCard .lCard__inner {
            display: flex;
            flex-direction: column;
        }

            .listings .lCard .lCard__inner span.homeStatus {
                font-size: 12px;
                position: absolute;
                right: 8px;
                top: 8px;
                display: flex;
                padding: 8px 16px;
                border-radius: 100px;
                color: white;
                background-color: #DEB496;
            }

                .listings .lCard .lCard__inner span.homeStatus:before {
                    content: "";
                    color: white;
                    font-family: "Font Awesome 5 Free";
                    font-weight: 900;
                    font-size: 13px;
                }

                .listings .lCard .lCard__inner span.homeStatus p {
                    margin-left: 5px;
                    display: none;
                    color: white;
                }

            .listings .lCard .lCard__inner span.pickupStatus {
                font-size: 12px;
                position: absolute;
                right: 8px;
                top: 8px;
                display: flex;
                padding: 8px 16px;
                border-radius: 100px;
                color: white;
                background-color: #76f6b1;
            }

                .listings .lCard .lCard__inner span.pickupStatus:before {
                    content: "";
                    color: white;
                    font-family: "Font Awesome 5 Free";
                    font-weight: 900;
                    font-size: 13px;
                }

                .listings .lCard .lCard__inner span.pickupStatus p {
                    margin-left: 5px;
                    display: none;
                    color: white;
                }

            .listings .lCard .lCard__inner span.inTransitStatus {
                font-size: 12px;
                position: absolute;
                right: 8px;
                top: 8px;
                display: flex;
                padding: 8px 16px;
                border-radius: 100px;
                color: white;
                background-color: #eefef5;
            }

                .listings .lCard .lCard__inner span.inTransitStatus:before {
                    content: "";
                    color: white;
                    font-family: "Font Awesome 5 Free";
                    font-weight: 900;
                    font-size: 13px;
                }

                .listings .lCard .lCard__inner span.inTransitStatus p {
                    margin-left: 5px;
                    display: none;
                    color: white;
                }

            .listings .lCard .lCard__inner span.deliveredStatus {
                font-size: 12px;
                position: absolute;
                right: 8px;
                top: 8px;
                display: flex;
                padding: 8px 16px;
                border-radius: 100px;
                background-color: #076633;
            }

                .listings .lCard .lCard__inner span.deliveredStatus:before {
                    content: "";
                    color: white;
                    font-family: "Font Awesome 5 Free";
                    font-weight: 900;
                    font-size: 13px;
                    display: inline-block;
                }

                .listings .lCard .lCard__inner span.deliveredStatus p {
                    margin-left: 5px;
                    display: none;
                    color: white;
                }

p.custom {
    padding: 4px 8px 0;
    margin: 0;
}

.lCard__location {
    display: inline-block;
}

.twhite {
    color: white;
}

.contact__section {
    border-radius: 0px;
    display: block;
    margin-bottom: 16px;
    position: relative;
    top: 0;
}

    .contact__section .contact__section-content {
        padding: 30px 15px;
        border: 1px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 3px;
    }

        .contact__section .contact__section-content h5.contact_head {
            position: relative;
            text-align: center;
            margin-bottom: 16px;
        }

        .contact__section .contact__section-content .contact_body {
            align-items: center;
            justify-content: center;
            display: flex;
            margin: 0;
            text-align: center;
        }

            .contact__section .contact__section-content .contact_body a {
                transition: all linear 0.2s;
                margin: 0 5px;
                background-color: white;
                border-radius: 100px;
                text-decoration: none;
            }

                .contact__section .contact__section-content .contact_body a i {
                    color: #076633;
                    border-radius: 3px;
                    height: 50px;
                    width: 50px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    font-size: 18px;
                }

                .contact__section .contact__section-content .contact_body a:hover {
                    background-color: #076633;
                    color: #ffffff;
                }

                    .contact__section .contact__section-content .contact_body a:hover i {
                        color: white;
                    }

.divtrack {
    padding: 0 25px;
}

    .divtrack span p {
        margin: 0;
    }

form#searchform {
    position: relative;
    margin: 0 15px !important;
    display: flex;
    align-items: center;
}

    form#searchform input[type=text] {
        font-size: 14px;
        padding: 8px;
        text-indent: 8px;
        right: 0;
        position: absolute;
        border-radius: 100px;
        box-shadow: none;
        border: none;
        background-color: #f5f5f5;
        margin: 0 !important;
    }

    form#searchform input[type=submit] {
        padding: 8px;
        z-index: 9999;
        width: 50px;
        background-color: transparent;
        border: none;
        position: absolute;
        right: 0;
        border-radius: 0 100px 100px 0;
        box-shadow: none;
        margin: 0 !important;
    }

        form#searchform input[type=submit]:before {
            background-color: #f5f5f5;
            color: #f0f0f0;
            content: "";
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
        }

    form#searchform i {
        margin-right: 5px;
        z-index: 9;
    }

#trackModal .modal-content {
    border: none;
    border-radius: 5px;
}

    #trackModal .modal-content .modal-header {
        border-bottom: none;
    }

        #trackModal .modal-content .modal-header h5 {
            padding: 25px 0 0 0;
            width: 100%;
            text-align: center;
        }

    #trackModal .modal-content .modal-body {
        padding-bottom: 50px;
        border-bottom: none;
        text-align: center;
    }

        #trackModal .modal-content .modal-body #searchform input[type=text] {
            width: 100%;
            position: relative;
            padding: 12px 28px;
        }

        #trackModal .modal-content .modal-body #searchform i {
            right: 0;
            position: absolute;
        }

    #trackModal .modal-content .modal-footer p {
        margin: 0;
    }

    #trackModal .modal-content .modal-footer a {
        text-decoration: underline;
    }

        #trackModal .modal-content .modal-footer a:hover {
            color: rgba(0, 0, 0, 0.5);
        }

.firstdiv {
    display: none;
    cursor: pointer;
}

    .firstdiv p {
        position: relative;
        padding: 16px 8px;
        margin: 0;
    }

        .firstdiv p i {
            display: flex;
            align-items: center;
            justify-content: center;
            content: "";
            position: absolute;
            right: 0px;
            height: 100%;
            top: 0;
            font-family: "Font Awesome 5 Free";
        }

    .firstdiv .information__inner {
        margin-top: 10px;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        display: none;
        padding: 8px;
    }

        .firstdiv .information__inner .col {
            font-size: 12px !important;
        }

.markerinner {
    padding: 15px 15px 0;
}

    .markerinner p {
        margin: 0;
    }

.whatsapp__support a {
    box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.21);
    padding: 2px 16px 2px 32px;
    z-index: 9999;
    border-radius: 100px;
    position: absolute;
    display: block;
    right: 15px;
    bottom: 15px;
    background-color: #25D366;
    cursor: pointer;
    text-decoration: none;
    color: white;
    margin: 0;
    font-size: 16px;
    display: block;
}

    .whatsapp__support a:hover {
        background-color: white;
        color: #424242;
    }

        .whatsapp__support a:hover a {
            color: #424242;
        }

        .whatsapp__support a:hover i {
            color: #25D366;
        }

.whatsapp__support i {
    color: white;
    font-size: 20px;
    left: 10px;
}

.mapboxgl-popup-content {
    display: block;
    border-radius: 5px;
    padding-top: 0;
    margin-top: 0;
    background-color: white !important;
}

    .mapboxgl-popup-content h3 {
        margin-top: 10px;
        padding: 10px 10px 0 !important;
        font-size: 22px;
        line-height: 22px;
        background-color: white !important;
        color: #076633 !important;
    }

section.proces {
    margin: 0;
    padding: 15px;
}

    section.proces .proces_header .proces_h1 {
        margin-top: 50px;
        font-weight: 600;
    }

    section.proces .proces_header p {
        color: rgba(255, 255, 255, 0.5);
    }

    section.proces .proces_image {
        height: 500px;
        width: 100%;
        overflow: hidden;
        position: relative;
    }

        section.proces .proces_image img {
            object-fit: cover;
            background-position: center center;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
        }

        section.proces .proces_image:after {
            content: "";
            bottom: 0;
            left: 0;
            right: 0;
            top: 0;
            position: absolute;
            /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#33424f+0,33424f+100&1+0,0.1+100 */
            background: -moz-linear-gradient(top, #33424f 0%, rgba(51, 66, 79, 0.1) 100%);
            /* FF3.6-15 */
            background: -webkit-linear-gradient(top, #33424f 0%, rgba(51, 66, 79, 0.1) 100%);
            /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, #33424f 0%, rgba(51, 66, 79, 0.1) 100%);
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#33424f", endColorstr="#1a33424f",GradientType=0 );
            /* IE6-9 */
        }

    section.proces .proces_body .proces_body_content {
        padding: 50px 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

        section.proces .proces_body .proces_body_content p.proces_titel {
            color: #ffffff !important;
            font-weight: 600 !important;
        }

.secondform {
    display: flex;
    flex-direction: column;
}

.optionslider {
    width: 100%;
    overflow: hidden;
}

    .optionslider .owl-stage-outer {
        background-color: transparent;
    }

    .optionslider .owl-theme .owl-nav {
        margin: 0;
    }

    .optionslider .item {
        cursor: pointer !important;
        padding: 10px;
        margin: 10px;
        background-color: #ffffff;
        border-radius: 5px;
        box-shadow: 0 14px 31px rgba(50, 50, 93, 0.1), 0 4px 11px rgba(0, 0, 0, 0.07);

    }

        .optionslider .item .optionslider__card {
            display: flex;
            align-items: center;
        }

            .optionslider .item .optionslider__card .optionslider__card-content h5 {
                padding: 0 0 4px 0;
            }

            .optionslider .item .optionslider__card .optionslider__card-content p {
                padding: 4px 0 0 0;
                font-size: 10px;
            }

.optionslider__card-image {
    border-radius: 5px;
    padding: 5px 8px 5px 0px;
}

    .optionslider__card-image img {
        width: 60px !important;
        height: auto;
    }

.optionslider__card-content {
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

    .optionslider__card-content h5 {
        margin: 0;
        font-size: 16px;
        line-height: 18px;
    }

    .optionslider__card-content p {
        font-size: 12px;
        line-height: 16px;
    }

.jitouter {
    border: 1px solid red;
    position: relative;
}

    .jitouter .jitInput {
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid rgba(0, 0, 0, 0.05) !important;
        height: 100%;
        padding: 20px;
        width: 100%;
    }

    .jitouter span {
        color: #33424f;
        padding: 4px 10px;
        font-size: 14px;
        position: relative;
        right: 0;
        top: 0;
        bottom: 0;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

.owl-theme .owl-nav {
    margin: 0 !important;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
    font-family: "Font Awesome 5 Free";
    z-index: 6;
}

.owl-carousel i.fa.fa-angle-right, .owl-carousel i.fa.fa-angle-left {
    opacity: 1;
    background-color: white;
    padding: 50px 25px;
}

.owl-carousel i.fa.fa-angle-left {
    border-radius: 0 5px 5px 0;
}

.owl-carousel i.fa.fa-angle-right {
    border-radius: 5px 0 0 5px;
}

.owl-next.disabled {
    display: none !important;
}

.owl-prev.disabled {
    display: none !important;
}

.fa-angle-right:hover {
    color: #076633 !important;
}

.fa-angle-left:hover {
    color: #076633 !important;
}

.owl-nav {
    height: 100%;
}

.owl-theme .owl-nav [class*=owl-] {
    display: flex !important;
    background-color: transparent !important;
}

.owl-prev {
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: -5px !important;
}

    .owl-prev i {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #076633;
        width: 30px;
        height: 30px;
        border-radius: 100px;
        border-bottom: 2px solid #054e27;
    }

.owl-next {
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 0;
    margin-right: -5px !important;
}

    .owl-next i {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #076633;
        width: 30px;
        height: 30px;
        border-radius: 100px;
        border-bottom: 2px solid #054e27;
    }

.owl-next, .owl-prev {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    position: absolute;
    top: calc(50% - 50%);
    text-align: center;
    background-color: transparent;
}

.login-bg {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
}

    .login-bg:before {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        content: "";
        z-index: 2;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/$primary+0,ffffff+100&1+0,0+100 */
        background: -moz-linear-gradient(left, #076633 0%, rgba(7, 102, 51, 0) 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #076633 0%, rgba(7, 102, 51, 0) 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #076633 0%, rgba(7, 102, 51, 0) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$primary", endColorstr="$primary",GradientType=1 );
        /* IE6-9 */
    }

    .login-bg img {
        object-fit: cover;
        background-size: cover;
        background-position: top;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
        width: 100%;
        height: 100%;
    }

section.login {
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f5f5f5;
    min-height: 90vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

    section.login .login__outer {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #dark;
    }

        section.login .login__outer .login__image {
            position: relative;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
        }

            section.login .login__outer .login__image img {
                object-fit: cover;
                background-size: cover;
                background-position: center center;
                position: absolute;
                min-height: 100%;
                min-width: 100%;
            }

        section.login .login__outer .login__content form {
            display: flex;
            flex-direction: column;
        }

            section.login .login__outer .login__content form label {
                display: flex;
                flex-direction: column;
            }

section.informSucces {
    position: relative;
}

    section.informSucces .container-fluid {
        max-width: 1800px;
    }

        section.informSucces .container-fluid .informSucces-content {
            padding: 20px;
            background-color: #DEB496;
            color: #33424f;
            margin: 25px 0;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            section.informSucces .container-fluid .informSucces-content p {
                margin: 0;
            }

            section.informSucces .container-fluid .informSucces-content button {
                height: 100%;
                color: #33424f;
            }

                section.informSucces .container-fluid .informSucces-content button span {
                    height: 100%;
                    top: 0;
                    bottom: 0;
                    display: flex;
                    align-items: center;
                    color: #33424f !important;
                }

            section.informSucces .container-fluid .informSucces-content:hover {
                background-color: #d8a683;
            }

section.invoice__content {
    padding: 50px 0;
    position: relative;
}

    section.invoice__content .container-fluid {
        position: relative;
        max-width: 1800px;
    }

label.btn.btn-primary {
    color: #ffffff;
    border: 1px solid #076633;
    background-color: #076633 !important;
}

    label.btn.btn-primary:hover {
        border: 1px solid #076633;
    }

    label.btn.btn-primary.active {
        color: #ffffff;
        border: 1px solid #054e27 !important;
        background-color: #054e27 !important;
    }

li.paginate_button {
    margin: 0 0 0 5px;
}

    li.paginate_button a {
        border: 1px solid #076633;
        padding: 8px 16px;
        border-radius: 3px;
        background-position: #076633;
        color: #ffffff;
        text-decoration: none;
        color: rgba(0, 0, 0, 0.5);
    }

        li.paginate_button a:hover {
            background-color: #076633;
            color: #ffffff;
            border: 1px solid #076633;
        }

    li.paginate_button.disabled {
        margin: 0 0 0 5px;
    }

        li.paginate_button.disabled a {
            border: 1px solid rgba(0, 0, 0, 0.1);
            padding: 8px 16px;
            border-radius: 3px;
            text-decoration: none;
            color: rgba(0, 0, 0, 0.5);
        }

            li.paginate_button.disabled a:hover {
                background-color: #076633;
                color: #ffffff;
                border: 1px solid #076633;
            }

section.shipment__overview {
    background-color: white;
    padding: 50px 0;
}

    section.shipment__overview ul.nav.nav-pills li {
        margin-right: 10px;
    }

        section.shipment__overview ul.nav.nav-pills li a.nav-link {
            border-radius: 100px;
            background-color: #076633;
        }

            section.shipment__overview ul.nav.nav-pills li a.nav-link span.badge {
                border-radius: 100px !important;
            }

            section.shipment__overview ul.nav.nav-pills li a.nav-link.active {
                background-color: #DEB496;
            }

.badge-light {
    position: relative;
    margin-left: 5px;
    bottom: 1px;
}

.sendresults__outer {
    padding: 35px 0 100px;
}

.bg-darktab {
    background-color: transparent !important;
}

.pcard {
    margin-bottom: 8px;
    background-color: white;
    border: 1px solid #efefef;
    border-radius: 3px;
    display: flex;
    height: auto;
    flex-direction: row;
}

    .pcard .carrier {
        border-right: 1px solid #efefef;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 136px;
        padding: 20px;
    }

        .pcard .carrier img {
            background-color: #076633;
            padding: 15px;
            border-radius: 5px;
        }

    .pcard .content {
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 16px;
    }

        .pcard .content .content-first {
            position: relative;
            height: 100%;
            width: 100%;
        }

            .pcard .content .content-first .first-header {
                display: flex;
                flex-direction: column;
                top: 0;
                position: relative;
            }

            .pcard .content .content-first .first-footer {
                bottom: 0;
                position: relative;
                display: block;
                width: 100%;
            }

                .pcard .content .content-first .first-footer .delivery-time {
                    font-family: "Inter", sans-serif;
                    position: relative;
                    font-size: 13px;
                    margin: 0;
                    padding: 0;
                }

                    .pcard .content .content-first .first-footer .delivery-time i {
                        border-radius: 3px;
                        padding: 8px;
                        color: #076633;
                        font-size: 10px;
                        margin: 0 0 0 0;
                    }

        .pcard .content .button-outer {
            display: flex;
            justify-content: flex-end;
            width: 100%;
            position: relative;
        }
        .pcard .content .button-outer-two {
            margin-right: 20px;
            display: flex;
            justify-content: flex-end;
            float: right;
            /*width: 100%;*/
            position: relative;
            overflow: hidden;
            position: relative;
            background-color: #DEB496;
        }

        .pcard .content .button-outer a.btn {
            margin-left: 5px;
            float: right;
            position: relative;
            display: inline-block;
            white-space: nowrap;
            background-color: #DEB496;
            border-radius: 3px;
            border: 1px solid #DEB496;
            padding: 8px 16px;
            right: 0;
            margin-top: 16px;
        }

            .pcard .content .button-outer a.btn:hover {
                text-decoration: none;
                border: 1px solid #d8a683;
                background-color: #d8a683;
                color: #33424f;
            }

    .pcard:hover {
        cursor: pointer;
        background-color: #fafafa;
        transform: translateY(-2px);
        transition: all linear 0.2s;
        box-shadow: 0 14px 31px rgba(50, 50, 93, 0.1), 0 4px 11px rgba(0, 0, 0, 0.07);
    }

.pcard-cta {
    display: flex;
    align-items: center;
    overflow: hidden;
    position: relative;
    margin-bottom: 8px;
    background-color: black;
    border: 0px;
    border-radius: 3px;
    display: flex;
    height: auto;
    flex-direction: row;
}

    .pcard-cta .image-outer {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

        .pcard-cta .image-outer img {
            opacity: 0.7;
            position: absolute;
            object-fit: cover;
            background-position: center center;
            background-size: cover;
            height: 100%;
            width: 100%;
        }

        .pcard-cta .image-outer:before {
            width: 70%;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            content: "";
            z-index: 2;
            /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/$primary+0,ffffff+100&1+0,0+100 */
            background: -moz-linear-gradient(left, #076633 0%, rgba(7, 102, 51, 0) 100%);
            /* FF3.6-15 */
            background: -webkit-linear-gradient(left, #076633 0%, rgba(7, 102, 51, 0) 100%);
            /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to right, #076633 0%, rgba(7, 102, 51, 0) 100%);
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$primary", endColorstr="$primary",GradientType=1 );
            /* IE6-9 */
        }

    .pcard-cta .content {
        width: 100%;
        z-index: 2;
        position: relative;
        padding: 50px;
    }

        .pcard-cta .content span.business {
            position: absolute;
            right: 20px;
            top: 20px;
            font-family: "Inter", sans-serif;
            font-weight: 300;
            display: inline-block;
            border-radius: 3px;
            font-size: 12px;
            color: white;
        }

            .pcard-cta .content span.business:before {
                content: "";
                font-family: fontAwesome;
                margin-right: 10px;
            }

        .pcard-cta .content .overtext {
            width: 75%;
            margin-top: 10px;
            color: white;
        }

            .pcard-cta .content .overtext strong {
                font-weight: 600;
            }

        .pcard-cta .content .btn-outer {
            margin-top: 20px;
        }

    .pcard-cta:hover {
        cursor: pointer;
        background-color: black;
        transform: translateY(-2px);
        transition: all linear 0.2s;
        box-shadow: 0 14px 31px rgba(50, 50, 93, 0.1), 0 4px 11px rgba(0, 0, 0, 0.07);
    }

.pcardSec {
    width: 100%;
    margin-bottom: 8px;
    background-color: white;
    border: 1px solid #efefef;
    border-radius: 3px;
    display: flex;
    height: auto;
    flex-direction: row;
}

    .pcardSec .carrier {
        height: 100%;
        border-right: 1px solid #efefef;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 136px;
        padding: 19px;
    }

        .pcardSec .carrier img {
            background-color: #076633;
            padding: 15px;
            border-radius: 5px;
        }

    .pcardSec .content {
        width: 100%;
        padding: 16px;
    }

        .pcardSec .content .first-header .first-header-content {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            top: 0;
            position: relative;
        }

            .pcardSec .content .first-header .first-header-content .badge {
                position: absolute;
                top: 0;
                right: 0;
                display: block;
                border-radius: 3px;
                background-color: #076633;
                color: #ffffff;
                padding: 4px 16px;
            }

                .pcardSec .content .first-header .first-header-content .badge p {
                    padding: 0;
                    margin: 0;
                }

        .pcardSec .content .first-body {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

            .pcardSec .content .first-body .first-body-content {
                position: relative;
            }

                .pcardSec .content .first-body .first-body-content p {
                    font-size: 14px;
                    line-height: 18px;
                    position: relative;
                    width: auto;
                    text-align: left;
                    display: inline-block;
                    background-color: #f3f7fb;
                    padding: 4px 8px;
                    border-radius: 3px;
                    margin-bottom: 4px;
                }

            .pcardSec .content .first-body .book__outer {
                right: 0;
                position: relative;
            }

                .pcardSec .content .first-body .book__outer i {
                    padding: 0 10px;
                    margin: 0;
                }

                .pcardSec .content .first-body .book__outer span.icon {
                    position: relative;
                    padding: 8px 16px;
                    bottom: 0;
                    right: 0;
                }

                .pcardSec .content .first-body .book__outer a.btn {
                    background-color: #DEB496;
                    color: #33424f;
                    display: inline-block;
                    bottom: 0;
                    height: auto;
                    position: relative;
                }

    .pcardSec:hover {
        cursor: pointer;
        background-color: #fafafa;
        transform: translateY(-2px);
        transition: all linear 0.2s;
        box-shadow: 0 14px 31px rgba(50, 50, 93, 0.1), 0 4px 11px rgba(0, 0, 0, 0.07);
    }

section.bookDetails {
    padding: 0 0 50px;
}

    section.bookDetails .bookDetails__content {
        border-radius: 5px;
        border: 1px solid rgba(0, 0, 0, 0.1);
    }

        section.bookDetails .bookDetails__content .bookDetails__content-body .bookDetails__body-number ul li {
            list-style: none;
            padding: 0;
            margin: 0;
        }

section.bookDetailsCustomer {
    padding: 0 0 50px;
}

    section.bookDetailsCustomer .bookDetailsCustomer__content {
        border-radius: 5px;
        border: 1px solid rgba(0, 0, 0, 0.1);
    }

        section.bookDetailsCustomer .bookDetailsCustomer__content .bookDetailsCustomer__content-body .bookDetailsCustomer-body-content {
            display: flex;
            flex-direction: column;
        }

            section.bookDetailsCustomer .bookDetailsCustomer__content .bookDetailsCustomer__content-body .bookDetailsCustomer-body-content ul {
                padding: 0;
            }

                section.bookDetailsCustomer .bookDetailsCustomer__content .bookDetailsCustomer__content-body .bookDetailsCustomer-body-content ul li {
                    list-style: none;
                }

                    section.bookDetailsCustomer .bookDetailsCustomer__content .bookDetailsCustomer__content-body .bookDetailsCustomer-body-content ul li.strong {
                        font-weight: 600;
                    }

section.prmomoDetailsHeader {
    padding: 150px 0 25px;
}

section.promoDetails {
    padding: 0 0 50px;
}

    section.promoDetails .promoDetails__content {
        border-radius: 5px;
        border: 1px solid rgba(0, 0, 0, 0.1);
    }

        section.promoDetails .promoDetails__content .promoDetails__content-body .promoDetails__body-number ul li {
            list-style: none;
            padding: 0;
            margin: 0;
        }

section.promoDetailsCustomer {
    padding: 0 0 50px;
}

    section.promoDetailsCustomer .promoDetailsCustomer__content {
        border-radius: 5px;
        border: 1px solid rgba(0, 0, 0, 0.1);
    }

        section.promoDetailsCustomer .promoDetailsCustomer__content .promoDetailsCustomer__content-body .promoDetailsCustomer-body-content {
            display: flex;
            flex-direction: column;
        }

            section.promoDetailsCustomer .promoDetailsCustomer__content .promoDetailsCustomer__content-body .promoDetailsCustomer-body-content ul {
                padding: 0;
            }

                section.promoDetailsCustomer .promoDetailsCustomer__content .promoDetailsCustomer__content-body .promoDetailsCustomer-body-content ul li {
                    list-style: none;
                }

                    section.promoDetailsCustomer .promoDetailsCustomer__content .promoDetailsCustomer__content-body .promoDetailsCustomer-body-content ul li.strong {
                        font-weight: 600;
                    }

.fullh {
    position: relative;
    min-height: 100vh;
}

.bg-primary {
    background-color: #076633 !important;
}

section.yourShipmentSmall {
    position: relative;
    right: 0;
    bottom: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #076633;
}

    section.yourShipmentSmall .yourShipmentDetails-header {
        padding: 25px 0;
    }

        section.yourShipmentSmall .yourShipmentDetails-header .price {
            font-size: 22px;
        }

    section.yourShipmentSmall .yourShipmentDetails-body {
        display: none;
        border-radius: 5px;
        border: 1px solid rgba(0, 0, 0, 0.1);
    }

        section.yourShipmentSmall .yourShipmentDetails-body .price {
            color: rgba(255, 255, 255, 0.87);
            font-size: 16px;
        }

section.yourShipment {
    position: relative;
    right: 0;
    bottom: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #076633;
}

    section.yourShipment .yourShipmentDetails-header {
        padding: 100px 0 25px;
    }

        section.yourShipment .yourShipmentDetails-header .price {
            font-size: 22px;
        }

    section.yourShipment .yourShipmentDetails-body {
        border-radius: 5px;
        border: 1px solid rgba(0, 0, 0, 0.1);
    }

        section.yourShipment .yourShipmentDetails-body .price {
            color: rgba(255, 255, 255, 0.87);
            font-size: 16px;
        }

.text-bold {
    font-weight: 600;
    color: #33424f;
    font-size: 32px !important;
}

a.btn-primary {
    text-decoration: none;
    background-color: #076633;
    color: #ffffff;
}

    a.btn-primary:hover {
        background-color: #054e27;
    }

    a.btn-primary.box {
        text-decoration: none;
        background-color: #DEB496 !important;
        color: #33424f;
    }

        a.btn-primary.box:hover {
            background-color: #d8a683 !important;
        }

    a.btn-primary.disabled {
        text-decoration: none;
        opacity: 0.6;
        background-color: #DEB496 !important;
        color: #33424f;
    }

.b-dashed {
    border: 1px solid grey;
    border-style: dashed;
}

ul.usp-second {
    padding: 8px 0;
    margin: 0;
}

    ul.usp-second li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 8px 8px;
        position: relative;
        list-style: none;
    }

        ul.usp-second li:before {
            content: "";
            display: inline-block;
            height: 1.25em;
            width: 1.25em;
            background-image: url(../../img/check.svg);
            background-size: contain;
            background-repeat: no-repeat;
            padding-left: 2em;
        }

@media (min-width: 768px) {
    section.bookDetailsCustomer {
        padding: 0 0 50px;
    }

        section.bookDetailsCustomer .bookDetailsCustomer__content {
            border-radius: 5px;
            border: 1px solid rgba(0, 0, 0, 0.1);
        }

            section.bookDetailsCustomer .bookDetailsCustomer__content .bookDetailsCustomer__content-body .bookDetailsCustomer-body-content {
                display: flex;
                flex-direction: row;
            }

                section.bookDetailsCustomer .bookDetailsCustomer__content .bookDetailsCustomer__content-body .bookDetailsCustomer-body-content ul {
                    padding: 0;
                }

                    section.bookDetailsCustomer .bookDetailsCustomer__content .bookDetailsCustomer__content-body .bookDetailsCustomer-body-content ul li {
                        list-style: none;
                    }

                        section.bookDetailsCustomer .bookDetailsCustomer__content .bookDetailsCustomer__content-body .bookDetailsCustomer-body-content ul li.strong {
                            font-weight: 600;
                        }

    .pcardSec {
        width: 100%;
        margin-bottom: 8px;
        background-color: white;
        border: 1px solid #efefef;
        border-radius: 3px;
        display: flex;
        height: auto;
        flex-direction: row;
    }

        .pcardSec .carrier {
            height: 100%;
            border-right: 1px solid #efefef;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            width: 136px;
            padding: 19px;
        }

            .pcardSec .carrier img {
                background-color: #076633;
                padding: 15px;
                border-radius: 5px;
            }

        .pcardSec .content {
            width: 100%;
            padding: 16px;
        }

            .pcardSec .content .first-header .first-header-content {
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                align-items: center;
                top: 0;
                position: relative;
            }

                .pcardSec .content .first-header .first-header-content .badge {
                    position: absolute;
                    top: 0;
                    right: 0;
                    display: block;
                    border-radius: 3px;
                    background-color: #076633;
                    color: #ffffff;
                    padding: 4px 16px;
                }

                    .pcardSec .content .first-header .first-header-content .badge p {
                        padding: 0;
                        margin: 0;
                    }

            .pcardSec .content .first-body {
                display: flex;
                flex-direction: row;
                justify-content: space-between;
            }

                .pcardSec .content .first-body .first-body-content {
                    position: relative;
                }

                    .pcardSec .content .first-body .first-body-content p {
                        font-size: 14px;
                        line-height: 18px;
                        position: relative;
                        width: auto;
                        text-align: left;
                        display: inline-block;
                        background-color: #f3f7fb;
                        padding: 4px 8px;
                        border-radius: 3px;
                        margin-bottom: 4px;
                    }

                .pcardSec .content .first-body .book__outer {
                    right: 0;
                    position: relative;
                }

                    .pcardSec .content .first-body .book__outer i {
                        padding: 0 10px;
                        margin: 0;
                    }

                    .pcardSec .content .first-body .book__outer span.icon {
                        position: relative;
                        padding: 8px 16px;
                        bottom: 0;
                        right: 0;
                    }

                    .pcardSec .content .first-body .book__outer a.btn {
                        background-color: #DEB496;
                        color: #33424f;
                        display: inline-block;
                        bottom: 0;
                        height: auto;
                        position: relative;
                    }

        .pcardSec:hover {
            cursor: pointer;
            background-color: #fafafa;
            transform: translateY(-2px);
            transition: all linear 0.2s;
            box-shadow: 0 14px 31px rgba(50, 50, 93, 0.1), 0 4px 11px rgba(0, 0, 0, 0.07);
        }
}

.bcard-section .bcard {
    border-bottom: 2px solid rgba(0, 0, 0, 0.15);
}

    .bcard-section .bcard .bcard__inf {
        position: relative;
        background-image: linear-gradient(to right, black 33%, rgba(255, 255, 255, 0) 0%);
        background-position: bottom;
        background-size: 3px 1px;
        background-repeat: repeat-x;
        height: 100%;
        bottom: 0;
        top: 0;
    }

        .bcard-section .bcard .bcard__inf:before {
            content: "";
            width: 40px;
            height: 40px;
            background-color: #e9ecef;
            position: absolute;
            border-radius: 50px;
            z-index: 2;
            bottom: -20px;
            left: -20px;
        }

        .bcard-section .bcard .bcard__inf:after {
            content: "";
            width: 40px;
            height: 40px;
            background-color: #e9ecef;
            position: absolute;
            border-radius: 50px;
            z-index: 2;
            bottom: -20px;
            right: -20px;
        }

    .bcard-section .bcard i {
        color: #076633;
        position: relative;
    }

    .bcard-section .bcard .bcard__infsec {
        position: relative;
    }

        .bcard-section .bcard .bcard__infsec .from {
            min-height: 100%;
            bottom: 0;
        }

        .bcard-section .bcard .bcard__infsec .to {
            bottom: 0;
            min-height: 100%;
        }

            .bcard-section .bcard .bcard__infsec .to .bcard__infsec-body-content-afleveradres {
                background-color: #076633;
            }

    .bcard-section .bcard:hover {
        cursor: pointer;
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
        -webkit-transition: all linear 0.2s;
        transition: all linear 0.2s;
    }

.bgdarklight {
    background-color: #e9ecef;
}

@media (min-width: 768px) {
    .bcard-section .bcard {
        border-bottom: 2px solid rgba(0, 0, 0, 0.15);
    }

        .bcard-section .bcard .bcard__inf {
            position: relative;
            background-image: linear-gradient(black 50%, rgba(0, 0, 0, 0) 50%);
            background-position: right;
            background-size: 1px 10px;
            background-repeat: repeat-y;
            height: 100%;
            bottom: 0;
            top: 0;
            min-width: 300px;
        }

            .bcard-section .bcard .bcard__inf:before {
                content: "";
                width: 40px;
                height: 40px;
                background-color: #e9ecef;
                position: absolute;
                border-radius: 50px;
                z-index: 2;
                top: -20px;
                right: -20px;
                left: auto;
            }

            .bcard-section .bcard .bcard__inf:after {
                content: "";
                width: 40px;
                height: 40px;
                background-color: #e9ecef;
                position: absolute;
                border-radius: 50px;
                z-index: 2;
                bottom: -20px;
                right: -20px;
            }

        .bcard-section .bcard i {
            color: #076633;
            position: relative;
        }

        .bcard-section .bcard .bcard__infsec {
            position: relative;
        }

            .bcard-section .bcard .bcard__infsec .from {
                min-height: 100%;
                bottom: 0;
            }

            .bcard-section .bcard .bcard__infsec .to {
                bottom: 0;
                min-height: 100%;
            }

                .bcard-section .bcard .bcard__infsec .to .bcard__infsec-body-content-afleveradres {
                    background-color: #076633;
                }

        .bcard-section .bcard:hover {
            cursor: pointer;
            -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
            -webkit-transition: all linear 0.2s;
            transition: all linear 0.2s;
        }

    .bgdarklight {
        background-color: #e9ecef;
    }
}

ul.sidebar-nav {
    padding: 0;
    margin: 0;
}

    ul.sidebar-nav li {
        padding: 8px 0;
        list-style: none;
    }

        ul.sidebar-nav li a {
            font-weight: 400;
            font-size: 18px;
            line-height: 28px;
        }

.search-container {
    position: relative;
}

    .search-container input {
        padding: 8px 16px;
        border: 1px solid rgba(0, 0, 0, 0.21);
        box-shadow: none;
        border-radius: 3px;
    }

    .search-container button {
        padding: 0 16px;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        background-color: transparent;
        font-size: 17px;
        border: none;
        cursor: pointer;
    }

        .search-container button i:hover {
            color: #076633;
        }

/* ---- isotope ---- */
.grid {
    position: relative;
    max-width: 1000px !important;
    margin: 0 auto;
}

    /* clear fix */
    .grid:after {
        content: "";
        display: block;
        clear: both;
    }

.grid-item {
    min-height: 200px;
    height: auto;
}

/* ---- .element-item ---- */
.element-item {
    cursor: pointer;
    position: relative;
    float: left;
    width: 100%;
    color: #33424f;
    text-decoration: none;
    margin-bottom: 8px;
    transition: 0.2s linear;
}

    .element-item:hover {
        transform: translateY(-3px);
    }

/* The side navigation menu */
.sidenav {
    padding-top: 130px;
    height: 100%;
    /* 100% Full-height */
    width: 320px;
    /* 0 width - change this with JavaScript */
    position: fixed;
    /* Stay in place */
    z-index: 9998;
    /* Stay on top */
    top: 0px;
    /* Stay at the top */
    right: -320px;
    background-color: #ffffff;
    /* Black*/
    overflow-x: hidden;
    /* Disable horizontal scroll */
    padding-top: 0px;
    /* Place content 60px from the top */
    transition: 0.5s;
    /* 0.5 second transition effect to slide in the sidenav */
}

    .sidenav li.list-group-item {
        border-radius: 0px !important;
    }

    /* Position and style the close button (top right corner) */
    .sidenav .closebtn {
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
        line-height: 36px;
    }

        .sidenav .closebtn:hover {
            text-decoration: none;
        }

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
    transition: margin-right 0.5s;
}

ul.options {
    padding: 0;
    margin: 0;
}

    ul.options li {
        list-style: none;
    }

        ul.options li input {
            margin-right: 8px;
        }

.cardstyle {
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
    border-left: 1px solid rgba(0, 0, 0, 0.05);
    border-right: 1px solid rgba(0, 0, 0, 0.05);
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}

#map-from {
    border-radius: 5px 5px 0 0;
    height: 200px;
    width: 100%;
    background-color: #054e27;
}

#locationmap {
    background-color: #293540;
    height: 400px;
    width: 100%;
    border-radius: 5px;
}

#streetView {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    z-index: 0;
    height: 300px;
    width: 100%;
}

#map-to {
    border-radius: 5px 5px 0 0;
    height: 300px;
    width: 100%;
    background-color: #054e27;
}

.my__booking {
    background-color: #076633;
    color: white;
    margin-bottom: 25px;
    border-radius: 5px;
}

    .my__booking .content {
        padding: 15px 20px;
    }

.mapwrapper {
    border-radius: 5px 5px 0 0;
    background-color: #ffffff;
    height: 5px;
    width: 100%;
}

.tab-content-header {
    padding: 15px 25px;
    border-radius: 0;
    background-color: #ffffff;
    position: relative;
    width: 100%;
}

    .tab-content-header h4 {
        color: #33424f;
    }

.tab-pane {
    border-radius: 0 0 5px 5px;
    overflow: hidden;
}

    .tab-pane .tab-pane-inner {
        padding: 25px 20px 20px;
    }

        .tab-pane .tab-pane-inner .form-group label {
            color: #33424f;
        }

#map {
    background-color: #293540;
    height: 450px;
    width: 100%;
}

a.btnNext {
    cursor: pointer;
    transition: all linear 0.2s;
    background-color: #DEB496;
    border-radius: 3px;
    padding: 16px 32px;
    color: #33424f;
    border: 1px solid #DEB496;
    text-decoration: none;
    display: inline-block;
}

    a.btnNext:hover {
        border: 1px solid #d8a683;
        background-color: #d8a683;
        text-decoration: none;
    }

    a.btnNext:focus {
        border: 1px solid #d8a683 !important;
        background-color: #d8a683 !important;
        text-decoration: none;
    }

    a.btnNext:active {
        border: 1px solid #d8a683 !important;
        background-color: #d8a683 !important;
        text-decoration: none;
    }

#duplicator {
    background-color: #f3f7fb;
    border-radius: 3px;
    padding: 15px;
    margin-bottom: 15px;
}

a#clonebtn {
    text-decoration: none;
    cursor: pointer;
    display: block;
    text-align: center;
    width: 100%;
    border-radius: 3px;
    background-color: #DEB496;
    color: #33424f;
    padding: 16px;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

    a#clonebtn:hover {
        background-color: #d8a683;
    }

.btn-pay {
    cursor: pointer;
    transition: all linear 0.2s;
    background-color: #DEB496;
    border-radius: 3px;
    padding: 16px 32px;
    color: #33424f;
    border: 1px solid #DEB496;
    text-decoration: none;
    display: inline-block;
}

    .btn-pay:hover {
        border: 1px solid #d8a683;
        background-color: #d8a683;
        text-decoration: none;
    }

.nav-pills .nav-link.active {
    background-color: #DEB496;
    color: #33424f;
}

    .nav-pills .nav-link.active:hover {
        background-color: #d8a683;
    }

.nav-pills .nav-link {
    color: #ffffff;
    margin: 5px 0;
}

    .nav-pills .nav-link:hover {
        background-color: #293540;
        border-radius: 3px;
    }

.ncard-section .ncard .ncard-header .ncard-header-timeline {
    bottom: 0;
    position: relative;
    left: 0;
    right: 0;
}

    .ncard-section .ncard .ncard-header .ncard-header-timeline .ncard-header-timeline-status {
        position: relative;
    }

        .ncard-section .ncard .ncard-header .ncard-header-timeline .ncard-header-timeline-status:before {
            margin: 0 auto;
            background-color: #076633;
            content: "";
            height: 2px;
            width: calc(100% - 85px);
            position: absolute;
            top: 48%;
            left: 0;
            right: 0;
        }

        .ncard-section .ncard .ncard-header .ncard-header-timeline .ncard-header-timeline-status ul {
            position: relative;
            z-index: 1;
        }

.ncard-section .ncard .ncard-header .ncard-header-content ul {
    padding: 0 0 4px;
    margin: 0;
}

    .ncard-section .ncard .ncard-header .ncard-header-content ul li {
        list-style: none;
    }

.exception > i {
    background-color: red;
    border-bottom: 2px solid #e60000;
}

@media (min-width: 768px) {
    .border-right-md {
        border-right: 1px solid #dee2e6 !important;
    }
}

.tracktraceapp__content-status {
    position: relative;
}

    .tracktraceapp__content-status:before {
        margin: 0 auto;
        background-color: #076633;
        content: "";
        height: 2px;
        width: calc(100% - 50px);
        position: absolute;
        top: 38%;
        left: 0;
        right: 0;
    }

    .tracktraceapp__content-status ul {
        position: relative;
        z-index: 1;
    }

li.tracktrace-icon > i {
    list-style: none;
    background-color: #d4d9df;
    border-radius: 5px;
    border-bottom: 2px solid #b7bfc9;
}

li.tracktrace-icon.active > i {
    background-color: #076633;
    border-radius: 5px;
    border-bottom: 2px solid #04361b;
}

.tracktraceapp__content-footer-content ul li {
    list-style: none;
}

ul.timeline {
    list-style-type: none;
    position: relative;
}

    ul.timeline:before {
        content: " ";
        background: #d4d9df;
        display: inline-block;
        position: absolute;
        left: 29px;
        width: 2px;
        height: 100%;
        z-index: 400;
    }

    ul.timeline > li {
        margin: 20px 0;
        padding-left: 20px;
    }

        ul.timeline > li:before {
            content: " ";
            background: white;
            display: inline-block;
            position: absolute;
            border-radius: 50%;
            border: 3px solid #076633;
            left: 20px;
            width: 20px;
            height: 20px;
            z-index: 400;
        }

.loadmorebtn {
    background-color: #076633;
    color: white;
    border-radius: 100px;
    border-bottom: 0px solid #054e27;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 10px 8px;
}

.b-dotted {
    border: 1px solid grey;
    border-style: dashed;
}

@media (min-width: 768px) {
    .tracktraceapp__content-status {
        position: relative;
    }

        .tracktraceapp__content-status:before {
            margin: 0 auto;
            background-color: #076633;
            content: "";
            height: 2px;
            width: calc(100% - 300px);
            position: absolute;
            top: 38%;
            left: 0;
            right: 0;
        }

        .tracktraceapp__content-status ul {
            position: relative;
            z-index: 1;
        }
}

p.status-communicated {
    margin-left: 18px;
    position: relative;
}

    p.status-communicated:before {
        content: "";
        background-color: #DEB496;
        height: 10px;
        width: 10px;
        border-radius: 100px;
        position: absolute;
        left: -18px;
        top: 2px;
    }

a.status-warehouse {
    font-size: 14px;
    line-height: 14px;
    margin-left: 18px;
    position: relative;
}

    a.status-warehouse:before {
        content: "";
        background-color: #DEB496;
        height: 10px;
        width: 10px;
        border-radius: 100px;
        position: absolute;
        left: -18px;
        top: 2px;
    }

a.status-transit {
    font-size: 14px;
    line-height: 14px;
    margin-left: 18px;
    position: relative;
}

    a.status-transit:before {
        content: "";
        background-color: orange;
        height: 10px;
        width: 10px;
        border-radius: 100px;
        position: absolute;
        left: -18px;
        top: 2px;
    }

a.status-delivered {
    font-size: 14px;
    line-height: 14px;
    margin-left: 18px;
    position: relative;
}

    a.status-delivered:before {
        content: "";
        background-color: #076633;
        height: 10px;
        width: 10px;
        border-radius: 100px;
        position: absolute;
        left: -18px;
        top: 2px;
    }

a.status-exception {
    font-size: 14px;
    line-height: 14px;
    margin-left: 18px;
    position: relative;
}

    a.status-exception:before {
        content: "";
        background-color: red;
        height: 10px;
        width: 10px;
        border-radius: 100px;
        position: absolute;
        left: -18px;
        top: 2px;
    }

.no-padding {
    padding: 0;
}

.bgdark {
    background-color: #33424f;
}

@media screen and (min-width: 768px) {
    .high {
        display: flex;
        align-items: stretch;
        width: 100%;
        padding: 0;
        margin: 0;
    }

    section.login {
        display: flex;
        background-color: #f5f5f5;
        min-height: 100vh;
    }

        section.login .form__login {
            display: flex;
            margin: 50px 0;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
        }

            section.login .form__login form {
                background-color: #ffffff;
                padding: 50px;
                display: flex;
                flex-direction: column;
            }

        section.login .image-outer {
            display: flex;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background-color: black;
            overflow: hidden;
            width: 100%;
        }

            section.login .image-outer img {
                opacity: 0.7;
                position: relative;
                object-fit: cover;
                background-size: cover;
                background-position: center center;
                background-size: cover;
                min-height: 100%;
                min-width: 100%;
            }

            section.login .image-outer .content {
                z-index: 2;
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                display: flex;
                align-items: center;
                justify-content: center;
                color: #ffffff;
            }

    .flip {
        order: -1;
    }
}

.full {
    padding: 0;
    width: 100%;
}

.bg-gradient {
    position: relative;
    background: #076633;
    background: -moz-linear-gradient(90deg, #076633 0%, #119f62 100%);
    background: -webkit-linear-gradient(90deg, #076633 0%, #119f62 100%);
    background: linear-gradient(90deg, #076633 0%, #119f62 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#076633",endColorstr="#119f62",GradientType=1);
}

.country-list {
    width: 100% !important;
    min-width: 163px;
}

.country-select.inside {
    width: 100%;
}

#frequentdestinationOne {
    border-radius: 12px;
}

#frequentdestinationTwo {
    background: #076633;
}

#frequentdestinationThree {
    background: #076633;
}

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