/*overriding global font family*/
.form-group.required .form-control-label::before {
  content: "*";
  color: #c00; }

.login-page .login-form-nav {
  margin-bottom: 1.25em; }

.login-page .login {
  margin-bottom: 0.938em; }
  .login-page .login .error-message-form {
    padding: 0.625em;
    background-color: #c00;
    color: #fff;
    border-radius: 0.188em; }

.login-page label::before {
  display: none; }

.login-page .page-titles {
  font: 32px "CircularPro-Book";
  color: #000000;
  font-weight: bold;
  line-height: normal; }

.login-page .sing-in-caption {
  font: 14px "CircularPro-Book";
  color: #000; }

.login-page label {
  font: 14px "CircularPro-Book";
  color: #000; }

.login-page .customer-register-bebefits span i,
.login-page .customer-register-bebefits span i:hover {
  margin-right: 5px; }

.login-page .customer-register-bebefits span {
  display: block;
  font: 13px/26px "CircularPro-Bold"; }

.login-page .password-reset {
  font: 12px "CircularPro-Book";
  color: #0970C8;
  font-weight: bold; }

.login-page .login-form-nav input {
  background-color: #F1F1F1 !important;
  border: 0 !important;
  font: 14px "CircularPro-Book";
  color: #262729;
  border-radius: 0;
  height: 40px; }

.login-page .login-form-nav input:focus,
.login-page .btn-block.btn-primary:focus,
.login-page .btn-block.btn-primary:active {
  box-shadow: none;
  border: 0; }

.login-page .customer-register-bebefits span:last-child {
  margin-left: 20px; }

.login-page .valid-benefit-sites {
  font: 14px/22px "CircularPro-Book";
  color: #000000; }

.login-page #other-valid-sites a,
.login-page #other-valid-sites a:hover {
  text-decoration: underline;
  font: 14px "CircularPro-Bold";
  color: #000000; }

.login-page .qualify-products {
  font: 12px "CircularPro-BookItalic";
  color: #727272;
  font-weight: bold; }

.login-page a:hover {
  text-decoration: none; }

.login-page .btn-block {
  border: none;
  padding: 12px 13px;
  cursor: pointer;
  max-width: 200px; }

.login-page .btn-block i {
  font-size: 16px;
  font-weight: bold;
  margin-left: 3px;
  position: relative;
  top: 1px; }

.login-page .benefits-sites {
  color: #000;
  font-family: 'CircularPro-Book' !important;
  font-size: 15px;
  margin-bottom: 0px; }

.login-page .benefits {
  color: #000;
  font-size: 15px;
  font-family: 'CircularPro-book' !important;
  line-height: 2px; }

.login-page .new-user-block {
  padding-left: 5%;
  background: #f1f1f1;
  padding-top: 75px !important; }

.login-page .sign-in-user-block {
  padding-left: 18%;
  padding-top: 75px !important; }
  @media (min-width: 544px) {
    .login-page .sign-in-user-block {
      padding-right: 4%; } }
  @media (min-width: 992px) {
    .login-page .sign-in-user-block {
      padding-right: 10%; } }
  .login-page .sign-in-user-block .alert-danger {
    font: 14px "CircularPro-Book"; }

.registration-page .privacy-policy {
  margin-top: 1rem; }

.login-banner {
  background-image: url("../images/account.jpg");
  background-position-y: 40%; }

.equal-height .card {
  width: 100%; }

.registration-page .centralized span span {
  color: #000;
  display: block;
  font: 18px CircularPro-Book;
  width: 100%;
  border: 0;
  font-weight: 700; }

.registration-page .centralized span {
  padding: 0px 5px;
  font: 14px/22px CircularPro-Bold;
  border-right: solid 1px #000;
  width: 20%; }

.registration-page .registration-form-block {
  clear: both; }

.registration-page .registration-form-section {
  width: 620px; }

.registration-page .centralized {
  border-bottom: solid 1px #d4d4d4;
  overflow: hidden; }

.registration-page .create-account-content p {
  font: 13px/18px "CircularPro-Book";
  color: #000; }

.registration-page .create-account-content span,
.registration-page .create-account-content a {
  font: 15px CircularPro-Bold;
  color: #FFD200; }

.registration-page .form-group.required .form-control-label::before {
  display: none; }

.registration-page .form-control-label {
  color: #000000;
  font: 14px "CircularPro-Book"; }

.registration-page input.form-control {
  border: 2px solid #bcc4c4;
  height: 40px; }

.registration-page .card {
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }

.registration-page .registration-form-submit-btn {
  width: 220px;
  padding: 7px 0;
  font: 20px "CircularPro-Bold";
  background: #FFD200;
  border-color: #FFD200; }
  .registration-page .registration-form-submit-btn:hover {
    background: #FFE850;
    border-color: #FFE850; }

.registration-page .registration-form-submit-btn i {
  font-size: 18px; }

.registration-page .custom-checkbox label {
  color: #000;
  font: 13px/28px "CircularPro-Book"; }

.registration-page .custom-checkbox .custom-control-label::before {
  border: 1px solid #bcc4c4;
  background: #dcdcdc; }

.registration-page .email-block,
.registration-page .registration-form-submit-btn {
  clear: both; }

.registration-page .registration .is-invalid {
  border: 1px dashed #eb340a;
  background: #faebe7; }

.registration-page .registration .invalid-feedback {
  color: #eb340a; }

@media (max-width: 991.98px) {
  .registration-page .centralized span {
    font: 11px/22px CircularPro-Bold; }
  .registration-page .centralized span span {
    font: 14px CircularPro-Bold; } }

@media (max-width: 768.98px) {
  .login-page .sign-in-user-block,
  .login-page .new-user-block {
    margin: 0 15px;
    padding: 60px 0 20px;
    border-left: 0;
    border-top: 1px solid #b2b3b2; }
  .account-login-header-title i {
    position: relative;
    top: -15px;
    display: block; }
  #account-login-header-m a {
    color: #FFD200;
    font: 56px CircularPro-Bold; }
  .account-login-header-title a:hover {
    text-decoration: none; }
  .registration-page .centralized span {
    font: 12px/18px CircularPro-Bold;
    width: 33%;
    margin-bottom: 20px; }
  .registration-page .centralized > span:nth-child(4) {
    margin-left: 15%; }
  .registration-page .registration-form-section {
    width: 100%; }
  .registration-page .form-control-label {
    font: 13px "CircularPro-Book"; }
  .registration-page .centralized span:nth-child(3) {
    border: 0; }
  .registration-page .custom-checkbox label {
    font: 12px/28px "CircularPro-Book"; } }

@media (max-width: 543.98px) {
  #account-login-header-m a {
    font: 36px CircularPro-Bold; }
  .registration-page .centralized span {
    font: 10px/16px CircularPro-Bold; } }

.form-group.required .form-control-label::after {
  color: #FFD200; }

.login .error-mes {
  color: #c00;
  font-size: 12px; }

@media (min-width: 769px) {
  .customer-account-header-block {
    text-align: left; } }

@media (max-width: 768.98px) {
  .customer-account-header-block,
  .password-block,
  .customer-login {
    text-align: center; } }

@media (max-width: 768.98px) {
  .page-titles {
    font: 37px "CircularPro-Book" !important;
    font-weight: bold !important;
    text-align: center; } }

@media (max-width: 768.98px) {
  .login-btn {
    max-width: 100% !important;
    padding: 16px 13px !important;
    border-radius: 0px;
    font: 24px "CircularPro-Black" !important; } }

@media (max-width: 768.98px) {
  .customer-register-block {
    background: none !important;
    border-top: 0px !important; } }

@media (min-width: 544px) {
  .customer-register-block {
    padding-bottom: 6%; } }

@media (max-width: 768.98px) {
  .register-benefits {
    font: 15px/26px "CircularPro-book" !important; } }

@media (max-width: 768.98px) {
  .customer-register-bebefits {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 7px 0px 96px; } }

@media (max-width: 768.98px) {
  .sing-in-caption {
    text-align: center !important;
    font: 23px "CircularPro-Book"; } }

@media (max-width: 768.98px) {
  .email-block,
  .forget-pwd-link,
  .existing-account-reset-pwd {
    font: 16px "CircularPro-Book" !important; } }

@media (max-width: 768.98px) {
  .valid-benefit-sites,
  .qualify-products {
    text-align: center;
    font: 16px "CircularPro-Book" !important; } }

@media (max-width: 768.98px) {
  .benefits-sites,
  .benefits,
  .site-link {
    font: 16px "CircularPro-Book" !important; } }

.qualify-products {
  font-style: italic !important; }

@media (max-width: 768.98px) {
  .register-more-benefits {
    font: 16px/26px "CircularPro-Bold" !important; } }

@media (min-width: 769px) {
  .register-more-benefits {
    font: 14px/26px "CircularPro-Bold" !important;
    color: #000; } }

@media (max-width: 768.98px) {
  .new-register-account {
    font: 21px/46px circularpro-book; } }

@media (max-width: 768.98px) {
  .register-account {
    color: #0970C8;
    font: 21px/46px "circularpro-bold"; } }

@media (max-width: 991.98px) {
  .log-in-account {
    font: 14px/26px "CircularPro-book" !important; } }

@media (max-width: 768.98px) {
  .log-in-account {
    font: 14px/26px "CircularPro-book" !important;
    padding-top: 16px; } }

@media (max-width: 768.98px) {
  .shipping-fee {
    font: 12px "CircularPro-book" !important;
    font-style: italic !important; } }

@media screen and (max-width: 585px) {
  .customer-register-bebefits {
    padding: 0px 0px 0px 18px; } }

@media screen and (max-width: 488px) {
  .customer-register-bebefits {
    padding: 0px; } }

@media screen and (max-width: 358px) {
  .shipping-fee {
    font: 11px "CircularPro-book" !important;
    font-style: italic !important; } }

@media screen and (max-width: 450px) {
  .text-edit {
    font: 17px CircularPro-BookItalic !important; } }

@media (max-width: 768.98px) {
  .google-login,
  .facebook-login {
    display: inline-block;
    max-width: 96% !important;
    font: 17px "CircularPro-Book" !important; } }

@media (max-width: 768.98px) {
  .login-form {
    height: 54px !important; } }

@media (max-width: 768.98px) {
  .google-login,
  .facebook-login {
    color: #498fd6;
    background: #f1f1f1;
    border: 1px solid #498fd6 !important;
    border-radius: 50px;
    font: 23px "CircularPro-Book";
    padding: 8px 0px 8px 0px !important; } }

@media screen and (max-width: 650px) {
  .email-group {
    display: block !important; } }

@media screen and (max-width: 650px) {
  .google-login,
  .facebook-login {
    font: 14px "CircularPro-Book" !important;
    text-align: center; } }

@media screen and (max-width: 384px) {
  .google-login,
  .facebook-login {
    font: 11px "CircularPro-Book" !important;
    text-align: center; } }

.create-account-btn {
  border: none;
  padding: 12px 13px;
  cursor: pointer;
  max-width: 200px;
  font: 16px "CircularPro-Black" !important;
  background: #2870b8 !important;
  border-color: #2870b8 !important;
  text-align: center;
  color: #ffffff;
  border-radius: 4px; }

@media (min-width: 544px) {
  .google-login,
  .facebook-login {
    color: #498fd6 !important;
    background: #f1f1f1 !important;
    border: 1px solid #498fd6 !important;
    border-radius: 50px;
    max-width: 100% !important;
    font: 13px "CircularPro-Book"; } }

.google-login img,
.facebook-login img {
  width: 15px !important; }
  @media screen and (max-width: 768px) {
    .google-login img,
    .facebook-login img {
      width: 19px !important; } }

@media screen and (min-device-width: 768px) and (max-device-width: 1288px) {
  .google-login,
  .facebook-login {
    font: 9px "CircularPro-Book"; } }

@media (min-width: 544px) {
  .google-login :hover {
    color: #498fd6 !important;
    background: #f1f1f1 !important;
    max-width: 186px;
    font: 13px "CircularPro-Book"; } }

.diff-login-forms {
  text-align: center;
  color: #727272;
  font: 14px "CircularPro-Book"; }

@media (min-width: 544px) {
  .diff-login-forms {
    font: 20px "CircularPro-Book"; } }

@media (min-width: 544px) {
  .login-for-register {
    display: block !important; } }

@media (max-width: 768.98px) {
  .login-for-register {
    display: inline-block !important; } }

@media (min-width: 544px) {
  .signup-btn {
    padding: 8px 0px 8px 0px !important; } }

@media (min-width: 544px) {
  .login-btns {
    max-width: 215px !important; } }

@media (max-width: 768.98px) {
  .login-btns {
    max-width: 362px !important; } }

@media (min-width: 544px) {
  .text-edit {
    padding-top: 0px !important; } }

@media (max-width: 768.98px) {
  .text-edit {
    padding-top: 30px !important;
    padding-bottom: 30px !important; } }

@media screen and (max-width: 450px) {
  .signing-account {
    font: 17px CircularPro-Book !important; } }

@media screen and (max-width: 768px) {
  .email-section-block {
    display: block;
    width: 100%;
    margin: auto;
    max-width: 100% !important; } }

@media screen and (min-device-width: 769px) {
  .email-section-block {
    display: block;
    width: 100%;
    margin: auto;
    max-width: 100% !important;
    padding-right: 0px; } }

@media screen and (min-device-width: 769px) {
  .diff-login-forms {
    padding-left: 14px;
    font: 20px "CircularPro-Book"; } }

@media screen and (max-device-width: 768px) {
  .mail-section {
    float: right; } }

@media screen and (max-device-width: 324px) {
  .login-page {
    padding-right: 0px; } }

.verizon-main h1 {
  font: 42px "CircularPro-Bold"; }
  @media (max-width: 543.98px) {
    .verizon-main h1 {
      font: 30px "CircularPro-Bold"; } }
  @media screen and (max-width: 360px) {
    .verizon-main h1 {
      font: 25px "CircularPro-Bold"; } }

.verizon-main p {
  font: 14px/24px "CircularPro-Bold";
  padding-top: 20px; }

.login-content {
  font: 14px/18px "CircularPro-Bold";
  color: #000;
  padding-top: 25px; }
  .login-content a {
    font: 13px CircularPro-Bold;
    color: #2870b8; }
  .login-content i {
    font-weight: 700;
    font-size: 14px;
    margin-left: 3px; }

.gray-section {
  padding-bottom: 0px;
  padding-top: 35px;
  background-color: #F1F1F1;
  margin-bottom: 50px;
  width: 100%; }
  .gray-section h5 {
    font: 24px "CircularPro-Bold";
    padding-bottom: 12px; }
    @media (max-width: 543.98px) {
      .gray-section h5 {
        font: 22px "CircularPro-Bold"; } }
  .gray-section .verizon-icons {
    padding-bottom: 20px; }
  .gray-section img {
    width: 80px;
    margin: auto; }
  .gray-section .more-info {
    border-color: #2870b8;
    color: #2870b8;
    margin-bottom: 25px;
    width: 200px;
    padding: 7px 0;
    font: 19px "CircularPro-Book"; }
    .gray-section .more-info:focus {
      box-shadow: none; }
    .gray-section .more-info:hover {
      color: #fff;
      background: #2870b8; }
    .gray-section .more-info i {
      font-weight: 700;
      font-size: 17px;
      margin-left: 3px; }
  .gray-section .font1 {
    font: 13px/18px "CircularPro-Bold";
    padding-top: 10px;
    padding-left: 2px;
    padding-right: 2px; }

.lower-banner img {
  max-width: 100%;
  margin: auto; }

.lower-content {
  padding: 0px 100px;
  font: 15px/25px "CircularPro-Book"; }
  @media (max-width: 991.98px) {
    .lower-content {
      padding: 0 !important;
      white-space: inherit !important; } }
  @media (max-width: 543.98px) {
    .lower-content {
      font: 14px/24px "CircularPro-Bold"; } }
  .lower-content a {
    color: #2870b8; }
  .lower-content b {
    color: #2870b8;
    font-weight: normal; }

.verizon-partner .card {
  box-shadow: none; }

.verizon-partner .form-control {
  background-color: #F1F1F1 !important;
  border: 0 !important;
  font: 14px "CircularPro-Book";
  color: #262729;
  border-radius: 0;
  height: 40px; }
  .verizon-partner .form-control:focus {
    box-shadow: none; }

.verizon-partner .registration-form-submit-btn {
  width: 210px;
  padding: 9px 0;
  font: 15px "CircularPro-Bold";
  background: #2870b8;
  border-color: #2870b8; }
  .verizon-partner .registration-form-submit-btn:active {
    background: #2870b8;
    border-color: #2870b8; }
  .verizon-partner .registration-form-submit-btn:hover {
    background: #498fd6 !important;
    border-color: #498fd6 !important; }
  .verizon-partner .registration-form-submit-btn i {
    font-size: 17px; }

.verizon-partner .registration-page {
  margin-bottom: 0 !important; }

.verizon-partner .registration-form-section {
  padding-bottom: 0 !important;
  width: 680px !important; }

.verizon-partner .custom-control label {
  font: 13px/28px "CircularPro-Bold"; }

.verizon-text {
  text-align: center;
  font: 15px / 25px CircularPro-Book; }
  .verizon-text .italic-text {
    font: 15px / 25px "CircularPro-BookItalic"; }
  .verizon-text a {
    color: #2870b8;
    text-decoration: none; }
    .verizon-text a:hover {
      text-decoration: none; }
  .verizon-text h6 {
    font: 15px / 25px CircularPro-Bold; }

.verizon-logo {
  text-align: center; }
  .verizon-logo img {
    width: 200px; }