@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;1,300;1,400;1,500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@500&display=swap');


/* theme overrides */

/* Override FadeinFadeOut */

div[id^="disp"] {
  opacity: 1 !important;
}

h4, h5, #text-above-SS-gray-box, #text-below-SS-gray-box {
    color: black;
}

#SS-gray-box {
    border-radius: 1px;
    border: 1px solid #000000;
    margin: 20px 0px 20px 0px;
    padding: 10px 15px 5px 15px;
    background: #DCDCDC;
}

.SS-features ul, #text-above-SS-gray-box ul {
    list-style-position: inside;
    list-style-type: disc;
    /* max-width: 550px;*/
    /*margin-left: 20px; */
}
  
.SS-features li, #text-above-SS-gray-box li {
    display: list-item;
    line-height: 24px;
    text-indent: -12px;
    font-family: "Georgia", "Times New Roman", serif;
    color: black;
    font-size: 1.25rem;
}

#SS-gray-box ul {
    list-style-position: inside;
    list-style-type: disc;
    /* max-width: 550px;*/
   /* margin-left: 20px; */
}

#SS-gray-box li {
    display: list-item;
    line-height: 24px;
    text-indent: -12px;
    font-family: "Georgia", "Times New Roman", serif;
    color: black;
    font-size: 1.25rem;
}

/* Subheaders for multiple rows of offers */
span.response_subheader {
    padding-left: 12px;
    display: block;
    width: 100%;
    font-weight: bold;
    font-size: 27px;
    line-height: 1.09;
    margin-bottom: 14px;
    color: #9d0b0e;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 0px 2px #006400;
}


/* newsletter */

span.spanc276.drg-element-type-cms-content.drg-element-sub-type-category-1 ul li span label {
    vertical-align: middle;
}

span.spanc276.drg-element-type-cms-content.drg-element-sub-type-category-1 {
    display: block;
    margin-bottom: 40px;
}

input#id276_37 {
    height: 24px;
}


/*Vertical rules*/
#vl-one {
    border-left: 1px solid black;
    height: 648px;
    position: absolute;
    left: 51%;
    margin-left: -13px;
    top: 88px;
}

#vl-two {
    border-left: 1px solid black;
    height: 648px;
    position: absolute;
    left: 100%;
    margin-right: -3px;
    top: 88px;
}


/* Dynamic Order Summary */
span#termhere, span#ratehere, p#p653, p#p654, p#p64 {
    display: none;
}

div#ordsummary {
    color: #fff;
    border-radius: 20px;
    padding: 20px;
    background: #9d0b0e;
}

div#ordsummary h2 {
    color: #fff;
    font-weight: bold;
}

/*Hide text above rates*/
div#pp63 {
    display: none;
}

/* postage */

span#postagetext {
    margin-bottom: 20px;
    display: block;
}
span#postagetextct {
    margin-bottom: 20px;
    display: block;
}


/* Autorenew */

p.auto-renew-copy {
    border: 2px solid #858585;background-color: #f4f4f4;
    padding: 25px;
    margin-bottom: 24px;
    font-size: 18px;}

span.spanc104.drg-element-type-standard-field.drg-element-sub-type-fieldname-AUTORENEWALINDICATOR {border: 2px solid #858585;display: block;background-color: #f4f4f4;
    padding: 25px;
    margin-bottom: 24px;font-size: 18px;font-weight: 500;color: #444;}

input#id104_996 {margin-left: 0px;vertical-align: middle;}

p#p104 strong {font-weight: bolder;margin-right: 5px;color: inherit;font-family: inherit;font-weight: bolder;}

p#p104 .questionlabel {
    font-size: 18px;
    color: initial;
    line-height: 24px;
    font-weight: bold;
}

/* Password */

span#passdig {
    font-size: 14px;
    /* padding-left: 10px; */
}

/* Zip Code */
@media only screen and (max-width: 767px) {
    p#p9 {
    width:100% !important;
    }
}

/* Billing Address */

span.spanc130.drg-element-type-standard-field.drg-element-sub-type-fieldname-BILLINGADDRIND ul .checkboxlabel {
    /* margin-top: 6px; */
    display: inline-block;
    /* margin-left: 5px; */
}

span.spanc130.drg-element-type-standard-field.drg-element-sub-type-fieldname-BILLINGADDRIND input,
span.spanc276.drg-element-type-cms-content.drg-element-sub-type-category-1 input
{
    height: 24px;
    margin-right: 5px;
}


span.spanc130.drg-element-type-standard-field.drg-element-sub-type-fieldname-BILLINGADDRIND .checkboxlabel,
span.spanc276.drg-element-type-cms-content.drg-element-sub-type-category-1 .checkboxlabel
{
    max-width: 90%;
    display: inline-block;
}

/* Login */

span#loginor {
    margin-bottom: 20px;
    display: block;
}


/* Current Sub text */

span#prevsub {
    margin-bottom: 7px;
    vertical-align: middle;
    display: inline-block;
    width: 72%;
    font-size: 17px;
    margin-left: 8px;
}

span#prevsub a {
    color: #9d0b0e;
    font-weight:bold;
}

@media only screen and (max-width: 951px) {
span#prevsub { 
    display:block;
    margin-left:0px;
    margin-bottom:20px;
             }
}

@media only screen and (max-width: 649px) {
    span#prevsub {
        width: 100%;
    }

}

/* Validation */

::placeholder { opacity: 0 !important; }

div.validation:not(.min) {
    background-color: #ea0029;
    width: 50%;
    z-index: 2;
}

div.validation:not(.min) ul {
    max-width: none;
}

div.validation.min {
    background-color: #ea0029;
}

/* */

p#p330 {display:none;}

span#logintext {
    display: block;
    margin: 20px 0px;
    font-size: 22px;
}

.drg-element-sub-type-category-8 .questionlabel {
    display: none;
}

.sixteen.columns.footer {
    font-size: 14px;
    text-align: inherit;
    width: 100%;
}

.sixteen.columns.footer a {
    color: #9d0b0e;
}

span#logo {
    width: 100%;
}

span.spanc10.drg-element-type-cms-content.drg-element-sub-type-category-1 li {
    margin-bottom: 0px;
}

.container {
    top: -16px !important;
    /* padding-left: 15px; */
    /* padding-right: 15px; */
    margin: 0 auto;
    width: 100%;
    max-width: 960px;
}

span#cover {
    display: none;
    margin: 0px;
}

div#content1 {
    float:none;
    margin-top: 0px;
}

p#p10 .questionlabel {
    font-weight: bold;
}

