/* 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');

:root {
    --border-radius-med: .5rem;
    --button-bg-primary-rest: #21272C;
    --button-bg-primary-hover: #2e363d;
    --button-bg-primary-disabled: #EAEAEB;
    --button-color-primary-rest: #fff;
    --button-color-primary-hover: #fff;
    --button-color-primary-disabled: #21272C;
    --body-bg: #fff;
    --body-text: #21272C;
    --error-text: #CF402A;
    --font-family-content: 'Fira Sans', sans-serif;
    --font-family-heading: 'Fira Sans', sans-serif;
    --gray-1: #EAEAEB;
    --gray-2: #aaa;
    --gray-4: #757575;
    --link-text-rest: #5065D3;
    --link-rest-hover: #2F46BC;
    --size-1: .25rem;
    --size-2: .5rem;
    --size-3: .75rem;
    --size-4: 1rem;
    --size-5: 1.25rem;
    --size-6: 1.5rem;
}

/* general */

* {
  box-sizing:border-box;
}

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

a.change-plan-button, a.change-plan-button:link, a.change-plan-button:visited {
    color: var(--link-text-rest);
    text-decoration: underline;
    background: none;
    border: none;
    font-size: 14px;
}

a.change-plan-button:hover, a.change-plan-button:focus {
    color: var(--link-rest-hover);
    text-decoration: underline;
    outline-style: auto;
}

div#content1 {
    float: none;
}

span#cover {
    float: none;
}

span#logo {
    float: none;
}

/* Layout */
.masthead {
    border-bottom: 1px solid var(--gray-2);
    margin-bottom: var(--size-4);
}

.c-header img {
    display: block;
    width: 15.3125rem;
    height: auto;
    margin: var(--size-6) auto;
}

.l-container {
    box-sizing: border-box;
    max-width: 66.25rem;
    margin: 0 auto;
    padding-left: var(--size-4);
    padding-right: var(--size-4);
}

div#content4 {
    float: none;max-width: 550px;
    display: block;
    margin: 0 auto;
    padding: 0px 25px 25px;
    margin-bottom: 24px;
}

div#content5 {
    width: 100%;float: none;
    max-width: 550px;
    display: block;
    margin: 0 auto;    
    /* padding: 0px 25px 25px; */
    margin-bottom: 24px;
}

h1 {
    padding-top: 25px;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 15px;
    color: #443329;
    font-family: inherit;
    line-height: normal;
}

h2 {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 15px;
    color: #443329;
    font-family: inherit;
    line-height: normal;
}

/* Theme */
.t-h2 {
    color: var(--body-text);
    font-family: var(--font-family-heading);
    font-size: var(--size-5);
    font-weight: 700;
    line-height: 1.25;
    margin-bottom: var(--size-6);
    text-align: center;
}

div#sectionbreak {
    width: 99.5vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    background: white;
}

ul ul {
  font-size: 100%;
}

select {
  padding: 17px 0px;
}

/* Hide dynamic rate and term from rate */
span#ratehere {
    display: none;
}

span#termhere {
    display: none;
}

p#p387, p#p388, .spanc97, .spanc980 {
    display: none;
}

/* header */

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

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

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

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

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

span#headerlinks {
    float: right;
}

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

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

/* Rates(single response and rates) */
.offer-dtls img {
    position: absolute;
    top: -28px;
    right: -25px;
}

p#p6.drg-element-sub-type-category-8 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 25px;
    margin-top: 33px;
}

p#p33 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 25px;
    margin-top: 33px;
}

/*Style offers*/
p#p2840 .questionlabel {
    display: none;
}

#content1 span.drg-element-type-cms-content.drg-element-sub-type-category-8 > ul > li {
    border: 3px solid #90CAF9;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 24px;
    position: relative;
}

span.spanc2840.drg-element-type-cms-content.drg-element-sub-type-category-8 {
    display: block;
    width: 50%;
    margin: 0 auto;
}

span.spanc2840.drg-element-type-cms-content.drg-element-sub-type-category-1 {
    max-width: 550px;
    display: block;
    margin: 0 auto;
}

span.spanc2840.drg-element-type-cms-content.drg-element-sub-type-category-1 span.radiolabel {
    width: 88%;
}

input.paidElement, input[id^="id33"], input[id^="id988"] {
    vertical-align: top;
    display: inline-block;
    padding-right: 15px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    margin-top: 0px;
    appearance: none;
}

#p988 {
    display: none;
}

.spanc988 {
    padding-top: 40px;
}

span.radiolabel {
    font-size: 16px;
    display: inline-block;
}

.offer-dtls {
    padding: 0px 15px;
}

span.box-title {
    font-size: 24px;
    font-weight: 700;
    padding: 15px 0px 0px;
    color: #443329;
    display: block;
}

span.wsm-allrate {
    display: block;
    margin-top: 10px;
}

p.wsm-allsubtext {
    margin-top: 10px;
}

