@font-face {
    font-family: "MyriadPro";
    src: url("https://www.kindersleytransport.com/css/fonts/MyriadPro-Regular.otf");
}

@font-face {
    font-family: "AdelleSans";
    src: url("https://www.kindersleytransport.com/css/fonts/AdelleSans-Regular.otf");
}

body,
html {
    font-family: "AdelleSans", "Arial", sans-serif;
    height: 100%;
    background: #f5f5f5;
}

h1,
h2,
h3,
h4,
h5,
.recent-news-title,
.contact-us-title,
.title {
    font-family: "MyriadPro", "Arial", sans-serif !important;
}

@keyframes time-show-anim {
    from {
        width: 0%;
    }

    to {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .hide-mobile {
        display: none;
    }
}

@media (min-width: 769px) and (max-width: 1080px) {
    .hide-tablet {
        display: none;
    }
}

@media (min-width: 1080px) {
    .hide-desktop {
        display: none;
    }
}

p,
dl,
ul,
ol {
    font-size: 18px;
}

h1,
h2,
h3,
h4,
h5 {
    color: #0053A1;
}

hr {
    border-top: 1px solid #0053A1;
}

a {
    color: #0053A1;
    text-decoration: none;
}

    a:hover {
        text-decoration: none;
    }

blockquote {
    border-left: 5px solid #0053A1;
}

.content-container {
    width: 100%;
    min-height: 100%;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    margin-left: 0;
    overflow-x: hidden;
    position: relative;
    z-index: 10;
    display: flex;
    flex-flow: column;
    background: white;
}

.cover-mobile {
    transition: background 0.5s ease-in-out;
    -moz-transition: background 0.5s ease-in-out;
    -webkit-transition: background 0.5s ease-in-out;
    background: transparent;
    width: 0;
}

.disable-overflow {
    overflow: hidden;
}

@media (max-width: 768px) {
    .cover-mobile.active {
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.4);
        z-index: 1000;
    }
}