input[type="text"], input[type="password"], input[type="email"], textarea, select {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #ccc;
    padding: 6px 4px;
    outline: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 20px;
    color: #111;
    margin: 0;
    display: block;
    background: #fff;
    max-width: 100%;
    font-family: sans-serif;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus, select:focus {
    border:1px solid black;
}

input[type="text"], input[type="password"], input[type="email"], textarea {
    padding: 6px 8px;
}

span.spanc104.drg-element-type-standard-field.drg-element-sub-type-fieldname-AUTORENEWALINDICATOR {
    font-weight: bold;
    color: initial;
    padding: 10px 20px;
    display: block;
    background: #f0f0f0;
}

span.spanc112.drg-element-type-standard-field.drg-element-sub-type-fieldname-REQUESTED_VERSION {
    display: none !important;
}

body#updatecc {
    margin-left: 0px;
}

#p32.addresslabel .questionlabel {
    font-family: inherit;
    display: block;
    font-size: inherit;
    width: 100%;
    color: #111;
    margin-bottom: 0px;
    font-weight: inherit;
}

#p32.addresslabel {
    padding-left: 0px;
}

select#EXPMONTH {
    height:48px;
    display: inline-block;
    width: 45%;
    margin-right: 10px;
}

select#EXPYEAR {
    height:48px;
    display: inline-block;
    width: 45%;
}

.addresslabel .questionlabel {
    font-size: 20px;
    color: #111;
    margin-bottom: 10px;
}

.addresslabel {
    display: inline-block;
    margin-bottom: 21px !important;
    max-width: 100%;
    padding-right: 20px;
    /* padding-left: 10px; */
    margin-top: var(--bs-gutter-y);
    flex: 0 0 auto;
    width: 50%;
    padding-bottom: 0px;
    padding-top: 0px;
}

p#p16, p#p17 {
    display: inline-block;
    margin-bottom: 21px !important;
    max-width: 100%;
    padding-right: 20px;
    /* padding-left: 10px; */
    margin-top: var(--bs-gutter-y);
    flex: 0 0 auto;
    width: 50%;
    padding-bottom: 0px;
    padding-top: 0px;
}

p#p17 .questionlabel, p#p16 .questionlabel {
    font-size: 20px;
    color: #111;
    margin-bottom: 10px;
}

p#p8, p#p81 {
    width: 26%;
}

p#p9, p#p82 {
    width: 24%;
}

span.rate-desx {
    cursor: default;
}

@media (max-width: 767px){
    .addresslabel, p#p8, p#p9, p#p16, p#p17, p#p81, p#p82 {
 width: 100%;
    }
}



input[type="text"], input[type="password"], input[type="email"], textarea, select {
    height: 48px;
}

div#content {
    margin: 0px;
    padding: 0px;
}

label span {
    color:inherit;
    font-size:inherit;
    font-weight:inherit;
}

header.sixteen.columns.header {
    text-align: left;
}

span.spanc10.drg-element-type-cms-content.drg-element-sub-type-category-1 ul li {
    display: inline-block;
    padding: 0px 10px 0px 0px;
}

span.questionlabel {
    font-size: 32px;
    line-height: 1.09;
    margin-bottom: 14px;
}

span.spanc10.drg-element-type-cms-content.drg-element-sub-type-category-1 ul {
    padding-left: 0px;
}

span.drg-element-sub-type-category-8 ul li:first-of-type() {
    display: inline-block;
}

span.spanc206.drg-element-type-cms-content.drg-element-sub-type-category-8 ul:first-of-type() {
    margin-bottom: 0px;
    padding-left: 0px;
}

p#p206, p#p207, p#p208  {
    display: none;
}


input[type="radio"], input[type="checkbox"] {
    float: left;
    margin-left: -1.5em;
    width: 36px;
    height: 36px;
    border-radius: 10px !important;
    background: #fff;
    border: 1px solid #9d0b0e;
    cursor: pointer;
    vertical-align: top;
    -webkit-appearance: none;
    -webkit-print-color-adjust: exact;
}

input[type="radio"]:checked, input[type="checkbox"]:checked {
    background-image: url(https://hostedcontent-direct.dragonforms.com/hosted/images/dragon/12424/641.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
    border-color: #fff;
    -webkit-appearance: none;
}

span.drg-element-type-cms-content.drg-element-sub-type-category-8 ul:not(.offer-list),
div[id^="campaignPlaceholder"] ul:not(.offer-list) {
    padding-left: 0px;
    --bs-gutter-x: 20px;
    margin-top: 3px;
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
    /* margin-bottom: 0px; */
}

span.drg-element-sub-type-category-8 ul li:not(.offer-list__item),
div[id^="campaignPlaceholder"] ul li:not(.offer-list__item) {
    display: flex;
}

span.drg-element-sub-type-category-8 ul li span.radiolabel,
div[id^="campaignPlaceholder"] ul li span.radiolabel {
    width: 100%;
    /* display:flex; */
}

span.drg-element-sub-type-category-8 ul li span.radiolabel label,
div[id^="campaignPlaceholder"] ul li span.radiolabel label {
    display:flex;
    background: #FFFFFF;
    border: 1px solid #9d0b0e;
    border-radius: 20px;
    padding: 24px 20px 30px 26px;
    margin-bottom: 0px;
    width: 100%;
    cursor: pointer;
}

span.drg-element-sub-type-category-8 ul li span.radiolabel label.checked,
div[id^="campaignPlaceholder"] ul li span.radiolabel label.checked {
    margin-bottom: 0px;
    background: #9d0b0e;
    color: #fff;
    border-color: #9d0b0e;
}

span.drg-element-sub-type-category-8 ul li span.radiolabel label.checked .card-offer,
div[id^="campaignPlaceholder"] ul li span.radiolabel label.checked .card-offer {
    background: #9d0b0e;
    color: #fff;
    border-color: #9d0b0e;
}

span.drg-element-sub-type-category-8 ul li span.radiolabel label.checked .card-offer .card-offer__label,
span.drg-element-sub-type-category-8 ul li span.radiolabel label.checked .card-offer .price-old,
div[id^="campaignPlaceholder"] ul li span.radiolabel label.checked .card-offer .card-offer__label,
div[id^="campaignPlaceholder"] ul li span.radiolabel label.checked .card-offer .price-old {
    color: #fff;
}

span.drg-element-sub-type-category-8 ul li span.radiolabel label:hover,
div[id^="campaignPlaceholder"] ul li span.radiolabel label:hover{
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    border-color: #fff;
}

span.drg-element-sub-type-category-8 ul li span.radiolabel label,
div[id^="campaignPlaceholder"] ul li span.radiolabel label {
    display: inline-table;
    /* flex-direction: column; */
}

span.drg-element-sub-type-category-8 ul li span.radiolabel label.checked .card-offer .details__arrow path,
div[id^="campaignPlaceholder"] ul li span.radiolabel label.checked .card-offer .details__arrow path{
    fill: #fff
}
span.drg-element-sub-type-category-8 ul li span.radiolabel label.checked .card-offer .offer-list__item:before,
 div[id^="campaignPlaceholder"] ul li span.radiolabel label.checked .card-offer .offer-list__item:before {
    background-image: url("https://hostedcontent.dragonforms.com/hosted/images/dragon/12554/8.svg");
}

@media (max-width: 767px){
    span.drg-element-sub-type-category-8 ul li span.radiolabel label,
    div[id^="campaignPlaceholder"] ul li span.radiolabel label {
        /* margin-bottom: 16px; */
        padding: 20px 21px 24px 21px;
    }
    .card-offer__title {
        font-size: 28px;
    }
    .offer-list {
        font-size: 15px;
    }
}



@media (min-width: 992px){
    span.drg-element-sub-type-category-8 ul li:not(.offer-list__item),
    div[id^="campaignPlaceholder"] ul li:not(.offer-list__item) {

max-width: 100%;
padding-right: calc(var(--bs-gutter-x) * .5);
padding-left: calc(var(--bs-gutter-x) * .5);
margin-top: var(--bs-gutter-y);
flex: 0 0 auto;
width: 33.33333333%;
}

}

@media (min-width: 768px) and (max-width: 992px) {
    span.drg-element-sub-type-category-8 ul li:not(.offer-list__item),
    div[id^="campaignPlaceholder"] ul li:not(.offer-list__item) {
max-width: 100%;
padding-right: calc(var(--bs-gutter-x) * .5);
padding-left: calc(var(--bs-gutter-x) * .5);
margin-top: var(--bs-gutter-y);
flex: 0 0 auto;
width: 50%;
}
}

@media (min-width: 254px) and (max-width: 767px) {
    span.drg-element-sub-type-category-8 ul li:not(.offer-list__item),
    div[id^="campaignPlaceholder"] ul li:not(.offer-list__item) {display: flex;max-width: 100%;padding-right: calc(var(--bs-gutter-x) * .5);padding-left: calc(var(--bs-gutter-x) * .5);margin-top: var(--bs-gutter-y);flex: 0 0 auto;width: 100%;flex-direction: column;}
}


/* NL */

span.nldesc1 {
    font-size: 16px;
}

span.nldesc2 {
padding-top: 10px;
    display: block;
    font-size: 16px;
    font-style: italic;
}

div#pp10 input {margin-right: 10px;margin-left: 0px;display: inline-block;}

div#pp10 .questionlabel {
    width: 86%;
    display: inline-block;
}