input {
    cursor: pointer;
    width: 30px;
    height: 30px;
  }
  
  input:focus {
    box-shadow: none;
  }

 /* input:checked[type="radio"] {
  background-image: url("https://hostedcontent.dragonforms.com/hosted/images/dragon/12557/20.png");
  background-color: unset;
  border: none;
  background-size: contain;
}

input[type="radio"] {
    border: none;
    background: url("https://hostedcontent.dragonforms.com/hosted/images/dragon/12557/19.png");
    margin-top: 0px;
  } */

.offer-dtls ul {
    list-style-image: url("https://hostedcontent.dragonforms.com/hosted/images/dragon/12557/21.png");
    list-style-position: inside;
    padding: 0;
    /* margin-top: 15px; */
}

.offer-dtls > ul {
    margin-left: 0px;
}

.offer-dtls li {
    margin-bottom: 0px;
}

/* Hide Rates */

span.spanc6.drg-element-type-cms-content.drg-element-sub-type-category-8, span.spanc34.drg-element-type-cms-content.drg-element-sub-type-category-8, span.spanc35.drg-element-type-cms-content.drg-element-sub-type-category-8, span.spanc36.drg-element-type-cms-content.drg-element-sub-type-category-8 {
  display: none;
}

/* Content */

span#renewsub {
    font-size: 14px;
    display: block;
    margin-bottom: 15px;
}

span#content2 {
    float: none;
    max-width: 550px;
    margin: 0 auto 20px;
    display: block;
    width: 100%;
}

span#paycc {
    font-size: 16px;
    font-weight: 500;
}

span#paycc img {
    display: inline-block;
    padding-left: 20px;
}

/* Payment Details */

span#dollarsym {
    font-size: 18px;
    display: inline-block;
    vertical-align: top;
    font-weight: bold;
}

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

iframe#ccframe {
    min-height: 112px;
}

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

p#p127 {
    margin-top: 10px;
}

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

input#id127 {
    max-width: 100%;
    width: 100%;
    min-height: 56px;
    border: 1px solid #979797;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    border-radius: .25rem;
}

select#EXPMONTH {
    margin-right: 10px;
    min-height: 56px;
    border: 1px solid #979797;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    border-radius: 0.25rem;
    display: inline-block;
    width: 49%;
}

select#EXPYEAR {
    display: inline-block;
    width: 49%;
    min-height: 56px;
    border: 1px solid #979797;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    border-radius: 0.25rem;
}

p#p32 {
    width: 100%;
}

#p32.addresslabel .questionlabel {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    display: block;
}

/* Your Information and Billing */

p#p1 .questionlabel, p#p2 .questionlabel, p#p13 .questionlabel, p#p4 .questionlabel, p#p5 .questionlabel, p#p6 .questionlabel, p#p7 .questionlabel, p#p8 .questionlabel, p#p9 .questionlabel,
p#p131 .questionlabel, p#p164 .questionlabel, p#p132 .questionlabel, p#p133 .questionlabel, p#p134 .questionlabel, p#p135 .questionlabel {
    display: none;
}

input#id1, input#id2 {
    max-width: 100%;
    width: 100%;
    min-height: 56px;
    border: 1px solid #979797;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    border-radius: 0.25rem;
}

p#p1 {
    margin-bottom: 0px;
    width: 50%;
    display: inline-block;
    padding-right: 22px;
}

p#p2 {
    margin-bottom: 0px;
    display: inline-block;
    width: 50%;
}

input#id13, input#id4, input#id5, select#id7,
input#id131, input#id164, select#id133 {
  max-width: 100%;
    width: 100%;
    min-height: 56px;
    border: 1px solid #979797;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    border-radius: 0.25rem;
    margin-bottom: 20px;
}

input#id6, input#id132 {
  max-width: 100%;
  width: 320px;
  min-height: 56px;
  border: 1px solid #979797;
  font-size: 16px;
  font-weight: 500;
  border-radius: 0.25rem;
  margin-bottom: 0px;
}

select#id8, select#id134 {
    padding: 6px 4px;
    max-width: 500px;
    width: 500px;
    min-height: 55px;
    border: 1px solid #979797;
    font-size: 16px;
    font-weight: 500;
    border-radius: 0.25rem;
    margin-bottom: 0px;
  }
  
  p#p8, p#p134 {
    margin-bottom: 0px;
    display: inline-block;
    width: 100%;
}
  
  p#p6, p#p132 {
    margin-bottom: 20px;
    padding-right: 10px;
    /* width: 33%; */
    display: inline-block;
}
  
  span.spanc8.drg-element-type-standard-field.drg-element-sub-type-fieldname-STATE,
  span.spanc134.drg-element-type-standard-field.drg-element-sub-type-fieldname-BILLINGADDRSTATE {
    padding-right: 10px;
    width: 100%;
    display: inline-block;
    vertical-align:top;
}

input#id9, input#id135 {
    margin-bottom: 0px;
    max-width: 100%;
    width: 170px;
    min-height: 56px;
    border: 1px solid #979797;
    font-size: 16px;
    font-weight: 500;
    border-radius: 0.25rem;
    }

