.shipping-page,
.shipping-mobile-page {
        color: #27292b;
        font-family: Roboto, Arial, Helvetica, sans-serif;
        font-weight: 400;
}

.shipping-page *,
.shipping-mobile-page * {
        box-sizing: border-box;
}

.shipping-page {
        max-width: 1200px;
        margin: 0 auto;
}

.shipping-page a,
.shipping-mobile-page a,
.shipping-mobile-page a.ui-link {
        color: #27292b !important;
        text-decoration: underline;
        text-underline-offset: 2px;
}

.shipping-page .col-a {
        width: 220px !important;
        padding: 18px;
        background: #ffffff;
        border: 1px solid #d8d8d8;
        border-radius: 4px;
}

.shipping-page .col-a h2 {
        margin: 0 0 12px;
        color: #6e0c0e;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: .08em;
        line-height: 1.35;
        text-transform: uppercase;
}

.shipping-page .col-a ul {
        margin: 0;
        padding: 0;
        list-style: none;
}

.shipping-page .col-a ul ul {
        margin-top: 10px;
        padding-left: 14px;
}

.shipping-page .col-a li {
        margin: 0 0 10px;
        padding: 0;
        font-size: 14px;
        line-height: 1.4;
}

.shipping-page .col-b {
        float: none !important;
        width: auto !important;
        max-width: 960px;
        min-height: 0;
        margin: 0 0 0 252px !important;
        color: #27292b;
}

.shipping-page .breadcrumb,
.shipping-page .breadcrumbs,
.shipping-page .BreadCrumb,
.shipping-page .breadCrumb {
        padding-bottom: 10px;
        margin-bottom: 24px;
        border-bottom: 1px solid #d8d8d8;
}

.shipping-page h1,
.shipping-mobile-page h1 {
        margin: 0 0 20px;
        color: #27292b;
        font-size: 28px;
        font-weight: 700;
        line-height: 1.25;
}

.shipping-page h2,
.shipping-mobile-page h2 {
        margin: 32px 0 16px;
        color: #27292b;
        font-size: 18px;
        font-weight: 700;
        line-height: 1.35;
}

.shipping-page p,
.shipping-page li,
.shipping-mobile-page p,
.shipping-mobile-page li {
        color: #27292b;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.55;
}

.shipping-page p,
.shipping-mobile-page p {
        margin: 0 0 16px;
}

.shipping-page .col-b > img,
.shipping-page .col-b > p > img {
        max-width: 100% !important;
        height: auto !important;
        border: 1px solid #d8d8d8;
        border-radius: 4px;
        background: #faf8f8;
}

.shipping-page .col-b > img[style*="float"] {
        margin: 0 0 24px 32px;
}

.shipping-page .col-b form,
.shipping-mobile-page form {
        max-width: 640px;
        margin: 16px 0 24px;
        padding: 24px;
        background: #faf8f8;
        border: 1px solid #d8d8d8;
        border-radius: 4px;
}

.shipping-page .col-b form table,
.shipping-page .local-delivery,
.shipping-mobile-page form table {
        width: 100% !important;
        border-spacing: 0 12px !important;
}

.shipping-page .col-b form td,
.shipping-page .local-delivery td,
.shipping-mobile-page form td {
        padding: 0 12px 0 0;
        vertical-align: middle;
}

.shipping-page .col-b label,
.shipping-mobile-page label {
        color: rgba(39, 41, 43, .6);
        font-size: 13px;
        font-weight: 400;
        line-height: 1.4;
}

.shipping-page .col-b input[type="text"],
.shipping-page .col-b select,
.shipping-mobile-page input[type="text"],
.shipping-mobile-page select {
        width: 100% !important;
        min-height: 40px;
        padding: 8px 12px !important;
        margin: 0 !important;
        background: #ffffff;
        border: 1px solid #d8d8d8;
        border-radius: 4px;
        color: #27292b;
        font-family: Roboto, Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: 400;
}

.shipping-page .col-b input[type="text"]:focus,
.shipping-page .col-b select:focus,
.shipping-mobile-page input[type="text"]:focus,
.shipping-mobile-page select:focus {
        border-color: #27292b;
        outline: none;
}

.shipping-page .col-b input[type="image"],
.shipping-mobile-page input[type="image"] {
        border: 0 !important;
}

.shipping-page #LoadRates {
        display: none;
}

.shipping-page .shipping-hidden-form {
        display: none;
}