div#pp10 {
    margin-top: 20px;
}

/* AutoRenew */

span.spanc104.drg-element-type-standard-field.drg-element-sub-type-fieldname-AUTORENEWALINDICATOR ul {
    display: block;
    padding-left: 0px;
    padding-bottom: 20px;
}

input#id104_996 {
    border: 1px solid #a3a3a3;
    float: none;
    display: inline-block;
    margin: 0px 10px 0px 0px;
    vertical-align: top;
    }

span.spanc104.drg-element-type-standard-field.drg-element-sub-type-fieldname-AUTORENEWALINDICATOR span.checkboxlabel {
    padding-top: 0px;
    display: inline-block;
}

p#p64 .questionlabel label {
    cursor: default;
    font-size: 20px;
}

/*Style Pay with CC Payment Method*/
span.spanc143.drg-element-type-standard-field.drg-element-sub-type-fieldname-PAYMENTMETHOD input {
    margin-left: 0;
    float: none;
    border: 1px solid #689155;
}

p#p62 .questionlabel label {
    cursor: default;
    display: inline-block;
    font-size: 20px;
}

p#p63 .questionlabel label {
    cursor: default;
    font-size: 20px;
}


input#id64, input#id62, input#id63 {
    width: auto;
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: inherit;
    border:none;
    padding:0px;
    display:inline-block;
    margin-bottom:0px;
    height: auto;
    cursor: default;
}

input#id64:focus, input#id62:focus, input#id63:focus {
    width: auto;
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: inherit;
    border:none;
    padding:0px;
    display:inline-block;
    margin-bottom:0px;
    height: auto;
    cursor: default;
    box-shadow: none;
    color: inherit;
}

p#p64, p#p62 {
    cursor: default;
    margin-bottom: 0px;
}

p#p213 {
    display: none;
}

.payment-info.\<\!--d-none.d-sm-block--\> {
    padding: 0px 10px;
    margin-top: 30px;
}

html,
body {
    position: relative;
    height: 100%;
}

body {
    font-family: 'Roboto', sans-serif;
    line-height: 1.4;
    font-size: 20px;
    color: #111;
    min-width: 320px;
    font-style: normal;
    font-weight: 300;
    background: #fff;
    display: flex;
    flex-direction: column;
}
@media (max-width: 767px){
    body {
        font-size: 18px;
    }
}
@media (max-width: 575px){
    body {
        font-size: 16px;
    }

    #vl-one, #vl-two {
        display: none;
    }
}

.containerinner, section.sixteen.columns.content {
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
    width: 100%;
    max-width: 960px;
    /* margin-bottom: 40px; */
}
    @media (max-width: 767px) {
        .containerinner, section.sixteen.columns.content {
            padding-left: 27px;
            padding-right: 27px;
        }
    }


input {
    border-radius: 0;
}
img {
    max-width: 100%;
    max-height: 100%;
}


/*Icon*/
.icon {
    display: inline-block;
    vertical-align: top;
    background-size: 100%;
    background-position: 0 0;
    background-repeat: no-repeat;
}
.icon-arrow {
    width: 11px;
    height: 11px;
    background: url("https://hostedcontent.dragonforms.com/hosted/images/dragon/12554/4.svg") 0 0 no-repeat;
    margin-top: 9px;
}
@media (max-width: 575px){
    .icon-arrow {
        margin-top: 7px;
    }
}


/*Link*/
a {
    transition: color, background 0.3s;
    color: #9d0b0e;
}
a:hover {
    color: #111;
    text-decoration: none;
}
.link_color_gray {
    color: #B3B3B3;
}
.link_color_gray:hover {
    color: #111;
}


