﻿
@-ms-viewport {
    width: device-width;
}

@media print {
    * {
        margin: 0 !important;
        padding: 0 !important;
        -webkit-print-color-adjust: exact !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        color: #444F55 !important;
    }

    body {
        -webkit-font-smoothing: antialiased;
        -webkit-text-size-adjust: none;
        margin: 0 !important;
        padding: 0 !important;
        font-weight: normal;
        -webkit-print-color-adjust: exact;
    }

    main {
        background-color: #fff !important;
        width: 900px !important;
    }


    *, *:before, *:after {
        box-sizing: border-box;
        -webkit-font-smoothing: antialiased;
    }

    p {
        padding-bottom: 12px !important;
    }

    .page__header, .site-header__content {
        background-color: #3D505A !important;
        text-align: center !important;
        -webkit-print-color-adjust: exact;
    }

    .site-header__content {
        margin: 0 auto 0 auto !important;
        padding-top: 20px !important;
    }

    .content {
        margin: 0 100px !important;
    }

        .content p, .content dt, .content dl dd, .content td, .content th, .content h2 {
            font-size: 115% !important;
        }

        .content a {
            font-size: 100% !important;
            border-bottom: 0 !important;
            text-decoration: none !important;
        }

        .content p {
            line-height: 35px !important;
        }

    .editorial > .table-wrapper {
        width: auto !important;
        margin: 0 100px 0 -7% !important;
    }

    .page__header {
        margin: 0 auto 36px auto !important;
        padding-bottom: 10px !important;
    }


    .site-header__logo .site-header__logo__print {
        display: none !important;
    }

    .site-header__logo a {
        display: block !important;
        padding-top: 10px;
        border: 0;
        margin-bottom: -1px !important;
    }

        .site-header__logo a img {
            display: block;
        }

    .page__header h1 {
        font-weight: normal;
        font-size: 30px;
        color: white !important;
        -webkit-print-color-adjust: exact;
    }

    .page__container, .article, .page__container--medium, .page__header, .page__wrapper, .container, .editorial, p, main {
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .content {
        text-align: left;
    }

    .table {
        table-layout: fixed !important;
        width: auto !important;
        margin-bottom: 36px !important;
        border-collapse: collapse !important;
    }

        .table th, .table td {
            border-left: 10px solid #fff !important;
            border-right: 10px solid white !important;
            padding: 12px 0 !important;
            background-color: #E6F1F5 !important;
            text-align: center !important;
            -webkit-print-color-adjust: exact;
            width: 260px !important;
        }


    .table-small {
        width: 100% !important;
    }

        .table-small td, .table-small th {
            padding: 0 5px 5px 5px !important;
        }

        .table-small td {
            font-weight: 600;
        }

    th {
        font-weight: normal !important;
    }

        th.table__no-bg {
            background: #fff !important;
            text-align: right !important;
            padding-right: 10px !important;
            width: 176px !important;
        }

    tr {
        border-bottom: 2px solid white !important;
        -webkit-print-color-adjust: exact;
    }

    th, td {
        font-size: 1.125rem !important;
    }

    tr.table__first-line {
        border-bottom: 3px solid white !important;
        -webkit-print-color-adjust: exact;
    }

    .table .table__first-line th {
        padding: 0 !important;
        border-bottom: 0 !important;
        -webkit-print-color-adjust: exact;
        width: 100px !important;
    }


    .border-radius {
        border-radius: 10px 10px 0 0 !important;
        background-color: #E6F1F5 !important;
        padding: 20px 10px !important;
        min-height: 97px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
        -webkit-print-color-adjust: exact;
    }

    .border-radius-bottom {
        border-radius: 0 0 10px 10px !important;
        background-color: #E6F1F5 !important;
        padding: 12px 20px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
        -webkit-print-color-adjust: exact;
    }

    .table .table__last-line th, .table .table__last-line td {
        border-radius: 0 0 10px 10px !important;
        background-color: transparent !important;
    }

    .table .table__last-line .table__price {
        padding: 0 !important;
    }

    .table__first-line th {
        background-color: transparent !important;
    }

    .table__img {
        display: block !important;
        width: 100% !important;
        width: 50px !important;
        margin: 5px auto !important;
    }

    .table__price {
        font-weight: 600;
        font-size: 26px !important;
    }



    .definition-list3 {
        display: flex !important;
        flex-wrap: wrap !important;
        flex-direction: row !important;
        margin-bottom: 12px !important;
    }

        .definition-list3 dt {
            width: 20% !important;
            padding-bottom: 12px !important;
        }

        .definition-list3 dd {
            width: 80% !important;
            margin-left: auto !important;
            font-size: 18px !important;
            font-weight: 400 !important;
        }

    .definition-list2 {
        display: flex !important;
        flex-wrap: wrap !important;
        margin-bottom: 12px !important;
    }

        .definition-list2 dt {
            width: 60% !important;
            padding-bottom: 4px !important;
        }

        .definition-list2 dd {
            width: 40% !important;
            font-weight: 600;
            margin-left: auto !important;
        }

    h2 {
        font-weight: 600 !important;
        font-size: 18px !important;
        padding-bottom: 3px !important;
    }

    hr {
        border: 1px solid #DADADA !important;
        margin-bottom: 16px !important;
        margin-top: 6px !important;
    }

    .two-col {
        display: flex !important;
        text-align: left !important;
        gap: 30px !important;
        padding-bottom: 10px !important;
    }

        .two-col div {
            flex: 1 1 0 !important;
        }

    .content p.small {
        font-size: 16px !important;
        text-align: center !important;
    }

    .footer-info {
        text-align: left !important;
    }

        .footer-info .small {
            text-align: left !important;
        }



    .abstract {
        display: none;
    }
}


@media screen {
    p {
        margin-bottom: 2rem;
    }

    h2 {
        margin-top: 2.5rem;
        margin-bottom: 1rem;
    }

    dl {
        background: #f5f5f5 !important;
        flex-direction: column !important;
        font-size: 1rem;
        line-height: 1.5rem;
        margin-bottom: 2rem !important;
        padding: 1.5rem 1rem 2rem !important;
    }

        dl dt, dl dd {
            width: 100% !important;
        }

        dl dd {
            margin-bottom: 1rem !important;
        }

    a {
        display: inline;
        font-weight: 400;
        border-bottom: 1px solid #858D90;
        outline: none;
    }

        a:hover {
            border-width: 2px;
        }

        a:focus {
            border-width: 3px;
        }
}

.table figcaption {
    display: none;
}


.small-car img {
    width: 40px;
    max-width: 40px;
    margin-bottom: 5px
}

.medium-car img {
    width: 58px;
    max-width: 58px;
    margin-bottom: 5px
}

.large-car img {
    width: 54px;
    max-width: 54px;
    margin-bottom: 5px
}

.block.image-block.image-block--medium, .border-radius {
    display: inline;
}
