.text-color-blue {
    color: #007bff;
}

.text-color-indigo {
    color: #6610f2;
}

.text-color-purple {
    color: #6f42c1;
}

.text-color-pink {
    color: #e83e8c;
}

.text-color-red {
    color: #dc3545;
}

.text-color-orange {
    color: #fd7e14;
}

.text-color-yellow {
    color: #ffc107;
}

.text-color-green {
    color: #28a745;
}

.text-color-teal {
    color: #20c997;
}

.text-color-cyan {
    color: #17a2b8;
}

.text-color-white {
    color: #fff;
}

.text-color-gray {
    color: #6c757d;
}

.text-color-gray-dark {
    color: #343a40;
}

.text-color-primary {
    color: #007bff;
}

.text-color-secondary {
    color: #6c757d;
}

.text-color-success {
    color: #28a745;
}

.text-color-info {
    color: #17a2b8;
}

.text-color-warning {
    color: #ffc107;
}

.text-color-danger {
    color: #dc3545;
}

.text-color-light {
    color: #f8f9fa;
}

.text-color-dark {
    color: #343a40;
}

.bg-color-blue {
    background-color: #007bff;
}

.bg-color-indigo {
    background-color: #6610f2;
}

.bg-color-purple {
    background-color: #6f42c1;
}

.bg-color-pink {
    background-color: #e83e8c;
}

.bg-color-red {
    background-color: #dc3545;
}

.bg-color-orange {
    background-color: #fd7e14;
}

.bg-color-yellow {
    background-color: #ffc107;
}

.bg-color-green {
    background-color: #28a745;
}

.bg-color-teal {
    background-color: #20c997;
}

.bg-color-cyan {
    background-color: #17a2b8;
}

.bg-color-white {
    background-color: #fff;
}

.bg-color-gray {
    background-color: #6c757d;
}

.bg-color-gray-dark {
    background-color: #343a40;
}

.bg-color-primary {
    background-color: #007bff;
}

.bg-color-secondary {
    background-color: #6c757d;
}

.bg-color-success {
    background-color: #28a745;
}

.bg-color-info {
    background-color: #17a2b8;
}

.bg-color-warning {
    background-color: #ffc107;
}

.bg-color-danger {
    background-color: #dc3545;
}

.bg-color-light {
    background-color: #f8f9fa;
}

.bg-color-dark {
    background-color: #343a40;
}

@font-face {
    font-family: Arial-Rounded-MT;
    src: url(/WebsiteCustom/fonts/Arial-Rounded-MT.Ttf) format("truetype");
}

@font-face {
    font-family: Arial-Rounded-MT;
    src: url(/WebsiteCustom/fonts/Arial-Rounded-MT.Ttf) format("truetype");
}

@font-face {
    font-family: Montserat-Medium;
    src: url(/WebsiteCustom/fonts/FontsFree-Net-Montserrat-Medium.ttf);
}

html {
    max-width: 100% !important;
}

.form-text-only {
    border-radius: 15px;
    margin: 10px 0;
    background: #fff;
}

    .form-text-only div {
        background: #f5f5f5;
        padding: 5px 20px;
        border-radius: 15px;
    }

    .form-text-only label {
        font-weight: bold;
    }

img.deleted {
    opacity: .4;
    filter: blur(5px);
}

.cover-bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.home-page .page-wrapper {
    min-height: 100vh;
    text-align: center;
}

.home-page .picklogo img {
    width: 20%;
}

.home-page .centered-icon {
    width: 51px;
    height: 50px;
    background-color: #fff;
    border-radius: 100%;
    cursor: pointer;
}

.home-page .page-wrapper .btn {
    background-color: #fff;
    border-radius: 234px;
    color: #3e3d3e;
    width: 177px;
    font-family: Montserat-Medium;
    text-transform: uppercase;
    font-size: 15px;
    transition: background-color .3s,color .3s;
}

    .home-page .page-wrapper .btn:hover {
        background-color: #ffc600;
        color: #fff;
        transition: background-color .3s,color .3s;
    }

.home-page .download {
    padding-top: 40px;
}

    .home-page .download h1 {
        font-size: 30px;
        font-family: Arial-Rounded-MT;
        font-weight: bold;
        text-transform: uppercase;
        color: #fff;
        padding-bottom: 15px;
    }

    .home-page .download.contact h1:first-child {
        padding-bottom: 10px;
    }

@media screen and (max-width:1200px) {
    .home-page .download h1 {
        font-size: 30px;
    }

    .home-page .picklogo img {
        width: 20%;
    }
}

@media screen and (max-width:992px) {
    .home-page .download h1 {
        font-size: 22px;
    }

    .home-page .picklogo img {
        width: 25%;
    }

    .home-page .page-wrapper button {
        width: 148px;
        font-size: 12px;
        padding-right: 0;
    }
}