/*Text*/
h2, .h2,
h3, .h3,
h4, .h4 {
    font-family: 'Roboto', sans-serif;
}
h1, .h1 {font-family: 'Fira Sans', sans-serif;color: inherit;font-weight: 500;font-size: 44px;line-height: 115%;text-transform: uppercase;}
.title-inner_small {
    font-size: 58px;
}
h2, .h2 {
color: inherit;
    font-size: 26px;
    line-height: 100%;
    font-weight: 400;
}
h3, .h3 {
    font-size: 36px;
    line-height: 110%;
    font-weight: 300;
    margin-bottom: 12px;
}
h4, .h4 {
    font-size: 36px;
    line-height: 110%;
    font-weight: 300;
    margin-bottom: 7px;
}
h4 + .subtitle_size_sm,
.h4 + .subtitle_size_sm {
    margin-top: -5px;
}
.title {
    font-size: 46px;
    line-height: 120%;
}
.title_size_l {
    font-size: 54px;
    line-height: 120%;
}
.title a {
    text-decoration: underline;
}
.title a:hover {

}
p {
    margin-bottom: 21px;
}
.text_font_helvetica {
    font-family: Helvetica, Verdana, Arial, sans-serif;
}
.text_center {
    text-align: center;
}
.text_regular {
    font-weight: 400;
}
.text_bold {
    font-weight: 700;
}
.text_italic {
    font-style: italic;
}
.text_color_gray {
    color: #B3B3B3;
}
.text_color_dark-gray {
    color: #363636;
}
.text_color_red {
    color: #9d0b0e;
}
.text_color_red a,
.text_color_red a:hover {
    color: #9d0b0e;
}
.text_default {
    line-height: 1.2;
    margin-bottom: 14px;
}
.text_size_s {
    font-size: 18px;
}
.text_size_xs {
    font-size: 16px;
}
@media (max-width: 991px) {
    h1, .h1,
    .title-inner_small {
        /* font-size: 46px; */
    }
    h2, .h2 {
        font-size: 26px;
    }
    h4, .h4 {
        font-size: 32px;
    }
}
@media (max-width: 767px) {
    h1, .h1,
    .title-inner_small {
        /* font-size: 37px; */
    }
    h2, .h2 {
        font-size: 26px;
    }
    h3, .h3 {
        font-size: 32px;
    }
    h4, .h4 {
        font-size: 28px;
    }
}
@media (max-width: 575px){
    h1, .h1,
    .title-inner_small {
        font-size: 41px;
    }
    h2, .h2 {
        font-size: 26px;
    }
    h3, .h3 {
        font-size: 28px;
        margin-bottom: 9px;
    }
    h4, .h4 {
        font-size: 24px;
        margin-bottom: 5px;
    }
}


/*Button*/

.button {
    display: none;
}

