html {
    font-size: 14px;
    position: relative;
    min-height: 100%;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

body {
  margin-bottom: 60px;
}

@font-face {
    font-family: "Open Sans";
    src: url(../fonts/opensans-regular.woff2) format("woff2"),url(../fonts/opensans-regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Open Sans";
    src: url(../fonts/opensans-semibold.woff2) format("woff2"),url(../fonts/opensans-semibold.woff) format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Open Sans";
    src: url(../fonts/opensans-bold.woff2) format("woff2"),url(../fonts/opensans-bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Open Sans Regular";
    src: url(../fonts/opensans-regular.woff2) format("woff2"),url(../fonts/opensans-regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Open Sans Semibold";
    src: url(../fonts/opensans-semibold.woff2) format("woff2"),url(../fonts/opensans-semibold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Open Sans Bold";
    src: url(../fonts/opensans-bold.woff2) format("woff2"),url(../fonts/opensans-bold.woff) format("woff");
    font-weight: bolder;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Oswald Regular";
    src: url(../fonts/oswald-regular.woff2) format("woff2"),url(../fonts/oswald-regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Oswald Medium";
    src: url(../fonts/oswald-medium.woff2) format("woff2"),url(../fonts/oswald-medium.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Roboto Slab";
    src: url(../fonts/robotoslab-semibold.woff2) format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Roboto Slab";
    src: url(../fonts/robotoslab-bold.woff2) format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'prox-regular';
    src: url('../fonts/ProximaNova-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'prox-semibold';
    src: url('../fonts/ProximaNova-Semibold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'prox-bold';
    src: url('../fonts/ProximaNova-Bold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: montserrat-light-webfont;
    src: url(../fonts/montserrat-light-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: montserrat-medium-webfont;
    src: url(../fonts/montserrat-medium-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Lato;
    src: url(../fonts/Lato-Regular.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Lato;
    src: url(../fonts/Lato-Bold.woff2) format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: PTSerif;
    src: url(../fonts/PTSerif-Bold.woff2) format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

/* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6u_w4BMUTPHjxsI9w2_FQft1dw.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6u_w4BMUTPHjxsI9w2_Gwft.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6u8w4BMUTPHjxsAUi-qJCY.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6u8w4BMUTPHjxsAXC-q.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6u_w4BMUTPHjxsI5wq_FQft1dw.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6u_w4BMUTPHjxsI5wq_Gwft.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh7USSwaPGR_p.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh7USSwiPGQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjx4wXg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh6UVSwaPGR_p.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh6UVSwiPGQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.page-title {
    font-family: "Oswald Medium", sans-serif;
    font-weight: 400;
    font-size: 3em;
}

.page-instructions {
    max-width: 50em;
    margin: 0 auto;
}

.page-instructions p {
    text-align: left;
}

.carrier-card {
    width: 200px;
    height: 160px;
}

.carrier-card-img-div {
    min-height: 75px;
}

.carrier-card-img {
    width: unset;
    max-width: 150px;
    max-height: 85px;
}

.carrier-card-img-vector {
    width: unset;
    max-width: 150px;
    max-height: 85px;
}

.carrier-card-button {
    min-width: 140px;
}

.carrier-card-center {
    text-align: center;
}

.phone-number {
    white-space: nowrap;
}

.phone-number-large {
    text-decoration: none;
    white-space: nowrap;
}

.online-not-available {
    max-width: 24em;
}

.carrier-redirect {
    max-width: 24em;
}

.carrier-redirect-timer {
    font-weight: bold;
}

.legal-div {
    margin-top: 1.5em;
    font-size: .7em;
}

.btn-phone {
    border-radius: 30px;
    border-style: solid;
    border-width: 2px;
    font-size: 2em;
    font-weight: 700;
    line-height: 1.0em;
    padding: .4em .8em;
    transition: color .15s ease-in-out,fill .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-phone:hover, .btn-phone:focus, .btn-phone:active, .btn-phone.active, .open > .dropdown-toggle.btn-phone {
    color: #fff;
    fill: #fff;
}

.btn-visit {
    border-radius: 30px;
    border-style: solid;
    border-width: 2px;
    font-size: 2em;
    font-weight: 700;
    line-height: 1.0em;
    padding: .4em .8em;
    transition: color .15s ease-in-out,fill .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-visit:hover, .btn-visit:focus, .btn-visit:active, .btn-visit.active, .open > .dropdown-toggle.btn-visit {
    color: #fff;
    fill: #fff;
}

.renewal-date-div {
    border-radius: 1em;
    padding: 1.5em .5em 1.5em .5em;
}

.renewal-date {
    font-weight: bold;
}

.renewal-title {
    font-size: 1.5em;
    padding: .5em 0 .5em 0;
    text-align: center;
}

.renew-by-date {
    font-size: 1.2em;
    font-weight: bold;
}

.renew-days-left {
    font-size: .8em;
}

.renew-by-highlight {
    font-size: 1.3em;
    font-weight: bold;
}

.renew-name {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.5em;
    font-weight: bold;
}

.renew-name-check {
    font-size: .8em;
}

.renew-details {
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;
    padding-top: .2em;
}

.renew-offer-title {
    font-size: 1.3em;
    font-weight: bold;
    text-transform: uppercase;
}

.renew-price-div {
    border-radius: 1em;
    padding: .5em .2em .5em .2em;
    min-height: 11em;
    min-width: 12em;
    vertical-align: middle;
}

.amount-highlight-div {
    font-size: 1.8em;
    font-weight: bold;
}

.amount-label-div {
    font-size: .8em;
    margin-top: -.6em;
}

.amount-standard-div {
    font-size: 1.8em;
    font-weight: 600;
}

.renew-price-sep-div {
    padding: 0 1em 0 1em;
}

.ways-to-renew-title {
    font-size: 1.3em;
}

.addon_div {
    border-top: solid 1px #8AB2CB;
}

.payment-name {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.5em;
    font-weight: bold;
}

.payment-details {
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;
    padding-top: .2em;
}

.payment-field {
    text-align: center;
}

.payment-field-label {
    display: inline-block;
    font-weight: bold;
}

.thankyou-receiptrow {
    line-height: 1;
    margin-bottom: 14px;
}

@media (max-width: 767px) {
    .carrier-card {
        width: 160px;
        height: 120px;
    }

    .carrier-card-img-div {
        min-height: 60px;
    }

    .carrier-card-img {
        max-width: 120px;
        max-height: 68px;
    }

    .carrier-card-img-vector {
        width: unset;
        max-width: 120px;
        max-height: 68px;
    }

    .carrier-card-button {
        min-width: 140px;
        margin-left: -.3rem;
    }
}