/* font-size px to rem */
/* margin and padding px to rem conv */
/* line height px to rem conv */
/* letter space px to rem conv */
/* media query px to rem Conv */
/* stateFarm background color */
/* #701611 */
/* #a11b13 */
/* #d62311 */
/* #fc2929 */
/* #EF756c */
/* #2d2929 */
/* #403c3c */
/* #767676 */
/* #7f7e7d */
/* #acabab */
/* #e4e3e3 */
/* #f4f3f3 */
/* F7F7FA*/
/*CDCDD3 */
/* #ffffff */
/* #b39462 */
/* #debc85 */
/* #f2ddbb */
/* #f7f0e4 */
/*#996100*/
/*#da8a00;*/
/*#f1aa1b;*/
/*#f1c479;*/
/*#1a7558;*/
/*#239873;*/
/*#0eb275;*/
/* #85d0ac;*/
/* stateFarm text btn color */
/* #ffffff */
/* #d62311 */
/* #d62311 */
/* #a11b13 */
/* #701611 */
/* #2d2929 */
/* #403c3c */
/* #767676 */
/*  Rate table error and warning msg */
/* #a11b13 */
/*#f1aa1b;*/
/*#da8a00;*/
/* #ffffff */
/* #a11b13 */
/*#faedef*/
/* #fc2929 */
/* input realted color */
/* #a11b13 */
/* #0a41c5 */
/* divider color */
/* #e4e3e3 */
/* link and link with super script realted color */
/* #d62311 */
/* #a11b13 */
/* #a11b13 */
/* #701611 */
/* button related color */
/* #d62311 */
/* #ffffff */
/* #d62311 */
/* #a11b13 */
/* #701611 */
/* #701611 */
/* #ffffff */
/* Text color */
/* 0c2074 */
/* #2C2C2C */
/* #2d2929 */
/* 323232*/
/* #403c3c */
/* #555555 */
/* #767676 */
/* #f7f0e4 */
/* #ffffff */
/* #000000 */
/* #174085 */
/* #007CBE*/
/* #6E6E6E */
/* #e4e3e3 */
/*CDCDD3 */
/* #BE1324 */
/* #d62311 */
/* #a11b13 */
/* #701611 */
/* statefarm font weight */
/* Marker */
/* bullet styling*/
/* #403c3c */
/* Gradiant*/
/* Border color and theme and type*/
/*CDCDD3 */
/* #0073a8 */
/* #0a41c5 */
/* #cccccc */
/*Animation ease for timing */
/*Media query for tablet mobile and desktop */
/* Base root with rem calculation*/
/* font-size px to rem */
/* margin and padding px to rem conv */
/* line height px to rem conv */
/* letter space px to rem conv */
/* media query px to rem Conv */
/* Font family*/
/* stateFarm background color */
/* #701611 */
/* #a11b13 */
/* #d62311 */
/* #fc2929 */
/* #EF756c */
/* #2d2929 */
/* #212121 */
/* #403c3c */
/* #767676 */
/* #7f7e7d */
/* #acabab */
/* #e4e3e3 */
/* #f4f3f3 */
/* F7F7FA*/
/*CDCDD3 */
/* #ffffff */
/* #b39462 */
/* #debc85 */
/* #f2ddbb */
/* #f7f0e4 */
/*#996100*/
/*#da8a00;*/
/*#f1aa1b;*/
/*#f1c479;*/
/*#1a7558;*/
/*#239873;*/
/*#0eb275;*/
/* #85d0ac;*/
/* stateFarm text btn color */
/* #ffffff */
/* #d62311 */
/* #d62311 */
/* #a11b13 */
/* #701611 */
/* #2d2929 */
/* #403c3c */
/* #767676 */
/*  Rate table error and warning msg */
/* #a11b13 */
/*#f1aa1b;*/
/*#da8a00;*/
/* #ffffff */
/* #a11b13 */
/*#faedef*/
/* #fc2929 */
/* input realted color */
/* #a11b13 */
/* #0a41c5 */
/* divider color */
/* #e4e3e3 */
/* link and link with super script realted color */
/* #d62311 */
/* #a11b13 */
/* #a11b13 */
/* #701611 */
/* button related color */
/* #d62311 */
/* #ffffff */
/* #d62311 */
/* #a11b13 */
/* #701611 */
/* #701611 */
/* #ffffff */
/* Text color */
/* 0c2074 */
/* #2C2C2C */
/* #2d2929 */
/* #212121 */
/* 323232*/
/* #403c3c */
/* #555555 */
/* #767676 */
/* #f7f0e4 */
/* #ffffff */
/* #000000 */
/* #174085 */
/* #007CBE*/
/* #6E6E6E */
/* #e4e3e3 */
/*CDCDD3 */
/* #BE1324 */
/* #d62311 */
/* #a11b13 */
/* #701611 */
/* statefarm font weight */
/* Marker */
/* bullet styling*/
/* #212121 */
/* Gradiant*/
/* Border color and theme and type*/
/*CDCDD3 */
/* #0073a8 */
/* #0a41c5 */
/* #cccccc */
/*Animation ease for timing */
/*Media query for tablet mobile and desktop */
/*Table header*/
/*#eeeded*/
/*#f7f0e4*/
.usballiance-bannerfeature .bannerimg {
  position: relative;
  text-align: center;
}
.usballiance-bannerfeature .bannerimg img {
  position: relative;
  width: auto;
  height: 266px;
}
.usballiance-bannerfeature .bannerimg .FPO {
  opacity: 0.4;
  color: white;
  font-family: "MecherleSans-Medium", "Circular", Arial, sans-serif;
  font-size: 7.5rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 9rem;
  text-align: center;
  display: block;
  position: absolute;
  top: 62px;
  width: 100%;
}