@media screen and (max-width:767px) {
    .home-page .picklogo img {
        width: 30%;
    }
}

.address-pickup-delivery-form .uib-tab.nav-item {
    background: #f8f9fa;
}

    .address-pickup-delivery-form .uib-tab.nav-item a {
        color: #007bff;
    }

    .address-pickup-delivery-form .uib-tab.nav-item.active {
        background: #007bff;
    }

        .address-pickup-delivery-form .uib-tab.nav-item.active a {
            color: #fff;
            font-weight: bold;
        }

.address-pickup-delivery-form .center-image {
    position: relative;
}

    .address-pickup-delivery-form .center-image img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }

.sample-1-track-lines .sample-1-tr-track-line {
    height: 2px !important;
    background-color: #488978;
    opacity: 1;
}

.sample-1-track-lines .sample-1-tr-dot {
    height: 10px;
    width: 10px;
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 0;
    background-color: #488978;
    border-radius: 50%;
    display: inline-block;
}

.sample-1-track-lines .sample-1-tr-big-dot {
    height: 25px;
    width: 25px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    background-color: #488978;
    border-radius: 50%;
    display: inline-block;
}

    .sample-1-track-lines .sample-1-tr-big-dot i {
        font-size: 12px;
    }

.sample-1-track-lines .sample-1-tr-card-stepper {
    z-index: 0;
}

.post-home-page nav, .post-posts-page nav, .post-medias-page nav {
    background: #fdc42d;
}

.post-home-page .footer-landing, .post-posts-page .footer-landing {
    background: #0b1729;
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    top: 10px;
}

.post-footer.footer-landing-Media {
    background: #0b1729;
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    top: 10px;
}

    .post-footer.footer-landing-Media .FooterText {
        color: #fff;
        display: flex;
        justify-content: center;
        margin-bottom: 60px;
    }

.navbar.post-navbar {
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.logo img {
    height: 80px;
}

.carousel-inner {
    position: relative;
}

.carousel-control-prev, .carousel-control-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
}

.carousel-control-prev {
    left: 10px;
}

.carousel-control-next {
    right: 10px;
}

.carousel-control-prev-icon, .carousel-control-next-icon {
    width: 20px;
    height: 20px;
    filter: invert(1);
}

.Media {
    font-size: 85px;
    display: flex;
    justify-content: center;
    height: 70vh;
    align-items: center;
}

@media screen and (max-width:992px) {
    .post-home-page .footer-landing, .post-posts-page .footer-landing {
        top: 47px;
    }
}

@media screen and (max-width:768px) {
    .post-home-page .footer-landing, .post-posts-page .footer-landing {
        top: 119px;
    }
}

@media screen and (max-width:347px) {
    .post-medias-page .footer-landing-Media {
        top: 38px;
    }
}

@media screen and (max-width:333px) {
    .post-medias-page .footer-landing-Media {
        top: 45px;
    }
}

a {
    text-decoration: none !important;
    color: #000;
}

.carousel-item.active {
    display: flex;
    justify-content: center;
}

.BackButton {
    background-color: #fdc42d;
    border: 2px solid #3e3d3e;
    color: #3e3d3e;
}

.PostMedias {
    width: 55%;
    margin: auto;
}

@media screen and (max-width:1400px) {
    .PostMedias {
        width: 55%;
    }
}

@media screen and (max-width:1200px) {
    .PostMedias {
        width: 60%;
    }
}

@media screen and (max-width:992px) {
    .PostMedias {
        width: 90%;
    }
}

@media screen and (max-width:768px) {
    .PostMedias {
        width: 80%;
    }
}

@media screen and (max-width:500px) {
    .PostMedias {
        width: 88%;
    }
}

@media screen and (max-width:450px) {
    .PostMedias {
        width: 80%;
    }
}

@media screen and (max-width:400px) {
    .PostMedias {
        width: 80%;
    }
}

.carousel-control-prev {
    left: -50px !important;
}

.carousel-control-next {
    right: -50px;
}

.card-body {
    background: #fdc42d;
}

.Topheader {
    display: block;
}

.TopheaderMobile {
    display: none;
}

.TopheaderImage {
    width: 100%;
}

.InsideLogo {
    position: absolute;
    left: 11%;
    top: 0;
}

.InsideLogoImage {
    width: 68%;
}

.BannerHeader {
    height: 30vh;
    margin-bottom: 150px;
}

@media screen and (max-width:980px) {
    .InsideLogoImage {
        width: 45%;
    }

    .BannerHeader {
        margin-bottom: 145px;
    }
}

@media screen and (max-width:480px) {
    .Topheader {
        display: none;
    }

    .TopheaderMobile {
        display: block;
    }

    .InsideLogoImage {
        width: 35%;
    }

    .BannerHeader {
        margin-bottom: 40px;
    }
}

.DivButton {
    margin: auto;
    width: 100%;
    text-align: right;
}