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

/* general */

* {
  box-sizing:border-box;
}

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

div#content4 {
    float: none;
    max-width: 550px;
    display: block;
    margin: 0 auto;
    background-color: #dcebec;
    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;}

div#content1 {float: none;}

span#cover {float: none;}

span#logo {float: none;}

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

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 input for trial end date */
p#p168 {
    display: none;
}

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

span#termhere {
    display: none;
}

p#p387, p#p388, p#p1001 {
    display: none;
}

.spanc983, .spanc984 {
    display: none;
}

/* header */

#logo img {display: block;float: none;max-width: 330px;width: 100%;text-align: center;margin: 0 auto;}

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

span#innerheaderblock {
    display: block;
    color: #443329;
    background-color: #dcebec;
    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: none;text-align: center;display: block;margin: 20px;}

span#innerheaderblock2 {
    margin: 0 auto;
    max-width: 610px;
    background-color: #fff;
    min-height: 172px;
    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 {
    padding: 0px 15px;
}

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

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

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

.offer-dtls img {
    position: absolute;
    top: -28px;
    right: -25px;
}

/* ul.offersul {
    display: block;
    margin: 13px auto;
} */

#wsm-print-text {
    display: block;
    margin: 25px auto;
}

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

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

#content1 span.drg-element-sub-type-category-8 > ul > li, [class^="licr736"], [class^="licr1001"] {
    border: 4px solid #8d9f9a;
    padding: 20px;
    margin-bottom: 24px;
    position: relative;
    }

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

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

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

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

.spanc1001 {
    padding-top: 40px;
}

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

p.btn.btn-primary {
    background-color: #32a0dd;
    border-color: #32a0dd;
    color: #fff;
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;    
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;    
    user-select: none;    
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

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

input {
  cursor: pointer;
  width: 30px;
  height: 30px;
}

input:focus {
  box-shadow: none;
}

input[type="radio"] {
  border: none;
  background: url("https://hostedcontent.dragonforms.com/hosted/images/dragon/12557/19.png");
  margin-top: 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;
}

/* Add Print for International */

p#p32.drg-element-sub-type-category-2 {
    display: none;
}

input#id32_3 {
    vertical-align: middle;
}

span.spanc32.drg-element-type-cms-content.drg-element-sub-type-category-2 {
    margin-bottom: 35px;
    display: block;
}

/* Content */

span#alreadysubbed {
    font-size: 18px;
}

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: 100%;
    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: 100%;
    width: 100%;
    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;}

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: 35%;display: inline-block;vertical-align:top;}

input#id9, input#id135 {margin-bottom: 0px;max-width: 100%;
    width: 100%;
    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#pp13 {
    margin-bottom: 20px;
}

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

input#optp13 {vertical-align: middle;}


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

input#optp13 {vertical-align: middle;}

/* Order Summary */

div#ordsummary {
    background-color: #dcebec;
    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#ordprice {vertical-align: top;font-weight: bold;font-size: 18px;}

/* Autorenew */

p.auto-renew-copy {
    border: 2px solid #858585;
    background-color: #dcebec;
    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: #f0366b;
    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;
}

/* Add Print */

span.spanc51.drg-element-type-cms-content.drg-element-sub-type-category-2 p#p51 {
    display: none;
}

input#id51_16 {
    display: inline-block;
}

span.spanc51.drg-element-type-cms-content.drg-element-sub-type-category-2 span.checkboxlabel {
    max-width: 90%;
    display: inline-block;
}


@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.spanc736.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%;
  }
  
}