p#p9, p#p135 {
    margin-bottom: 0px;
    /* width: 32%; */
    display: inline-block;
}

span.spanc7.drg-element-type-standard-field.drg-element-sub-type-fieldname-COUNTRY,
span.spanc133.drg-element-type-standard-field.drg-element-sub-type-fieldname-BILLINGADDRCOUNTRY {
    display: block;
}

p#p5 {
    display: block;
}

input#id130_1013 {
    vertical-align: middle;
}

p#p130 {
    display: none;
}

/* Newsletter and Deployments */
div#pp26 {
    margin-bottom: 20px;
}

div#d26 {
    margin-bottom: 35px;
    display: block;
}

input#optp26 {
    vertical-align: middle;
}

div#pd21 {
    margin-bottom: 35px;
    display: block;
}

input#optd21 {
    vertical-align: middle;
}

/* Order Summary */

div#ordsummary {
    /* background-color: #f4f4f4; */
    padding: 25px;
    margin-bottom: 24px;
}

span#ordsalestax {
    display: block;
    text-align: right;
}

span#ordprod {
    margin-bottom: 15px;
    display: inline-block;
    font-size: 18px;
    max-width: 88%;
}

span#ordtotal {
    display: block;
    text-align: left;
    font-weight: bold;
    font-size: 18px;
}

span#ordprice {
    display: block;
    text-align: right;
    vertical-align: top;
    font-weight: bold;
    font-size: 18px;
}

/* Autorenew */

table#ar-table {
    border-collapse: separate; /* important for border-radius to work */
    border-spacing: 0;
    border-radius: 12px; /* adjust this value as needed */
    overflow: hidden; /* ensures the rounded corners are visually clipped */
}

table#ar-table thead td, table#ar-table tbody td {
    width: 100%;
    /* border-bottom: 1px solid #000; */
    /* border: 2px solid #858585; */
    background-color: #f4f4f4;
    padding: 25px;
    margin-bottom: 24px;
    font-size: 18px;
}
  
tbody#ar-body td {
    text-align: left;
}

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

/* Terms PP */

div#termspp {
    font-size: 16px;
    text-align: center;
}

/* Submit Button */

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

input[type="submit"], input[type="submit"]:hover {
    background: #FF0000;
    border: none;
    color: #fff;
    border-radius: 4px;
    width: 100%;
    padding: 16px;
    margin: 25px auto;
    font-size: 16px;
    font-weight: normal;
    display: block;
    font-family: inherit;
    text-shadow: none;
    height: 56px;
    -webkit-appearance: none;
    }

p.secure {
    display: block;
    text-align: center;
}

/* Footer */

.pre-ftr {
    background: #f4f4f4;
    text-align: center;
    color: #443329;
    display: block;    
    font-weight: 500;
    letter-spacing: -0.2px;
    line-height: 1.38;
    padding: 24px 0;width: 99.5vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

.pre-ftr p, .pre-ftr div {color: #444444;max-width: 610px;margin: 0 auto 20px;text-align: left;font-size: 16px;font-weight: 400;}

.pre-ftr div div .col-sm-7, .pre-ftr div div .col-sm-5 {margin-bottom: 0px;width: 49%;display: inline-block;}

.trust_bbb {text-align: right !important;}

p.links {margin-top: 20px;font-size: 16px;font-weight: normal;}

p.copyright {font-size: 16px;}

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

/* Confirmation */

span#nextstep {
    padding: 10px;
    display: block;
    border: 3px solid #314d65;
    border-radius: 20px;
    font-size: 20px;
}

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

span#headerlinks {text-align: center;float: none;display: block;margin: 20px auto;}

span#logo {width: 100%;margin: 0px auto;display: block;text-align: center;}
  
}

@media only screen and (max-width: 767px) {
  span.spanc33.drg-element-type-cms-content.drg-element-sub-type-category-1 span.radiolabel {width: 88%;}

select#EXPMONTH {width: 48%;}

select#EXPYEAR {width: 48%;}

.pre-ftr {width: 100%;margin: 0px auto;left: auto;right: auto;padding: 25px;}
  
}

@media only screen and (max-width: 479px) {
  
select#EXPMONTH {width: 47%;}

select#EXPYEAR {width: 47%;}

  p#p1, p#p2, p#p6, p#p8, p#p9, p#p132, p#p134, P#p135 {
    display:block;
    width: 100%;
    padding: 0px;
}

span.spanc8.drg-element-type-standard-field.drg-element-sub-type-fieldname-STATE, span.spanc134.drg-element-type-standard-field.drg-element-sub-type-fieldname-BILLINGADDRSTATE {width: 100%;display: block;margin-bottom: 20px;}

input#id9, input#id135 {
    margin-bottom:20px;
}

  div.drg-element-type-deployment-type span label, div.drg-element-type-product span label  {
    display: inline-block;
    width: 86%;
    vertical-align: top;
    margin-bottom: 20px;
}

  /* Order Summary */

  span#ordprod {
    font-size: 16px;
    max-width: 73%;
  }
}