span.spanc10.drg-element-type-cms-content.drg-element-sub-type-category-1 .radiolabel label, .btn {
    display: inline-block;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    text-transform: uppercase;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 2px solid #9d0b0e;
    font-size: 24px;
    line-height: 1;
    border-radius: 10px;
    height: 52px;
    color: #fff;
    background: #9d0b0e;
    padding: 12px 15px;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
span.spanc10.drg-element-type-cms-content.drg-element-sub-type-category-1 .radiolabel label:hover,
span.spanc10.drg-element-type-cms-content.drg-element-sub-type-category-1 .radiolabel label:focus, .btn:hover, .btn:focus {
    text-decoration: none;
    background: #fff;
    border-color: #9d0b0e;
    color: #9d0b0e;
    box-shadow: none;
}
span.spanc10.drg-element-type-cms-content.drg-element-sub-type-category-1 .radiolabel label path {
    transition: fill 0.15s ease-in-out
}
span.spanc10.drg-element-type-cms-content.drg-element-sub-type-category-1 .radiolabel label:hover path,
span.spanc10.drg-element-type-cms-content.drg-element-sub-type-category-1 .radiolabel label:focus path {
    fill: #9d0b0e;
}
span.spanc10.drg-element-type-cms-content.drg-element-sub-type-category-1 .radiolabel label:focus,
span.spanc10.drg-element-type-cms-content.drg-element-sub-type-category-1 .radiolabel label.focus {
    outline: 0;
}
span.spanc10.drg-element-type-cms-content.drg-element-sub-type-category-1 .radiolabel label:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.btn-arrow {
    margin-left: 10px;
}
.btn_submit {
    display: block;
    justify-content: space-between;
    align-items: center;
    margin: 25px 0px;
}
a.btn_submit {
    display: inline-block;
}
a.btn_submit .btn-arrow {
    margin-top: -3px;
}
.radiolabel label:disabled {
    border-color: #D0CFCF;
    border-width: 1px;
    color: #B3B3B3;
    background: #fff;
    opacity: 1;
    transition: all 0.15s ease-in-out
}
.radiolabel label:disabled path {
    fill: #B3B3B3;
}
@media (max-width: 767px){
    .radiolabel label {
        font-size: 22px;
        height: 50px;
    }
}
@media (max-width: 575px){
    .radiolabel label {
        font-size: 20px;
        height: 48px;
    }
}
@media (max-width: 360px){
    .radiolabel label {
        font-size: 18px;
        padding-right: 10px;
        padding-left: 10px;
    }
    .btn-arrow {
        margin-left: 4px;
    }
    .btn_prev .btn-arrow {
        margin-right: 4px;
    }
}


/*Header*/

nav.d-flex.align-items-center {
    display: inline-block;
    float: right;
}

.head {
    background: #9d0b0e;
    padding-top: 38px;
    min-height: 320px;
    margin-bottom: 55px;
    display: flex;
    overflow: hidden;
    flex-shrink: 0;
}
.head__top {
    margin-bottom: 30px;
}
.logo {
    display: inline-block;
    width: 240px;
    height: 53px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("https://hostedcontent-direct.dragonforms.com/hosted/images/dragon/12424/644.png");
}
.head .containerinner {
    position: relative;
}
.head_color_white .logo {
    background-image: url("https://hostedcontent-direct.dragonforms.com/hosted/images/dragon/12424/644.png");
}
.head_color_white .menu__item a,
.head_color_white .head__text {
    color: #FFFFFF;
}
.head_color_white .close-btn path {
    fill: #fff;
}
.head_color_white .head__text {
    color: #FFFFFF;
}
.menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.menu__item {
    margin-left: 16px;
}
.menu__item a {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 160%;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}
.menu__item a:hover,
.menu__item.active a {
    text-decoration: underline;
}
.close-btn {
    opacity: 0.5;
    transition: opacity 0.15s ease-in-out;
    width: 20px;
    height: 20px;
    display: flex;
    margin-left: 28px;
    margin-top: 2px;
}
.close-btn path {
    fill: #000;
}
.close-btn:hover {
    opacity: 1;
}

@media (max-width: 767px){
    .btn {
        font-size: 22px;
        height: 50px;
    }
}
@media (max-width: 575px){
    .btn {
        font-size: 20px;
        height: 48px;
    }
}
@media (max-width: 360px){
    .btn {
        font-size: 13px;
        padding-right: 10px;
        padding-left: 10px;
    }
    .btn-arrow {
        margin-left: 4px;
    }
    .btn_prev .btn-arrow {
        margin-right: 4px;
    }
}


.head__text {
    padding-bottom: 40px;
    position: relative;
    z-index: 2;
    max-width: 61%;
    color: #fff;
}
.head__bg {
    position: absolute;
    bottom: 0;
    right: 100px;
    width: calc(100% - 100px);
    height: 250px;
    display: flex;
    justify-content: flex-end;
}
.menu-mobile {
    width: 100%;
    padding: 5px 0 0 0;
    margin-bottom: 0;
    list-style-type: none;
}
.menu-mobile__link {
    padding: 19px 27px 0 27px;
    display: block;
    text-decoration: none;
    line-height: 1.4;
    background: #F0F0F0;
    transition: all 0.3s;
}
.menu-mobile__border {
    border-bottom: 1px solid #D0CFCF;
    padding-bottom: 17px;
    transition: all 0.3s;
}
.menu-mobile__link:hover {
    color: #000;
    background: #F7F7F7;
    padding-left: 0;
    padding-right: 0;
}
.menu-mobile__link:hover .menu-mobile__border {
    padding-left: 27px;
    padding-right: 27px;
}
.menu-mobile__title {
    display: block;
    font-size: 24px;
    margin-bottom: -3px;
}
.menu-mobile__link p {
    margin-bottom: 0;
    padding-right: 16px;
}
@media (max-width: 991px) {
    .head__bg {
        height: 239px;
    }
}
@media (max-width: 767px){
    .head {
        min-height: 275px;
        margin-bottom: 40px;
    }
    .head__top {
        margin-bottom: 34px;
    }
    .head__bg {
        height: 240px;
    }
    .close-btn {
        margin-top: 6px;
    }
}
@media (max-width: 767px){
    .head {
        height: auto;
        margin-bottom: 25px;
        min-height: auto;
    }
    .head__top {
        margin-bottom: 17px;
    }
    .logo {
        /* width: 116px; */
        /* height: 34px; */
    }
    .head__text {
        margin-bottom: 25px;
        padding-bottom: 0;
        max-width: 100%;
    }
    .head__text h1 {
        margin-bottom: 0;
    }
    .head__bg {
        height: auto;
        position: relative;
        right: -40px;
        width: 100%;
        justify-content: flex-start;
    }
    .head__bg img {
        margin-left: -40px;
    }
}

.border-bottom {
    border-color: #D0CFCF !important;
}
.form-part__head {
    display: flex;
    justify-content: space-between;
}
.form-part__head_right {
    text-align: right;
    font-size: 18px;
    line-height: 132%;
    margin-top: -3px;
}
.form-part__title {
    color: #000000;
    font-size: 18px;
    line-height: 110%;
    margin-bottom: 2px;
}
.form-part__label {
    font-weight: bold;
    font-size: 32px;
    line-height: 1.09;
    margin-bottom: 14px;
}
.form-part_location {
    margin-bottom: 27px;
}
.form-part_offer {
    margin-bottom: 58px;
}
.form-part_payment {
    padding-bottom: 39px;
    border-bottom: 1px solid #D0CFCF;
    margin-bottom: 53px;
}
.form-part_account {
    padding-bottom: 56px;
    border-bottom: 1px solid #D0CFCF;
    margin-bottom: 60px;
}
.form-part_subscription {

}
.form-part_review {
    margin-bottom: 72px;
}
.form-part_gift {
    padding-bottom: 38px;
    border-bottom: 1px solid #D0CFCF;
    margin-bottom: 42px;
}
@media (max-width: 767px){
    .form-part__title {
        font-size: 16px;
    }
    .form-part__label {
        font-size: 32px;
    }
    .form-part_offer {
        margin-bottom: 39px;
    }
    .form-part_gift {
        padding-bottom: 25px;
    }
    .form-part_payment {
        padding-bottom: 20px;
        margin-bottom: 41px;
    }
    .form-part_account {
        padding-bottom: 37px;
        margin-bottom: 45px;
    }
    .form-part_review {
        margin-bottom: 59px;
    }
}
@media (max-width: 575px){
    .form-part__title {
        font-size: 14px;
        margin-bottom: 0;
    }
    .form-part__label {
        font-size: 32px;
        margin-bottom: 9px;
    }
    .form-part_offer {
        margin-bottom: 20px;
    }
    .form-part_gift {
        padding-bottom: 11px;
    }
    .form-part_payment {
        padding-bottom: 1px;
        margin-bottom: 30px;
    }
    .form-part_payment .form-part__head,
    .form-part_account .form-part__head {
        margin-bottom: 7px;
    }
    .form-part_account {
        padding-bottom: 19px;
        margin-bottom: 30px;
    }
    .form-part_review {
        margin-bottom: 46px;
    }
}


/*Radio*/
span.spanc10.drg-element-type-cms-content.drg-element-sub-type-category-1 .radiolabel label {
    height: 52px;
    border: 1px solid #9d0b0e;
    border-radius: 10px;
    font-size: 24px;
    line-height: 50px;
    color: #111;
    text-transform: none;
    padding: 0 15px;
    background: #fff;
    font-weight: 400;
    margin-bottom: 0px;
}
span.spanc10.drg-element-type-cms-content.drg-element-sub-type-category-1 .radiolabel:hover label {
    border: 1px solid #111;
    color: #111;
    background: #fff;
}


span.spanc10.drg-element-type-cms-content.drg-element-sub-type-category-1 [id^="id10"] {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none;
}
span.spanc10.drg-element-type-cms-content.drg-element-sub-type-category-1 [id^="id10"]:checked + .radiolabel label {
    margin-bottom: 0px;
    background: #9d0b0e;
    border: 1px solid #9d0b0e;
    color: #fff;
}
span.spanc10.drg-element-type-cms-content.drg-element-sub-type-category-1 [id^="id10"]:focus + .radiolabel {
    box-shadow: none;
}
@media (max-width: 767px){
  span.spanc10.drg-element-type-cms-content.drg-element-sub-type-category-1  .radiolabel {
        font-size: 21px;
        height: 48px;
        line-height: 48px;
        /* padding-left: 0; */
        /* padding-right: 13px; */
    }
}
@media (max-width: 575px){
   span.spanc10.drg-element-type-cms-content.drg-element-sub-type-category-1 .radiolabel label {
        font-size: 17px;
        height: 46px;
        line-height: 46px;
    }
}

@media (max-width: 375px){
   span.spanc10.drg-element-type-cms-content.drg-element-sub-type-category-1 .radiolabel label {
        font-size: 13px;
        height: 46px;
        line-height: 46px;
    }
}


/*Checkbox*/
.form-check-input {
    background: #fff;
    border: 1px solid #D0CFCF;
    cursor: pointer;
    width: 16px;
    height: 16px;
    margin-top: 7px;
}
.form-check-input:hover,
.form-check-input:focus {
    border-color: #111;
    box-shadow: none;
}
.form-check-input[type="checkbox"] {
    border-radius: 2px;
}
.form-check-input:checked[type="checkbox"] {
    background-image: url("https://hostedcontent.dragonforms.com/hosted/images/dragon/12554/6.svg");
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    border-color: #D0CFCF;
}
@media (max-width: 767px){
    .form-check-input {
        margin-top: 5px;
    }
}
@media (max-width: 575px){
    .form-check-input {
        margin-top: 3px;
    }
}

/*Card offer*/

span.price-current {
    font-size: 36px;
    line-height: 35px;
}

.row_card {
    --bs-gutter-x: 20px;
    margin-top: 3px;
}
.card-offer {
    
}
.card-offer__label {
    font-weight: 700;
    font-size: 14px;
    line-height: 140%;
    color: #9d0b0e;
    display: block;
    margin-bottom: 3px;
}
.card-offer__title {
    color: inherit;
    font-size: 52;
    line-height: 100%;
    margin-bottom: 20px;
}
.card-offer__price {
    line-height: 120%;
    margin-bottom: 10px;
}
.price-old {
    color: #B3B3B3;
    text-decoration: line-through;
}
.offer-list {
    margin: 0px;
    list-style-type: none;
    padding: 0;
    font-size: 17px;
    line-height: 124%;
    margin-bottom: 10px;
}
.offer-list__item {
    padding-left: 18px;
    position: relative;
    margin-bottom: 6px;
}
.offer-list__item:before {
    position: absolute;
    top: 4px;
    left: -2px;
    content: '';
    width: 11px;
    height: 11px;
    background: url("https://hostedcontent.dragonforms.com/hosted/images/dragon/12554/5.svg") 0 0 no-repeat;
}
.form-check_offer {
    margin-left: -5px;
}
.form-check-input_offer {
    width: 36px;
    height: 36px;
    border-radius: 10px !important;
}
.form-check-input_offer:checked {
    background-image: url("https://hostedcontent.dragonforms.com/hosted/images/dragon/12554/7.svg") !important;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
    border-color: #fff;
}
.card-offer:hover {
    
}
.card-offer.checked {
    background: #9d0b0e;
    color: #fff;
    border-color: #9d0b0e;
}
.card-offer.checked .card-offer__label,
.card-offer.checked .price-old {
    color: #fff;
}
.card-offer.checked .details__arrow path  {
    fill: #fff
}
.card-offer.checked .offer-list__item:before {
    background-image: url("https://hostedcontent.dragonforms.com/hosted/images/dragon/12554/8.svg");
}
.details {
    align-items: center;
    margin-right: 9px;
    margin-top: 3px;
    cursor: pointer;
}
.details__arrow {
    margin-left: 3px;
    margin-top: -4px;
    transition: all 0.3s;
}
.details.active .details__arrow {
    transform: rotate(-180deg);
    margin-top: 10px;
}
@media (max-width: 767px){
    .card-offer {
        padding: 20px 21px 24px 21px;
    }
    .card-offer__title {
        font-size: 28px;
    }
    .offer-list {
        font-size: 15px;
    }
}
@media (max-width: 575px){

input[type="radio"] {
    width: 36px;
    height: 36px;
    border-radius: 10px !important;
    margin-top: 3px;
}

    .card-offer {
        padding: 0px;
        margin-bottom: 16px;
    }
    .card-offer__label {
        font-size: 12px;
        margin-bottom: 7px;
    }
    .card-offer__title {
        font-size: 24px;
        margin-bottom: 9px;
    }
    .card-offer__price {
        margin-bottom: 8px;
    }
    .offer-list {
        font-size: 14px;
        display: none;
    }
    .offer-list__item:before {
        left: 0;
    }
    .form-check_offer {
        margin-left: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .form-check-input_offer {
        width: 36px;
        height: 36px;
        border-radius: 10px !important;
    }
}


/*Card Payment*/
.card-payment-wrap {
    display: flex;
    align-items: flex-end;
    margin-bottom: 34px;
}
.card-payment {
    margin-right: 30px;
    width: 641px;
    height: 265px;
    display: flex;
    flex-shrink: 0;
}
.card-payment__number {
    border: 1px solid #D0CFCF;
    border-radius: 20px;
    padding: 27px 31px 35px 31px;
    max-width: 450px;
    position: relative;
    z-index: 2;
    background: #fff;
    width: 80%;
}
.card-payment__cvv {
    border: 1px solid #D0CFCF;
    border-radius: 0 20px 20px 0;
    border-left: none;
    width: 215px;
    padding: 31px 30px 31px 46px;
    font-size: 16px;
    line-height: 124%;
    margin-left: -17px;
    background: #fff;
    flex-shrink: 0;
}
.card-payment__number:hover,
.card-payment__cvv:hover {
    border-color: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.card-payment .form-label {
    margin-bottom: 9px;
}
.card-text {
    padding-left: 10px;
    font-size: 16px;
    line-height: 150%;
    margin-bottom: -8px !important;
    padding-right: 15px;
}
.payment-system {
    margin-top: -4px;
}
.payment-system img {
    margin-left: 17px;
    filter: grayscale(100%);
    opacity: 0.25;
}
.payment-system img.active {
    filter: none;
    opacity: 1;
}
.payment-info {
    max-width: 584px;
    margin-bottom: 5px;
}
@media (max-width: 991px) {
    .card-payment-wrap {
        flex-wrap: wrap;
    }
    .card-payment {
        margin-right: 0;
        margin-bottom: 15px;
    }
    .card-text {
        margin-bottom: 0 !important;
        padding-right: 0;
        max-width: 641px;
    }
}
@media (max-width: 767px) {
    .card-payment {
        flex-shrink: 1;
    }
    .card-payment__number {
        padding: 27px 23px 35px 23px;
    }
    .card-payment__cvv {
        padding: 31px 20px 31px 38px;
        flex-shrink: 1;
    }
    .payment-info {
        margin-bottom: 20px;
        margin-top: -7px;
    }
}
@media (max-width: 575px) {
    .card-payment {
        flex-wrap: wrap;
        width: 100%;
        height: auto;
        position: relative;
        margin-bottom: 2px;
    }
    .card-payment__number {
        max-width: none;
        width: 100%;
    }
    .card-payment__number,
    .card-payment__cvv {
        padding: 0;
        border: none;
    }
    .card-payment__cvv {
        margin-left: 0;
        position: absolute;
        right: 0;
        bottom: 5px;
        width: auto;
        z-index: 2;
    }
    .card-payment__number:hover,
    .card-payment__cvv:hover {
        box-shadow: none;
    }
    .card-payment .form-label {
        margin-bottom: 3px;
    }
    .card-payment .form-label_card {
        margin-bottom: 7px;
    }
    .payment-system img {
        margin-left: 14px;
    }
    .payment-system .mastercard {
        width: 23px;
    }
    .payment-system .visa {
        width: 39px;
    }
    .payment-system .americanexpress {
        width: 19px;
    }
    .payment-info {
        margin-bottom: 34px;
    }
}


/*Form element*/
.mb-3 {
    margin-bottom: 21px !important;
}
.mb-6 {
    margin-bottom: 5rem !important;
}
.form-label {
    margin-bottom: 7px;
    font-size: 20px;
}
.form-label_card {
    margin-bottom: 7px;
}
.form-select,
.form-control {
    border: 1px solid #D0CFCF;
    color: #111;
    border-radius: 4px;
    height: 48px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 20px;
    line-height: 120%;
    padding-left: 13px;
    padding-right: 13px;
}
.form-select {
    padding-left: 9px;
}
.form-select option {
    padding-left: 9px;
    padding-right: 9px;
}
textarea.form-control {
    min-height: 178px;
}
.form-control::-webkit-input-placeholder {
    color: #D0CFCF;
    opacity: 1;
}
.form-control::-moz-placeholder {
    color: #D0CFCF;
    opacity: 1;
}
.form-control:-ms-input-placeholder {
    color: #D0CFCF;
    opacity: 1;
}
.form-control:-moz-placeholder {
    color: #D0CFCF;
    opacity: 1;
}
.form-control:hover,
.form-select:hover {
    border-color: #111;
}
.form-control:focus,
.form-select:focus {
    border-color: #111;
    box-shadow: none;
}
.form-control.is-invalid,
.was-validated .form-control:invalid,
.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"],
.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"] {
    border-color: #9d0b0e;
    padding-right: 13px;
    background-image: none;
    color: #9d0b0e;
}

.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"],
.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}
.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    border-color: #9d0b0e;
    box-shadow: none;
}
.form-check-input.is-invalid ~ .form-check-label,
.was-validated .form-check-input:invalid ~ .form-check-label,
.form-check-input.is-invalid ~ .form-check-label a,
.was-validated .form-check-input:invalid ~ .form-check-label a {
    color: #9d0b0e;
}
.form-check-input.is-invalid:focus,
.was-validated .form-check-input:invalid:focus {
    box-shadow: none;
}
.invalid-feedback {
    color: #9d0b0e;
    font-size: 16px;
}
.form-control_card + .invalid-feedback {
    margin-bottom: -14px;
}
.form-control_expire {
    width: 124px;
}
.form-control_cvv {
    width: 124px;
}
.form-hint {
    font-size: 18px;
    line-height: 120%;
    border: 1px solid #111111;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    text-align: center;
    margin-top: -4px;
}
.form-hint:hover {
    color: #9d0b0e;
    border-color: #9d0b0e;
    cursor: pointer;
}
.form-control-info {
    font-size: 16px;
    margin-top: 4px;
    margin-bottom: -4px;
}
@media (max-width: 767px){
    .form-label {
        font-size: 18px;
    }
    textarea.form-control {
        min-height: 149px;
    }
}
@media (max-width: 575px){
    .mb-3 {
        margin-bottom: 14px !important;
    }
    .form-label {
        font-size: 16px;
    }
    .form-hint {
        width: 21px;
        height: 21px;
        font-size: 16px;
        margin-top: -6px;
    }
    textarea.form-control {
        min-height: 120px;
    }
}


