.btn-group-lg > .btn {
  padding: 10px 20px;
  font-size: 20px;
  line-height: 1.3;
  border-radius: 5px;
}
.btn-group-sm > .btn {
  padding: 3px 6px;
  font-size: 13px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 13px;
  line-height: 1.5;
  border-radius: 3px;
}
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: table;
}
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.panel-body:after,
.modal-footer:after {
  clear: both;
}
[data-icon]:before,
[data-icon-after]:after,
.ico:before {
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none !important;
  font-weight: normal !important;
  font-style: normal !important;
  font-variant: normal !important;
  font-size: 20px !important;
  font-family: "safelite-ico" !important;
  line-height: 20px !important;
}
html {
  position: static !important;
  height: auto !important;
}
html,
body {
  background-color: #ffffff !important;
}
body {
  margin-bottom: 16px !important;
}
.headerlinecontainer {
  color: #000000;
  font-family: Roboto, Arial, "Helvetica Neue", Helvetica, Tahoma, Verdana, sans-serif;
}
.headerline1 {
  display: block;
  margin-bottom: 11.5px;
  font-weight: 300;
  font-size: 20px;
  line-height: 30px;
}
.headerline2,
.headerline3,
.headerline4,
.headerline5 {
  margin-bottom: 11.5px;
  font-size: 16px;
}
.headerline3 {
  color: #0c7e47;
}
.headerline5 {
  display: block;
  padding: 11.5px 0;
  color: #167cac;
  font-style: italic;
}
.headerline5v2 {
  display: block;
  padding: 11.5px 0;
  color: #da291c;
  font-style: italic;
  font-size: 12px;
}
.form-group {
  margin-bottom: 10px;
}
.form-group .control-label {
  display: block;
  margin-bottom: 2px;
}
.form-group .form-control {
  margin-bottom: 2px;
}
@media (min-width: 500px) {
  .form-group {
    width: 80%;
  }
}
@media (min-width: 800px) {
  .form-group {
    width: 60%;
  }
}
@media (min-width: 576px) {
  #cardExpirationContainer .card_expirationMonth,
  #cardExpirationContainer .card_expirationYear {
    position: relative;
    width: 49%;
  }
  #cardExpirationContainer .card_expirationMonth {
    float: left;
  }
  #cardExpirationContainer .card_expirationYear {
    float: right;
  }
}
.totalContainer {
  margin: 16px 0;
  padding: 8px;
  border-radius: 5px;
  background-color: #0c7e47;
  color: #ffffff;
  font-size: 16px;
}
.totalContainer em {
  font-weight: 500;
}
.totalContainer .strikeThrough {
  padding-left: 8px;
  text-decoration: line-through;
  font-size: 14px;
}
.callerDisplayTextContainer {
  margin: 16px 0;
  font-style: italic;
}
.disclaimerContainer {
  margin: 16px 0;
  padding: 8px;
  border-radius: 5px;
  background-color: #f0f1f2;
}
.disclaimerContainerv2 {
  margin: 16px 0;
  border-radius: 5px;
}
.buttonContainer #sghopcancelbutton {
  float: left;
}
.buttonContainer #sghopsubmitbutton {
  float: right;
}
.buttonContainer #sghopsubmitbutton.creditCardSpecific {
  float: right;
}
@media (max-width: 500px) {
  .buttonContainer #sghopsubmitbutton.creditCardSpecific {
    float: left;
    width: 100%;
  }
}
.buttonContainer #selectPaymentTypeButton {
  float: right;
}
@media (max-width: 500px) {
  .buttonContainer #selectPaymentTypeButton {
    float: left;
    width: 100%;
  }
}
.globalMessage .message {
  padding-left: 0;
  line-height: 1.25;
}
.globalMessage .message strong {
  color: #da291c;
}
.italicSmall {
  font-weight: 300;
  font-style: normal;
  font-size: 15px;
}
#pageLoadingModal {
  background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==");
}
#pageLoadingModal .modal-content {
  margin-top: 100px;
}
#paypalParentDiv {
  margin-bottom: 20px;
}
#creditCardParentDiv {
  margin-bottom: 0;
}
.radio .list-group.paymentSelection,
.radio.list-group.paymentSelection {
  margin-top: 0;
  margin-bottom: 0;
}
@media (max-width: 33.9em) {
  .radio .list-group.paymentSelection label,
  .radio.list-group.paymentSelection label,
  .radio .list-group.paymentSelection a,
  .radio.list-group.paymentSelection a {
    max-height: 52px;
  }
}
#creditCardParentLink {
  margin-bottom: 0;
}
@media (max-width: 33.9em) {
  #creditCardParentLink {
    min-height: 57px;
  }
}
#creditCardImages,
#paypalImageSpan {
  padding-right: 0;
}
@media (max-width: 33.9em) {
  .paymentOptionText {
    padding-left: 5px;
  }
}
.extraPaddingTop {
  padding-top: 20px;
}
.extraPaddingBottom {
  padding-bottom: 20px;
}
@media (min-width: 33.9em) {
  #paypalImage {
    max-width: 22%;
  }
}
@media (max-width: 33.9em) {
  #paypalImage {
    max-width: 55px;
  }
}
label.centerme {
  position: inherit;
  display: table-cell;
  width: 9999px !important;
  /*This is kind of a hack*/
  vertical-align: middle;
}
input[name="rdioCreditCard"] {
  display: block;
}
@media (min-width: 33.9em) {
  input[name="rdioCreditCard"] {
    margin-top: 10px;
  }
}
@media (min-width: 33.9em) {
  span.paymentOptionText {
    margin-top: 6px;
  }
}
.headerline1.safelitehop {
  margin-top: 20px;
}
@media (max-width: 499px) {
  #buttonContainer {
    width: 100%;
  }
}
.has-success .control-label {
  color: #4d4e53;
}
#thm_fp {
  display: block;
}
#paypalParentLink label,
#creditCardParentLink label {
  padding-top: 9px;
  padding-bottom: 9px;
}
#paypalParentLink label .paymentOptionText,
#creditCardParentLink label .paymentOptionText {
  padding-left: 20px;
  text-align: left;
}
#paypalParentLink {
  margin-top: 12px;
}
html #creditCardParentLink.list-group-item {
  border-radius: 48px;
  text-align: center;
}
.optional-label span {
  display: none;
}
.optional-label::after {
  content: " (optional)";
  font-weight: 300;
  font-style: normal;
  font-size: 15px;
}
.creditCardSpecific {
  display: none;
}
@media (max-width: 500px) {
  .buy-backdrop.afterpay-checkout-wrapper {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}