/* fonts */

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

.container {
    flex: 1 0 auto; /* Allow container to grow and push the footer down */
}

ul, ol {
    margin: 0;
}

p#p12794 {
    padding-right: 20px;
}

#error-overlay{
  position:fixed; inset:0;
  background:rgba(0,0,0,.45);
  display:none;                      
  align-items:center; justify-content:center;
  z-index:10000;
}

#error-dialog{
  background:#fff;
  width:90vw; max-width:420px;      
  max-height:80vh; overflow:auto;
  border-radius:10px;
  padding:1.25rem 1.5rem 1.75rem;
  box-shadow:0 8px 32px rgba(0,0,0,.25);
  font:normal 1rem/1.45 system-ui, sans-serif;
  position:relative;
}

#error-dialog button{
  background:none; border:0;
  font-size:1.25rem; font-weight:700;
  position:absolute; top:.75rem; right:.9rem;
  cursor:pointer;
}
/* error list inside dialog */
#error-dialog ul{margin:0; padding:0 0 0 1.25rem;}
/* ---------- bullet style fix ---------- */
#error-dialog li{
  list-style:none;            
  margin:.35rem 0;
  padding-left:1.4rem;           
  position:relative;
}
#error-dialog li::before{
  content:"\26A0";             
  position:absolute; left:0; top:0;
  font-size:1rem;
  line-height:1;                 
  color:#d00;                   
}

div#movevalidation {
    text-align: center;
}

/* small phones */
@media(max-width:480px){
  #error-dialog{font-size:.9375rem; padding:1rem 1.25rem 1.5rem;}
}

/* general */

div#account table {
    width: 100%;
}

.card-icon-div {
    display: none;
}

p#p146, p#p147, p#p52 {
    display: none;
}

p#p46 {
    display: none;
}

#p35 > span > label > span {
font-size:smaller;
}

span.spanc104.drg-element-type-standard-field.drg-element-sub-type-fieldname-AUTORENEWALINDICATOR ul li label {
    width: 80%;
    display: inline-block;
}

span.validation ul {
    /* border: 1px solid red; */
    /* display: inline-block; */
    /* margin: 30px auto; */
    /* padding: 10px; */
    /* border-radius: 10px; */
}

strong {
    font-weight: bold;
    color: inherit;
}

/*custserv info */

p#p8 {
    padding: 0;
}

tr#snnotfound td a {
    color: red;
    font-weight: bold;
}

td.acctdata {
    padding: 4px;
}

tr#snnotfound td {
    color: red;
    font-weight: bold;
}

tr#regemnotfound td, tr#regemnotfound a {
    font-weight: bold;
    color: red;
}

p#pn159, p#pn158 {
    display: none;
}

div#account tr {
    border: 1px solid;
}

* {
  box-sizing:border-box;
}

body {
    font-family: 'Fira Sans', sans-serif;
    color:#444444;
line-height: 1.5;}

/* header */

#logo img {float: none;max-width: 350px; width: 100%;}

span#cover a {text-decoration: none;padding: 0px 10px;}

span#innerheaderblock {
    display: block;
    color: #fff;
    background-color: #e7effc;
    padding: 0px 0px 25px;
    }

span#heading1 {
    text-align: center;
    color: #000000;
    display: block;
    font-size: 25px;
    font-weight: bold;
    letter-spacing: -0.2px;
    line-height: 1.38;
    padding: 24px 0 0;
}

span#heading2 {
    text-align: center;
    color: #fff;
    display: block;
    font-size: 20px;
    letter-spacing: -0.1px;
    line-height: normal;
    padding: 6px 0 px;
}

span#heading3 {
    text-align: center;
    color: #fff;
    display: block;
    font-size: 16px;
    letter-spacing: -0.1px;
    line-height: normal;
    padding: 6px 0 29px;
}

span#headerlinks {float: right;padding-top: 33px;}

span#innerheaderblock2 {margin: 0 auto;
    max-width: 610px;
    background-color: #fff;
    min-height: 135px;
    padding: 16px;
    font-family: "fira_sansbook", sans-serif;
    font-size: 18px;
    border-radius: 4px;display: block;line-height: 26px;}

span#innerheaderblock2 img {
    float: left;
    margin-right: 12px;
    max-width: 87px;
    display: inline-block;
}

span#deskimg {
    display: block;
    max-width: 165px;
}

span#mobimg {
    display: none;
}

span#logostop {
    display: inline-block;
}

/* Login */

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

/* Header */

span#logohead {
    background: white;
    display: block;
    text-align: left;
    padding: 10px;
    padding-left: 20%;
}

span#logohead a {
    vertical-align: middle;
    color: white;
    font-size: 16px;
}

span#logohead img {
    vertical-align: middle;
    /* padding-right: 360px; */
}


/* Force header full width, may need reworked to remove horizonal scroll bar */
span#innerheaderblock {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  }

#p127.addresslabel .questionlabel {
    font-size: inherit;
    font-family: inherit;
}

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

p#p130 {
    display: none;
}