/*Account Details*/
.row_account {
    --bs-gutter-x: 30px;
}
.row_small {
    --bs-gutter-x: 10px;
}


/*Review and Submit*/

input[type="submit"] {
    -webkit-appearance: none;
    background: #fff;
    text-shadow: none;
    color: #9d0b0e;
    border: 1px solid #9d0b0e;
    font-size: 18px;
    font-weight: normal;
    margin: 20px;
    padding: 10px 60px;
}

input[type="submit"]:hover {
    background: #9d0b0e;
    text-shadow: none;
    color: #fff;
    border: 1px solid #9d0b0e;
    font-size: 18px;
    font-weight: normal;
    margin: 20px;
    padding: 10px 60px;
}

.renewal-details {
    margin-bottom: 20px;
    background: #F0F0F0;
    line-height: 1.5;
    font-size: 15px;
    padding: 18px 21px 20px;
    font-weight: 300;
    border: 1px solid;
}
.renewal-details__title {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 3px;
}
.form-check_submit  {
    margin-bottom: 35px;
    padding-left: 24px;
}
.form-check_submit .form-check-label {
    font-size: 16px;
    line-height: 1.4;
    font-weight: 300;
}
.form-check_submit .form-check-input {
    margin-left: -24px;
    margin-top: 2px;
}
@media (max-width: 575px){
    .renewal-details {
        font-size: 13px;
        margin-top: 27px;
        /* margin-bottom: 15px; */
    }
    .form-check_submit {
        margin-bottom: 22px;
    }
    .form-check_submit .form-check-label {
        font-size: 14px;
    }
    .form-check_submit .form-check-label .mb-1 {
        margin-bottom: 7px !important;
    }
}