.usballiance-container.usballiance-consumer .usballiance-bannerfeature ul {
  list-style: disc;
  margin-left: 1rem;
}
.usballiance-container.usballiance-consumer .usballiance-bannerfeature ul li {
  display: list-item;
  list-style: disc;
}
.usballiance-container.usballiance-consumer .usballiance-bannerfeature ul li::marker {
  font-size: 1rem;
  color: #403c3c;
  font-weight: bold;
}

/*BB page chage for tile image and padding*/
.usballiance-container.usballiance-business .usballiance-bannerfeature .leftmask-sm {
  margin-right: 7.576%;
}
.usballiance-container.usballiance-business .usballiance-bannerfeature .bannerimg img {
  width: 29.75rem;
  height: 19.625rem;
}
.usballiance-container.usballiance-business .tile-content-centered {
  margin: 0 auto;
  text-align: center;
}

/* Link */
.usballiance-bannerfeature-right a {
  text-decoration: none;
  color: white;
  font-family: "MecherleSans-Regular", "Circular", Arial, sans-serif;
  font-size: 0.875rem;
  letter-spacing: 0;
  background-color: #d62311;
  padding: 0.9375rem 1.875rem;
  border-radius: 1.25rem;
  margin-top: 1.5rem;
  position: relative;
  display: inline-block;
}

@media only screen and (max-width: 520px) {
  .usballiance-bannerfeature .bannerimg img {
    width: 100% !important;
  }
}
/* mobile view css */
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .usballiance-bannerfeature .bannerimg img {
    width: auto;
  }
  .usballiance-bannerfeature .leftmask-sm {
    padding-bottom: 1rem;
  }

  .usballiance-container.usballiance-business .usballiance-flexcontainer.rightImage {
    display: flex;
    flex-direction: column-reverse;
  }
  .usballiance-container.usballiance-business .usballiance-flexcontainer.rightImage .leftmask-sm {
    padding-bottom: 0;
  }
  .usballiance-container.usballiance-business .usballiance-flexcontainer.rightImage .rightmask-sm {
    padding-bottom: 1rem;
  }
  .usballiance-container.usballiance-business .usballiance-bannerfeature .bannerimg img {
    width: 100%;
    height: auto;
  }
  .usballiance-container.usballiance-business .usballiance-bannerfeature .leftmask-sm {
    margin-right: 0;
  }
  .usballiance-container.usballiance-business .usballiance-bannerfeature .rightmask-sm9 {
    padding-top: 2rem;
  }
}
/* tablet view css */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .usballiance-bannerfeature .leftmask-sm, .usballiance-bannerfeature .rightmask-lg, .usballiance-bannerfeature .rightmask-sm {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .usballiance-bannerfeature .usballiance-flexcontainer {
    display: block;
  }

  .usballiance-container.usballiance-business .usballiance-flexcontainer.rightImage {
    display: flex;
    flex-direction: column-reverse;
  }
  .usballiance-container.usballiance-business .usballiance-flexcontainer.rightImage .leftmask-sm {
    padding-bottom: 0;
  }
  .usballiance-container.usballiance-business .usballiance-flexcontainer.rightImage .rightmask-sm {
    padding-bottom: 1rem;
  }
  .usballiance-container.usballiance-business .usballiance-bannerfeature .bannerimg img {
    width: 100%;
    height: auto;
  }
  .usballiance-container.usballiance-business .usballiance-bannerfeature .leftmask-sm {
    margin-right: 0;
  }
  .usballiance-container.usballiance-business .usballiance-bannerfeature .rightmask-sm9 {
    padding-top: 2rem;
  }
}
/* bb page Tablet landscape mode */
@media only screen and (min-width: 1024px) and (max-width: 1295px) {
  .usballiance-container.usballiance-business .usballiance-bannerfeature .bannerimg img {
    width: 23.5rem;
    height: 15.375rem;
  }
  .usballiance-container.usballiance-business .usballiance-bannerfeature .leftmask-sm.textContent {
    -ms-flex: 0 0 54%;
    flex: 0 0 54%;
    max-width: 54%;
    margin-right: 5.5%;
  }
  .usballiance-container.usballiance-business .usballiance-bannerfeature .rightmask-sm.image {
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
  }
}