input[type="radio"]:checked, input[type="checkbox"]:checked {
    border: 1px solid #00a7eb;
}

ul.link-list {
    padding-left: 0px;
    margin-left: 0px;
    margin-top: 0px;
}

span#content2 {
    max-width: 370px;
}

.addresslabel {
    width: 100%;
}

p#p16 {
    margin-bottom: 5px !important;
    display: block;
    width: 100%;
}

p#p17 {
    margin-top: 20px;
}

span#forgotpasslink a {
    text-decoration: none;
    color: #00a7eb;
}

span#forgotpasslink a:hover {
    text-decoration: underline;
    color: #00a7eb;
}

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

p#p13 {
    /* margin-top: 10px; */
}

p#p9 {
    width: 100%;
}

li.link.sublink {
    margin-left: 25px;
}

span#footertext {
    display: block;
    text-align: center;
    margin-top: 20px;
}

/* table */

td.acctitem {
    padding: 5px;
    min-width: 230px;
}

tbody {
    border: 1px solid #314d65;
}

/* footer */
.sixteen.columns.footer {
    border: none;
}

/* Additional */

input#custombtn:disabled {
    cursor: not-allowed;
    pointer-events: none;
    background: grey;
    text-shadow:none;
    color:white;
border-color:grey;
}

textarea#id235 {
    min-height: 140px;
}

div#returncustserv a {
    color: inherit;
    text-decoration: underline;
    margin: 20px 0px;
    display: block;
}

div#content1 {
    margin-bottom: 30px;
}

span.d-block.form-part__label {
    display: block;
    font-weight: bold;
    font-size: 23px;
    line-height: 1.09;
    margin-bottom: 14px;
    color: inherit;
}

.button {
    display: none;
}

span.spanc161.drg-element-type-cms-content.drg-element-sub-type-category-1 .radiolabel label, .btn, input#custombtn {
 margin: 25px 0px;
 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 #314d65;
 font-size: 24px;
 line-height: 1;
 border-radius: 10px;
 height: 52px;
 color: #fff;
 background: #314d65;
 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.spanc161.drg-element-type-cms-content.drg-element-sub-type-category-1 .radiolabel label:hover,
span.spanc161.drg-element-type-cms-content.drg-element-sub-type-category-1 .radiolabel label:focus, .btn:hover, .btn:focus, input#custombtn:hover {
    text-decoration: none;
    background: #fff;
    border-color: #314d65;
    color: #314d65;
    box-shadow: none;
}
span.spanc161.drg-element-type-cms-content.drg-element-sub-type-category-1 .radiolabel label path {
    transition: fill 0.15s ease-in-out
}
span.spanc161.drg-element-type-cms-content.drg-element-sub-type-category-1 .radiolabel label:hover path,
span.spanc161.drg-element-type-cms-content.drg-element-sub-type-category-1 .radiolabel label:focus path {
    fill: #00a7eb;
}
span.spanc161.drg-element-type-cms-content.drg-element-sub-type-category-1 .radiolabel label:focus,
span.spanc161.drg-element-type-cms-content.drg-element-sub-type-category-1 .radiolabel label.focus {
    outline: 0;
}
span.spanc161.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;
}

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;
}

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

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

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


/* BillPay and CustServ Additions */

p#p122 {
    border: 1px solid black;
    border-radius: 10px;
    padding: 10px;
    background: #4b63aa;
    color: #fff;
}

span#outputresponselabel122 {
    font-size: 26px;
}



div#account p {
    margin-bottom: 5px;
}

span#hostedpci_script {
    display: block;
    margin-bottom: 15px;
}

.drg-element-sub-type-type-1 {
    display: none;
}

/* Subscription Details */

div#managearn {
margin-bottom:15px;
    text-align: center;
    border: 1px solid #4b63aa;
    border-radius: 15px;
    padding: 10px;
}

div#managearn:hover {
    text-align: center;
    border: 1px solid #4b63aa;
    border-radius: 15px;
    padding: 10px;
    background:#4b63aa;
    color:white !important;
}

div#managearn:hover a {
    color:#fff;
}

div#managearn a:hover {
    color:#fff;
}

div#managearn p {
    margin:0px;
}


@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 */
span.forgotpass a, span.account-cta a {
    color: blue;
    text-decoration: underline;
    font-size: 16px;
    display: block;
}

#submitbtn {
    text-align: left;
}
/* Override FadeinFadeOut */

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

/* 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;
}


/* Dynamic Order Summary */
span#termhere, span#ratehere, p#p31.drg-element-sub-type-category-3, p#p32.drg-element-sub-type-category-3, p#p64 {
    display: none;
}

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

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

/* postage */

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


/* Login */

span#loginor {
    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;
}





/* 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: #c41424;
    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;
}

/* */

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

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

/* Footer */

.sixteen.columns.footer {
    margin-top: 80px;
    display: block;
    text-align: center;
    background: #000000;
    color: #fff;
    border: none;
}

p.gpmfooter {
    margin: 20px auto;
    max-width: 735px;
    text-align: center;
    font-size: 12.5px;
}