/*Footer*/
.footer {
    background: #F0F0F0;
    margin-top: auto;
    padding-top: 20px;
    padding-bottom: 102px;
    font-size: 13px;
    line-height: 150%;
    color: #333;
    font-weight: 300;
}
.footer__top {
    /* font-family: 'Roboto', sans-serif; */
    font-size: inherit;
    /* line-height: 132%; */
    margin-bottom: 20px;
}
.footer__top a {
    color: #363636;
}
.payment-system_footer {
    margin-right: 81px;
    margin-top: -7px;
}
.payment-system_footer img {
    margin-left: 27px;
    opacity: 0.4;
}
.footer p {
    margin-bottom: 20px;
}
.footer p:last-child {
    margin-bottom: 0;
}
.copy {
    font-family: 'Roboto', sans-serif;
}
@media (max-width: 767px){
    .footer {
        padding-top: 33px;
        padding-bottom: 96px;
    }
    .payment-system_footer {
        margin-right: 0;
    }
}
@media (max-width: 575px){
    .footer {
        padding-top: 24px;
        padding-bottom: 69px;
        font-size: 11px;
        line-height: 1.55;
    }
    .footer__top {
        font-size: 13px;
        margin-bottom: 16px;
    }
    .payment-system_footer img {
        margin-left: 17px;
    }
    .payment-system_footer .mastercard {
        width: 32px;
    }
    .payment-system_footer .visa {
        width: 53px;
    }
    .payment-system_footer .americanexpress {
        width: 26px;
    }
    .footer p {
        margin-bottom: 13px;
    }
}