.alert-container {
    position: relative;
    display: flex;
    overflow: hidden;
    flex-flow: row;
}

    .alert-container .stg-alert {
        will-change: opacity;
        flex: 0 0 100%;
        padding: 10px;
        display: flex;
        flex-flow: row;
        background: #0053A1;
        background: -webkit-linear-gradient(#0053A1, #00060E);
        background: -o-linear-gradient(#0053A1, #00060E);
        background: -moz-linear-gradient(#0053A1, #00060E);
        background: linear-gradient(#0053A1, #00060E);
        border: 3px solid #00060E;
        border-bottom-width: 1px;
        color: white;
        position: relative;
        margin-left: 0;
        opacity: 1;
        transition: all 1s ease-in-out;
        -moz-transition: all 1s ease-in-out;
        -webkit-transition: all 1s ease-in-out;
    }

        .alert-container .stg-alert .image-of-alert {
            flex: 0 0 10%;
            min-height: 60px;
            position: relative;
        }

            .alert-container .stg-alert .image-of-alert img {
                height: 60px;
                max-height: 60px;
                min-height: 60px;
                width: 60px;
                max-width: 60px;
                min-width: 60px;
                position: absolute;
                top: 0;
                right: 0;
                left: 0;
                bottom: 0;
                margin: auto;
            }

        .alert-container .stg-alert .content-of-alert {
            flex: 0 0 80%;
            line-height: 60px;
            font-size: 18px;
        }

            .alert-container .stg-alert .content-of-alert.small-lines {
                line-height: 30px;
            }

        .alert-container .stg-alert .info-on-alert {
            flex: 0 0 10%;
            line-height: 60px;
            font-size: 18px;
            text-align: center;
        }

        .alert-container .stg-alert .traverse-back,
        .alert-container .stg-alert .traverse-forward {
            width: 40px;
            height: 60px;
            top: 0;
            bottom: 0;
            margin: auto;
            position: absolute;
            color: rgba(255, 255, 255, 0.4);
            background-color: transparent;
            transition: all 0.25s ease-in-out;
            -moz-transition: all 0.25s ease-in-out;
            -webkit-transition: all 0.25s ease-in-out;
            z-index: 10;
        }

        .alert-container .stg-alert .traverse-back {
            left: 0;
            line-height: 55px;
            font-size: 38px;
            text-align: center;
        }

        .alert-container .stg-alert .traverse-forward {
            right: 0;
            line-height: 55px;
            font-size: 38px;
            text-align: center;
        }

            .alert-container .stg-alert .traverse-back:hover,
            .alert-container .stg-alert .traverse-forward:hover {
                color: #fff;
                background-color: rgba(0, 0, 0, 0.4);
                cursor: pointer;
            }

        .alert-container .stg-alert .time-show {
            position: absolute;
            bottom: 2px;
            left: -3px;
            right: -3px;
            height: 3px;
            background: rgba(0, 0, 0, 0.1);
        }

            .alert-container .stg-alert .time-show .background-image {
                background: #de6b6e;
                height: 3px;
                width: 0%;
                animation: time-show-anim 15s forwards linear;
            }

        .alert-container .stg-alert.hide {
            flex: 0 0 0%;
            opacity: 0;
            transition: all 1s ease-in-out;
            -moz-transition: all 1s ease-in-out;
            -webkit-transition: all 1s ease-in-out;
        }

.form-container {
    background: white;
    border: 1px solid #bdbdbd;
    margin-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    min-height: 0;
    min-width: 0;
    box-shadow: 0 0 4px #212121;
}

    .form-container input {
        width: 100%;
    }

        .form-container input[type="submit"] {
            width: 50%;
            display: block;
            margin: auto;
            background: #0053A1;
            border: none;
            color: white;
            height: 30px;
        }

    .form-container .form-descrip {
        padding: 10px;
        color: #264b59;
        padding-bottom: 20px;
    }

    .form-container .main-form {
        min-height: 0;
        min-width: 0;
    }

        .form-container .main-form .form-option {
            display: inline-block;
            padding: 5px;
            margin-bottom: 20px;
        }

@media (max-width: 768px) {
    .form-container .main-form .form-option {
        width: 100% !important;
    }
}

.form-container .main-form .form-option select {
    width: 100%;
    height: 26px;
    line-height: 26px;
}

.form-container .main-form .main-apply-form-row {
    margin-top: 30px;
}

@media (max-width: 768px) {
    .form-container .main-form .main-apply-form-row input {
        width: 100%;
        height: 50px;
    }
}

.side-login-widget {
    position: absolute;
    right: -400px;
    top: 0;
    bottom: 0;
    width: 400px;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

@media (max-width: 1080px) {
    .side-login-widget {
        display: none;
    }
}

@media (max-width: 350px) {
    body {
        will-change: transform;
        transform: scale(0.6);
        transform-origin: 0 0;
        width: 166.6666666666667%;
        height: 166.6666666666667%;
    }
}

footer {
    height: 325px;
    min-height: 325px;
    background: #939799;
    background: -webkit-linear-gradient(#939799, #565758);
    background: -o-linear-gradient(#939799, #565758);
    background: -moz-linear-gradient(#939799, #565758);
    background: linear-gradient(#939799, #565758);
    border-top: 4px solid #0053A1;
    color: white;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

@media (max-width: 768px) {
    footer {
        height: auto;
    }
}

footer .footer-header {
    margin-top: 10px;
}

footer .footer-content-container {
    max-width: 1080px;
    width: 100%;
    margin: auto;
    height: 100%;
    display: flex;
    flex-flow: column;
}

    footer .footer-content-container .foot-content {
        flex: 1;
        display: flex;
        flex-flow: row;
        padding-top: 15px;
        padding-bottom: 15px;
        min-height: 0;
        min-width: 0;
    }

@media (max-width: 768px) {
    footer .footer-content-container .foot-content {
        padding: 15px;
    }
}

footer .footer-content-container .foot-content .foot-site-links {
    flex: 1;
    display: flex;
    flex-flow: column;
    flex-wrap: wrap;
}

@media (max-width: 768px) {
    footer .footer-content-container .foot-content .foot-site-links {
        flex-wrap: nowrap;
    }
}

footer .footer-content-container .foot-content .foot-site-links .foot-item {
    width: 25%;
    font-size: 18px;
    padding: 6px;
}

@media (max-width: 768px) {
    footer .footer-content-container .foot-content .foot-site-links .foot-item {
        width: 100%;
        padding: 10px;
    }
}

footer .footer-content-container .foot-content .foot-site-links .foot-item a {
    color: white;
}

footer .footer-content-container .foot-content .foot-site-links .foot-item-child {
    width: 25%;
    padding-left: 20px;
    line-height: 15px;
    font-size: 15px;
}

    footer .footer-content-container .foot-content .foot-site-links .foot-item-child a {
        color: #c3c3c3;
    }

footer .footer-content-container .foot-content .foot-site-links .social-container {
    display: flex;
    flex-flow: row;
    text-align: center;
}

@media (max-width: 768px) {
    footer .footer-content-container .foot-content .foot-site-links .social-container {
        padding-top: 20px;
    }
}

footer .footer-content-container .foot-content .foot-site-links .social-container a {
    flex: 0 0 50px;
}

    footer .footer-content-container .foot-content .foot-site-links .social-container a img {
        height: 40px;
    }

footer .footer-content-container .foot-copyright {
    flex: 0 0 20px;
    text-align: center;
}

.nav-spacer {
    flex: 0 0 0px;
}

@media (max-width: 768px) {
    .nav-spacer {
        flex: 0 0 0px;
    }
}

#solutions {
    line-height: 25px;
}

.stg-member-of {
    float: left;
    margin-left: 30px;
    margin-top: 6px;
}

.stg-navbar {
    flex: 0 0 90px;
    display: flex;
    flex-flow: row;
    height: 90px;
    border-top: 1px solid #bdbdbd;
    border-bottom: 1px solid #bdbdbd;
    position: fixed;
    z-index: 10000000;
    top: 0;
    width: 100%;
    right: 0;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    font-family: "MyriadPro", "Arial", sans-serif;
}

@media (max-width: 1100px) {
    .stg-navbar {
        display: none;
    }
}

.stg-navbar .stg-navbar-image {
    will-change: transform;
    flex: 0 0 215px;
    height: 130px;
    border-right: 1px solid #bdbdbd;
    -ms-transform: skewX(-19deg);
    -webkit-transform: skewX(-19deg);
    transform: skewX(-19deg);
    margin-left: -10px;
    margin-top: -40px;
    padding-left: 20px;
    position: relative;
    overflow: hidden;
    z-index: 10;
    background: white;
}

    .stg-navbar .stg-navbar-image img {
        position: absolute;
        width: 72%;
        margin: auto;
        left: 10%;
        right: 0;
        top: -4%;
        margin-top: 1%;
        display: block;
        -ms-transform: skewX(19deg);
        -webkit-transform: skewX(19deg);
        transform: skewX(19deg);
        image-rendering: -moz-crisp-edges;
        image-rendering: -o-crisp-edges;
        image-rendering: -webkit-optimize-contrast;
        image-rendering: crisp-edges;
        -ms-interpolation-mode: nearest-neighbor;
    }

.stg-navbar .stg-navbar-main-container {
    flex: 1;
    margin-left: -11px;
    position: relative;
}

    .stg-navbar .stg-navbar-main-container .quick-access-button {
        position: absolute;
        top: 0px;
        right: 0px;
        padding-left: 20px;
        padding-right: 20px;
        height: 56px;
        line-height: 56px;
        font-size: 16px;
        border-left: 1px solid #bdbdbd;
        color: #002D58;
        cursor: pointer;
        transition: all 0.3s;
    }

        .stg-navbar .stg-navbar-main-container .quick-access-button:hover {
            color: #fff;
            background-color: #002D58;
        }

    .stg-navbar .stg-navbar-main-container .nav-logo {
        position: absolute;
        top: 0;
        width: 56px;
        height: 56px;
        text-align: center;
    }

        .stg-navbar .stg-navbar-main-container .nav-logo img {
            margin-top: 13px;
            height: 30px;
            width: 30px;
        }

    .stg-navbar .stg-navbar-main-container .stg-navbar-options-container {
        list-style: none;
        margin: 0;
        padding: 0;
        margin-left: -2px;
        height: 60px;
        border-bottom: 4px solid #0053A1;
        background: white;
        line-height: 60px;
    }

        .stg-navbar .stg-navbar-main-container .stg-navbar-options-container li {
            position: relative;
            display: inline-block;
            margin: 0 5px;
            transition: all 0.3s;
            margin: 0;
            transform: skewX(-19deg);
            height: 56px;
            border-right: 1px solid #bdbdbd;
            min-width: 100px;
            text-align: center;
            overflow: hidden;
            vertical-align: top;
            list-style: none;
            font-size: 14px;
            text-transform: uppercase;
        }

@media (max-width: 1385px) {
    .stg-navbar .stg-navbar-main-container .stg-navbar-options-container li {
        padding-left: 0;
        min-width: 100px;
    }
}

.stg-navbar .stg-navbar-main-container .stg-navbar-options-container li a.active {
    background: #0053A1;
    color: white;
}

.stg-navbar .stg-navbar-main-container .stg-navbar-options-container li:first-child {
    padding-left: 10px;
}

.stg-navbar .stg-navbar-main-container .stg-navbar-options-container a {
    display: block;
    color: #002D58;
    transition: all 0.3s;
    padding: 0px 25px;
    text-decoration: none;
}

@media (max-width: 1385px) {
    .stg-navbar .stg-navbar-main-container .stg-navbar-options-container a {
        padding: 0px 5px;
    }
}

.stg-navbar .stg-navbar-main-container .stg-navbar-options-container a:hover {
    color: #fff;
    background-color: #002D58;
}

.stg-navbar .stg-navbar-main-container .stg-navbar-options-container span {
    display: block;
    transform: skewX(19deg);
}

.stg-navbar .stg-navbar-main-container .stg-navbar-options-container li:hover {
    overflow: visible;
}

    .stg-navbar .stg-navbar-main-container .stg-navbar-options-container li:hover a:not(.active) {
        color: #fff;
        background-color: #002D58;
    }

    .stg-navbar .stg-navbar-main-container .stg-navbar-options-container li:hover .background-menu {
        will-change: opacity;
        opacity: 1;
        margin-top: 0px;
        margin-left: -1px;
        margin-right: -1px;
        transition: all 0.25s ease-in-out;
        -moz-transition: all 0.25s ease-in-out;
        -webkit-transition: all 0.25s ease-in-out;
    }

    .stg-navbar .stg-navbar-main-container .stg-navbar-options-container li:hover .children {
        will-change: opacity;
        opacity: 1;
        margin-top: 0px;
        margin-left: 0px;
        transition: all 0.25s ease-in-out;
        -moz-transition: all 0.25s ease-in-out;
        -webkit-transition: all 0.25s ease-in-out;
    }

        .stg-navbar .stg-navbar-main-container .stg-navbar-options-container li:hover .children li {
            width: 300px;
            transition: width 0.01s;
            -moz-transition: width 0.01s;
            -webkit-transition: width 0.01s;
            list-style: none;
        }

.stg-navbar .stg-navbar-main-container .stg-navbar-options-container .background-menu {
    opacity: 0;
    position: absolute;
    -webkit-transform-origin: 100% -1%;
    transform-origin: 100% -1%;
    border: 1px solid #bdbdbd;
    border-top: none;
    background: white;
    z-index: 1;
    margin-top: 15px;
    margin-left: 5px;
    box-shadow: 0 2px 3px #bdbdbd;
}

.stg-navbar .stg-navbar-main-container .stg-navbar-options-container li > .children {
    list-style: none;
    opacity: 0;
    display: flex;
    z-index: 10;
    margin-top: 15px;
    margin-left: 5px;
    flex-flow: row;
    position: absolute;
    transform: skewX(19deg);
    padding: 0;
    -webkit-transform-origin: 100% -1%;
    transform-origin: 100% -1%;
    border: none;
}

    .stg-navbar .stg-navbar-main-container .stg-navbar-options-container li > .children .custom-borders {
        border-left: 1px solid #bdbdbd;
        border-right: 1px solid #bdbdbd;
        border-bottom: 1px solid #bdbdbd;
    }

        .stg-navbar .stg-navbar-main-container .stg-navbar-options-container li > .children .custom-borders:last-child {
            border-bottom: 1px solid #bdbdbd;
        }

    .stg-navbar .stg-navbar-main-container .stg-navbar-options-container li > .children li:first-child {
        padding-left: 0;
    }

    .stg-navbar .stg-navbar-main-container .stg-navbar-options-container li > .children a:not(.active) {
        background: none;
        color: #002D58;
    }

        .stg-navbar .stg-navbar-main-container .stg-navbar-options-container li > .children a:not(.active):hover {
            color: #fff;
            background-color: #002D58;
        }

    .stg-navbar .stg-navbar-main-container .stg-navbar-options-container li > .children li {
        width: 0px;
        height: auto;
        transform: skewX(0deg);
        min-height: 45px;
        line-height: 45px;
        font-weight: bold;
        border: none;
        overflow: visible;
        list-style: none;
        background: #ffffff;
    }

        .stg-navbar .stg-navbar-main-container .stg-navbar-options-container li > .children li span {
            transform: skewX(0deg);
            text-align: left;
        }

        .stg-navbar .stg-navbar-main-container .stg-navbar-options-container li > .children li .children {
            will-change: opacity;
            transform: skewX(0deg);
            opacity: 1;
            margin-left: -1px;
            transition: none;
            -moz-transition: none;
            -webkit-transition: none;
            position: relative;
        }

            .stg-navbar .stg-navbar-main-container .stg-navbar-options-container li > .children li .children li {
                opacity: 1;
                width: 300px;
                transition: none;
                -moz-transition: none;
                -webkit-transition: none;
                height: 30px;
                line-height: 30px;
                list-style: none;
                margin-left: 1px;
            }

                .stg-navbar .stg-navbar-main-container .stg-navbar-options-container li > .children li .children li span {
                    text-align: left;
                    font-weight: normal;
                }

.stg-navbar .stg-navbar-main-container .stg-navbar-options-container .children > a:first-child {
    display: none;
}

.stg-navbar .stg-navbar-main-container .stg-navbar-options-container li > .children.no-child {
    flex-flow: column;
    background: white;
}

.stg-navbar .stg-navbar-main-container .stg-navbar-other-container {
    height: 29px;
    background: #939799;
    background: -webkit-linear-gradient(#939799,#565758);
    background: -o-linear-gradient(#939799,#565758);
    background: -moz-linear-gradient(#939799,#565758);
    background: linear-gradient(#939799,#565758);
    margin-left: -25px;
}

    .stg-navbar .stg-navbar-main-container .stg-navbar-other-container .stg-sub-navbar-options-container {
        float: right;
        height: 26px;
        line-height: 30px;
        cursor: pointer;
        margin-right: 20px;
    }

        .stg-navbar .stg-navbar-main-container .stg-navbar-other-container .stg-sub-navbar-options-container a {
            display: inline-block;
            text-align: center;
            padding-left: 15px;
            padding-right: 15px;
            color: white;
        }

        .stg-navbar .stg-navbar-main-container .stg-navbar-other-container .stg-sub-navbar-options-container .sub-navbar-item {
            display: inline-block;
            text-align: center;
            color: white;
            position: relative;
            vertical-align: top;
        }

            .stg-navbar .stg-navbar-main-container .stg-navbar-other-container .stg-sub-navbar-options-container .sub-navbar-item .sub-menu-dropdown {
                opacity: 0;
                position: absolute;
                left: -25%;
                width: 150%;
                background: white;
                transition: all 0.25s ease-in-out;
                -moz-transition: all 0.25s ease-in-out;
                -webkit-transition: all 0.25s ease-in-out;
                background: rgba(0, 0, 0, 0.3);
                border: 3px solid white;
                border-top: none;
                top: 31px;
            }

                .stg-navbar .stg-navbar-main-container .stg-navbar-other-container .stg-sub-navbar-options-container .sub-navbar-item .sub-menu-dropdown .sub-menu-dropdown-option {
                    font-size: 15px;
                }

                .stg-navbar .stg-navbar-main-container .stg-navbar-other-container .stg-sub-navbar-options-container .sub-navbar-item .sub-menu-dropdown a {
                    display: none;
                }

            .stg-navbar .stg-navbar-main-container .stg-navbar-other-container .stg-sub-navbar-options-container .sub-navbar-item:hover .sub-menu-dropdown {
                opacity: 1;
            }

                .stg-navbar .stg-navbar-main-container .stg-navbar-other-container .stg-sub-navbar-options-container .sub-navbar-item:hover .sub-menu-dropdown a {
                    display: inline-block;
                }

.stg-navbar.floating {
    box-shadow: 0 0 4px #212121;
}

.mobile-nav {
    margin-left: 0%;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 60px;
    background: white;
    z-index: 10000000;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    border-bottom: 1px solid #bdbdbd;
    overflow: hidden;
}

@media (max-width: 1100px) {
    .mobile-nav {
        display: block;
    }
}

.mobile-nav .hamburger {
    padding: 19px;
    padding-left: 10px;
    padding-top: 21px;
    outline: none;
}

    .mobile-nav .hamburger .hamburger-box {
        height: 20px;
    }

.mobile-nav .mobile-image {
    position: absolute;
    height: 160px;
    margin: auto;
    left: 0;
    right: 0;
    top: -50px;
}

.move-to-right {
    top: 5%;
    margin-left: 85%;
    right: -85%;
}

.move-to-right-w-shadow {
    margin-left: 85%;
    box-shadow: 0 0 12px #212121;
    overflow: hidden;
    max-height: 90%;
    margin-top: 9%;
    overflow: hidden;
    position: fixed;
}

.mobile-options {
    opacity: 0;
    z-index: 1;
    position: absolute;
    width: 85%;
    min-height: 100%;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    will-change: opacity;
}

    .mobile-options .mobile-item-container {
        padding: 5%;
    }

        .mobile-options .mobile-item-container .mobile-item {
            display: block;
            min-height: 50px;
            line-height: 50px;
            font-size: 20px;
            position: relative;
        }

            .mobile-options .mobile-item-container .mobile-item .mobile-item-container-children {
                overflow: hidden;
                padding-left: 10%;
                transition: all 0.5s ease-in-out;
                -moz-transition: all 0.5s ease-in-out;
                -webkit-transition: all 0.5s ease-in-out;
                height: 0;
            }

                .mobile-options .mobile-item-container .mobile-item .mobile-item-container-children .mobile-item {
                    border-left: 2px solid #0053A1;
                    padding-left: 10px;
                }

                    .mobile-options .mobile-item-container .mobile-item .mobile-item-container-children .mobile-item.active {
                        border-left: 4px solid #0053A1;
                    }

            .mobile-options .mobile-item-container .mobile-item .toggle-children {
                top: 5px;
                right: 5px;
                position: absolute;
                color: #0053A1;
                width: 30px;
                text-align: center;
            }

                .mobile-options .mobile-item-container .mobile-item .toggle-children .down {
                    display: none;
                }

            .mobile-options .mobile-item-container .mobile-item.toggle-children-js .toggle-children .up {
                display: none;
            }

            .mobile-options .mobile-item-container .mobile-item.toggle-children-js .toggle-children .down {
                display: block;
            }

            .mobile-options .mobile-item-container .mobile-item.toggle-children-js .mobile-item-container-children-js .toggle-children .up {
                display: block;
            }

            .mobile-options .mobile-item-container .mobile-item.toggle-children-js .mobile-item-container-children-js .toggle-children .down {
                display: none;
            }

            .mobile-options .mobile-item-container .mobile-item.active {
                font-weight: bold;
            }

                .mobile-options .mobile-item-container .mobile-item.active .mobile-item-container-children {
                    font-weight: normal;
                }

    .mobile-options.active {
        opacity: 1;
    }

.gallery {
    min-height: 500px;
}

@media (max-width: 768px) {
    .gallery {
        height: 90% !important;
    }
}

.gallery .item .item-image {
    width: 100%;
    height: 100%;
    min-height: 500px;
}

@media (max-width: 768px) {
    .gallery .item .item-image {
        width: 300%;
        height: 100%;
        margin-left: -75%;
    }
}

.gallery .item .item-image-header-text {
    font-size: 60px;
    color: white;
    padding: 10px;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 10%;
    right: 5%;
    font-family: "MyriadPro", "Arial", sans-serif;
}

@media (max-width: 1400px) {
    .gallery .item .item-image-header-text {
        display: none;
    }
}

.gallery .item .item-image-desc-text {
    font-size: 30px;
    color: white;
    padding: 10px;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 30%;
    right: 5%;
    text-align: left;
    font-family: "MyriadPro", "Arial", sans-serif;
    max-width: 45%;
}

@media (max-width: 1400px) {
    .gallery .item .item-image-desc-text {
        display: none;
    }
}

@media (max-width: 768px) {
    .gallery .controls {
        display: none;
    }
}

.home-page-content-container {
    width: 100%;
    margin: auto;
    border-top: 1px solid #bdbdbd;
    border-bottom: 1px solid #bdbdbd;
    padding-bottom: 20px;
}

    .home-page-content-container .home-sub-container {
        max-width: 1080px;
        width: 100%;
        display: flex;
        flex-flow: row;
        margin: auto;
    }

@media (max-width: 768px) {
    .home-page-content-container .home-sub-container {
        flex-flow: column;
    }
}

.home-page-content-container .home-sub-container .contact-us-sub-container {
    flex: 1;
}

.home-page-content-container .home-sub-container .other-information-sub {
    flex: 2;
    display: flex;
    flex-flow: column;
}

    .home-page-content-container .home-sub-container .other-information-sub .about-us-info {
        padding: 5%;
        font-size: 18px;
        color: #264b59;
        overflow: hidden;
    }

    .home-page-content-container .home-sub-container .other-information-sub .recent-news {
        flex: 2;
        display: flex;
        flex-flow: column;
    }

        .home-page-content-container .home-sub-container .other-information-sub .recent-news .recent-news-title {
            flex: 0 0 60px;
            text-align: right;
            font-size: 40px;
            text-transform: lowercase;
            color: #0053A1;
            font-weight: bold;
            margin-right: 10px;
        }

        .home-page-content-container .home-sub-container .other-information-sub .recent-news .recent-news-items {
            display: flex;
            flex: 1;
            flex-flow: row;
        }

@media (max-width: 768px) {
    .home-page-content-container .home-sub-container .other-information-sub .recent-news .recent-news-items {
        flex-flow: column;
    }
}

.home-page-content-container .home-sub-container .home-middle-image {
    flex: 1;
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 60px;
}

.recent-news-item {
    background: white;
    flex: 1;
    padding: 10px;
    border: 1px dashed #264b59;
    margin-left: 20px;
    margin-right: 0;
    cursor: pointer;
    box-shadow: 0 0 4px #bdbdbd;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    vertical-align: top;
    margin-bottom: 10px;
}

@media (max-width: 768px) {
    .recent-news-item {
        margin-left: 5px;
        margin-right: 5px;
    }
}

.recent-news-item .title {
    color: #0053A1;
    font-weight: bold;
    font-size: 20px;
    border-bottom: 1px solid #0053A1;
}

.recent-news-item .date {
    margin-left: 5px;
    color: #00060E;
}

.recent-news-item .description {
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 10px;
}

.recent-news-item:hover {
    box-shadow: 0 0 6px #212121;
}

.recent-news-page {
    text-align: center;
    margin-top: 20px;
}

.gradient-main-content {
    background: #f5f5f5;
    background: -webkit-linear-gradient(#f5f5f5, #fff);
    background: -o-linear-gradient(#f5f5f5, #fff);
    background: -moz-linear-gradient(#f5f5f5, #fff);
    background: linear-gradient(#f5f5f5, #fff);
}

.home-wrapper-container .home-sub-container {
    max-width: 1080px;
    width: 100%;
    display: flex;
    flex-flow: row;
    margin: auto;
}

    .home-wrapper-container .home-sub-container .home-middle-image {
        flex: 1;
        background-repeat: no-repeat;
        background-size: contain;
        min-height: 150px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

@media (max-width: 768px) {
    .home-wrapper-container .home-sub-container .home-middle-image {
        display: none;
    }
}

.main-content-container {
    width: 100%;
    flex-flow: column;
}

    .main-content-container .field_container {
        width: 100%;
        margin: auto;
    }

        .main-content-container .field_container .field_option_container {
            display: flex;
            flex-flow: row;
            width: 100%;
            margin: auto;
        }

@media (max-width: 768px) {
    .main-content-container .field_container .field_option_container {
        flex-flow: column;
    }
}

.main-content-container .field_container .field_option_container.limit-1080 {
    max-width: 1080px;
}

.spacer {
    height: 80px;
}

@keyframes move-hand {
    0% {
        top: 47%;
        left: 75%;
    }

    20% {
        top: 50%;
        left: 75%;
    }

    80% {
        top: 50%;
        left: 8%;
    }

    100% {
        top: 47%;
        left: 8%;
    }
}

.journey-100-container {
    width: 100%;
    max-width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    height: 750px;
}

    .journey-100-container img {
        height: 100%;
    }

    .journey-100-container .mobile-hand {
        position: absolute;
        top: 50%;
        left: 75%;
        animation: move-hand 3s infinite ease-in-out;
    }

        .journey-100-container .mobile-hand img {
            height: 90px;
        }

    .journey-100-container .mobile-message {
        position: absolute;
        top: 38%;
        left: 0;
        right: 0;
        text-align: center;
        color: white;
        font-size: 36px;
        text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
        background: rgba(0, 0, 0, 0.3);
    }

.blog-container {
    background: url("../../assets/blog-background.png");
}

@media (max-width: 768px) {
    .blog-container {
        padding: 10px;
        min-height: 100%;
        height: 100%;
    }
}

.blog-container .post-date {
    max-width: 1080px;
    margin: auto;
    margin-top: 30px;
    margin-bottom: 12px;
}

    .blog-container .post-date span {
        padding: 5px;
        background: white;
        border: 1px solid #bdbdbd;
        border-bottom: 0;
        font-size: 24px;
        color: #0053A1;
        box-shadow: 0 0 4px #212121;
    }

.blog-container .main-content-container {
    background: white;
    max-width: 1080px;
    width: 100%;
    margin: auto;
    padding: 20px;
    padding-top: 5px;
    border: 1px solid #bdbdbd;
    box-shadow: 0 0 4px #212121;
}

.blog-container .next-post-container {
    max-width: 1080px;
    width: 100%;
    margin: auto;
    margin-top: 40px;
}

    .blog-container .next-post-container .post-previous,
    .blog-container .next-post-container .post-next {
        display: inline-block;
        width: 50%;
        text-transform: uppercase;
        vertical-align: top;
    }

@media (max-width: 768px) {
    .blog-container .next-post-container .post-previous,
    .blog-container .next-post-container .post-next {
        width: 100%;
        padding: 0;
    }
}

.blog-container .next-post-container .post-previous .recent-news-item,
.blog-container .next-post-container .post-next .recent-news-item {
    background: white;
    text-transform: none;
}

@media (max-width: 768px) {
    .blog-container .next-post-container .post-previous .recent-news-item,
    .blog-container .next-post-container .post-next .recent-news-item {
        margin-right: 0 !important;
    }
}

@media (max-width: 768px) {
    .blog-container .next-post-container .post-previous h4,
    .blog-container .next-post-container .post-next h4 {
        text-align: center !important;
    }
}

.blog-container .next-post-container .post-next h4 {
    text-align: right;
}

.contact-us-container {
    width: 100%;
}

.contact-us-item {
    display: flex;
    min-height: 98px;
    flex-flow: row;
    padding-bottom: 10px;
    border-bottom: 3px dashed #bdbdbd;
}

    .contact-us-item:not(first-child) {
        margin-top: 10px;
    }

    .contact-us-item:last-child {
        border: none;
    }

.contact-us-item-image {
    flex: 0 0 90px;
    padding: 2.5px;
    padding-right: 7.5px;
}

.contact-us-item-text-container {
    flex: 3;
    display: flex;
    flex-flow: column;
}

.contact-us-item:hover > .contact-us-item-image > .cu-image-no-hover {
    display: none;
}

.contact-us-item:hover > .contact-us-item-image > .cu-image-hover {
    display: block;
}

.cu-image-no-hover {
    height: 100%;
    width: 100%;
    max-height: 80px;
    max-width: 80px;
    margin: auto;
}

.cu-image-hover {
    height: 100%;
    width: 100%;
    max-height: 80px;
    max-width: 80px;
    margin: auto;
    display: none;
}

.cu-text-spacer {
    flex: 0 0 20px;
}

.cu-text-title {
    flex: 1;
    text-transform: lowercase;
    font-style: italic;
    font-weight: bold;
}

.cu-text-details {
    flex: 2;
}

.contact-us-title {
    font-size: 70px;
    text-transform: lowercase;
    font-weight: bold;
    text-align: center;
}

.contact-us-options-container {
    display: flex;
    flex: 1;
    flex-flow: column;
}

    .contact-us-options-container .contact-us-header-container {
        flex: 0 0 300px;
        max-height: 300px;
        overflow: hidden;
        position: relative;
    }

@media (max-width: 768px) {
    .contact-us-options-container .contact-us-header-container {
        flex: 0 0 200px;
        max-height: 200px;
    }
}

.contact-us-options-container .contact-us-header-container .contact-us-image-container {
    position: relative;
    width: 100%;
    height: 100%;
    background: #212121;
}

    .contact-us-options-container .contact-us-header-container .contact-us-image-container img {
        position: absolute;
        width: 110%;
        height: 400px;
        left: -5%;
        opacity: 0;
        transition: all 0.25s ease-in-out;
        -moz-transition: all 0.25s ease-in-out;
        -webkit-transition: all 0.25s ease-in-out;
    }

@media (max-width: 768px) {
    .contact-us-options-container .contact-us-header-container .contact-us-image-container img {
        width: 300%;
        margin-left: -150% !important;
        margin-top: 0px !important;
        height: 250px;
    }
}

.contact-us-options-container .contact-us-header-container .contact-us-image-container .active-contact-image {
    opacity: 1;
}

.contact-us-options-container .contact-us-options-container {
    flex: 0 0 50px;
    background: #212121;
    color: white;
    overflow-y: hidden;
    overflow-x: hidden;
}

@media (max-width: 768px) {
    .contact-us-options-container .contact-us-options-container {
        overflow-x: scroll;
    }
}

.contact-us-options-container .contact-us-options-container .cu-container {
    margin: auto;
    white-space: nowrap;
}

    .contact-us-options-container .contact-us-options-container .cu-container .option-select {
        height: 50px;
        font-size: 22px;
        line-height: 50px;
        padding-left: 8px;
        padding-right: 8px;
        display: inline-block;
        cursor: pointer;
    }

        .contact-us-options-container .contact-us-options-container .cu-container .option-select.active {
            border-bottom: 2px solid white;
            font-weight: bold;
        }

.contact-us-options-container .contact-us-body-container {
    flex: 1;
}

    .contact-us-options-container .contact-us-body-container .contact-us-option {
        display: none;
        flex-flow: row;
        padding-left: 10%;
        padding-right: 10%;
        height: 100%;
    }

@media (max-width: 768px) {
    .contact-us-options-container .contact-us-body-container .contact-us-option {
        padding: 0;
    }
}

@media (max-width: 1080px) {
    .contact-us-options-container .contact-us-body-container .contact-us-option {
        flex-flow: column;
    }
}

.contact-us-options-container .contact-us-body-container .contact-us-option iframe {
    flex: 2;
    padding: 20px;
}

@media (max-width: 1080px) {
    .contact-us-options-container .contact-us-body-container .contact-us-option iframe {
        min-height: 400px;
    }
}

.contact-us-options-container .contact-us-body-container .contact-us-option span {
    flex: 1;
    padding: 10px;
}

@media (max-width: 768px) {
    .contact-us-options-container .contact-us-body-container .contact-us-option span {
        padding: 20px;
    }
}

.contact-us-options-container .contact-us-body-container .contact-us-option span table {
    width: 100%;
    font-size: 18px;
}

.contact-us-options-container .contact-us-body-container .contact-us-option .space-filler {
    flex: 1;
}

@media (max-width: 1200px) {
    .contact-us-options-container .contact-us-body-container .contact-us-option .space-filler {
        display: none;
    }
}

.contact-us-options-container .contact-us-body-container .contact-us-option.active {
    display: flex;
}

.hidden-sidebar {
    opacity: 0;
    width: 0.1px !important;
    right: 0;
}

.login-widget-container {
    top: 5%;
    left: 2.5%;
    bottom: 5%;
    width: 350px;
    position: absolute;
    z-index: 100;
    overflow: hidden;
    box-shadow: 0 0 4px #212121;
    display: flex;
    flex-flow: column;
    opacity: 1;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 15px;
}

@media (max-width: 768px) {
    .login-widget-container {
        max-width: 400px;
        width: 95%;
        border-radius: 0;
        background: rgba(0, 0, 0, 0.7);
    }
}

.login-widget-container .login-header-options {
    flex: 0 0 65px;
    display: flex;
    flex-flow: row;
}

    .login-widget-container .login-header-options .login-header-option {
        flex: 1;
        font-size: 25px;
        margin-bottom: 10px;
        text-align: center;
        color: white;
        line-height: 55px;
        border-bottom: 1px solid white;
        position: relative;
        cursor: pointer;
    }

        .login-widget-container .login-header-options .login-header-option .login-header-arrow {
            position: absolute;
            bottom: 10px;
        }

        .login-widget-container .login-header-options .login-header-option:hover {
            background: rgba(124, 26, 28, 0.6);
        }

        .login-widget-container .login-header-options .login-header-option.active {
            background: #0053A1;
        }

            .login-widget-container .login-header-options .login-header-option.active .login-header-arrow {
                width: 0;
                height: 0;
                border-left: 15px solid transparent;
                border-right: 15px solid transparent;
                border-top: 10px solid #0053A1;
                top: 53px;
                left: 37%;
            }

    .login-widget-container .login-header-options .login-header-option {
        border-right: 1px solid rgba(0, 0, 0, 0.2);
    }

.login-widget-container .login-options-container {
    display: none;
    margin-top: -10px;
    flex: 1;
    flex-flow: column;
}

    .login-widget-container .login-options-container .login-option {
        flex: 0 0 22.4px;
        overflow: hidden;
        transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
        cursor: pointer;
        display: flex;
        flex-flow: column;
    }

@media (max-width: 768px) {
    .login-widget-container .login-options-container .login-option {
        flex: 0 0 30.4px;
    }
}

.login-widget-container .login-options-container .login-option .header {
    flex: 0 0 22.4px;
    padding-left: 10px;
    font-size: 16px;
    color: white;
}

@media (max-width: 768px) {
    .login-widget-container .login-options-container .login-option .header {
        flex: 0 0 30.4px;
        line-height: 30.4px;
    }
}

.login-widget-container .login-options-container .login-option .header::before {
    content: "⮞";
    padding-right: 10px;
    font-size: 12px;
    position: relative;
    top: -2px;
}

.login-widget-container .login-options-container .login-option .contents {
    will-change: opacity;
    flex: 1;
    opacity: 0;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 2.5%;
}

    .login-widget-container .login-options-container .login-option .contents label {
        display: block;
        color: white;
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 0;
    }

    .login-widget-container .login-options-container .login-option .contents input {
        width: 100%;
        border: none;
        background: rgba(0, 0, 0, 0.7);
        color: white;
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 16px;
    }

        .login-widget-container .login-options-container .login-option .contents input[type="submit"],
        .login-widget-container .login-options-container .login-option .contents input[type="button"] {
            background: #0053A1;
        }

            .login-widget-container .login-options-container .login-option .contents input[type="submit"]:hover,
            .login-widget-container .login-options-container .login-option .contents input[type="button"]:hover {
                background: #d44144;
                box-shadow: 0 0 4px #212121;
            }

    .login-widget-container .login-options-container .login-option .contents a {
        display: block;
        color: white;
        margin-bottom: 4px;
    }

        .login-widget-container .login-options-container .login-option .contents a:hover {
            padding-left: 5px;
        }

    .login-widget-container .login-options-container .login-option .contents span {
        color: white;
    }

.login-option-span {
    font-weight: bold;
    font-style: italic;
    text-decoration: underline;
}






.login-widget-container .login-options-container .login-option .contents .ltl-trackpackage {
    border: none;
    width: 305px;
    height: 205px;
    display: block;
    margin: auto;
}

.login-widget-container .login-options-container .login-option .contents-no-padding {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}

.login-widget-container .login-options-container .login-option:first-child {
    padding-top: 10px;
    flex: 0 0 32.4px;
}

.login-widget-container .login-options-container .login-option.active {
    flex: 1;
    z-index: 150;
}

    .login-widget-container .login-options-container .login-option.active .header::before {
        content: "⮟";
    }

    .login-widget-container .login-options-container .login-option.active .contents {
        width: 80%;
        height: 100%;
        display: block;
        opacity: 1;
    }

    .login-widget-container .login-options-container .login-option.active .contents-no-padding {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }

.login-widget-container .login-options-container.active {
    display: flex;
}

.side-login-widget .login-widget-container {
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    border-radius: 0;
    width: 100%;
}

.login-page-container {
    flex: 1;
    max-width: 500px;
    width: 100%;
    margin: auto;
    margin-top: 5%;
    margin-bottom: 5%;
    background: white;
    box-shadow: 0 0 4px #212121;
    display: flex;
    flex-flow: column;
}

    .login-page-container .login-page-logo {
        flex: 1;
        overflow: hidden;
        text-align: center;
        background-repeat: no-repeat;
        background-position: center;
        cursor: pointer;
    }

        .login-page-container .login-page-logo img {
            height: 100%;
        }

    .login-page-container .login-page-options {
        flex: 2;
        position: relative;
    }

        .login-page-container .login-page-options .login-widget-container {
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            width: 100%;
            max-width: 100%;
            border-radius: 0;
        }

@media (max-width: 768px) {
    .login-page-container {
        width: 100%;
        max-width: 1000px;
        margin: 0;
    }
}

@keyframes move-to-left {
    0% {
        right: -75%;
    }

    100% {
        right: -50%;
    }
}

.service-holder {
    position: relative;
    flex: 1;
    background: #92a4ae;
    background: -webkit-linear-gradient(#92a4ae, #d4dcdf);
    background: -o-linear-gradient(#92a4ae, #d4dcdf);
    background: -moz-linear-gradient(#92a4ae, #d4dcdf);
    background: linear-gradient(#92a4ae, #d4dcdf);
}

.typeSelector {
    padding-left: 10px;
    padding-right: 10px;
    height: 65px;
    width: 160px;
    color: white;
    display: inline-block;
    transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    white-space: nowrap;
}

    .typeSelector img {
        height: 100%;
        width: 100%;
        padding: 2px;
    }

.selectorContainer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: RGBA(0, 0, 0, 0.4);
    height: 65px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    z-index: 999;
}

    .selectorContainer .scrollContainer {
        overflow-x: scroll;
    }

.novisible {
    height: 0.1px;
    width: 0.1px;
    overflow: hidden;
}

.typeContent {
    display: none;
    top: 65px;
    left: 0;
    right: 0;
    transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    z-index: 1;
    min-height: 100%;
}

    .typeContent .typeContentContainer {
        max-width: 1080px;
        height: 100%;
        margin: auto;
        display: flex;
        flex-flow: row;
    }

@media (max-width: 1080px) {
    .typeContent .typeContentContainer {
        overflow-x: hidden;
    }
}

.typeContent .typeContentContainer .stg-table {
    flex: 1;
    padding: 20px;
    max-width: 55%;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 1000;
}

@media (max-width: 1080px) {
    .typeContent .typeContentContainer .stg-table {
        max-width: 100%;
    }
}

.typeContent .typeContentContainer .stg-table .stg-header {
    display: flex;
    border: 2px solid white;
    border-bottom: 2px dashed white;
}

    .typeContent .typeContentContainer .stg-table .stg-header .stg-title {
        flex: 1;
        color: #0053A1;
        font-size: 30px;
        font-weight: bold;
        padding: 10px;
    }

@media (max-width: 768px) {
    .typeContent .typeContentContainer .stg-table .stg-header .stg-title {
        font-size: 25px;
    }
}

.typeContent .typeContentContainer .stg-table .stg-header .stg-title span {
    color: white;
}

.typeContent .typeContentContainer .stg-table .stg-header .stg-title-image {
    flex: 1;
    max-width: 150px;
    border-left: 3px dashed white;
    position: relative;
}

    .typeContent .typeContentContainer .stg-table .stg-header .stg-title-image img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        height: 70px;
        width: 70px;
        margin: auto;
    }

.typeContent .typeContentContainer .stg-table .stg-content {
    border-left: 2px solid white;
    border-right: 2px solid white;
    padding: 10px;
}

.typeContent .typeContentContainer .stg-table .stg-footer {
    border: 2px solid white;
    border-top: 2px dashed white;
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    padding-top: 10px;
    padding-bottom: 10px;
}

    .typeContent .typeContentContainer .stg-table .stg-footer .stg-footer-option {
        display: block;
        flex: 1;
    }

        .typeContent .typeContentContainer .stg-table .stg-footer .stg-footer-option img {
            display: block;
            margin: auto;
            height: 47px;
            width: 172px;
        }

    .typeContent .typeContentContainer .stg-table .stg-footer .companies {
        white-space: nowrap;
        width: 100%;
        max-width: inherit;
        overflow-x: auto;
        overflow-y: hidden;
        height: 115px;
        padding-top: 10px;
    }

        .typeContent .typeContentContainer .stg-table .stg-footer .companies img {
            height: 100px;
        }

.typeContent .typeContentContainer .image {
    flex: 1;
    position: relative;
}

    .typeContent .typeContentContainer .image img {
        position: absolute;
        right: -75%;
        top: 0;
        bottom: 0;
        margin: auto;
        transition: all 0.25s ease-in-out;
        -moz-transition: all 0.25s ease-in-out;
        -webkit-transition: all 0.25s ease-in-out;
    }

@media (max-width: 1080px) {
    .typeContent .typeContentContainer .image {
        display: none;
    }
}

.typeContent .specialContainer {
    display: block;
    overflow: hidden;
    overflow-y: auto;
    margin-top: 70px;
}

@media (max-width: 1080px) {
    .typeContent .specialContainer {
        padding: 10px;
    }
}

.typeController {
    position: fixed;
    top: 0;
}

.service-holder .typeContent:nth-of-type(1) {
    display: block;
    z-index: 100;
}

    .service-holder .typeContent:nth-of-type(1) .typeContentContainer .stg-table {
        padding-top: 86px;
    }

.service-holder .typeController:nth-of-type(2):target ~ .typeContent:nth-of-type(1) {
    display: none;
    z-index: 1;
}

.service-holder .typeController:nth-of-type(2):target ~ .typeContent:nth-of-type(2) {
    display: block;
    z-index: 10;
}

    .service-holder .typeController:nth-of-type(2):target ~ .typeContent:nth-of-type(2) .typeContentContainer .image img {
        animation: move-to-left 0.25s forwards;
    }

    .service-holder .typeController:nth-of-type(2):target ~ .typeContent:nth-of-type(2) .typeContentContainer .stg-table {
        margin-top: 70px;
    }

.service-holder .typeController:nth-of-type(2):target ~ .selectorContainer > .scrollContainer > .typeSelector:nth-of-type(2) {
    background: RGBA(255, 255, 255, 0.2);
}

.service-holder .typeController:nth-of-type(3):target ~ .typeContent:nth-of-type(1) {
    display: none;
    z-index: 1;
}

.service-holder .typeController:nth-of-type(3):target ~ .typeContent:nth-of-type(3) {
    display: block;
    z-index: 10;
}

    .service-holder .typeController:nth-of-type(3):target ~ .typeContent:nth-of-type(3) .typeContentContainer .image img {
        animation: move-to-left 0.25s forwards;
    }

    .service-holder .typeController:nth-of-type(3):target ~ .typeContent:nth-of-type(3) .typeContentContainer .stg-table {
        margin-top: 70px;
    }

.service-holder .typeController:nth-of-type(3):target ~ .selectorContainer > .scrollContainer > .typeSelector:nth-of-type(3) {
    background: RGBA(255, 255, 255, 0.2);
}

.service-holder .typeController:nth-of-type(4):target ~ .typeContent:nth-of-type(1) {
    display: none;
    z-index: 1;
}

.service-holder .typeController:nth-of-type(4):target ~ .typeContent:nth-of-type(4) {
    display: block;
    z-index: 10;
}

    .service-holder .typeController:nth-of-type(4):target ~ .typeContent:nth-of-type(4) .typeContentContainer .image img {
        animation: move-to-left 0.25s forwards;
    }

    .service-holder .typeController:nth-of-type(4):target ~ .typeContent:nth-of-type(4) .typeContentContainer .stg-table {
        margin-top: 70px;
    }

.service-holder .typeController:nth-of-type(4):target ~ .selectorContainer > .scrollContainer > .typeSelector:nth-of-type(4) {
    background: RGBA(255, 255, 255, 0.2);
}

.service-holder .typeController:nth-of-type(5):target ~ .typeContent:nth-of-type(1) {
    display: none;
    z-index: 1;
}

.service-holder .typeController:nth-of-type(5):target ~ .typeContent:nth-of-type(5) {
    display: block;
    z-index: 10;
}

    .service-holder .typeController:nth-of-type(5):target ~ .typeContent:nth-of-type(5) .typeContentContainer .image img {
        animation: move-to-left 0.25s forwards;
    }

    .service-holder .typeController:nth-of-type(5):target ~ .typeContent:nth-of-type(5) .typeContentContainer .stg-table {
        margin-top: 70px;
    }

.service-holder .typeController:nth-of-type(5):target ~ .selectorContainer > .scrollContainer > .typeSelector:nth-of-type(5) {
    background: RGBA(255, 255, 255, 0.2);
}

.service-holder .typeController:nth-of-type(6):target ~ .typeContent:nth-of-type(1) {
    display: none;
    z-index: 1;
}

.service-holder .typeController:nth-of-type(6):target ~ .typeContent:nth-of-type(6) {
    display: block;
    z-index: 10;
}

    .service-holder .typeController:nth-of-type(6):target ~ .typeContent:nth-of-type(6) .typeContentContainer .image img {
        animation: move-to-left 0.25s forwards;
    }

    .service-holder .typeController:nth-of-type(6):target ~ .typeContent:nth-of-type(6) .typeContentContainer .stg-table {
        margin-top: 70px;
    }

.service-holder .typeController:nth-of-type(6):target ~ .selectorContainer > .scrollContainer > .typeSelector:nth-of-type(6) {
    background: RGBA(255, 255, 255, 0.2);
}

.service-holder .typeController:nth-of-type(7):target ~ .typeContent:nth-of-type(1) {
    display: none;
    z-index: 1;
}

.service-holder .typeController:nth-of-type(7):target ~ .typeContent:nth-of-type(7) {
    display: block;
    z-index: 10;
}

    .service-holder .typeController:nth-of-type(7):target ~ .typeContent:nth-of-type(7) .typeContentContainer .image img {
        animation: move-to-left 0.25s forwards;
    }

    .service-holder .typeController:nth-of-type(7):target ~ .typeContent:nth-of-type(7) .typeContentContainer .stg-table {
        margin-top: 70px;
    }

.service-holder .typeController:nth-of-type(7):target ~ .selectorContainer > .scrollContainer > .typeSelector:nth-of-type(7) {
    background: RGBA(255, 255, 255, 0.2);
}

.service-holder .typeController:nth-of-type(8):target ~ .typeContent:nth-of-type(1) {
    display: none;
    z-index: 1;
}

.service-holder .typeController:nth-of-type(8):target ~ .typeContent:nth-of-type(8) {
    display: block;
    z-index: 10;
}

    .service-holder .typeController:nth-of-type(8):target ~ .typeContent:nth-of-type(8) .typeContentContainer .image img {
        animation: move-to-left 0.25s forwards;
    }

    .service-holder .typeController:nth-of-type(8):target ~ .typeContent:nth-of-type(8) .typeContentContainer .stg-table {
        margin-top: 70px;
    }

.service-holder .typeController:nth-of-type(8):target ~ .selectorContainer > .scrollContainer > .typeSelector:nth-of-type(8) {
    background: RGBA(255, 255, 255, 0.2);
}

.service-holder .typeController:nth-of-type(9):target ~ .typeContent:nth-of-type(1) {
    display: none;
    z-index: 1;
}

.service-holder .typeController:nth-of-type(9):target ~ .typeContent:nth-of-type(9) {
    display: block;
    z-index: 10;
}

    .service-holder .typeController:nth-of-type(9):target ~ .typeContent:nth-of-type(9) .typeContentContainer .image img {
        animation: move-to-left 0.25s forwards;
    }

    .service-holder .typeController:nth-of-type(9):target ~ .typeContent:nth-of-type(9) .typeContentContainer .stg-table {
        margin-top: 70px;
    }

.service-holder .typeController:nth-of-type(9):target ~ .selectorContainer > .scrollContainer > .typeSelector:nth-of-type(9) {
    background: RGBA(255, 255, 255, 0.2);
}

.service-holder .typeController:nth-of-type(10):target ~ .typeContent:nth-of-type(1) {
    display: none;
    z-index: 1;
}

.service-holder .typeController:nth-of-type(10):target ~ .typeContent:nth-of-type(10) {
    display: block;
    z-index: 10;
}

    .service-holder .typeController:nth-of-type(10):target ~ .typeContent:nth-of-type(10) .typeContentContainer .image img {
        animation: move-to-left 0.25s forwards;
    }

    .service-holder .typeController:nth-of-type(10):target ~ .typeContent:nth-of-type(10) .typeContentContainer .stg-table {
        margin-top: 70px;
    }

.service-holder .typeController:nth-of-type(10):target ~ .selectorContainer > .scrollContainer > .typeSelector:nth-of-type(10) {
    background: RGBA(255, 255, 255, 0.2);
}

.customer-service-main-container {
    width: 100%;
    min-height: 100%;
}

    .customer-service-main-container .customer-service-inner-container {
        width: 100%;
        max-width: 1080px;
        margin: auto;
        padding-top: 10px;
        padding-bottom: 10px;
        display: flex;
        flex-flow: row;
        min-height: 40px;
        vertical-align: top;
    }

@media (max-width: 768px) {
    .customer-service-main-container .customer-service-inner-container {
        flex-flow: column;
    }
}

.customer-service-main-container .customer-service-inner-container .cs-menu-option-container {
    flex: 0 0 300px;
}

@media (max-width: 768px) {
    .customer-service-main-container .customer-service-inner-container .cs-menu-option-container {
        padding: 10px;
        padding-top: 0;
        flex: 1;
    }
}

.customer-service-main-container .customer-service-inner-container .cs-menu-option-container .cs-menu-options {
    border: 1px solid #bdbdbd;
    border-right: none;
    background: white;
}

@media (max-width: 768px) {
    .customer-service-main-container .customer-service-inner-container .cs-menu-option-container .cs-menu-options {
        border: 1px solid #bdbdbd;
    }
}

.customer-service-main-container .customer-service-inner-container .cs-menu-option-container .cs-menu-options h4 {
    padding-left: 5px;
    font-weight: bold;
    color: #67737a;
}

.customer-service-main-container .customer-service-inner-container .cs-menu-option-container .cs-menu-options .option {
    display: block;
    padding: 10px;
    cursor: pointer;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    line-height: 16px;
    color: #67737a;
}

    .customer-service-main-container .customer-service-inner-container .cs-menu-option-container .cs-menu-options .option:hover {
        background: #657279;
        color: white;
    }

    .customer-service-main-container .customer-service-inner-container .cs-menu-option-container .cs-menu-options .option.active {
        background: #91a3ad;
        background: -webkit-linear-gradient(#91a3ad, #82929b);
        background: -o-linear-gradient(#91a3ad, #82929b);
        background: -moz-linear-gradient(#91a3ad, #82929b);
        background: linear-gradient(#91a3ad, #82929b);
        color: white;
        padding-left: 15px;
        font-weight: bold;
    }

.customer-service-main-container .customer-service-inner-container .cs-content-container {
    flex: 1;
    background: white;
}

    .customer-service-main-container .customer-service-inner-container .cs-content-container .content-container {
        border: 1px solid #bdbdbd;
        overflow: hidden;
    }

        .customer-service-main-container .customer-service-inner-container .cs-content-container .content-container .content-container-title {
            font-size: 30px;
            padding-left: 10px;
            -webkit-transition: all 0.25s ease;
            -moz-transition: all 0.25s ease;
            -o-transition: all 0.25s ease;
            transition: all 0.25s ease;
            color: #0053A1;
            text-align: left;
            box-shadow: 0 0 4px #212121;
            position: relative;
            background: #91a3ad;
            background: -webkit-linear-gradient(#91a3ad, #82929b);
            background: -o-linear-gradient(#91a3ad, #82929b);
            background: -moz-linear-gradient(#91a3ad, #82929b);
            background: linear-gradient(#91a3ad, #82929b);
            border-left: 4px solid #576167;
        }

@media (max-width: 768px) {
    .customer-service-main-container .customer-service-inner-container .cs-content-container .content-container .content-container-title {
        height: auto;
        padding-right: 10px;
    }
}

.customer-service-main-container .customer-service-inner-container .cs-content-container .content-container .content-container-title span {
    display: block;
    color: white;
}

.customer-service-main-container .customer-service-inner-container .cs-content-container .content-container .content-option-container {
    padding: 10px;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.tabbed-table-base {
    margin: 2.5%;
    width: 95%;
}

    .tabbed-table-base .tabbed-table-tabs {
        width: 100%;
        height: 80px;
        position: relative;
        line-height: 80px;
    }

        .tabbed-table-base .tabbed-table-tabs .tab {
            display: inline-block;
            width: 200px;
            height: 100%;
            padding-left: 10px;
            padding-right: 10px;
            font-size: 20px;
            line-height: 80px;
            cursor: pointer;
            overflow: hidden;
            position: relative;
            vertical-align: bottom;
            font-weight: bold;
            transition: all 0.25s ease-in-out;
            -moz-transition: all 0.25s ease-in-out;
            -webkit-transition: all 0.25s ease-in-out;
        }

            .tabbed-table-base .tabbed-table-tabs .tab .background-options {
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
                position: absolute;
                z-index: 10;
            }

            .tabbed-table-base .tabbed-table-tabs .tab .opt_type {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                z-index: 13px;
            }

            .tabbed-table-base .tabbed-table-tabs .tab .opt_blur {
                -webkit-filter: blur(3px);
                filter: blur(3px);
            }

            .tabbed-table-base .tabbed-table-tabs .tab .opt_greyscale {
                -webkit-filter: grayscale(100%);
                filter: grayscale(100%);
            }

            .tabbed-table-base .tabbed-table-tabs .tab span {
                position: absolute;
                top: 0;
                left: 5px;
                right: 5px;
                bottom: 0;
                z-index: 15;
            }

                .tabbed-table-base .tabbed-table-tabs .tab span.outlined {
                    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
                }

            .tabbed-table-base .tabbed-table-tabs .tab.rounded-tab {
                border-top-left-radius: 15px;
                border-top-right-radius: 15px;
            }

            .tabbed-table-base .tabbed-table-tabs .tab.slide-up {
                height: 70%;
            }

                .tabbed-table-base .tabbed-table-tabs .tab.slide-up:hover {
                    height: 85%;
                }

                .tabbed-table-base .tabbed-table-tabs .tab.slide-up.selected {
                    height: 100%;
                }

            .tabbed-table-base .tabbed-table-tabs .tab.gray-select {
                filter: grayscale(100%);
            }

                .tabbed-table-base .tabbed-table-tabs .tab.gray-select:hover {
                    filter: grayscale(50%);
                }

                .tabbed-table-base .tabbed-table-tabs .tab.gray-select.selected {
                    filter: grayscale(0%);
                }

    .tabbed-table-base .tab-data {
        width: 100%;
        border: 1px solid black;
    }

        .tabbed-table-base .tab-data table {
            width: 100%;
        }

            .tabbed-table-base .tab-data table thead tr {
                border-bottom: 1px solid #212121;
                color: #0053A1;
                text-transform: capitalize;
                font-size: 20px;
                height: 40px;
            }

                .tabbed-table-base .tab-data table thead tr th {
                    padding-left: 8px;
                }

            .tabbed-table-base .tab-data table tbody tr {
                height: 30px;
            }

                .tabbed-table-base .tab-data table tbody tr td {
                    padding-left: 8px;
                }

        .tabbed-table-base .tab-data .table-holder {
            padding: 1.5%;
            padding-bottom: 3%;
        }

        .tabbed-table-base .tab-data .markdown-container {
            padding: 2%;
            padding-top: 1%;
        }

@media (max-width: 768px) {
    .tabbed-table-base {
        margin: 0;
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
    }

        .tabbed-table-base .tabbed-table-tabs {
            display: flex;
            flex-flow: row;
        }

            .tabbed-table-base .tabbed-table-tabs .tab {
                flex: 1;
                align-self: flex-end;
            }

        .tabbed-table-base .tab-data {
            width: 100%;
            padding: 1%;
            border: 1px solid black;
        }

            .tabbed-table-base .tab-data table thead tr {
                border-bottom: 1px solid #212121;
                color: #0053A1;
                text-transform: capitalize;
                font-size: 15px;
                height: 40px;
            }

                .tabbed-table-base .tab-data table thead tr th {
                    padding-left: 8px;
                }

            .tabbed-table-base .tab-data table tbody tr {
                height: 30px;
            }

                .tabbed-table-base .tab-data table tbody tr td {
                    padding-left: 8px;
                }
}

@media (min-width: 768px) and (max-width: 1080px) {
    .tabbed-table-base {
        margin: 1%;
        width: 98%;
    }
}

.quote {
    margin: 2.5%;
    align-self: baseline;
}

    .quote .quote-open {
        font-size: 60px;
        height: 45px;
        padding-left: 30px;
        line-height: 90px;
    }

    .quote .quote-close {
        text-align: right;
        font-size: 60px;
        height: 45px;
        padding-right: 30px;
        line-height: 50px;
    }

    .quote .quote-author {
        font-style: italic;
        font-weight: bold;
        padding-right: 70px;
        text-align: right;
        padding-bottom: 15px;
    }

    .quote .quote-info {
        padding: 60px;
        padding-top: 15px;
        padding-bottom: 15px;
    }

@media (max-width: 768px) {
    .quote {
        margin: 0;
        width: 100%;
    }
}

@media (min-width: 769px) and (max-width: 1080px) {
    .quote {
        margin: 1%;
    }
}

.stg-image {
    width: 100%;
    position: relative;
    text-align: center;
    overflow: hidden;
}

    .stg-image .blur {
        position: absolute;
        width: 100%;
        height: 100%;
        filter: blur(3px);
    }

    .stg-image .grayscale {
        position: absolute;
        width: 100%;
        height: 100%;
        filter: grayscale(100%);
    }

    .stg-image .sepia {
        position: absolute;
        width: 100%;
        height: 100%;
        filter: sepia(100%);
    }

    .stg-image .background-image {
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        width: 100%;
        height: 100%;
        position: absolute;
    }

    .stg-image .image-text {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        user-select: none;
        cursor: default;
    }

        .stg-image .image-text.outline {
            text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
        }

.text-content {
    width: 100%;
}

    .text-content table {
        width: 100%;
    }

        .text-content table thead tr th,
        .text-content table tbody tr th {
            color: #0053A1;
            font-size: 20px;
        }

        .text-content table thead tr td,
        .text-content table tbody tr td {
            font-size: 18px;
        }

        .text-content table thead tr td,
        .text-content table thead tr th,
        .text-content table tbody tr td,
        .text-content table tbody tr th {
            border: 1px solid black;
            padding: 5px;
        }

@media (max-width: 1080px) {
    .text-content {
        width: 100%;
        padding: 2.5%;
    }
}

.inline-image-container .sub-text {
    text-align: center;
    color: #757575;
}

.rate-quote-title {
    height: 30px;
    line-height: 34px;
    background: #0053A1;
    padding-left: 20px;
    font-size: 20px;
    color: white;
}
/*# sourceMappingURL=stg.css.map */