.shipping-page .small-text,
.shipping-mobile-page .small-text {
        color: rgba(39, 41, 43, .6);
        font-size: 13px;
        line-height: 1.55;
}

.shipping-page .col-b > ul,
.shipping-page .col-b > div:not(.breadcrumbs):not(.BreadCrumb):not(.breadCrumb),
.shipping-page .col-b > table,
.shipping-mobile-page > ul,
.shipping-mobile-page .shipping-mobile-card {
        margin: 24px 0;
        padding: 24px !important;
        background: #ffffff;
        border: 1px solid #d8d8d8;
        border-radius: 4px;
}

.shipping-page .col-b > div:not(.breadcrumbs):not(.BreadCrumb):not(.breadCrumb),
.shipping-page .col-b > table {
        margin: 24px 0 !important;
}

.shipping-page .col-b > table {
        width: 100% !important;
}

.shipping-page .col-b > div:not(.breadcrumbs):not(.BreadCrumb):not(.breadCrumb) ul,
.shipping-page .col-b > ul {
        padding-left: 22px;
}

.shipping-page table:not(.local-delivery),
.shipping-mobile-page table {
        max-width: 100%;
        border-collapse: collapse;
}

.shipping-page table:not(.local-delivery) td,
.shipping-page table:not(.local-delivery) th,
.shipping-mobile-page table td,
.shipping-mobile-page table th {
        padding: 8px 10px 8px 0;
        border-bottom: 1px solid #d8d8d8;
        color: #27292b;
        font-size: 14px;
        line-height: 1.45;
}

.shipping-page .shiprates {
        width: 100%;
        margin: 16px 0 24px;
}

.shipping-page .shiprates th {
        color: rgba(39, 41, 43, .6);
        font-size: 13px;
        font-weight: 700;
}

.shipping-mobile-page {
        width: auto;
        max-width: 100%;
        padding: 20px 16px 32px;
}

.shipping-mobile-page [data-role="listview"] {
        margin: 24px 0 !important;
}

.shipping-mobile-page .ui-listview,
.shipping-mobile-page .ui-listview > li,
.shipping-mobile-page .ui-btn-up-b,
.shipping-mobile-page .ui-btn-hover-b,
.shipping-mobile-page .ui-btn-down-b {
        background: #ffffff !important;
        border-color: #d8d8d8 !important;
        color: #27292b !important;
        text-shadow: none !important;
}

.shipping-mobile-page .ui-li-divider,
.shipping-mobile-page [data-role="list-divider"] {
        background: #faf8f8 !important;
        color: #27292b !important;
        font-weight: 700;
        text-shadow: none !important;
}

.shipping-mobile-page .ui-btn-inner,
.shipping-mobile-page .ui-btn-text,
.shipping-mobile-page .ui-btn-text a {
        color: #27292b !important;
        text-shadow: none !important;
}

.shipping-mobile-page [data-role="listview"] > li {
        white-space: normal;
}

.shipping-mobile-page hr {
        border: 0;
        border-top: 1px solid #d8d8d8;
}

@media (max-width: 700px) {
        .shipping-page {
            max-width: 100%;
            padding: 0 16px;
        }

        .shipping-page .col-a {
            display: none;
        }

        .shipping-page .col-b {
            max-width: 100%;
            margin: 0 !important;
        }

        .shipping-page .col-b form,
        .shipping-mobile-page form {
            max-width: 100%;
            padding: 20px;
        }

        .shipping-page .col-b form table,
        .shipping-page .local-delivery,
        .shipping-mobile-page form table,
        .shipping-page .col-b form tbody,
        .shipping-page .col-b form tr,
        .shipping-page .col-b form td,
        .shipping-mobile-page form tbody,
        .shipping-mobile-page form tr,
        .shipping-mobile-page form td {
            display: block;
            width: 100% !important;
        }

        .shipping-page .col-b form td,
        .shipping-mobile-page form td {
            padding: 0 0 10px;
        }

        .shipping-page .col-b > img[style*="float"] {
            float: none !important;
            display: block;
            margin: 0 0 24px;
        }

        .shipping-page .col-b > ul,
        .shipping-page .col-b > div:not(.breadcrumbs):not(.BreadCrumb):not(.breadCrumb),
        .shipping-page .col-b > table,
        .shipping-mobile-page > ul,
        .shipping-mobile-page .shipping-mobile-card {
            padding: 20px;
        }
}