.sixteen.columns.footer a {
    text-decoration: none;
    color: #fff;
    display: inline-block;
}

p.gpmfooter li {
    display: inline-block;
}

.sixteen.columns.footer li {
    display: inline-block;
    padding: 0px 10px;
    font-size: 14px;
}

p#copyright {
    margin: 0px;
    padding: 20px 0 0;
    font-size: 14px;
}

span#logo {
    width: 100%;
}

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

.container {
    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;
}

iframe#ccframe {
    height: 163px;
}

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

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

#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: 16px;
    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 {
    max-width: 100%;
    padding-right: 20px;
    flex: 0 0 auto;
    padding-bottom: 0px;
    padding-top: 0px;
}

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

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

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

span.spanc8.drg-element-type-standard-field.drg-element-sub-type-fieldname-STATE {
    display: block;
    padding-right: 20px;
}

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.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 #c41424;
    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.dragonforms.com/hosted/images/dragon/12564/29.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 #c41424;
    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: #c41424;
    color: #fff;
    border-color: #c41424;
}

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: #c41424;
    color: #fff;
    border-color: #c41424;
}

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;}
}


/* 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, input#id104_997 {
    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;
}

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: 16px;
    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;
    }
}

.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: #c41424;
}
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;
}


h2 {
    \: bold;
    display: block;
    margin: 0px 0px 10px;
    font-size: 22px;
    font-weight: bold;
}
h1, .h1 {font-family: 'Fira Sans', sans-serif;color: inherit;font-weight: 500;font-size: 50px;line-height: 115%;text-transform: uppercase;}
.title-inner_small {
    font-size: 58px;
}
h2, .h2 {color: inherit;font-size: 20px;line-height: normal;}


h3 {
    color: inherit;
    font-size: 18px;
    line-height: 100%;
    font-weight: bold;
    margin-bottom: 20px;
}
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;
}


/*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 #c41424;
    font-size: 24px;
    line-height: 1;
    border-radius: 10px;
    height: 52px;
    color: #fff;
    background: #c41424;
    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: #c41424;
    color: #c41424;
    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: #c41424;
}
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: #c41424;
    padding-top: 38px;
    min-height: 320px;
    margin-bottom: 55px;
    display: flex;
    overflow: hidden;
    flex-shrink: 0;
}




/*Review and Submit*/

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

input[type="submit"]:hover {
    background: #5688eb;
    text-shadow: none;
    color: #fff;
    border: 1px solid #5688eb;
    font-size: 18px;
    font-weight: normal;
}

a {
    color: #333;
    text-decoration: none;
}

.active {
    /* background: #4babff !important; */
}

.sidebar-links-header {
    color: black;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: bold;
}

.sidebar-links {
    max-width: 300px;
    width: 100%;
}

.link {
    background: none;
    border: none;
    color: #000;
    cursor: pointer;
    font-size: 16px;
    margin: 1px;
    padding: 5px 15px;
}

.link:hover > a {
    background: #fff;   
    color: #00a7eb;
    cursor: pointer;
    font-size: 16px;
}

.link:hover {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 16px;
    margin: 1px;
}

.link a {
    font-weight: bold;
    text-decoration:none;
    color: #000;
    display: block;
}

.link a:hover {
    color: #00a7eb;
    display: block;
}

#billpay_link {
  padding-left: 8%;
  font-size: 14px;
}

li.link.sublink {
  font-weight: bold;
}

/* */

.link2 {font-weight: bold;background: #e7effc;border: 2px solid #5688eb;color: #000000;font-size: 16px;margin: 1px;padding: 10px 15px;cursor: default;}

.link2:hover > a {
    
}

.link2:hover {
    
}

.link2 a {
    
color: #fff;
    
text-decoration: none;
}

ul ul {
    margin: initial;
    font-size: initial;
}


@media only screen and (max-width: 767px) {

span#content2 {
    width: 100%;
    max-width: 100%;
    margin: 0 0 20px;
}

    span#content3 {
    margin: 0;
    width: 100%;
}

    div#content4 {
    width: 100%;
}

.sidebar-links {
    max-width: 100%;
}

span#logohead {
    padding: 0;
    width: 100%;
}

div#content1 {
    margin: 0;
}

span#innerheaderblock {
    width: 100%;
    margin: 0;
    left: initial;
    right: initial;
}

span#logohead img {
    margin-bottom: 10px;
}

}


/* Account Information */
span.product_name {
    font-weight: bold;
}

.spanc169.drg-element-type-standard-field.drg-element-sub-type-fieldname-ACTMAGSUBLST div p {
    border: 1px solid  black;
    padding: 6px;
    border-radius: 3px;
    background: #e7effc;
}

.spanc169.drg-element-type-standard-field.drg-element-sub-type-fieldname-ACTMAGSUBLST div p:hover{
    background:#5688eb;
}

.spanc169.drg-element-type-standard-field.drg-element-sub-type-fieldname-ACTMAGSUBLST div p:hover a {
    color: #fff;
}