/*Step Line*/
.step-line {
    height: 57px;
    width: 100%;
    left: 0;
    bottom: 0;
    background: #fff;
    box-shadow: 0 0 20px rgba(128, 128, 128, 0.5);
    position: fixed;
    z-index: 10;
    padding-top: 15px;
}
.step-line__item {
    white-space: nowrap;
}
.step-line__item:last-child {
    width: auto;
    border-right: none;
}
.step-line__label {
    text-decoration: none;
    font-size: 14px;
    line-height: 110%;
    font-weight: 400;
    color: #707070;
    display: block;
    margin-bottom: 5px;
    pointer-events: none;
}
.active .step-line__label {
    pointer-events: auto;
}
.step-line__indicator {
    height: 7px;
    background: #F0F0F0;
    display: block;
    transition: background 0.3s;
}
.step-line__item:first-child .step-line__indicator {
    border-radius: 50px 0 0 50px;
}
.step-line__item:last-child .step-line__indicator {
    border-radius: 0 50px 50px 0;
}
.step-line:hover .active .step-line__indicator {
    background: #9d0b0e;
}
.step-line:hover .active .step-line__label {
    color: #9d0b0e;
}
.active .step-line__indicator {
    background: #111111;
}
.active .step-line__label {
    font-weight: 500;
    color: #111111;
}
.close-btn_line {
    position: absolute;
    cursor: pointer;
    top: 20px;
    right: 20px;
    opacity: 0.5;
}
.close-btn_line:hover {
    opacity: 0.5;
}
.tooltip.show {
    opacity: 1;
}
.tooltip-inner {
    font-size: 17px;
    line-height: 124%;
    background: #FFFFFF;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    padding: 13px 18px;
    color: #000;
    max-width: 320px;
    text-align: left;
    font-weight: 300;
}
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-inner,
.bs-tooltip-top .tooltip-inner {
    margin-right: 10px;
    margin-bottom: 4px;
}
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-inner,
.bs-tooltip-end .tooltip-inner {
    margin-left: 8px;
}
.tooltip .tooltip-arrow {
    display: none;
}
@media (max-width: 1050px) {
    .step-line .containerinner {
        padding-right: 55px;
    }
}
@media (max-width: 767px) {
    .step-line .containerinner {
        padding-right: 27px;
    }
    .step-line__item {
        text-align: left;
        border-right: 1px solid #fff;
    }
}
@media (max-width: 575px) {
    .step-line {
        padding-top: 14px;
    }
    .step-line__label {
        font-size: 11px;
        margin-bottom: 9px;
    }
}


/*Digital, monthly */
.plan {
    padding-top: 16px;
    border-bottom: 1px solid #D0CFCF;
    padding-bottom: 33px;
    margin-bottom: 42px;
}
.plan__title {
    margin-bottom: 11px;
}
.plan__price {
    font-size: 36px;
    line-height: 100%;
    font-weight: 400;
    margin-bottom: 16px;
}
.offer-list_plan {
    font-size: 20px;
    line-height: 124%;
}
.offer-list_plan .offer-list__item {
    margin-bottom: 4px;
    padding-left: 28px;
}
.offer-list_plan .offer-list__item::before {
    top: 4px;
    left: 3px;
    width: 15px;
    height: 15px;
    background-size: 100% auto;
}
.plan_subscription {
    padding-bottom: 43px;
}
.plan__price_subscription {
    font-size: 24px;
    margin-bottom: 22px;
}
.offer-list_subscription {
    margin-bottom: 16px;
}
.offer-list_subscription .offer-list__item {
    margin-bottom: 11px;
}
.text-warning {
    line-height: 120%;
    font-weight: 500;
    color: #9d0b0e !important;
}
@media (max-width: 767px){
    .plan {
        padding-bottom: 24px;
        margin-bottom: 35px;
    }
    .plan_subscription {
        padding-bottom: 36px;
    }
    .plan__price {
        font-size: 28px;
        line-height: 100%;
    }
}
@media (max-width: 575px){
    .plan {
        padding-top: 12px;
        padding-bottom: 15px;
        margin-bottom: 28px;
    }
    .plan_subscription {
        padding-bottom: 29px;
    }
    .plan__title {
        margin-bottom: 4px;
    }
    .plan__price {
        font-size: 20px;
        line-height: 120%;
        margin-bottom: 9px;
    }
    .plan__price_subscription {
        margin-bottom: 14px;
    }
    .offer-list_plan {
        display: block;
        font-size: 17px;
    }
    .offer-list_plan .offer-list__item {
        margin-bottom: 6px;
        padding-left: 20px;
    }
    .offer-list_plan .offer-list__item:before {
        top: 4px;
        left: 3px;
        width: 11px;
        height: 11px;
    }
    .offer-list_subscription {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .offer-list_subscription .offer-list__item {
        margin-bottom: 7px;
    }
}


/*Inner page*/
.title-inner {
    line-height: 105%;
    margin-bottom: 12px;
}
.title-inner_small {
    text-transform: none;
    line-height: 1;
    margin-top: 61px;
    margin-bottom: 12px;
}
.subtitle-inner {
    font-size: 36px;
    line-height: 115%;
    font-weight: 500;
}
.head-list {
    font-size: 26px;
    line-height: 123%;
    margin-bottom: 0;
    font-weight: 500;
    list-style-type: none;
    padding: 0;
}
.head-list__item {
    padding-left: 16px;
    position: relative;
}
.head-list__item:before {
    position: absolute;
    left: 0;
    top: 0
}
@media (max-width: 767px){
    .head-list {
        font-size: 23px;
    }
    .head-list__item {
        margin-bottom: 4px;
    }
    .title-inner_small {
        margin-top: 0;
        line-height: 115%;
    }
    .subtitle-inner {
        font-size: 28px;
    }
}
@media (max-width: 575px){
    .head-list {
        font-size: 20px;
        line-height: 1.1;
        margin-bottom: 13px;
    }
    .head-list__item {
        margin-bottom: 8px;
    }
    .head__text .title-inner {
        margin-bottom: 7px;
    }
    .subtitle-inner {
        font-size: 20px;
        margin-bottom: 5px;
    }
    .subtitle-inner br {
        display: none;
    }
}


/*Thank you page*/
.head_default {
    min-height: auto;
    margin-bottom: 17px;
}
.head_default .head__top {
    margin-bottom: 21px;
}
.head_default .head__text {
    max-width: 100%;
    border-bottom: 1px solid #D0CFCF;
    padding-bottom: 25px;
    margin-top: 44px;
}
.payment-details {
    margin-top: -10px;
    margin-bottom: 23px;
}
@media (max-width: 767px){
    .head_default .head__text {
        margin-top: 35px;
    }
}
@media (max-width: 575px){
    .head_default {
        margin-bottom: 9px;
    }
    .head_default .head__top {
        margin-bottom: 13px;
    }
    .head_default .head__text {
        padding-bottom: 19px;
        margin-top: 25px;
    }
}


/*Customer Service*/
.information-block {
    border-top: 1px solid #D0CFCF;
    margin-top: 38px;
    padding-top: 26px;
    margin-bottom: 35px;
}
.account-number-info {
    padding-top: 5px;
    padding-bottom: 16px;
    margin-bottom: 24px;
    border-bottom: 1px solid #D0CFCF;
    line-height: 1.55;
}
.label-list {
    max-width: 772px;
    margin-top: 18px;
}
.label-list__item {
    margin-bottom: 16px;
}
.label-list__img {
    margin-bottom: 4px;
}
.label-list__name {
    color: #707070;
    display: block;
    font-size: 16px;
}
@media (max-width: 575px){
    .information-block {
        margin-top: 26px;
        padding-top: 20px;
        margin-bottom: 28px;
    }
}

/* header adjustments */
@media (min-width: 767px) {
.d-sm-block {
    display: block!important;
}
}

@media (min-width: 767px){
.d-sm-none {
    display: none!important;
}
}