@charset "UTF-8";
@font-face {
  font-family: "HelveticaNeueLTStd-Roman";
  src: url(../fonts/HelveticaNeueLTStd-Roman/HelveticaNeueLTStd-Roman.otf), url("../fonts/HelveticaNeueLTStd-Roman/HelveticaNeueLTStd-Roman.eot") format("embedded-opentype"), url("../fonts/HelveticaNeueLTStd-Roman/HelveticaNeueLTStd-Roman.woff") format("woff"), url("../fonts/HelveticaNeueLTStd-Roman/HelveticaNeueLTStd-Roman.ttf") format("truetype"), url("../fonts/HelveticaNeueLTStd-Roman/HelveticaNeueLTStd-Roman.woff2") format("woff2");
}
@font-face {
  font-family: "HelveticaNeueLTStd-Th";
  src: url(../fonts/HelveticaNeueLTStd-Th/HelveticaNeueLTStd-Th.otf), url("../fonts/HelveticaNeueLTStd-Th/HelveticaNeueLTStd-Th.eot") format("embedded-opentype"), url("../fonts/HelveticaNeueLTStd-Th/HelveticaNeueLTStd-Th.woff") format("woff"), url("../fonts/HelveticaNeueLTStd-Th/HelveticaNeueLTStd-Th.ttf") format("truetype"), url("../fonts/HelveticaNeueLTStd-Th/HelveticaNeueLTStd-Th.woff2") format("woff2");
}
@font-face {
  font-family: "HelveticaNeueLTStd-Lt";
  src: url(../fonts/HelveticaNeueLTStd-Lt/HelveticaNeueLTStd-Lt.otf), url("../fonts/HelveticaNeueLTStd-Lt/HelveticaNeueLTStd-Lt.eot") format("embedded-opentype"), url("../fonts/HelveticaNeueLTStd-Lt/HelveticaNeueLTStd-Lt.woff") format("woff"), url("../fonts/HelveticaNeueLTStd-Lt/HelveticaNeueLTStd-Lt.ttf") format("truetype"), url("../fonts/HelveticaNeueLTStd-Lt/HelveticaNeueLTStd-Lt.woff2") format("woff2");
}
@font-face {
  font-family: "HelveticaNeue-Thin";
  src: url(../fonts/HelveticaNeue-Thin/HelveticaNeue-Thin.otf), url("../fonts/HelveticaNeue-Thin/HelveticaNeue-Thin.eot") format("embedded-opentype"), url("../fonts/HelveticaNeue-Thin/HelveticaNeue-Thin.woff") format("woff"), url("../fonts/HelveticaNeue-Thin/HelveticaNeue-Thin.ttf") format("truetype"), url("../fonts/HelveticaNeue-Thin/HelveticaNeue-Thin.woff2") format("woff2");
}
@font-face {
  font-family: "HelveticaNeueLTStd-Md";
  src: url(../fonts/HelveticaNeueLTStd-Md/HelveticaNeueLTStd-Md.otf), url("../fonts/HelveticaNeueLTStd-Md/HelveticaNeueLTStd-Md.eot") format("embedded-opentype"), url("../fonts/HelveticaNeueLTStd-Md/HelveticaNeueLTStd-Md.woff") format("woff"), url("../fonts/HelveticaNeueLTStd-Md/HelveticaNeueLTStd-Md.ttf") format("truetype"), url("../fonts/HelveticaNeueLTStd-Md/HelveticaNeueLTStd-Md.woff2") format("woff2");
}
@font-face {
  font-family: "HelveticaNeueLTStd-Bd";
  src: url(../fonts/HelveticaNeueLTStd-Bd/HelveticaNeueLTStd-Bd.otf), url("../fonts/HelveticaNeueLTStd-Bd/HelveticaNeueLTStd-Bd.eot") format("embedded-opentype"), url("../fonts/HelveticaNeueLTStd-Bd/HelveticaNeueLTStd-Bd.woff") format("woff"), url("../fonts/HelveticaNeueLTStd-Bd/HelveticaNeueLTStd-Bd.ttf") format("truetype"), url("../fonts/HelveticaNeueLTStd-Bd/HelveticaNeueLTStd-Bd.woff2") format("woff2");
}
@font-face {
  font-family: "AvenirLTStd-Black";
  src: url(../fonts/AvenirLTStd-Black/AvenirLTStd-Black.otf), url("../fonts/AvenirLTStd-Black/AvenirLTStd-Black.eot") format("embedded-opentype"), url("../fonts/AvenirLTStd-Black/AvenirLTStd-Black.woff") format("woff"), url("../fonts/AvenirLTStd-Black/AvenirLTStd-Black.ttf") format("truetype"), url("../fonts/AvenirLTStd-Black/AvenirLTStd-Black.woff2") format("woff2");
}
@font-face {
  font-family: "HelveticaNeueLTStd-MdCn";
  src: url(../fonts/HelveticaNeueLTStd-MdCn/HelveticaNeueLTStd-MdCn.otf), url("../fonts/HelveticaNeueLTStd-MdCn/HelveticaNeueLTStd-MdCn.eot") format("embedded-opentype"), url("../fonts/HelveticaNeueLTStd-MdCn/HelveticaNeueLTStd-MdCn.woff") format("woff"), url("../HelveticaNeueLTStd-MdCn/HelveticaNeueLTStd-MdCn.ttf") format("truetype"), url("../fonts/HelveticaNeueLTStd-MdCn/HelveticaNeueLTStd-MdCn.woff2") format("woff2");
}
.card {
  overflow: hidden;
  position: relative;
  border-radius: 15px;
  overflow: hidden;
  position: relative;
}
.card-titlev2 {
  font-size: 25px;
  font-family: "HelveticaNeueLTStd-Bd";
}
@media screen and (min-width: 576px) {
  .card-titlev2 {
    font-size: 30px;
  }
}
.card__footer {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.card--optimizeCard .card__footer {
  margin-top: auto;
}
.card--optimizeCard .card__icon {
  max-width: 100%;
  height: 70px;
  margin: 0 auto 10px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 992px) {
  .card--optimizeCard .card__icon {
    height: 162px;
    margin: 0 auto 35px;
  }
}
.card--optimizeCard .card__icon svg, .card--optimizeCard .card__icon img {
  max-width: 100%;
  max-height: 100%;
}
.card__descr {
  min-height: 105px;
  overflow: hidden;
  margin-bottom: 12px;
}
@media screen and (max-width: 575px) {
  .card__descr {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.card h3 > img {
  float: left;
  max-width: 56px;
  max-height: 56px;
  margin-right: 15px;
}
.card img.detailedReport {
  max-width: 140px;
}
.card--blue {
  border-top: solid #0056b3 4px;
}
.card--greenish {
  border-top: solid #17a2b8 4px;
}
.card--red {
  border-top: solid #dc3545 4px;
}
.card--border {
  border: 1px solid #f2f2f2;
}
.card--shadow {
  box-shadow: 2px 2px 11px 3px rgba(0, 0, 0, 0.1);
}
.card--bg {
  background: #fafafa;
}
.card__badge {
  position: absolute;
  top: 10px;
  right: 10px;
}
.card__badge--brainCat {
  color: #fff;
  background-color: #32C5FF;
}
.card__badge--heartCat {
  color: #fff;
  background-color: #DC3545;
}
.card--dashboardCard {
  min-height: 328px;
  display: flex;
  justify-content: space-between;
  height: 100%;
  margin-bottom: 25px;
}
.card--dashboardCard__content {
  margin-bottom: 1rem;
}
.card--dashboardCard h3 {
  display: flex;
  align-items: center;
}
.card--dashboardCard-new {
  padding: 16px;
  display: flex;
  justify-content: flex-start;
  height: 100%;
  margin: 0 auto;
  transition: ease all 0.3s;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  color: #1a1a1a;
  text-decoration: none;
  overflow: hidden;
}
@media screen and (min-width: 400px) {
  .card--dashboardCard-new {
    max-width: 370px;
  }
}
@media screen and (min-width: 576px) {
  .card--dashboardCard-new {
    flex-direction: column;
    align-items: inherit;
    min-height: 350px;
    margin: 0;
  }
}
.card--dashboardCard-new:hover {
  box-shadow: 2px 2px 11px 3px rgba(0, 0, 0, 0.1);
  text-decoration: none;
  color: #1a1a1a;
}
.card--dashboardCard-new__label {
  position: absolute;
  height: 50px;
  background: rgba(204, 204, 204, 0.5);
  width: 700px;
  top: 100px;
  right: -210px;
  transform: rotate(32deg);
}
@media screen and (min-width: 576px) {
  .card--dashboardCard-new__label {
    top: 160px;
    right: -210px;
    transform: rotate(62deg);
  }
}
@media screen and (min-width: 768px) {
  .card--dashboardCard-new__label {
    right: -180px;
    transform: rotate(57deg);
  }
}
@media screen and (min-width: 992px) {
  .card--dashboardCard-new__label {
    top: 180px;
    right: -150px;
    transform: rotate(50deg);
  }
}
.card--dashboardCard-new__row {
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .card--dashboardCard-new__row {
    margin: 0 -3%;
  }
}
@media screen and (min-width: 992px) {
  .card--dashboardCard-new__row {
    padding: 0 50px;
  }
}
@media screen and (min-width: 768px) {
  .card--dashboardCard-new__item {
    flex: 0 0 40%;
    max-width: 40%;
    margin: 0 3%;
    padding: 0;
  }
}
@media screen and (min-width: 992px) {
  .card--dashboardCard-new__item {
    flex: 0 0 auto;
    max-width: none;
    max-width: 370px;
  }
}
.card--dashboardCard-new h3 {
  font-family: "HelveticaNeueLTStd-Roman";
  font-weight: bold;
  font-size: 18px;
  color: #1a1a1a;
  margin: 0;
}
@media screen and (min-width: 576px) {
  .card--dashboardCard-new h3 {
    margin-bottom: 20px;
    font-size: 23px;
  }
}
.card--dashboardCard-new p {
  font: 15px/16px "HelveticaNeueLTStd-Roman";
}
@media screen and (min-width: 576px) {
  .card--dashboardCard-new p {
    font-size: 18px;
    line-height: 21px;
  }
}
.card--dashboardCard-new ul {
  font-family: "HelveticaNeueLTStd-Roman";
  font-size: 14px;
  padding-left: 15px;
}
@media screen and (max-width: 575px) {
  .card--dashboardCard-new ul {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.card--dashboardCard-new ul li {
  font-size: 16px;
  position: relative;
}
.card--dashboardCard-new__descr {
  flex: 0 0 100%;
  max-width: 100%;
  margin-top: 25px;
}
@media screen and (min-width: 576px) {
  .card--dashboardCard-new__descr {
    flex: 0 0 auto;
    max-width: auto;
    min-height: 105px;
    overflow: hidden;
    margin: 0 0 12px;
  }
}
.card--dashboardCard-new__icon {
  max-width: 50px;
  height: 40px;
  flex: 0 0 50px;
  margin-right: 5px;
}
.card--dashboardCard-new__icon img {
  max-height: 100%;
}
@media screen and (min-width: 575px) {
  .card--dashboardCard-new__icon {
    margin: 0 0 35px;
    max-width: 110px;
    height: auto;
    flex: 0 0 110px;
  }
}
.card--dashboardCard-new__footer {
  margin-left: auto;
  width: auto;
}
@media screen and (min-width: 575px) {
  .card--dashboardCard-new__footer {
    order: 10;
    width: 100%;
    margin-top: auto;
    padding-bottom: 14px;
  }
}
.card--dashboardCard-new-design {
  padding: 16px;
  display: flex;
  justify-content: flex-start;
  height: 100%;
  margin: 0;
  transition: ease all 0.3s;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  color: #1a1a1a;
  text-decoration: none;
}
@media screen and (min-width: 400px) {
  .card--dashboardCard-new-design {
    max-width: 370px;
  }
}
.card--dashboardCard-new-design:hover {
  box-shadow: 2px 2px 11px 3px rgba(0, 0, 0, 0.1);
  color: #1a1a1a;
  text-decoration: none;
}
.card--dashboardCard-new-design h3 {
  font-family: "HelveticaNeueLTStd-Roman";
  font-weight: bold;
  font-size: 18px;
  color: #1a1a1a;
  margin: 0;
}
@media screen and (min-width: 576px) {
  .card--dashboardCard-new-design h3 {
    font-size: 23px;
  }
}
.card--dashboardCard-new-design p {
  font: 15px/16px "HelveticaNeueLTStd-Roman";
}
@media screen and (min-width: 576px) {
  .card--dashboardCard-new-design p {
    font-size: 18px;
    line-height: 21px;
  }
}
.card--dashboardCard-new-design ul {
  font-family: "HelveticaNeueLTStd-Roman";
  font-size: 14px;
  padding-left: 15px;
}
.card--dashboardCard-new-design ul li {
  font-size: 16px;
  position: relative;
}
.card--dashboardCard-new-design__descr {
  flex: 0 0 100%;
  max-width: 100%;
  margin-top: 25px;
}
.card--dashboardCard-new-design__icon {
  max-width: 50px;
  height: 40px;
  flex: 0 0 50px;
  margin-right: 5px;
}
.card--dashboardCard-new-design__icon img {
  max-height: 100%;
}
.card--dashboardCard-new-design__footer {
  margin-left: auto;
  width: auto;
}
.card--dashboarddetailCard {
  border: 0;
  border-radius: 0;
  overflow: visible;
}
.card--dashboarddetailCard p {
  line-height: 22px;
}
@media screen and (min-width: 575px) {
  .card--dashboarddetailCard p {
    line-height: 29px;
  }
}
.card--dashboarddetailCard h1 {
  display: flex;
  font-size: 25px;
  font-family: "HelveticaNeueLTStd-Bd";
  align-items: center;
}
.card--dashboarddetailCard h1 img {
  margin-right: 10px;
}
@media screen and (max-width: 767px) {
  .card--dashboarddetailCard h1 img {
    max-width: 20px;
  }
}
@media screen and (min-width: 768px) {
  .card--dashboarddetailCard h1 {
    font-size: 46px;
  }
}
.card--dashboarddetailCard h5 {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 20px;
  font-family: "HelveticaNeueLTStd-Bd";
}
@media screen and (min-width: 576px) {
  .card--dashboarddetailCard h5 {
    font-size: 20px;
    margin-bottom: 35px;
  }
}
.card--dashboarddetailCard h4 {
  font-size: 15px;
  display: flex;
  align-items: center;
  font-family: "HelveticaNeueLTStd-Bd";
}
.card--dashboarddetailCard h4 img {
  margin-right: 10px;
  max-width: 30px;
}
@media screen and (max-width: 575px) {
  .card--dashboarddetailCard h4 img {
    max-width: 20px;
  }
}
@media screen and (min-width: 576px) {
  .card--dashboarddetailCard h4 {
    font-size: 20px;
  }
}
.card--dashboarddetailCard .badge {
  vertical-align: middle;
  margin-top: -2px;
  font-size: inherit;
  width: auto;
  flex: 0 0 auto;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}
.card--dashboarddetailCard b {
  font-size: 15px;
  font-family: "HelveticaNeueLTStd-Roman";
}
@media screen and (min-width: 576px) {
  .card--dashboarddetailCard b {
    font-size: 20px;
    line-height: 24px;
  }
}
.card--dashboarddetailCard table tr td, .card--dashboarddetailCard table tr th {
  padding: 10px;
  font: 10px "HelveticaNeueLTStd-Roman";
  background: #fff;
  border: 0;
  border-right: 1px solid #d9d9d9;
  border-bottom: 0 !important;
  vertical-align: middle;
}
@media screen and (min-width: 370px) {
  .card--dashboarddetailCard table tr td, .card--dashboarddetailCard table tr th {
    font-size: 12px;
  }
}
@media screen and (min-width: 575px) {
  .card--dashboarddetailCard table tr td, .card--dashboarddetailCard table tr th {
    padding: 15px 10px;
    font-size: 14px;
    border-right: 2px solid #d9d9d9;
  }
}
@media screen and (min-width: 768px) {
  .card--dashboarddetailCard table tr td, .card--dashboarddetailCard table tr th {
    font-size: 16px;
    padding: 15px 20px;
  }
}
@media screen and (min-width: 992px) {
  .card--dashboarddetailCard table tr td, .card--dashboarddetailCard table tr th {
    padding: 23px 35px;
  }
}
.card--dashboarddetailCard table tr th {
  font-weight: bold;
  padding: 15px 10px;
  background: #fff;
  position: sticky;
  top: 0px;
}
@media screen and (min-width: 575px) {
  .card--dashboarddetailCard table tr th {
    padding: 10px;
  }
}
@media screen and (min-width: 768px) {
  .card--dashboarddetailCard table tr th {
    padding: 15px 20px;
  }
}
@media screen and (min-width: 992px) {
  .card--dashboarddetailCard table tr th {
    padding: 20px 35px;
  }
}
.card--dashboarddetailCard table tr:nth-child(2n) td {
  background: #fafafa;
}
.card--dashboarddetailCard table tr ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.card--dashboarddetailCard table tr ul strong {
  font-weight: normal;
  color: #0071bc;
}
.card--dashboarddetailCard .nutrientTable th:first-child, .card--dashboarddetailCard .nutrientTable td:first-child {
  width: 30%;
}
.card--dashboarddetailCard .nutrientTable th {
  text-align: center;
}
.card--dashboarddetailCard .nutrientTable td {
  text-align: right;
  white-space: nowrap;
}
.card--dashboarddetailCard .nutrientTable td:first-child {
  text-align: left;
  white-space: normal;
}
@media screen and (max-width: 575px) {
  .card--dashboarddetailCard .table-responsive {
    max-height: 430px !important;
  }
}
.card--dashboarddetailCard .table-head {
  padding: 20px 15px;
  border-radius: 10px;
  background: #fafafa;
}
@media screen and (min-width: 575px) {
  .card--dashboarddetailCard .table-head {
    padding: 20px 30px 60px;
  }
}
.card--dashboarddetailCard .table-head h5 {
  text-align: center;
  font-size: 15px;
  font-family: "HelveticaNeueLTStd-Bd";
  display: block;
}
@media screen and (min-width: 575px) {
  .card--dashboarddetailCard .table-head h5 {
    font-size: 18px;
  }
}
.card--dashboarddetailCard .table_associated tr th {
  padding: 10px 10px 0;
  border-width: 1px !important;
}
.card--dashboarddetailCard .table_associated tr th:before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #d9d9d9;
  content: "";
}
@media screen and (min-width: 768px) {
  .card--dashboarddetailCard .table_associated tr th {
    padding: 10px 20px 0;
  }
}
.card--dashboarddetailCard .table_associated tr th:first-child {
  width: 10%;
}
@media screen and (min-width: 768px) {
  .card--dashboarddetailCard .table_associated tr th:first-child {
    width: 13%;
  }
}
.card--dashboarddetailCard .table_associated tr th:nth-child(2) {
  text-align: left;
}
.card--dashboarddetailCard .table_associated tr td {
  cursor: pointer;
  background: #fff;
  text-align: left;
  padding: 10px 10px;
  white-space: normal;
  border-width: 1px !important;
}
@media screen and (min-width: 768px) {
  .card--dashboarddetailCard .table_associated tr td {
    padding: 10px 20px;
  }
}
.card--dashboarddetailCard .table_associated tr td:first-child {
  padding: 20px 10px;
  text-align: center;
  width: 10%;
}
@media screen and (min-width: 768px) {
  .card--dashboarddetailCard .table_associated tr td:first-child {
    width: 13%;
    padding: 20px;
  }
}
.card--dashboarddetailCard .table_associated tr:nth-child(2n) td {
  background: #f7f7f7;
}
.card--dashboarddetailCard .table_associated_two table tr td:last-child, .card--dashboarddetailCard .table_associated_two table tr td:nth-last-child(2) {
  width: 10%;
  padding: 5px;
}
@media screen and (min-width: 576px) {
  .card--dashboarddetailCard .table_associated_two table tr td:last-child, .card--dashboarddetailCard .table_associated_two table tr td:nth-last-child(2) {
    width: 17%;
    padding: 10px;
  }
}
@media screen and (min-width: 992px) {
  .card--dashboarddetailCard .table_associated_two table tr td:last-child, .card--dashboarddetailCard .table_associated_two table tr td:nth-last-child(2) {
    width: 12%;
  }
}
.card--dashboarddetailCard .table_associated_three table tr td:last-child, .card--dashboarddetailCard .table_associated_three table tr td:nth-last-child(2), .card--dashboarddetailCard .table_associated_three table tr td:nth-last-child(3) {
  width: 10%;
  padding: 5px;
}
@media screen and (min-width: 768px) {
  .card--dashboarddetailCard .table_associated_three table tr td:last-child, .card--dashboarddetailCard .table_associated_three table tr td:nth-last-child(2), .card--dashboarddetailCard .table_associated_three table tr td:nth-last-child(3) {
    width: 15%;
    padding: 10px;
  }
}
@media screen and (min-width: 992px) {
  .card--dashboarddetailCard .table_associated_three table tr td:last-child, .card--dashboarddetailCard .table_associated_three table tr td:nth-last-child(2), .card--dashboarddetailCard .table_associated_three table tr td:nth-last-child(3) {
    width: 12%;
  }
}
.card--dashboarddetailCard .table_associated_four table tr td:last-child, .card--dashboarddetailCard .table_associated_four table tr td:nth-last-child(2), .card--dashboarddetailCard .table_associated_four table tr td:nth-last-child(3), .card--dashboarddetailCard .table_associated_four table tr td:nth-last-child(4) {
  width: 9%;
  padding: 5px;
}
@media screen and (min-width: 768px) {
  .card--dashboarddetailCard .table_associated_four table tr td:last-child, .card--dashboarddetailCard .table_associated_four table tr td:nth-last-child(2), .card--dashboarddetailCard .table_associated_four table tr td:nth-last-child(3), .card--dashboarddetailCard .table_associated_four table tr td:nth-last-child(4) {
    width: 15%;
    padding: 10px;
  }
}
@media screen and (min-width: 992px) {
  .card--dashboarddetailCard .table_associated_four table tr td:last-child, .card--dashboarddetailCard .table_associated_four table tr td:nth-last-child(2), .card--dashboarddetailCard .table_associated_four table tr td:nth-last-child(3), .card--dashboarddetailCard .table_associated_four table tr td:nth-last-child(4) {
    width: 12%;
  }
}
.card--dashboarddetailCard .table_associated_five table tr td:last-child, .card--dashboarddetailCard .table_associated_five table tr td:nth-last-child(2), .card--dashboarddetailCard .table_associated_five table tr td:nth-last-child(3), .card--dashboarddetailCard .table_associated_five table tr td:nth-last-child(4), .card--dashboarddetailCard .table_associated_five table tr td:nth-last-child(5) {
  width: 9%;
  padding: 3px;
}
@media screen and (min-width: 768px) {
  .card--dashboarddetailCard .table_associated_five table tr td:last-child, .card--dashboarddetailCard .table_associated_five table tr td:nth-last-child(2), .card--dashboarddetailCard .table_associated_five table tr td:nth-last-child(3), .card--dashboarddetailCard .table_associated_five table tr td:nth-last-child(4), .card--dashboarddetailCard .table_associated_five table tr td:nth-last-child(5) {
    width: 15%;
    padding: 10px;
  }
}
@media screen and (min-width: 992px) {
  .card--dashboarddetailCard .table_associated_five table tr td:last-child, .card--dashboarddetailCard .table_associated_five table tr td:nth-last-child(2), .card--dashboarddetailCard .table_associated_five table tr td:nth-last-child(3), .card--dashboarddetailCard .table_associated_five table tr td:nth-last-child(4), .card--dashboarddetailCard .table_associated_five table tr td:nth-last-child(5) {
    width: 12%;
  }
}
.card--dashboarddetailCard .table_five-col table tr td, .card--dashboarddetailCard .table_five-col table tr th {
  width: 17.5%;
}
.card--dashboarddetailCard .table_five-col table tr td:last-child, .card--dashboarddetailCard .table_five-col table tr th:last-child {
  border-right: none;
}
.card--dashboarddetailCard .table_five-col table tr td:first-child, .card--dashboarddetailCard .table_five-col table tr th:first-child {
  width: 30%;
}
.card--dashboarddetailCard .table_five-col table tr td:last-child {
  text-align: right;
}
.card--dashboarddetailCard .table_four-col table tr td, .card--dashboarddetailCard .table_four-col table tr th {
  width: 20%;
}
.card--dashboarddetailCard .table_four-col table tr td:last-child, .card--dashboarddetailCard .table_four-col table tr th:last-child {
  border-right: none;
}
.card--dashboarddetailCard .table_four-col table tr td:first-child, .card--dashboarddetailCard .table_four-col table tr th:first-child {
  width: 40%;
}
.card--dashboarddetailCard .table_four-col table tr td:last-child {
  text-align: right;
}
.card--dashboarddetailCard .table_three-col table tr td, .card--dashboarddetailCard .table_three-col table tr th {
  width: 25%;
}
.card--dashboarddetailCard .table_three-col table tr td:last-child, .card--dashboarddetailCard .table_three-col table tr th:last-child {
  border-right: none;
}
.card--dashboarddetailCard .table_three-col table tr td:first-child, .card--dashboarddetailCard .table_three-col table tr th:first-child {
  width: 50%;
}
.card--dashboarddetailCard .table_three-col table tr td:last-child {
  text-align: right;
}
.card--dashboarddetailCard .table_two-col table tr td, .card--dashboarddetailCard .table_two-col table tr th {
  width: 25%;
}
.card--dashboarddetailCard .table_two-col table tr td:last-child, .card--dashboarddetailCard .table_two-col table tr th:last-child {
  border-right: none;
}
.card--dashboarddetailCard .table_two-col table tr td:first-child, .card--dashboarddetailCard .table_two-col table tr th:first-child {
  width: 75%;
}
.card--dashboarddetailCard .table_two-col table tr td:last-child {
  text-align: right;
}
.card--dashboarddetailCard__bg {
  padding: 25px 15px;
}
@media screen and (min-width: 450px) {
  .card--dashboarddetailCard__bg {
    padding: 20px;
  }
}
@media screen and (min-width: 992px) {
  .card--dashboarddetailCard__bg {
    padding: 45px 60px 50px;
  }
}
.card--dashboarddetailCard__bg.rose {
  background: #FEF5F9;
}
.card--dashboarddetailCard__bg.violet {
  background: #F5F2F8;
}
.card--dashboarddetailCard .accordion {
  width: 100%;
}
.card--dashboarddetailCard .accordion > .card .card-header {
  margin: 0;
}
.card--dashboarddetailCard .accordion.without-bg .card-header a {
  background: transparent;
}
.card--dashboarddetailCard .accordion.select-section {
  margin-bottom: 30px;
}
.card--dashboarddetailCard .accordion.select-section + hr {
  margin: 0 0 30px;
}
.card--dashboarddetailCard .accordion.select-section .select-section__list {
  box-shadow: none;
}
.card--dashboarddetailCard .accordion.select-section .select-section__item {
  display: flex;
  align-items: center;
  padding: 0px;
  border: 0;
  background: #f9fdfe;
  position: relative;
}
.card--dashboarddetailCard .accordion.select-section .select-section__item a {
  padding: 10px 120px 10px 10px;
  width: 100%;
  background: #f9fdfe;
}
@media screen and (min-width: 576px) {
  .card--dashboarddetailCard .accordion.select-section .select-section__item a {
    padding-right: 140px;
  }
}
.card--dashboarddetailCard .accordion.select-section .select-section__item a:after {
  background-image: url(../images/icons/btn_hide_desktop.svg);
  top: 50%;
  margin: 0;
  transform: translate(0, -50%);
  width: 100px;
  height: 25px;
}
@media screen and (min-width: 576px) {
  .card--dashboarddetailCard .accordion.select-section .select-section__item a:after {
    width: 123px;
    height: 31px;
  }
}
.card--dashboarddetailCard .accordion.select-section .select-section__item a:before {
  content: "";
  width: 100%;
  height: 9px;
  bottom: -5px;
  left: 0;
  background: url(../images/shadow-line-bg-02.png) no-repeat;
  position: absolute;
  background-size: 100%;
  background-position: bottom;
}
.card--dashboarddetailCard .accordion.select-section .select-section__item a.collapsed {
  border-bottom: 1px solid #E3E6E6;
  border-radius: 0 !important;
}
.card--dashboarddetailCard .accordion.select-section .select-section__item a.collapsed:after {
  background-image: url(../images/icons/btn_details_desktop.svg);
}
.card--dashboarddetailCard .accordion.select-section .select-section__item a.collapsed:before {
  display: none;
}
.card--dashboarddetailCard .accordion.select-section .select-section__item:nth-last-child(2) a {
  border-bottom: 0;
}
.card--dashboarddetailCard .accordion.select-section .select-section__title {
  display: flex;
  align-items: center;
  color: #000;
  font-size: 16px;
}
@media screen and (min-width: 576px) {
  .card--dashboarddetailCard .accordion.select-section .select-section__title {
    font-size: 20px;
  }
}
.card--dashboarddetailCard .accordion.select-section .select-section__title .icon {
  flex: 0 0 30px;
  max-width: 30px;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.card--dashboarddetailCard .accordion.select-section .select-section__title .icon svg, .card--dashboarddetailCard .accordion.select-section .select-section__title .icon img {
  max-width: 100%;
  max-height: 100%;
}
@media screen and (min-width: 576px) {
  .card--dashboarddetailCard .accordion.select-section .select-section__title .icon {
    flex: 0 0 40px;
    max-width: 40px;
    height: 50px;
    margin-right: 40px;
  }
}
.card--dashboarddetailCard .accordion.select-section .select-section__descr {
  font-size: 16px;
  position: relative;
}
.card--dashboarddetailCard .accordion.select-section .select-section__descr .card-body {
  padding: 20px 15px;
}
@media screen and (min-width: 576px) {
  .card--dashboarddetailCard .accordion.select-section .select-section__descr .card-body {
    padding: 20px 40px;
  }
}
.card--dashboarddetailCard .accordion.select-section .select-section__descr .card-body:before {
  display: none;
}
.card--dashboarddetailCard .accordion.select-section .select-section__descr .card-body .select-section__hide {
  display: none;
}
.card--dashboarddetailCard .accordion.select-section .select-section__descr .card-body.active .select-section__hide {
  display: block;
}
@media screen and (min-width: 992px) {
  .card--dashboarddetailCard .accordion.select-section .select-section__descr {
    font-size: 18px;
  }
}
.card--dashboarddetailCard .accordion.select-section .select-section__btn-read {
  font-size: 18px;
  padding-left: 20px;
  padding-right: 20px;
}
.card--dashboarddetailCard .accordion.select-section .select-section__btn-read.active {
  display: none !important;
}
.card--dashboarddetailCard .accordion.select-section .select-section__btn-less {
  font-size: 18px;
  padding-left: 20px;
  padding-right: 20px;
  display: none !important;
  max-width: 140px;
}
.card--dashboarddetailCard .accordion.select-section .select-section__btn-less.active {
  display: block !important;
}
.card--dashboarddetailCard .accordion .card {
  border: 0;
  margin: 0;
  background: transparent;
  border-radius: 0 !important;
}
.card--dashboarddetailCard .accordion .card-header {
  position: relative;
  padding: 0;
  border-radius: 0 !important;
  background: none;
}
.card--dashboarddetailCard .accordion .card-header a {
  color: #212529;
  text-decoration: none;
  position: relative;
  text-decoration: none;
  font-size: 13px;
  color: #333333;
  padding: 10px 10px 50px;
  display: block;
  border-radius: 7px 7px 0 0 !important;
  background: #fff;
}
@media screen and (min-width: 370px) {
  .card--dashboarddetailCard .accordion .card-header a {
    font-size: 15px;
  }
}
@media screen and (min-width: 450px) {
  .card--dashboarddetailCard .accordion .card-header a {
    padding: 20px 20px 50px;
  }
}
@media screen and (min-width: 576px) {
  .card--dashboarddetailCard .accordion .card-header a {
    font-size: 18px;
    padding: 20px 170px 20px 20px;
  }
}
.card--dashboarddetailCard .accordion .card-header a br {
  display: none;
}
@media screen and (min-width: 576px) {
  .card--dashboarddetailCard .accordion .card-header a br {
    display: block;
  }
}
.card--dashboarddetailCard .accordion .card-header a p {
  margin: 0;
  flex-wrap: nowrap;
}
@media screen and (min-width: 768px) {
  .card--dashboarddetailCard .accordion .card-header a p {
    font-size: 22px;
    line-height: 32px;
  }
  .card--dashboarddetailCard .accordion .card-header a p b {
    font-size: 24px;
  }
}
.card--dashboarddetailCard .accordion .card-header a:after {
  content: "";
  width: 123px;
  height: 31px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(../images/icons/btn-hide-details.svg) no-repeat;
  color: #fff;
  position: absolute;
  border-radius: 0 !important;
  transition: none;
  bottom: 10px;
  right: 10px;
}
@media screen and (min-width: 576px) {
  .card--dashboarddetailCard .accordion .card-header a:after {
    top: 50%;
    margin: 0;
    transform: translate(0, -50%);
  }
}
.card--dashboarddetailCard .accordion .card-header a.collapsed {
  border-radius: 7px !important;
}
.card--dashboarddetailCard .accordion .card-header a.collapsed:after {
  background: url(../images/icons/btn-show-details.svg) no-repeat;
}
.card--dashboarddetailCard .accordion .card-body {
  background: #fff;
  padding: 0 15px 50px;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
}
@media screen and (min-width: 576px) {
  .card--dashboarddetailCard .accordion .card-body {
    padding: 0 23px 50px;
  }
}
.card--dashboarddetailCard .accordion .card-body-box {
  display: flex;
  flex-wrap: wrap;
  margin: 20px -5px 0;
}
@media screen and (min-width: 576px) {
  .card--dashboarddetailCard .accordion .card-body-box {
    margin: 30px -10px 0;
  }
}
@media screen and (min-width: 1200px) {
  .card--dashboarddetailCard .accordion .card-body-box {
    margin: 30px -20px 0;
  }
}
.card--dashboarddetailCard .accordion .card-body-box__col {
  flex: 0 0 100%;
  max-width: 100%;
  margin-bottom: 0px;
  padding: 0 5px;
}
@media screen and (min-width: 370px) {
  .card--dashboarddetailCard .accordion .card-body-box__col {
    flex: 0 0 33.333%;
    max-width: 33.333%;
    border-right: 1px solid #dfdfdf;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 576px) {
  .card--dashboarddetailCard .accordion .card-body-box__col {
    padding: 0 10px;
  }
}
@media screen and (min-width: 1200px) {
  .card--dashboarddetailCard .accordion .card-body-box__col {
    padding: 0 20px;
  }
}
.card--dashboarddetailCard .accordion .card-body-box__col:last-child {
  border-right: 0;
}
.card--dashboarddetailCard .accordion .card-body-box__wrap {
  height: 100%;
  background: #fff;
  padding: 5px 0;
}
.card--dashboarddetailCard .accordion .card-body-box__wrap .badge,
.card--dashboarddetailCard .accordion .card-body-box__wrap .strengthIndicator-other {
  margin: 0;
}
@media screen and (min-width: 370px) {
  .card--dashboarddetailCard .accordion .card-body-box__wrap .badge,
.card--dashboarddetailCard .accordion .card-body-box__wrap .strengthIndicator-other {
    margin: 0 auto;
  }
}
@media screen and (min-width: 768px) {
  .card--dashboarddetailCard .accordion .card-body-box__wrap .badge,
.card--dashboarddetailCard .accordion .card-body-box__wrap .strengthIndicator-other {
    margin: 0;
  }
}
@media screen and (min-width: 370px) {
  .card--dashboarddetailCard .accordion .card-body-box__wrap {
    text-align: center;
  }
}
@media screen and (min-width: 768px) {
  .card--dashboarddetailCard .accordion .card-body-box__wrap {
    text-align: left;
  }
  .collapsed .card--dashboarddetailCard .accordion .card-body-box__wrap {
    padding-bottom: 0;
  }
}
.card--dashboarddetailCard .accordion .card-body-box__wrap span.badge--5a {
  color: #fff;
  background: #0026AB;
  background-size: 100% 100%;
  background-position: center;
  width: 60px;
  flex: 0 0 60px;
  max-width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
}
@media screen and (min-width: 576px) {
  .card--dashboarddetailCard .accordion .card-body-box__wrap span.badge--5a {
    width: 90px;
    flex: 0 0 90px;
    max-width: 90px;
  }
}
.card--dashboarddetailCard .accordion .card-body-box__wrap span.badge--4a {
  color: #fff;
  background: #002FD3;
  background-size: 100% 100%;
  background-position: center;
  width: 57px;
  flex: 0 0 57px;
  max-width: 57px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
}
@media screen and (min-width: 576px) {
  .card--dashboarddetailCard .accordion .card-body-box__wrap span.badge--4a {
    width: 87px;
    flex: 0 0 87px;
    max-width: 87px;
  }
}
.card--dashboarddetailCard .accordion .card-body-box__wrap span.badge--3a {
  color: #fff;
  background: #0039FC;
  background-size: 100% 100%;
  background-position: center;
  width: 54px;
  flex: 0 0 54px;
  max-width: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
}
@media screen and (min-width: 576px) {
  .card--dashboarddetailCard .accordion .card-body-box__wrap span.badge--3a {
    width: 84px;
    flex: 0 0 84px;
    max-width: 84px;
  }
}
.card--dashboarddetailCard .accordion .card-body-box__wrap span.badge--2a {
  color: #fff;
  background: #2757FF;
  background-size: 100% 100%;
  background-position: center;
  width: 50px;
  flex: 0 0 50px;
  max-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
}
@media screen and (min-width: 576px) {
  .card--dashboarddetailCard .accordion .card-body-box__wrap span.badge--2a {
    width: 80px;
    flex: 0 0 80px;
    max-width: 80px;
  }
}
.card--dashboarddetailCard .accordion .card-body-box__wrap span.badge--1a {
  color: #fff;
  background: #4F76FF;
  background-size: 100% 100%;
  background-position: center;
  width: 47px;
  flex: 0 0 47px;
  max-width: 47px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
}
@media screen and (min-width: 576px) {
  .card--dashboarddetailCard .accordion .card-body-box__wrap span.badge--1a {
    width: 77px;
    flex: 0 0 77px;
    max-width: 77px;
  }
}
.card--dashboarddetailCard .accordion .card-body-box__wrap span.badge--0a {
  color: #fff;
  background: #808080;
  background-size: 100% 100%;
  background-position: center;
  width: 45px;
  flex: 0 0 45px;
  max-width: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
}
@media screen and (min-width: 576px) {
  .card--dashboarddetailCard .accordion .card-body-box__wrap span.badge--0a {
    width: 75px;
    flex: 0 0 75px;
    max-width: 75px;
  }
}
.card--dashboarddetailCard .accordion .card-body-box__body {
  color: #29abe2;
  font-size: 30px;
  font-weight: bold;
}
.card--dashboarddetailCard .accordion .card-body-box__title {
  margin-bottom: 5px;
  font-family: "HelveticaNeueLTStd-Roman";
  font-weight: bold;
  position: relative;
  padding-right: 15px;
  font-size: 14px;
}
@media screen and (min-width: 370px) {
  .card--dashboarddetailCard .accordion .card-body-box__title {
    font-size: 12px;
    text-align: center;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 576px) {
  .card--dashboarddetailCard .accordion .card-body-box__title {
    font-size: 14px;
    padding-right: 25px;
  }
}
@media screen and (min-width: 768px) {
  .card--dashboarddetailCard .accordion .card-body-box__title {
    text-align: left;
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 992px) {
  .card--dashboarddetailCard .accordion .card-body-box__title {
    font-size: 16px;
  }
}
.card--dashboarddetailCard .accordion .card-body-box__title .info {
  position: absolute;
  top: 0;
  right: 0;
}
.card--dashboarddetailCard .accordion .card-body__wrap {
  background: #fafafa;
  box-shadow: inset 0px 5px 20px -11px rgba(0, 0, 0, 0.2);
  padding: 15px;
  position: relative;
}
.card--dashboarddetailCard .accordion .card-body__wrap_white {
  background: #fff;
  box-shadow: none;
  padding: 0 !important;
}
@media screen and (min-width: 576px) {
  .card--dashboarddetailCard .accordion .card-body__wrap {
    padding: 50px 40px 30px;
  }
}
.card--dashboarddetailCard .accordion .card-body:before {
  content: "";
  width: 100%;
  height: 9px;
  bottom: 0;
  left: 0;
  background: url(../images/shadow-line-bg.png) no-repeat;
  position: absolute;
  background-size: 100%;
  background-position: bottom;
}
.card--dashboarddetailCard .accordion-grey .card-header a {
  background: #fafafa;
  font-family: "HelveticaNeueLTStd-Bd";
}
.card--dashboarddetailCard .accordion-grey .card-body {
  background: #fafafa;
}
.card--dashboarddetailCard .accordion-grey .card-body__wrap {
  padding: 0;
}
@media screen and (min-width: 1465px) {
  .card--dashboarddetailCard__link {
    padding-left: 100px;
  }
}
.card--dashboarddetailCard .other-char__item {
  padding: 15px;
  background-color: #fff;
}
.card--dashboarddetailCard .other-char__item br {
  display: none;
}
@media screen and (min-width: 576px) {
  .card--dashboarddetailCard .other-char__item {
    padding: 25px 40px;
  }
  .card--dashboarddetailCard .other-char__item br {
    display: block;
  }
}
.card--dashboarddetailCard .other-char__item p {
  margin: 0;
}
.card--dashboarddetailCard .other-char__item:nth-child(2n) {
  background: #f7f7f7;
}
.card--dashboarddetailCard .card-body__wrap_white .card-body-box {
  border-bottom: 1px solid #dfdfdf;
}
@media screen and (min-width: 768px) {
  .card--dashboarddetailCard .card-body__wrap_white .card-body-box {
    border: 0;
  }
}
.card--optimizeCard {
  display: flex;
  justify-content: flex-start;
  height: 100%;
  margin: 0 auto;
  transition: ease all 0.3s;
  padding: 1.5rem 2rem;
  height: 100% !important;
  color: #1a1a1a;
}
@media screen and (min-width: 400px) {
  .card--optimizeCard {
    max-width: 370px;
  }
}
@media screen and (min-width: 576px) {
  .card--optimizeCard {
    padding: 3.5rem 2rem 3.3rem;
    min-height: 350px;
  }
}
.card--optimizeCard:hover {
  box-shadow: 2px 2px 11px 3px rgba(0, 0, 0, 0.1);
  color: #1a1a1a;
  text-decoration: none;
}
.card--optimizeCard__label {
  position: absolute;
  height: 50px;
  background: rgba(204, 204, 204, 0.5);
  width: 700px;
  top: 100px;
  right: -180px;
  transform: rotate(40deg);
}
@media screen and (min-width: 360px) {
  .card--optimizeCard__label {
    transform: rotate(32deg);
  }
}
@media screen and (min-width: 576px) {
  .card--optimizeCard__label {
    top: 160px;
    right: -150px;
    transform: rotate(45deg);
  }
}
@media screen and (min-width: 768px) {
  .card--optimizeCard__label {
    right: -180px;
    transform: rotate(52deg);
  }
}
@media screen and (min-width: 1200px) {
  .card--optimizeCard__label {
    top: 180px;
    right: -150px;
    transform: rotate(50deg);
  }
}
.card--optimizeCard h3 {
  font-family: "HelveticaNeueLTStd-Bd";
  font-size: 18px;
  color: #1a1a1a;
  margin-bottom: 20px;
}
@media screen and (min-width: 576px) {
  .card--optimizeCard h3 {
    font-size: 23px;
  }
}
.card--optimizeCard p {
  font: 15px/16px "HelveticaNeueLTStd-Roman";
  margin-bottom: 25px;
  max-height: 175px;
  overflow: auto;
}
@media screen and (min-width: 576px) {
  .card--optimizeCard p {
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 20px;
  }
}
.card--optimizeCard__icon {
  height: 60px;
  margin: 0 auto 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.card--optimizeCard__icon svg, .card--optimizeCard__icon img {
  max-height: 100%;
}
@media screen and (min-width: 575px) {
  .card--optimizeCard__icon {
    margin: 0 auto 35px;
    height: 135px;
  }
}
.card--teamCard {
  position: relative;
  background-color: #fff;
  height: 100%;
  padding: 20px;
  padding-top: 45px;
  overflow: hidden;
  text-align: center;
}
.card--teamCard .borderTop {
  position: absolute;
  top: 0;
  height: 3px;
  width: 100%;
  left: 0;
  background-image: linear-gradient(135deg, #4CC0C3 0%, #5372B3 100%);
  border: none;
}
.card--teamCard h3 {
  font-size: 22px;
  font-weight: 600;
  text-align: center;
  align-self: flex-start;
  width: 100%;
  margin-bottom: 20px;
}
.card--teamCard h3 span {
  font-size: 16px;
  display: block;
  font-weight: 400;
  margin-top: 10px;
}
.card--teamCard h3::after {
  content: "";
  height: 2px;
  width: 52px;
  display: block;
  background-color: #007BFF;
  margin: 25px auto 0;
}
.card--dashboardCardSmallerHeading h3 > img {
  float: left;
  max-width: 42px;
  max-height: 42px;
  margin-right: 15px;
}
.card--dashboardCardSmallerHeading h3 {
  font-size: 20px;
}

/* LIST OF ELEMENTS AND PAGES TO BE STYLED HERE */
/* SHOULD BE UPDATED! */
/* - Report Tutorial */
/* - Navbar */
/* - Basic Pages Intro */
/*  -Optins */
/* - Buttons */
/* - Strength Indicator */
/* - Change Indicator */
/* - Card Styling */
/* - Helper Classes */
mark {
  background-color: #4ea8a6;
  color: white;
}

/* BOX FOR FILES UPLOADING DESIGN */
.fileContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px #ced4da dashed;
  border-radius: 4px;
  background-color: #ffffff;
  padding: 20px;
  cursor: pointer;
  min-height: 182px;
}
.fileContainer--uploading, .fileContainer--uploaded {
  cursor: default;
}
.fileContainer--uploaded {
  border: 2px #4ea8a6 solid;
}
.fileContainer span.icon {
  font-size: 62px;
  color: #ced4da;
  display: block;
}
.fileContainer span.icon.check {
  color: #4ea8a6;
}

/* HERO SECTION DESIGN FOR THE INNER PAGES */
.sectionIntroInner {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding-top: 80px;
  padding-bottom: 80px;
  margin-top: 60px;
}
.sectionIntroInner--faq {
  background-image: url(../images/faq_hero3.jpg);
}
.sectionIntroInner--about {
  background-image: url(../images/about_hero.jpg);
}
.sectionIntroInner--pricing {
  background-image: url(../images/about_hero.jpg);
  padding-top: 40px;
  padding-bottom: 40px;
}
.sectionIntroInner h1 {
  color: #ffffff;
  font-size: 62px;
  line-height: 62px;
  font-weight: 700;
}
.sectionIntroInner h2 {
  color: #ffffff;
  font-weight: 100;
}

@media (max-width: 768px) {
  .sectionIntroInner h1 {
    font-size: 38px;
    line-height: 42px;
  }
}
/* ACCORDION */
.accordion .card-header {
  position: relative;
}

.accordion button {
  text-align: left;
  padding-right: 35px;
}

.rotate {
  transform: rotate(180deg);
}

.accordion button + img {
  position: absolute;
  transition: 0.65s;
  height: 12px;
  top: 50%;
  margin-top: -6px;
  right: 18px;
}

.collapseAccordion {
  transition: 0.4s;
}

/*MODAL*/
.modal-footer {
  display: flex;
  justify-content: flex-end;
}

@media (max-width: 991px) {
  div.modal-footer.stackedButtons {
    flex-direction: column;
  }
  div.modal-footer.stackedButtons button {
    margin-bottom: 10px;
    width: 100%;
  }
}
/* REPORT TUTORIAL MODAL*/
.reportTutorialModal p {
  font-size: 20px !important;
}
.reportTutorialModal ul li {
  font-size: 20px !important;
}

/* VERTICAL TAB STYLING */
div.nav-pills.flex-column {
  border-radius: 0.25rem;
  background-color: #ffffff;
}

/* HORIZONTAL TAB STYLING */
.nav-tabs a.nav-link.active {
  position: relative;
  border-top: 1px solid #FE6100;
}

.nav-tabs a.nav-link.active::before {
  content: "";
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  height: 2px;
  background-color: #FE6100;
}

/*FONT SIZES */
p.size22 {
  font-size: 22px;
  line-height: 34px;
  font-weight: 400;
  color: #000;
}

p.size48 {
  font-size: 48px;
  line-height: normal;
  font-weight: 400;
  color: #000;
}

p.size14, label.size14 {
  font-size: 14px;
  line-height: normal;
  font-weight: 400;
}

/* NAVBAR */
.navbar-brand img {
  width: 160px;
}

.navbar {
  box-shadow: 2px 2px 11px 3px rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
}

@media (min-width: 992px) {
  .userAva {
    padding-left: 25px;
    background-image: url("../images/user-circle-solid.svg");
    background-repeat: no-repeat;
    background-size: 20px auto;
    background-position: 8px center;
  }
}
footer {
  color: #f8f8f8;
  text-align: center;
  background-image: linear-gradient(135deg, #4ea8a6 0%, #59699c 100%);
  font-weight: 100;
}

.badge {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.badge-wrap {
  display: inline-block;
}
.badge-more {
  background: url(../images/icons/bg_orange.svg) no-repeat;
  background-size: 100% 100%;
  background-position: center;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: inherit;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  vertical-align: middle;
  font-weight: normal;
}
.badge-less {
  background: url(../images/icons/bg_purple.svg) no-repeat;
  background-size: 100% 100%;
  background-position: center;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: inherit;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  vertical-align: middle;
  font-weight: normal;
}

/* RELATIVE CHANGE BADGES TEST */
span.badge--5a {
  color: #fff;
  background-color: #395d97;
  width: 120px;
}

span.badge--4a {
  color: #fff;
  background-color: #458cb6;
  width: 100px;
}

span.badge--3a {
  color: #fff;
  background-color: #67bad6;
  width: 80px;
}

span.badge--2a {
  color: #fff;
  background-color: #31c5dd;
  width: 60px;
}

span.badge--1a {
  color: #fff;
  background-color: #5adae1;
}

@media (max-width: 991px) {
  span.badge--5a {
    width: 100%;
  }

  span.badge--4a {
    width: 85%;
  }

  span.badge--3a {
    width: 70%;
  }

  span.badge--2a {
    width: 55%;
  }

  span.badge--1a {
    padding-left: 4px;
    padding-right: 4px;
  }
}
/* STRENGTH INDICATORS */
.strengthIndicator {
  width: 90px;
  height: 14px;
  overflow: hidden;
  background-image: linear-gradient(#EBEBEB 0%, #EBEBEB 100%), linear-gradient(135deg, #4CC0C3 0%, #5372B3 100%);
  border-radius: 10px;
  background-size: 0% 100%, 100% 100%;
  background-repeat: no-repeat;
  display: inline-flex;
  justify-content: space-evenly;
  vertical-align: middle;
}
.card--dashboarddetailCard .strengthIndicator {
  background: transparent;
  background-size: 100% 100%;
  width: 100%;
  height: 8px;
}
@media screen and (min-width: 370px) {
  .card--dashboarddetailCard .strengthIndicator {
    height: 10px;
  }
}
@media screen and (min-width: 768px) {
  .card--dashboarddetailCard .strengthIndicator {
    height: 15px;
  }
}
@media screen and (min-width: 1200px) {
  .card--dashboarddetailCard .strengthIndicator {
    height: 18px;
  }
}
.strengthIndicator--smaller {
  width: 80px;
}
.strengthIndicator--1 {
  background-size: 80% 100%, 100% 100%;
  background-position: right center, left center;
}
.card--dashboarddetailCard .strengthIndicator--1 {
  background: url(../images/icons/food_impact_1.svg) no-repeat;
  background-size: 100% 100%;
}
.strengthIndicator--2 {
  background-size: 60% 100%, 100% 100%;
  background-position: right center, left center;
}
.card--dashboarddetailCard .strengthIndicator--2 {
  background: url(../images/icons/food_impact_2.svg) no-repeat;
  background-size: 100% 100%;
}
.strengthIndicator--3 {
  background-size: 40% 100%, 100% 100%;
  background-position: right center, left center;
}
.card--dashboarddetailCard .strengthIndicator--3 {
  background: url(../images/icons/food_impact_3.svg) no-repeat;
  background-size: 100% 100%;
}
.strengthIndicator--4 {
  background-size: 20% 100%, 100% 100%;
  background-position: right center, left center;
}
.card--dashboarddetailCard .strengthIndicator--4 {
  background: url(../images/icons/food_impact_4.svg) no-repeat;
  background-size: 100% 100%;
}
.card--dashboarddetailCard .strengthIndicator--5 {
  background: url(../images/icons/food_impact_5.svg) no-repeat;
}
.card--dashboarddetailCard .strengthIndicator--6 {
  background: url(../images/icons/food_impact_6.svg) no-repeat;
}
.card--dashboarddetailCard .strengthIndicator--7 {
  background: url(../images/icons/food_impact_7.svg) no-repeat;
}
.card--dashboarddetailCard .strengthIndicator--8 {
  background: url(../images/icons/food_impact_8.svg) no-repeat;
}
.card--dashboarddetailCard .strengthIndicator--9 {
  background: url(../images/icons/food_impact_9.svg) no-repeat;
}
.card--dashboarddetailCard .strengthIndicator--10 {
  background: url(../images/icons/food_impact_10.svg) no-repeat;
}
.strengthIndicator__el {
  width: 2px;
  height: 100%;
  background-color: #ffffff;
}

/* CHANGE INDICATORS */
/* LEGACY */
.changeIndicator {
  height: 20px;
  width: 105px;
  color: #FFFFFF;
  text-align: center;
  line-height: 20px;
  font-size: 14px;
  border-radius: 10px;
  display: inline-block;
  vertical-align: middle;
}
.changeIndicator span:nth-child(1)::before {
  padding-right: 5px;
}

.strengthIndicator-other {
  display: flex;
  align-items: center;
  width: 95px;
  height: 20px;
  max-width: 100%;
}
@media screen and (min-width: 1200px) {
  .strengthIndicator-other {
    width: 110px;
    height: 30px;
  }
}
.strengthIndicator-other--1 {
  background: url(../images/icons/confident_1.svg) no-repeat;
}
.strengthIndicator-other--2 {
  background: url(../images/icons/confident_2.svg) no-repeat;
}
.strengthIndicator-other--3 {
  background: url(../images/icons/confident_3.svg) no-repeat;
}
.strengthIndicator-other--4 {
  background: url(../images/icons/confident_4.svg) no-repeat;
}
.strengthIndicator-other--5 {
  background: url(../images/icons/confident_5.svg) no-repeat;
}

/* CARD STYLING */
.row--dashboardCard {
  height: 100%;
}
.row--optimizeCard {
  margin-bottom: 0;
}
@media screen and (min-width: 576px) {
  .row--optimizeCard {
    margin-bottom: 70px;
  }
}
@media screen and (min-width: 1665px) {
  .row--optimizeCard {
    padding: 0 40px;
  }
}

@media (max-width: 767px) and (min-width: 321px) {
  .card--dashboardCard h3 {
    font-size: 22px;
  }
  .card--optimizeCard {
    height: auto;
  }
}
@media (max-width: 320px) {
  .card--dashboardCard {
    min-height: auto;
  }
  .card--dashboardCard p {
    padding-bottom: 30px;
  }
  .card--dashboardCard h3 {
    font-size: 18px;
  }
  .card--optimizeCard {
    height: auto;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  .card--optimizeCard {
    height: 302px;
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  .card--optimizeCard {
    height: 245px;
  }
}
@media (min-width: 1200px) {
  .card--optimizeCard {
    height: 221px;
  }
}
.card--icon {
  border: none;
  padding: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;
  height: 100%;
  display: flex;
  align-items: center;
}
.card--icon img {
  max-width: 56px;
  max-height: 56px;
}
.card--icon--n1 {
  background-image: url("../images/icons/n1.jpg");
  background-position: right center;
  background-repeat: no-repeat;
}
.card--icon--n2 {
  background-image: url("../images/icons/n2.jpg");
  background-position: right center;
  background-repeat: no-repeat;
}
.card--icon--n3 {
  background-image: url("../images/icons/n3.jpg");
  background-position: right center;
  background-repeat: no-repeat;
}
.card--icon--n4 {
  background-image: url("../images/icons/n4.jpg");
  background-position: right center;
  background-repeat: no-repeat;
}
.card--icon h4 {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}
.card--icon p {
  color: #7F7F7F;
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 0px;
}

/* HELPER CLASSES */
.mobileBottomMargin {
  margin-bottom: 0px;
}

@media (max-width: 767px) {
  .mobileBottomMargin {
    margin-bottom: 20px;
  }
}
.background-grey {
  background-color: #f8f8f8;
}

.background-light-gray {
  background-color: #f8f9fa;
}

/* TEXT/ICON COLOR */
.text-green {
  color: #4ea8a6;
}

.text-orange {
  color: #FE6100;
}

.text-black {
  color: #000;
}

.text-white {
  color: #fff;
}

.text-red {
  color: #dc3545;
}

.text-lightBlue {
  color: #32C5FF;
}

sup > span.icon.info {
  cursor: pointer;
  font-size: 16px;
}

.pt-6 {
  padding-top: 2rem !important;
}
@media screen and (min-width: 576px) {
  .pt-6 {
    padding-top: 4rem !important;
  }
}

.pt-7 {
  padding-top: 2.5rem !important;
}
@media screen and (min-width: 576px) {
  .pt-7 {
    padding-top: 4.5rem !important;
  }
}

.pt-10 {
  padding-top: 7.5rem !important;
}
@media screen and (min-width: 576px) {
  .pt-10 {
    padding-top: 10.5rem !important;
  }
}

.plr-4 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
@media screen and (min-width: 576px) {
  .plr-4 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .plr-sm-4 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
}

.mb-6 {
  margin-bottom: 2rem !important;
}
@media screen and (min-width: 576px) {
  .mb-6 {
    margin-bottom: 4rem !important;
  }
}

@media screen and (min-width: 576px) {
  .mb-sm-6 {
    margin-bottom: 4rem !important;
  }
}

.mb-7 {
  margin-bottom: 2.5rem !important;
}
@media screen and (min-width: 576px) {
  .mb-7 {
    margin-bottom: 5rem !important;
  }
}

.mb-8 {
  margin-bottom: 3rem !important;
}
@media screen and (min-width: 576px) {
  .mb-8 {
    margin-bottom: 6rem !important;
  }
}

.mb-9 {
  margin-bottom: 3.5rem !important;
}
@media screen and (min-width: 576px) {
  .mb-9 {
    margin-bottom: 7.5rem !important;
  }
}

.mb-10 {
  margin-bottom: 4rem !important;
}
@media screen and (min-width: 576px) {
  .mb-10 {
    margin-bottom: 8rem !important;
  }
}

.mb-150 {
  margin-bottom: 4rem !important;
}
@media screen and (min-width: 576px) {
  .mb-150 {
    margin-bottom: 9rem !important;
  }
}

.mb-190 {
  margin-bottom: 6rem !important;
}
@media screen and (min-width: 576px) {
  .mb-190 {
    margin-bottom: 12rem !important;
  }
}

@media screen and (max-width: 575px) {
  .mb-mobile {
    margin-bottom: 1.5rem !important;
  }
}

.b-0 {
  border: 0 !important;
}

.container_dashboard-sm {
  padding-top: 100px;
  width: 100%;
  margin: 0 auto;
}
.container_dashboard-sm_bread {
  padding-top: 110px;
}
.container_dashboard-sm.narrower-width {
  max-width: 900px;
}
@media screen and (min-width: 992px) {
  .container_dashboard-sm {
    padding-top: 120px;
  }
  .container_dashboard-sm_bread {
    padding-top: 165px;
  }
}

.container_dashboard {
  color: #000000;
  font-size: 15px;
  line-height: normal;
  font-family: "HelveticaNeueLTStd-Roman";
  margin: 0 auto;
}
@media screen and (min-width: 576px) {
  .container_dashboard {
    font-size: 18px;
  }
}

@media screen and (min-width: 1465px) {
  .container_dashboard-sm {
    max-width: 1240px;
  }

  .container_dashboard {
    max-width: 1465px;
  }
}
@media screen and (min-width: 1665px) {
  .container_dashboard-sm {
    max-width: 1380px;
  }

  .container_dashboard {
    max-width: 1650px;
  }
}
/* ACCORDION */
.accordion-new-design .accordion .card {
  border: 0;
  border-radius: 15px !important;
  margin-bottom: 10px;
}
.accordion-new-design .accordion .card-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.accordion-new-design .accordion .card-header {
  position: relative;
  background: #fafafa;
  padding: 0;
  border: 0;
  border-radius: 15px !important;
}
.accordion-new-design .accordion .card-header img {
  display: none;
}
.accordion-new-design .accordion .card-header button, .accordion-new-design .accordion .card-header a {
  position: relative;
  display: flex;
  align-items: center;
  text-decoration: none;
  font-size: 14px;
  color: #333333;
  padding: 25px 75px 25px 25px;
  width: 100%;
  border: 0;
  flex-wrap: wrap;
}
.accordion-new-design .accordion .card-header button .badge, .accordion-new-design .accordion .card-header a .badge {
  font-size: inherit;
}
.accordion-new-design .accordion .card-header button .badge-more, .accordion-new-design .accordion .card-header a .badge-more {
  width: 60px;
  flex: 0 0 60px;
  max-width: 60px;
}
@media screen and (min-width: 400px) {
  .accordion-new-design .accordion .card-header button .badge-more, .accordion-new-design .accordion .card-header a .badge-more {
    width: 80px;
    flex: 0 0 80px;
    max-width: 80px;
  }
}
@media screen and (min-width: 400px) {
  .accordion-new-design .accordion .card-header button, .accordion-new-design .accordion .card-header a {
    font-size: 16px;
  }
}
@media screen and (min-width: 576px) {
  .accordion-new-design .accordion .card-header button, .accordion-new-design .accordion .card-header a {
    font-size: 18px;
  }
}
.accordion-new-design .accordion .card-header button:after, .accordion-new-design .accordion .card-header a:after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "";
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #0071bc;
  color: #fff;
  font-size: 18px;
  margin-right: 10px;
  transform: rotate(90deg);
  padding: 0px 0px 0 4px;
  transition: ease all 0.3s;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  right: 20px;
}
@media screen and (min-width: 576px) {
  .accordion-new-design .accordion .card-header button:after, .accordion-new-design .accordion .card-header a:after {
    width: 40px;
    height: 40px;
    font-size: 25px;
  }
}
.accordion-new-design .accordion .card-header button.collapsed:after, .accordion-new-design .accordion .card-header a.collapsed:after {
  background: #3fa9f5;
  transition: ease all 0.3s;
  transform: rotate(0deg);
  background-size: 10px;
  background-position: 55% 50%;
}

/*MODAL*/
.modal-dialog {
  max-width: 922px;
}
@media screen and (min-width: 1200px) {
  .modal-dialog_alert {
    margin: 15rem auto;
  }
}
.modal-dialog_nutrient {
  position: fixed;
  top: 50%;
  left: 50%;
  margin: 0;
  transform: translate(-50%, -50%) !important;
  margin: 0;
  width: 100%;
}
.modal-dialog_nutrient .modal-content {
  padding: 20px 10px;
}
@media screen and (min-width: 370px) {
  .modal-dialog_nutrient .modal-content {
    padding: 20px;
    border: 4px solid #b3b3b3;
  }
}
@media screen and (min-width: 576px) {
  .modal-dialog_nutrient .modal-content {
    padding: 40px 50px;
  }
}
.modal-dialog_nutrient .radio-btns {
  padding-bottom: 10px;
  border-bottom: 8px solid #1a1a1a;
  font-size: 14px;
}
.modal-dialog_nutrient .radio-btns label {
  padding-left: 15px;
}
@media screen and (min-width: 576px) {
  .modal-dialog_nutrient .radio-btns {
    font-size: 16px;
  }
  .modal-dialog_nutrient .radio-btns label {
    padding-left: 20px;
  }
  .modal-dialog_nutrient .radio-btns label:before {
    top: 1px;
  }
  .modal-dialog_nutrient .radio-btns label:after {
    top: 4px;
  }
}
.modal-dialog_nutrient table {
  width: 100%;
}
.modal-dialog_nutrient table tr td {
  padding: 7px 2px;
  border: 0;
  background: none !important;
  border-bottom: 1px solid #dfdfdf !important;
  border-right: 1px solid #dfdfdf !important;
  font-size: 13px;
  padding-right: 5px;
  vertical-align: middle;
}
@media screen and (min-width: 370px) {
  .modal-dialog_nutrient table tr td {
    font-size: 14px;
  }
}
@media screen and (min-width: 576px) {
  .modal-dialog_nutrient table tr td {
    font-size: 16px;
    padding: 10px 5px;
  }
}
.modal-dialog_nutrient table tr td:first-child {
  padding-left: 0;
  text-align: left;
}
.modal-dialog_nutrient table tr td:nth-child(2) {
  font-weight: bold;
  white-space: nowrap;
  text-align: right;
}
.modal-dialog_nutrient table tr td:last-child {
  border-right: none !important;
}
.modal-dialog_nutrient table tr td .icon {
  width: 16px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
@media screen and (min-width: 370px) {
  .modal-dialog_nutrient table tr td .icon {
    width: 20px;
    height: 24px;
  }
}
.modal-dialog_nutrient table tr td .icon img, .modal-dialog_nutrient table tr td .icon svg {
  max-width: 100%;
  max-height: 100%;
}
.modal-dialog_nutrient table tr:last-child td {
  border-bottom: 0 !important;
}
.card--dashboarddetailCard .modal-dialog {
  max-width: 1322px;
}
.modal-content {
  border-radius: 18px;
  padding: 0px 10px;
  width: 100%;
  margin: auto;
}
@media screen and (min-width: 576px) {
  .modal-content {
    padding: 0 43px;
  }
}
.modal-content .close {
  background: url(../images/icons/icon-close.svg) no-repeat;
  width: 22px;
  height: 22px;
  padding: 0;
  opacity: 1;
  margin: 0;
  position: absolute;
  top: 10px;
  right: 10px;
}
.modal-content .close:hover {
  outline: none;
}
.modal-header {
  padding: 1rem 30px 1rem 1rem;
}
@media screen and (min-width: 576px) {
  .modal-header {
    padding: 1.8rem 1rem 1.4rem;
  }
}
.modal-title {
  font-family: "HelveticaNeueLTStd-Bd";
  font-size: 14px;
  color: #4d4d4d;
}
@media screen and (min-width: 576px) {
  .modal-title {
    font-size: 18px;
  }
}
.modal-body {
  font-family: "HelveticaNeueLTStd-Roman";
  font-size: 11px;
  color: #212529;
  padding: 0.5rem 1rem;
  position: relative;
}
.modal-body.scrollbar {
  overflow: auto;
  max-height: 255px;
}
@media screen and (min-width: 576px) {
  .modal-body {
    font-size: 18px;
  }
}
.modal-footer {
  border: 0;
  padding: 0.8rem 1rem;
}
@media screen and (min-width: 576px) {
  .modal-footer {
    padding: 0.8rem 1rem 2.1rem;
  }
}

/*LIST*/
.stylized-line ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.stylized-line ul .pre {
  padding-left: 30px;
  font-weight: bold;
}
.stylized-line ul li {
  padding-left: 20px;
  margin-bottom: 1rem;
}
.stylized-line ul li:before {
  content: "-";
  padding-right: 8px;
  margin-left: -20px;
}
.stylized-line ul li a {
  color: #29abe2;
  text-decoration: none;
}
.stylized-line ul li a span {
  text-decoration: underline;
}
.stylized-line ul li a:hover span {
  text-decoration: none;
}
.stylized-line ul li.link:before {
  color: #29abe2;
}

/*BREADCRUMBS*/
.breadcrumbv2 {
  background: none;
  padding-left: 0;
  display: flex;
}
@media screen and (min-width: 1465px) {
  .breadcrumbv2 {
    padding-left: 60px;
  }
}
.breadcrumbv2-item {
  font-size: 14px;
  font-family: "HelveticaNeueLTStd-Roman";
  font-weight: bold;
  color: #1a1a1a;
  text-decoration: underline;
}
@media screen and (max-width: 992px) {
  .breadcrumbv2-item {
    display: none;
  }
}
@media screen and (min-width: 576px) {
  .breadcrumbv2-item {
    font-size: 18px;
  }
}
@media screen and (max-width: 992px) {
  .breadcrumbv2-item:first-child {
    display: block;
    font-size: 0;
    background: url(../images/arrow-left.png) no-repeat;
    width: 15px;
    height: 25px;
    background-size: 100% 100%;
  }
  .breadcrumbv2-item:first-child a {
    display: block;
    width: 100%;
    height: 100%;
  }
}
.breadcrumbv2-item.active {
  color: #1a1a1a;
  text-decoration: none;
}
.breadcrumbv2-item a {
  color: #1a1a1a;
  font-weight: normal;
}
.breadcrumbv2-item + .breadcrumb-item:before {
  content: ">";
}

.breadcrumb-wrap {
  padding: 5px 0;
}
@media screen and (max-width: 992px) {
  .breadcrumb-wrap .btn-link {
    font-size: 0;
  }
}

/*HEADING*/
.heading {
  display: flex;
  align-items: center;
  font-size: 50px;
  font-family: "HelveticaNeueLTStd-Roman";
  color: #1a1a1a;
}
@media screen and (min-width: 576px) {
  .heading {
    font-size: 74px;
  }
}
.heading__img {
  flex: 0 0 70px;
  max-width: 70px;
  display: flex;
  align-items: center;
}
.heading__img img {
  max-width: 100%;
}
@media screen and (min-width: 576px) {
  .heading__img {
    flex: 0 0 90px;
    max-width: 90px;
  }
}

.secondary-heading {
  display: flex;
  font-size: 25px;
  font-family: "HelveticaNeueLTStd-Bd";
  align-items: center;
}
.secondary-heading img {
  margin-right: 10px;
  margin-top: -4px;
}
@media screen and (max-width: 400px) {
  .secondary-heading img {
    max-width: 20px;
    margin-right: 10px;
  }
}
@media screen and (min-width: 450px) {
  .secondary-heading {
    font-size: 26px;
  }
}

.hide {
  display: none;
}
.hide.active {
  display: block;
}

.btn-show-less {
  display: none;
}

.btn-read-more.active {
  display: none;
}
.btn-read-more.active + .btn-show-less {
  display: inline-block;
}

.pagination__wrap {
  width: 100%;
  display: flex;
  justify-content: center;
}
.pagination .page-item {
  margin: 0 3px;
}
.pagination .page-item.active .page-link {
  background: #0071bc;
  border-radius: 50%;
  border-color: #0071bc;
}
.pagination .page-link {
  border: 0;
  font-size: 13px;
  color: #4d4d4d;
  padding: 0.4rem 0.75rem;
}
.pagination .page-link:hover {
  background: transparent;
}
@media screen and (min-width: 576px) {
  .pagination .page-link {
    font-size: 18px;
  }
}

.popover {
  border-radius: 7px;
  box-shadow: 2px 2px 11px 3px rgba(0, 0, 0, 0.2);
}
.popover-body {
  font-size: 11px;
  font-family: "HelveticaNeueLTStd-Roman";
  padding: 10px;
}
@media screen and (min-width: 576px) {
  .popover-body {
    font-size: 15px;
    padding: 20px;
  }
}

.scrollbar::-webkit-scrollbar {
  width: 10px;
  background-color: #4d4d4d;
}

.scrollbar::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #b3b3b3;
  border: 2px solid #4d4d4d;
}

.form-select {
  height: 26px;
  font-size: 12px;
  font-family: "HelveticaNeueLTStd-Roman";
  padding: 5px 30px 5px 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  background: #f8f8f8;
  position: relative;
  text-align: left;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background: #f8f8f8 url(../images/icons/select-arrow.svg) no-repeat;
  background-size: 26px 26px;
  background-position: center right;
  outline: 0;
  border: 0;
}
@media screen and (min-width: 576px) {
  .form-select {
    height: 40px;
    font-size: 15px;
    padding: 0px 50px 0px 10px;
    line-height: 40px;
    background-size: 40px 40px;
  }
}

table .sorting {
  background: url("../images/icons/button_sort.svg") no-repeat;
  background-size: 7px;
  background-position: center right 10px;
  cursor: pointer;
}

table .sorting_asc {
  background: url("../images/icons/button_sort_accending.svg") no-repeat;
  background-size: 7px;
  background-position: center right 10px;
  cursor: pointer;
}

table .sorting_desc {
  background: url("../images/icons/button_sort_decending.svg") no-repeat;
  background-size: 7px;
  background-position: center right 10px;
  cursor: pointer;
}

table .sorting_asc_disabled {
  background: url("../images/icons/button_sort.svg") no-repeat;
  background-size: 7px;
  background-position: center right 10px;
  cursor: pointer;
}

table .sorting_desc_disabled {
  background: url("../images/icons/button_sort.svg") no-repeat;
  background-size: 7px;
  background-position: center right 10px;
  cursor: pointer;
}

.banner {
  background: url(../images/banner-bg-mobile.png) no-repeat;
  background-size: cover;
  background-position: top right;
  width: 100%;
  padding: 20px;
  margin-bottom: 50px;
}
@media screen and (min-width: 768px) {
  .banner {
    background-image: url(../images/banner-bg.png);
    margin-bottom: 50px;
    padding: 35px;
  }
}
.banner__heading {
  font-family: "HelveticaNeueLTStd-MdCn";
  font-size: 30px;
  line-height: normal;
  color: #fff;
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .banner__heading {
    font-size: 40px;
    line-height: normal;
    margin-bottom: 0px;
  }
}
.banner__subheading {
  font-size: 16px;
  color: #fff;
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .banner__subheading {
    margin-bottom: 15px;
    font-size: 20px;
  }
}
.banner__btn {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .banner__btn {
    flex-direction: row;
    align-items: center;
  }
}
.banner__btn a {
  margin-right: 10px;
}
.banner__btn a svg {
  width: 130px;
}
@media screen and (min-width: 768px) {
  .banner__btn a svg {
    width: 190px;
  }
}
.banner__btn p {
  margin: 0 0 10px;
  font-size: 12px;
  color: #fff;
  order: -1;
}
@media screen and (min-width: 768px) {
  .banner__btn p {
    order: 2;
    margin: 0;
    font-size: 15px;
  }
}

.alert-blue {
  background: #f1f7fc;
  margin: 0 -60px;
  padding: 40px 60px;
}
@media screen and (max-width: 1300px) {
  .alert-blue {
    margin: 0;
    padding: 30px;
  }
}
@media screen and (max-width: 576px) {
  .alert-blue {
    margin: 0 -15px;
    padding: 30px 15px;
  }
}
.alert-blue p:last-child {
  margin-bottom: 0;
}
.alert-blue ol {
  margin: 0;
  padding: 0 0 0 20px;
}
.alert-blue ol li {
  margin-bottom: 5px;
}

.reportDetailed__row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -8px;
}
@media screen and (min-width: 576px) {
  .reportDetailed__row {
    margin: 0 -15px;
  }
}
.reportDetailed__row-lg {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.reportDetailed__row-sm {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
@media screen and (min-width: 370px) {
  .reportDetailed__row-sm {
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 576px) {
  .reportDetailed__row-sm {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 992px) {
  .reportDetailed__row-sm {
    height: calc(60% - 15px);
    margin: 0;
  }
}
.reportDetailed__col {
  padding: 0 8px;
  flex: 0 0 100%;
  max-width: 100%;
  margin-bottom: 15px;
}
@media screen and (min-width: 370px) {
  .reportDetailed__col {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (min-width: 576px) {
  .reportDetailed__col {
    padding: 0 15px;
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 992px) {
  .reportDetailed__col {
    flex: 0 0 28%;
    max-width: 28%;
    margin: 0;
  }
}
.reportDetailed__col-sm {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0 8px;
  margin-bottom: 15px;
}
@media screen and (min-width: 370px) {
  .reportDetailed__col-sm {
    flex: 0 0 50%;
    max-width: 50%;
    margin: 0;
  }
}
@media screen and (min-width: 576px) {
  .reportDetailed__col-sm {
    padding: 0 15px;
  }
}
.reportDetailed__col_large {
  flex: 0 0 100%;
  max-width: 100%;
  margin: 0;
}
@media screen and (min-width: 992px) {
  .reportDetailed__col_large {
    flex: 0 0 44%;
    max-width: 44%;
  }
}
.reportDetailed__col-lg {
  padding: 0 8px;
}
@media screen and (min-width: 576px) {
  .reportDetailed__col-lg {
    padding: 0 15px;
  }
}
@media screen and (min-width: 992px) {
  .reportDetailed__col-lg {
    height: calc(40% - 15px);
  }
}
.reportDetailed__wrap {
  background: #fafafa;
  border-radius: 10px;
  padding: 20px;
  height: 100%;
  position: relative;
}
.reportDetailed__col-lg .reportDetailed__wrap {
  padding: 30px;
}
@media screen and (min-width: 576px) {
  .reportDetailed__wrap {
    padding: 20px;
  }
}
.reportDetailed__title {
  text-align: center;
  font-family: "HelveticaNeueLTStd-Bd";
  font-size: 15px;
  line-height: 19px;
  margin-bottom: 25px;
}
.reportDetailed__title br {
  display: none;
}
@media screen and (min-width: 370px) {
  .reportDetailed__title {
    height: 57px;
  }
}
@media screen and (min-width: 417px) {
  .reportDetailed__title {
    height: auto;
  }
}
@media screen and (min-width: 576px) {
  .reportDetailed__title {
    font-size: 18px;
    line-height: normal;
  }
  .reportDetailed__title br {
    display: inline-block;
  }
}
.reportDetailed__title .icon {
  font-size: 15px;
  vertical-align: middle;
}
@media screen and (min-width: 576px) {
  .reportDetailed__title .icon {
    font-size: 18px;
  }
}
.reportDetailed__title > span {
  display: inline-block;
}
@media screen and (min-width: 1200px) {
  .reportDetailed__title > span {
    padding-right: 28px;
    margin-right: -28px;
    position: relative;
  }
}
.reportDetailed__title > span .icon {
  position: absolute;
  top: 8px;
  right: 8px;
}
@media screen and (min-width: 1200px) {
  .reportDetailed__title > span .icon {
    top: 0;
    right: 0px;
  }
}
.reportDetailed__title:last-child {
  margin: 0;
}
.reportDetailed__title strong {
  font-size: 18px;
  display: block;
  color: #29abe2;
  margin-top: 5px;
  position: relative;
}
@media screen and (min-width: 576px) {
  .reportDetailed__title strong {
    font-size: 30px;
  }
}
.reportDetailed__icon {
  text-align: center;
  margin-bottom: 10px;
  font-family: "HelveticaNeueLTStd-Bd";
}
.reportDetailed__icon:last-child {
  margin: 0;
}
@media screen and (min-width: 576px) {
  .reportDetailed__icon {
    margin-bottom: 25px;
  }
}
.reportDetailed__icon_height {
  height: 95px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.reportDetailed__icon img.img-higher {
  width: 65px;
}
@media screen and (min-width: 576px) {
  .reportDetailed__icon img.img-higher {
    width: 95px;
  }
}
.reportDetailed__icon img.img-more {
  width: 100px;
  max-width: 100%;
}
@media screen and (min-width: 576px) {
  .reportDetailed__icon img.img-more {
    width: 150px;
  }
}
.reportDetailed__icon img.img-large {
  width: 150px;
  max-width: 100%;
}
@media screen and (min-width: 576px) {
  .reportDetailed__icon img.img-large {
    width: 200px;
  }
}
.reportDetailed__icon .badge {
  height: 35px;
  line-height: 35px;
  padding-top: 0;
  padding-bottom: 0;
  margin: 0 auto;
  font-size: 19px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  color: #fff;
}
@media screen and (min-width: 576px) {
  .reportDetailed__icon .badge {
    height: 45px;
    line-height: 45px;
    font-size: 33px;
  }
}
.reportDetailed__icon .badge.badge--5a {
  width: 150px;
  flex: 0 0 150px;
  max-width: 100%;
  background: #0026AB;
}
@media screen and (min-width: 576px) {
  .reportDetailed__icon .badge.badge--5a {
    width: 180px;
    flex: 0 0 180px;
  }
}
.reportDetailed__icon .badge.badge--4a {
  width: 150px;
  flex: 0 0 150px;
  max-width: 100%;
  background: #002FD3;
}
@media screen and (min-width: 576px) {
  .reportDetailed__icon .badge.badge--4a {
    width: 180px;
    flex: 0 0 180px;
  }
}
.reportDetailed__icon .badge.badge--3a {
  width: 150px;
  flex: 0 0 150px;
  max-width: 100%;
  background: #0039FC;
}
@media screen and (min-width: 576px) {
  .reportDetailed__icon .badge.badge--3a {
    width: 180px;
    flex: 0 0 180px;
  }
}
.reportDetailed__icon .badge.badge--2a {
  width: 150px;
  flex: 0 0 150px;
  max-width: 100%;
  background: #2757FF;
}
@media screen and (min-width: 576px) {
  .reportDetailed__icon .badge.badge--2a {
    width: 180px;
    flex: 0 0 180px;
  }
}
.reportDetailed__icon .badge.badge--1a {
  width: 150px;
  flex: 0 0 150px;
  max-width: 100%;
  background: #4F76FF;
}
@media screen and (min-width: 576px) {
  .reportDetailed__icon .badge.badge--1a {
    width: 180px;
    flex: 0 0 180px;
  }
}
.reportDetailed__icon .badge.badge--0a {
  width: 150px;
  flex: 0 0 150px;
  max-width: 100%;
  background: #808080;
}
@media screen and (min-width: 576px) {
  .reportDetailed__icon .badge.badge--0a {
    width: 180px;
    flex: 0 0 180px;
  }
}
.reportDetailed__icon .badge.badge-more {
  width: 100px;
  flex: 0 0 100px;
  max-width: 100%;
}
@media screen and (min-width: 576px) {
  .reportDetailed__icon .badge.badge-more {
    width: 140px;
    flex: 0 0 140px;
  }
}
.reportDetailed__icon .strengthIndicator-other {
  width: 150px;
  max-width: 100%;
  margin: 0 auto;
  justify-content: center;
}
.reportDetailed__icon .strengthIndicator-other__col {
  margin: 0 5px;
  width: 15px;
  height: 15px;
}
@media screen and (min-width: 1200px) {
  .reportDetailed__icon .strengthIndicator-other__col {
    width: 22px;
    height: 22px;
  }
}
.reportDetailed__descr {
  text-align: center;
  font-size: 15px;
  font-family: "HelveticaNeueLTStd-Roman";
}
@media screen and (min-width: 576px) {
  .reportDetailed__descr {
    font-size: 18px;
  }
}
.reportDetailed__descr i {
  font-size: 12px;
  color: #4d4d4d;
  display: block;
}
@media screen and (min-width: 576px) {
  .reportDetailed__descr i {
    font-size: 18px;
  }
}

.characteristics {
  background: #e4f6f5;
}
@media screen and (min-width: 992px) {
  .characteristics {
    padding: 0 15px;
  }
}
.characteristics__row {
  text-align: center;
  -webkit-box-shadow: inset 0px 13px 19px -28px black;
  -moz-box-shadow: inset 0px 13px 19px -28px black;
  box-shadow: inset 0px 13px 19px -28px black;
}
.characteristics__col {
  flex: 0 0 100%;
  max-width: 100%;
}
@media screen and (min-width: 370px) {
  .characteristics__col {
    flex: 0 0 25%;
    max-width: 25%;
    border-bottom: 2px solid #acb4b3;
  }
}
@media screen and (min-width: 370px) {
  .characteristics__col:nth-child(1), .characteristics__col:nth-child(5) {
    flex: 0 0 30%;
    max-width: 30%;
  }
}
.characteristics__col:nth-child(5n), .characteristics__col:nth-child(6n), .characteristics__col:nth-child(7n), .characteristics__col:nth-child(8n) {
  border-bottom: 0;
}
@media screen and (min-width: 370px) {
  .characteristics__col:nth-child(4n) {
    flex: 0 0 20%;
    max-width: 20%;
  }
}
.characteristics__col:nth-child(4n) .characteristics__wrap:before {
  display: none;
}
.characteristics__wrap {
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  height: 100%;
}
@media screen and (min-width: 370px) {
  .characteristics__wrap:before {
    content: "";
    background: #acb4b3;
    top: 50%;
    transform: translate(0, -50%);
    width: 2px;
    height: 100px;
    right: 0;
    position: absolute;
  }
}
@media screen and (min-width: 576px) {
  .characteristics__wrap {
    padding: 15px;
  }
}
.characteristics__title {
  font-size: 12px;
  font-family: "HelveticaNeueLTStd-Bd";
  margin-bottom: 10px;
}
@media screen and (min-width: 576px) {
  .characteristics__title {
    font-size: 14px;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 992px) {
  .characteristics__title {
    font-size: 18px;
    margin-bottom: 30px;
  }
}
.characteristics__icon {
  margin-bottom: 8px;
}
.characteristics__icon .strengthIndicator-other {
  justify-content: center;
  width: 150px;
  max-width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 992px) {
  .characteristics__icon .strengthIndicator-other {
    margin-top: -15px;
  }
}
.characteristics__icon img {
  width: 100%;
  max-width: 200px;
  position: relative;
  top: auto;
  height: auto;
  margin-top: 0;
  right: auto;
}
.characteristics__icon .badge {
  margin: 0 auto;
  color: #fff;
  background: url(../images/icons/bg_large.svg) no-repeat;
  background-size: 100% 100%;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  max-width: 60px;
  border-radius: 0;
}
@media screen and (min-width: 992px) {
  .characteristics__icon .badge {
    font-size: 18px;
    max-width: 110px;
  }
}
.characteristics__icon .badge.badge--5a {
  background: #0026AB;
}
.characteristics__icon .badge.badge--4a {
  background: #002FD3;
}
.characteristics__icon .badge.badge--3a {
  background: #0039FC;
}
.characteristics__icon .badge.badge--2a {
  background: #2757FF;
}
.characteristics__icon .badge.badge--1a {
  background: #4F76FF;
}
.characteristics__icon .badge.badge--0a {
  background: #808080;
}
.characteristics__descr {
  font-size: 12px;
  font-family: "HelveticaNeueLTStd-Roman";
  color: #4d4d4d;
}
@media screen and (min-width: 576px) {
  .characteristics__descr {
    font-size: 14px;
  }
}
@media screen and (min-width: 992px) {
  .characteristics__descr {
    font-size: 18px;
  }
}
.characteristics__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.characteristics__btn a svg, .characteristics__btn a img {
  max-width: 100%;
}

.blog img {
  max-width: 100%;
}
.blog__wrap {
  padding: 30px 0;
  max-width: 700px;
  margin: 0 auto;
}
@media screen and (min-width: 576px) {
  .blog__wrap {
    padding: 50px 0;
  }
}
.blog__heading {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 20px;
}
.blog__heading h1 {
  font-size: 40px;
  font-family: "HelveticaNeueLTStd-MdCn";
}
@media screen and (min-width: 576px) {
  .blog__heading h1 {
    font-size: 60px;
  }
}
.blog__heading h2 {
  font-size: 40px;
  font-family: "HelveticaNeueLTStd-MdCn";
}
@media screen and (min-width: 576px) {
  .blog__heading h2 {
    font-size: 60px;
  }
}
.blog__heading a {
  color: #000;
  margin-left: auto;
}
.blog__heading a svg {
  width: 90px;
}
@media screen and (min-width: 768px) {
  .blog__heading a svg {
    width: 150px;
  }
}
.blog__date {
  color: #333333;
  margin-bottom: 20px;
}
.blog__date a {
  text-decoration: underline;
  color: #333333;
}
.blog__date a:hover {
  text-decoration: none;
}
.blog__social {
  margin-bottom: 40px;
}
.blog__social ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
}
.blog__social ul li {
  margin-right: 10px;
}
.blog__social ul li a.social-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #4F6D7A;
  width: 30px;
  height: 30px;
}
.blog__social ul li a.social-count {
  width: 35px;
  height: 29px;
  background: url(../images/icons/icon-count.svg) no-repeat;
  background-size: 100%;
  background-position: center 2px;
  padding: 0 1px;
  font-size: 15px;
  color: #4f6d7a;
  text-decoration: none;
  pointer-events: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 26px;
  text-align: center;
  display: block;
}
.blog__img {
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
}
.blog__img img {
  margin-bottom: 20px;
}
.blog__img p {
  text-align: left;
}
.blog__choice {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #c0c0c0;
  padding: 30px 0;
}
@media screen and (min-width: 992px) {
  .blog__choice {
    padding: 50px 0;
  }
}
.blog__choice_v2 {
  max-width: 700px;
  margin: 0 auto;
}
.blog__list {
  flex: 0 0 100%;
  max-width: 100%;
}
@media screen and (min-width: 992px) {
  .blog__list {
    flex: 0 0 700px;
    max-width: 700px;
    padding-right: 20px;
  }
}
.blog__item {
  margin-bottom: 20px;
}
.blog__item .blog-item {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 400px) {
  .blog__item .blog-item {
    flex-direction: row;
  }
}
.blog__item .blog-item__img {
  flex: 0 0 100px;
  max-width: 100px;
  margin-right: 30px;
}
.blog__item .blog-item__descr h2 {
  font-size: 40px;
  font-family: "HelveticaNeueLTStd-MdCn";
}
@media screen and (min-width: 576px) {
  .blog__item .blog-item__descr h2 {
    font-size: 60px;
  }
}
.blog__item .blog-item__descr h2 a {
  color: #000000;
}
.blog__sidebar {
  flex: 0 0 100%;
  max-width: 100%;
  order: -1;
  padding-bottom: 20px;
  border-bottom: 1px solid #c0c0c0;
  margin-bottom: 40px;
}
@media screen and (min-width: 992px) {
  .blog__sidebar {
    flex: 0 0 calc(100% - 700px);
    max-width: calc(100% - 700px);
    border-left: 1px solid #c0c0c0;
    padding: 0 0 0 20px;
    margin-bottom: 0;
    order: 2;
    border-bottom: 0;
  }
}
.blog__sidebar h4 {
  font-family: "HelveticaNeueLTStd-MdCn";
  margin: 0 0 30px;
}
.blog__sidebar ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.blog__sidebar ul li a {
  color: #000000;
}

.pricing-page {
  padding-bottom: 5px;
}
@media screen and (min-width: 992px) {
  .pricing-page {
    padding-bottom: 100px;
  }
}
.pricing-page__head {
  padding: 20px 20px 17px;
  text-align: center;
  color: #fff;
  background: #00a99d;
  font-family: "HelveticaNeueLTStd-Bd";
  margin-bottom: 20px;
  font-size: 25px;
}
@media screen and (min-width: 768px) {
  .pricing-page__head {
    font-size: 30px;
    padding: 35px 20px 30px;
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 992px) {
  .pricing-page__head {
    font-size: 50px;
    margin-bottom: 87px;
    padding: 35px 35px 30px;
  }
}
.pricing-page__subhead {
  font-family: "HelveticaNeueLTStd-Bd";
  padding: 7px;
  background: #ff0000;
  margin-left: auto;
  max-width: 100%;
  color: #fff;
  text-align: center;
  margin-bottom: 15px;
  font-size: 20px;
}
@media screen and (min-width: 768px) {
  .pricing-page__subhead {
    max-width: 500px;
    font-size: 25px;
    margin-bottom: 40px;
  }
}
.pricing-page__list {
  display: flex;
  margin: 0 -10px 20px;
}
@media screen and (min-width: 768px) {
  .pricing-page__list {
    margin: 0 -15px 20px;
  }
}
.pricing-page__list .list-item_6 {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0 10px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .pricing-page__list .list-item_6 {
    padding: 0 15px;
    flex: 0 0 66.666%;
    max-width: 66.666%;
  }
}
.pricing-page__list .list-item_6:before {
  content: "";
  width: 50%;
  border: 2px solid #4d4d4d;
  border-radius: 10px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 0;
  bottom: -20px;
  left: 50%;
  height: 15px;
  position: absolute;
  transform: translate(-50%, 0);
}
@media screen and (min-width: 768px) {
  .pricing-page__list .list-item_6:before {
    height: 30px;
  }
}
.pricing-page__list .list-item_3 {
  flex: 0 0 33.333%;
  max-width: 33.333%;
  padding: 0 10px;
  display: none;
}
@media screen and (min-width: 768px) {
  .pricing-page__list .list-item_3 {
    padding: 0 15px;
    display: block;
  }
}
.pricing-page__list .list-wrap {
  text-align: center;
  color: #4d4d4d;
  font-size: 20px;
  font-family: "HelveticaNeueLTStd-Bd";
}
@media screen and (min-width: 992px) {
  .pricing-page__list .list-wrap {
    font-size: 25px;
    margin-bottom: 30px;
  }
}
.pricing-page__col {
  flex: 1 1 100%;
  padding: 0 10px;
  margin-bottom: 20px;
}
@media screen and (min-width: 450px) {
  .pricing-page__col {
    flex: 1 1 50%;
  }
}
@media screen and (min-width: 768px) {
  .pricing-page__col {
    padding: 0 15px;
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }
}
.pricing-page__wrap {
  border: 2px solid #dfdfdf;
  height: 100%;
}
.pricing-page__header {
  text-align: center;
  background: #999999;
  padding: 20px;
  color: #fff;
  overflow: hidden;
}
@media screen and (min-width: 450px) {
  .pricing-page__header {
    height: 140px;
  }
}
@media screen and (min-width: 992px) {
  .pricing-page__header {
    padding: 30px;
    height: 190px;
  }
}
.free .pricing-page__header {
  font-size: 50px;
  font-family: "HelveticaNeueLTStd-Bd";
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 992px) {
  .free .pricing-page__header {
    font-size: 70px;
  }
}
.first-price .pricing-page__header {
  background: #3fa9f5;
}
.second-price .pricing-page__header {
  background: #f7901e;
}
@media screen and (min-width: 450px) {
  .second-price .pricing-page__header {
    height: auto;
  }
}
@media screen and (min-width: 768px) {
  .second-price .pricing-page__header {
    height: 140px;
  }
}
@media screen and (min-width: 992px) {
  .second-price .pricing-page__header {
    height: 190px;
  }
}
.pricing-page__header .price {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  font-size: 45px;
  margin-bottom: 5px;
  font-family: "HelveticaNeueLTStd-Bd";
}
@media screen and (min-width: 992px) {
  .pricing-page__header .price {
    font-size: 65px;
  }
}
.pricing-page__header .price sup {
  font-size: 28px;
  font-family: "HelveticaNeueLTStd-Roman";
  top: -1.7em;
}
.pricing-page__header .price-old {
  color: #000;
  margin-right: 10px;
  font-size: 35px;
  position: relative;
}
@media screen and (min-width: 992px) {
  .pricing-page__header .price-old {
    font-size: 50px;
  }
}
.pricing-page__header .price-old:before {
  content: "";
  position: absolute;
  top: 20px;
  left: 10px;
  width: 80px;
  height: 4px;
  transform: rotate(-28deg);
  background: #000;
}
@media screen and (min-width: 992px) {
  .pricing-page__header .price-old:before {
    top: 30px;
    width: 130px;
    left: -15px;
  }
}
.pricing-page__header .price-old sup {
  font-size: 25px;
  top: -19px;
}
.pricing-page__header i {
  font-style: italic;
  color: #fff;
  font-size: 18px;
  display: block;
}
@media screen and (min-width: 992px) {
  .pricing-page__header i {
    font-size: 22px;
    max-width: 220px;
    margin: 0 auto;
  }
}
.pricing-page__body {
  padding: 20px;
}
@media screen and (min-width: 992px) {
  .pricing-page__body {
    padding: 30px 20px 50px;
  }
}
.pricing-page__body p {
  text-align: center;
  color: #999;
  font-size: 15px;
}
@media screen and (min-width: 450px) {
  .pricing-page__body p {
    min-height: 150px;
  }
}
@media screen and (min-width: 992px) {
  .pricing-page__body p {
    font-size: 18px;
  }
}
.second-price .pricing-page__body p {
  color: #000;
  padding-top: 20px;
}
@media screen and (min-width: 450px) {
  .second-price .pricing-page__body p {
    min-height: auto;
  }
}
@media screen and (min-width: 768px) {
  .second-price .pricing-page__body p {
    min-height: 150px;
  }
}
.pricing-page__body ul {
  list-style: none;
  margin-top: 20px;
  padding: 0;
}
@media screen and (min-width: 992px) {
  .pricing-page__body ul {
    padding-left: 20px;
  }
}
.pricing-page__body ul li {
  padding-left: 25px;
  position: relative;
  margin-bottom: 15px;
  font-size: 15px;
  color: #999999;
}
@media screen and (min-width: 992px) {
  .pricing-page__body ul li {
    padding-left: 30px;
    font-size: 18px;
  }
}
.pricing-page__body ul li.active {
  color: #000;
}
.pricing-page__body ul li:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "";
  color: #fff;
  position: absolute;
  left: 0px;
  padding: 0;
}
.pricing-page__body ul li.active:before {
  color: #3be13b;
}
.pricing-page__body a {
  margin: 50px auto 0;
  display: block;
  text-align: center;
  max-width: 150px;
  text-decoration: none;
  white-space: nowrap;
  padding: 0 15px;
}
@media screen and (min-width: 576px) {
  .pricing-page__body a {
    width: 100%;
    height: 48px;
    line-height: 50px;
  }
}
@media screen and (min-width: 992px) {
  .pricing-page__body a {
    width: 80%;
    padding: 0 30px;
  }
}

.nowrap {
  white-space: nowrap;
}

.table-clipp {
  max-height: 533px !important;
  overflow: hidden;
}
.table-clipp tr {
  display: none;
}
.table-clipp tr:nth-child(1), .table-clipp tr:nth-child(2), .table-clipp tr:nth-child(3), .table-clipp tr:nth-child(4), .table-clipp tr:nth-child(5), .table-clipp tr:nth-child(6), .table-clipp tr:nth-child(7), .table-clipp tr:nth-child(8) {
  display: table-row;
}
.table-clipp.active {
  overflow: auto;
}
.table-clipp.active tr {
  display: table-row;
}

.accordion-hide {
  display: none;
}
.accordion-hide.active {
  display: block;
}

.radio-btns {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.radio-btns .radio_area {
  margin-right: 20px;
}

.radio_area input {
  display: none;
}

.radio {
  -webkit-appearance: radio;
  vertical-align: top;
  margin: 0 3px 0 0;
  width: 12px;
  height: 12px;
  cursor: pointer;
}

.radio + label {
  cursor: pointer;
}

.radio:not(checked) {
  position: absolute;
  opacity: 0;
}

.radio:not(checked) + label {
  padding-left: 20px;
  position: relative;
  display: inline-block;
}

.radio:not(checked) + label:before {
  content: "";
  display: block;
  position: absolute;
  width: 12px;
  height: 12px;
  border: 1px solid #000;
  border-radius: 50%;
  left: 0px;
  right: 0px;
  background-color: #fff;
  top: 2px;
}
@media screen and (min-width: 576px) {
  .radio:not(checked) + label:before {
    width: 15px;
    height: 15px;
    top: 3px;
  }
}

.radio:not(checked) + label:after {
  content: "";
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  top: 5px;
  left: 3px;
  background: #3FA9F5;
  border-radius: 50%;
  opacity: 0;
  transition: 0.6s;
}
@media screen and (min-width: 576px) {
  .radio:not(checked) + label:after {
    width: 9px;
    height: 9px;
    top: 6px;
  }
}

.radio:checked + label:before {
  border-color: #000;
}

.radio:checked + label:after {
  opacity: 1;
}

.checkbox_area input {
  display: none;
}

.checkbox {
  -webkit-appearance: checkbox;
  vertical-align: top;
  margin: 0 3px 0 0;
  width: 12px;
  height: 12px;
  cursor: pointer;
}

.checkbox + label {
  cursor: pointer;
  margin: 0;
  font-size: 15px;
}
@media screen and (min-width: 576px) {
  .checkbox + label {
    font-size: 18px;
  }
}

.checkbox:not(checked) {
  position: absolute;
  opacity: 0;
}

.checkbox:not(checked) + label {
  padding-left: 30px;
  position: relative;
  display: inline-block;
}

.checkbox:not(checked) + label:before {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  border: 2px solid #dddddd;
  left: 0px;
  right: 0px;
  top: 0px;
}
@media screen and (min-width: 576px) {
  .checkbox:not(checked) + label:before {
    width: 22px;
    height: 22px;
  }
}

.checkbox:not(checked) + label:after {
  content: "";
  display: block;
  background: url(../images/check.svg) no-repeat;
  position: absolute;
  width: 15px;
  height: 15px;
  top: 5px;
  left: 3px;
  opacity: 0;
  transition: 0.6s;
}
@media screen and (min-width: 576px) {
  .checkbox:not(checked) + label:after {
    left: 4px;
  }
}

.checkbox:checked + label:after {
  opacity: 1;
}

@media screen and (max-width: 370px) {
  .col-12m {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.table-th__row {
  display: flex;
  margin: -15px 0;
  text-align: left;
}
@media screen and (min-width: 576px) {
  .table-th__row {
    margin: -10px 0;
    text-align: center;
  }
}
.table-th__col {
  flex: 0 0 60%;
  max-width: 60%;
  padding: 15px 10px;
}
@media screen and (min-width: 576px) {
  .table-th__col {
    padding: 10px 0;
  }
}
.table-th__col:first-child {
  flex: 0 0 40%;
  max-width: 40%;
  border-right: 1px solid #d9d9d9;
  padding-left: 0;
  padding-right: 0;
}
@media screen and (min-width: 576px) {
  .table-th__col:first-child {
    border-right: 2px solid #d9d9d9;
  }
}
@media screen and (min-width: 768px) {
  .table-th__col {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .table-th__col:first-child {
    flex: 0 0 50%;
    max-width: 50%;
    border: 0;
  }
}

.ahc-section {
  margin: 10px -10px 0;
  display: flex;
  justify-content: center;
  text-align: left;
  flex-wrap: wrap;
  border-top: 1px solid #d9d9d9;
}
@media screen and (min-width: 768px) {
  .ahc-section {
    margin: 10px -20px 0;
  }
}
.ahc-section__row {
  display: flex;
  align-items: center;
  padding: 10px 10px 10px;
  border-bottom: 1px solid #d9d9d9;
}
.ahc-section__row:last-child {
  border-bottom: 0;
}
.ahc-section__row br {
  display: none;
}
@media screen and (min-width: 420px) {
  .ahc-section__row br {
    display: block;
  }
}
@media screen and (min-width: 576px) {
  .table_associated_two .ahc-section__row {
    flex-direction: column;
    text-align: center;
    justify-content: center;
    border: 0;
    border-right: 1px solid #d9d9d9;
  }
  .table_associated_two .ahc-section__row:last-child {
    border-right: 0;
  }
}
@media screen and (min-width: 768px) {
  .ahc-section__row {
    flex-direction: column;
    text-align: center;
    justify-content: center;
  }
  .table_associated_three .ahc-section__row, .table_associated_four .ahc-section__row, .table_associated_five .ahc-section__row {
    border: 0;
    border-right: 1px solid #d9d9d9;
  }
  .table_associated_three .ahc-section__row:last-child, .table_associated_four .ahc-section__row:last-child, .table_associated_five .ahc-section__row:last-child {
    border-right: 0;
  }
}
.table_associated_two .ahc-section__row {
  flex: 0 0 100%;
  max-width: 100%;
}
.table_associated_two .ahc-section__row br {
  display: none;
}
@media screen and (min-width: 576px) {
  .table_associated_two .ahc-section__row {
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 0;
  }
  .table_associated_two .ahc-section__row br {
    display: block;
  }
}
.table_associated_three .ahc-section__row {
  flex: 0 0 100%;
  max-width: 100%;
}
.table_associated_three .ahc-section__row br {
  display: none;
}
@media screen and (min-width: 768px) {
  .table_associated_three .ahc-section__row {
    flex: 0 0 33.333%;
    max-width: 33.333%;
    margin-bottom: 0;
  }
  .table_associated_three .ahc-section__row br {
    display: block;
  }
}
.table_associated_four .ahc-section__row {
  flex: 0 0 100%;
  max-width: 100%;
}
.table_associated_four .ahc-section__row br {
  display: none;
}
@media screen and (min-width: 768px) {
  .table_associated_four .ahc-section__row {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .table_associated_four .ahc-section__row br {
    display: block;
  }
}
@media screen and (min-width: 992px) {
  .table_associated_four .ahc-section__row {
    flex: 0 0 25%;
    max-width: 25%;
    justify-content: center;
    margin-bottom: 0;
  }
}
.table_associated_five .ahc-section__row {
  flex: 0 0 100%;
  max-width: 100%;
}
.table_associated_five .ahc-section__row br {
  display: none;
}
@media screen and (min-width: 768px) {
  .table_associated_five .ahc-section__row {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (min-width: 992px) {
  .table_associated_five .ahc-section__row {
    flex: 0 0 20%;
    max-width: 20%;
    margin-bottom: 0;
  }
  .table_associated_five .ahc-section__row br {
    display: block;
  }
}
.ahc-section__icon {
  margin-right: 5px;
  width: 15px;
  flex: 0 0 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 576px) {
  .ahc-section__icon {
    width: 25px;
    flex: 0 0 25px;
    height: 25px;
  }
}
@media screen and (min-width: 768px) {
  .ahc-section__icon {
    margin-bottom: 5px;
  }
}
.ahc-section__icon img, .ahc-section__icon svg {
  max-width: 100%;
  max-height: 100%;
}
.ahc-section__text {
  font-size: 10px;
}
@media screen and (min-width: 576px) {
  .ahc-section__text {
    font-size: 12px;
  }
}
.ahc-section__u-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15px;
  height: 20px;
  margin: 0 auto;
}
.ahc-section__u-icon svg, .ahc-section__u-icon img {
  max-width: 100%;
  max-height: 100%;
}
@media screen and (min-width: 370px) {
  .ahc-section__u-icon {
    width: 20px;
    height: 25px;
  }
}
@media screen and (min-width: 576px) {
  .ahc-section__u-icon {
    width: 25px;
    height: 30px;
  }
}

.info-section {
  background: #fff;
  margin-bottom: 40px;
}
.info-section p {
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .info-section p {
    font-size: 22px;
    line-height: 32px;
  }
}

.preinfo-section {
  display: none;
  width: 100%;
  margin-top: 20px;
}
.collapsed .preinfo-section {
  display: block;
}
.preinfo-section__item {
  background: #f4fbfe;
  padding: 10px;
  margin-bottom: 10px;
  display: block;
}

.choose-choice h3 {
  font-size: 16px;
  font-family: "HelveticaNeueLTStd-Bd";
  margin-bottom: 20px;
  padding-right: 20px;
}
@media screen and (min-width: 576px) {
  .choose-choice h3 {
    font-size: 20px;
  }
}
.choose-choice__col {
  margin-bottom: 20px;
}
.choose-choice__list {
  max-height: 205px;
  overflow: auto;
  margin-bottom: 50px;
}
.choose-choice__item {
  border-bottom: 1px solid #dfdfdf;
  padding: 5px 25px 5px 5px;
  position: relative;
  background: url(../images/icon-arrow-b.png) no-repeat;
  background-position: right 10px top 50%;
  background-size: 8px;
  cursor: pointer;
  font-size: 16px;
}
.choose-choice__item_label {
  padding: 2px 5px;
  border-radius: 7px;
  background: #29abe2;
  color: #fff;
  position: absolute;
  top: 50%;
  right: 30px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 50px;
  text-align: center;
  font-size: 14px;
}
.choose-choice__item_label .line-through {
  text-decoration: line-through;
}
.choose-choice__item.selected .choose-choice__item_title {
  text-decoration: line-through;
  -moz-text-decoration-style: dotted;
  text-decoration-style: dotted;
}
.choose-choice__item.all-selected .choose-choice__item_title {
  text-decoration: line-through;
}
.choose-choice__check {
  padding: 15px 10px;
  background: #fff;
  margin-bottom: 10px;
}
.choose-choice__check .checkbox + label {
  font-size: 16px;
  font-family: "HelveticaNeueLTStd-Bd";
}
.choose-choice__check .checkbox:not(checked) + label:before {
  border-color: #5A5A5A;
}
.choose-choice__checkbox {
  max-height: 245px;
  overflow: auto;
  margin-bottom: 50px;
}
.choose-choice__checkbox .checkbox_area {
  padding: 10px 10px;
  background: #f2f2f2;
}
.choose-choice__checkbox .checkbox_area:nth-child(2n) {
  background: #fff;
}
.choose-choice__checkbox .checkbox_area .checkbox:not(checked) + label:after {
  left: 5px;
  top: 5.5px;
  background-image: url(../images/x-mark.svg);
  background-size: 12px;
}
.choose-choice__checkbox .checkbox_area .checkbox:checked + label {
  text-decoration: line-through;
}
.choose-choice__checkbox .checkbox_area label {
  margin: 0;
}

/* NAVBAR */
.fixed-bread {
  position: fixed;
  top: 58px;
  left: 0;
  width: 100%;
  z-index: 99;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+23,0.8+56,0+100 */
  background: -moz-linear-gradient(top, white 0%, white 23%, rgba(255, 255, 255, 0.8) 56%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, white 0%, white 23%, rgba(255, 255, 255, 0.8) 56%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, white 0%, white 23%, rgba(255, 255, 255, 0.8) 56%, rgba(255, 255, 255, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#00ffffff",GradientType=0 );
  /* IE6-9 */
}
@media (min-width: 1200px) {
  .fixed-bread {
    top: 76px;
  }
}

.header {
  background: #fff;
}
.header .navbar-brand img {
  width: 137px;
}
@media screen and (min-width: 1200px) {
  .header .navbar-brand img {
    width: 210px;
  }
}
.header .navbar {
  background-color: #ffffff;
  border-bottom: 1px solid #dfdfdf;
  padding: 10px 0 5px;
  box-shadow: none;
}
@media screen and (min-width: 1200px) {
  .header .navbar {
    padding: 10px 0;
  }
}
.header .navbar-light .navbar-nav .nav-link {
  color: #333333;
  font-size: 14px;
  font-family: "HelveticaNeueLTStd-Roman";
  border-bottom: 1px solid #333333;
  padding: 0.5rem 0 0.3rem;
}
.header .navbar-light .navbar-nav .nav-link.userAva {
  color: #333333;
  font-size: 14px;
  font-family: "HelveticaNeueLTStd-Roman";
  padding-left: 37px;
}
.header .navbar-light .navbar-nav .nav-link.userAva:after {
  display: none;
}
@media screen and (min-width: 576px) {
  .header .navbar-light .navbar-nav .nav-link.userAva {
    font-size: 18px;
  }
}
@media screen and (min-width: 992px) {
  .header .navbar-light .navbar-nav .nav-link.userAva {
    font-family: "AvenirLTStd-Black";
    color: #1a1a1a;
    padding-top: 10px;
    padding-right: 0.4rem;
    padding-left: 50px;
  }
}
@media screen and (min-width: 576px) {
  .header .navbar-light .navbar-nav .nav-link {
    font-size: 18px;
  }
}
@media screen and (min-width: 992px) {
  .header .navbar-light .navbar-nav .nav-link {
    padding-right: 1.2rem;
    padding-left: 1rem;
    border-bottom: 0;
  }
}
.header .navbar-light .navbar-nav .nav-item.active .nav-link {
  font-family: "HelveticaNeueLTStd-Md";
  color: #1a1a1a;
}
.header .navbar-toggler {
  border: 0;
  outline: none !important;
  padding: 0;
  border-radius: 0;
}
@media screen and (max-width: 991px) {
  .header .navbar-collapse {
    position: fixed;
    width: 300px;
    height: 100%;
    top: 0;
    right: -300px;
    background: #fff;
    transition: ease all 0.3s;
    text-align: right;
    padding: 18px;
    -webkit-box-shadow: -12px 1px 20px -13px #c7c7c7;
    -moz-box-shadow: -12px 1px 20px -13px #c7c7c7;
    box-shadow: -12px 1px 20px -13px #c7c7c7;
    overflow: auto;
  }
  .header .navbar-collapse .navbar-toggler {
    margin-bottom: 20px;
  }
  .header .navbar-collapse.show {
    right: 0;
  }
}
@media screen and (max-width: 575px) {
  .header .navbar-collapse {
    width: 172px;
    right: -172px;
  }
}
@media screen and (max-width: 991px) {
  .header .dropdown-toggle {
    display: none;
  }
}
@media screen and (max-width: 1750px) {
  .header .dropdown-menu {
    left: auto;
    right: 0;
  }
}
@media screen and (max-width: 991px) {
  .header .dropdown-menu {
    position: relative;
    border: 0;
    padding: 0;
    display: block;
    text-align: right;
    min-width: auto;
  }
}
@media screen and (max-width: 991px) {
  .header .dropdown-divider {
    display: none;
  }
}
.header .dropdown-item {
  color: #333333;
  font-size: 14px;
  font-family: "HelveticaNeueLTStd-Roman";
  border-bottom: 1px solid #333333;
  padding: 0.5rem 0 0.3rem;
}
@media screen and (min-width: 576px) {
  .header .dropdown-item {
    font-size: 18px;
  }
}
@media screen and (min-width: 992px) {
  .header .dropdown-item {
    padding: 0.25rem 1.5rem;
    border-bottom: 0;
  }
}
@media (min-width: 992px) {
  .header .userAva {
    padding-left: 37px;
    background-image: url("../images/icons/icon-user-circle.svg");
    background-repeat: no-repeat;
    background-size: 30px auto;
    background-position: 8px center;
  }
}
@media screen and (min-width: 992px) and (min-width: 1200px) {
  .header .userAva {
    background-size: 35px auto;
  }
}

.footerv2 {
  background: transparent;
}
.footerv2__line {
  border-top: 1px solid #dfdfdf;
  color: #b3b3b3;
  text-align: center;
  font-family: "HelveticaNeue-Thin";
  font-size: 19px;
}

/*BTNS*/
.btn:focus, .btn.focus {
  box-shadow: none;
  outline: none;
}

.btn-default {
  border-radius: 35px;
  font-size: 14px;
  color: #fff;
  background-color: #3fa9f5;
  border: 1px solid #3fa9f5;
  font-family: "HelveticaNeueLTStd-Md";
  padding: 0 25px;
  height: 29px;
  line-height: 31px;
  text-decoration: none;
}
@media screen and (min-width: 576px) {
  .btn-default {
    height: 38px;
    line-height: 40px;
    padding: 0 30px;
    font-size: 18px;
  }
  .card--optimizeCard .btn-default {
    padding: 0 60px;
  }
}
@media screen and (min-width: 1200px) {
  .btn-default {
    font-size: 21px;
  }
}
.btn-default:hover {
  color: #3fa9f5;
  background-color: #fff;
  text-decoration: none;
}
.btn-default_secondary {
  background-color: #f2f2f2;
  border-color: #f2f2f2;
  color: #999999;
}
.btn-default_secondary:hover {
  background-color: #fff;
  color: #999999;
}
.btn-default_danger {
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-default_danger:hover {
  color: #dc3545;
  background-color: #fff;
}
.btn-default_back {
  background-color: #4d4d4d;
  border-color: #4d4d4d;
}
.btn-default_back:hover {
  color: #4d4d4d;
  background-color: #fff;
}
.btn-default_edit {
  max-width: 250px;
  height: auto;
  width: 100%;
  padding: 5px 20px;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .btn-default_edit {
    border-radius: 15px;
  }
}
@media screen and (max-width: 577px) {
  .btn-default_edit {
    max-width: 110px;
    padding: 5px 10px;
  }
}
@media screen and (max-width: 370px) {
  .btn-default_edit {
    float: left;
    margin-top: 5px;
    max-width: 160px;
  }
}

.btn-table-more {
  font-size: 14px;
  color: #fff;
  background-color: #3fa9f5;
  border: 1px solid #3fa9f5;
  font-family: "HelveticaNeueLTStd-Md";
  padding: 0 25px;
  height: 39px;
  line-height: 41px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: ease all 0.3s;
}
.btn-table-more:hover {
  text-decoration: none;
  color: #fff;
  opacity: 0.7;
}
@media screen and (min-width: 576px) {
  .btn-table-more {
    padding: 0 30px;
    font-size: 18px;
  }
}

.btn-new {
  height: 28px;
  line-height: 30px;
  border-radius: 35px;
  font-size: 16px;
  color: #fff;
  background-color: #2fbfa4;
  border: 1px solid #2fbfa4;
  font-family: "HelveticaNeueLTStd-Md";
  padding: 0 20px;
}
@media screen and (min-width: 576px) {
  .btn-new {
    height: 38px;
    line-height: 40px;
  }
}
.btn-new:hover {
  color: #2fbfa4;
  background-color: #fff;
}

.btn-link {
  font-family: "HelveticaNeueLTStd-Md";
  color: #1a1a1a;
  font-size: 14px;
  text-decoration: underline;
  display: flex;
  align-items: flex-start;
  padding: 0;
  white-space: nowrap;
}
.card--dashboarddetailCard .btn-link {
  display: inline-block;
  text-align: left;
}
.btn-link:hover {
  color: #1a1a1a;
  text-decoration: none;
}
.btn-link .icon {
  margin-right: 5px;
}
@media screen and (min-width: 576px) {
  .btn-link {
    font-size: 15px;
  }
}

.btn-red {
  background-color: #e20a17;
  border-color: #e20a17;
}
.btn-red:hover {
  color: #e20a17;
}

.btn-blue {
  background-color: #29abe2;
  border-color: #29abe2;
}
.btn-blue:hover {
  color: #29abe2;
}

.btn-violet {
  background-color: #93278f;
  border-color: #93278f;
}
.btn-violet:hover {
  color: #93278f;
}

.btn-orange {
  background-color: #f7931e;
  border-color: #f7931e;
}
.btn-orange:hover {
  color: #f7931e;
}

.btn-modal {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  padding: 0;
  margin: 0 10px !important;
  border: 0;
}
.btn-modal:hover {
  color: #fff;
  opacity: 0.7;
  outline: none;
}
.btn-modal img {
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 576px) {
  .btn-modal {
    width: 39px;
    height: 39px;
  }
}

.btn-modal-finish {
  border-radius: 35px;
  font-size: 14px;
  color: #fff;
  background-color: #3fa9f5;
  border: 1px solid #3fa9f5;
  font-family: "HelveticaNeueLTStd-Md";
  padding: 0 15px;
  height: 24px;
  line-height: 26px;
}
@media screen and (min-width: 576px) {
  .btn-modal-finish {
    height: 39px;
    line-height: 40px;
    font-size: 18px;
  }
}
.btn-modal-finish_sm {
  font-size: 15px;
  margin: 5px;
  width: 100%;
  text-align: center;
}
@media screen and (min-width: 410px) {
  .btn-modal-finish_sm {
    width: auto;
  }
}
.btn-modal-finish:hover {
  color: #3fa9f5;
  background-color: #fff;
}

.btn-primary {
  background: #0071bc;
  border-color: #0071bc;
}

.btn-read {
  width: 110px;
}
.btn-read svg {
  max-width: 100%;
}
@media screen and (min-width: 576px) {
  .btn-read {
    width: 166px;
  }
}

.pricing-btn {
  height: 48px;
  line-height: 50px;
  margin-top: 35px;
}

a:hover {
  cursor: pointer;
}
a:active {
  cursor: progress;
}

.btn-show-accordion {
  width: 100%;
  text-decoration: none;
  display: flex;
  justify-content: center;
  height: auto;
  padding: 13px 10px 10px;
  line-height: 1.3;
  text-align: center;
}
.btn-show-accordion:hover {
  text-decoration: none;
}
@media screen and (min-width: 340px) {
  .btn-show-accordion {
    padding: 13px 70px 10px;
  }
}
@media screen and (min-width: 420px) {
  .btn-show-accordion {
    padding: 13px 70px 10px;
  }
}
@media screen and (min-width: 520px) {
  .btn-show-accordion {
    padding: 13px 30px 10px;
  }
}
@media screen and (min-width: 576px) {
  .btn-show-accordion {
    padding: 13px 20px 10px;
  }
}
@media screen and (min-width: 768px) {
  .btn-show-accordion {
    height: 45px;
    line-height: 47px;
    padding: 0;
  }
}
.btn-show-accordion .less {
  display: none;
}
.btn-show-accordion.active {
  margin-bottom: 30px;
}
.btn-show-accordion.active .less {
  display: block;
}
.btn-show-accordion.active .more {
  display: none;
}

/* ICONS */
.icon::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

.pr5px::before {
  padding-right: 5px;
}

.pr10px::before {
  padding-right: 10px;
}

.pr15px::before {
  padding-right: 15px;
}

.pl5px::before {
  padding-left: 5px;
}

.pl10px::before {
  padding-left: 10px;
}

.pl15px::before {
  padding-left: 15px;
}

.left::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "";
}

.brain::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "";
}

.sortBiggertoLess::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "";
}

.sortLesstoBigger::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "";
}

.sort91::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "";
}

.sort19::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "";
}

.sortAZ::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "";
}

.sortZA::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "";
}

.sort::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "";
}

.upload::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "";
}

.check::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "";
}

.minus::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "";
}

.truck::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "";
}

.exclamation::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "";
}

.right::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "";
}

.up::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "";
}

.down::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "";
}

.dismiss::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "";
  color: #000000;
}

.list::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "";
}

.home::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "";
}

.info::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "";
}

.pie::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "";
}

.caret-down::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "";
}

.caret-right::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "";
}

.caret-left::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "";
}

.tutorial::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "";
}

.table_associated .info::before,
.overviewReportv2 .info::before,
.card-body-box .info::before,
.mobileResultsTablev2 .info::before,
.reportDetailed .info::before,
.select-page .info::before,
.user-preference .info::before,
.container_dashboard-sm .info::before {
  background: url(../images/icons/button_information.svg) no-repeat;
  background-size: 100% 100%;
  width: 12px;
  height: 12px;
  content: "";
}
@media screen and (min-width: 576px) {
  .table_associated .info::before,
.overviewReportv2 .info::before,
.card-body-box .info::before,
.mobileResultsTablev2 .info::before,
.reportDetailed .info::before,
.select-page .info::before,
.user-preference .info::before,
.container_dashboard-sm .info::before {
    width: 20px;
    height: 20px;
  }
}

.tutorialv2::before {
  background: url(../images/icons/icon-tutorial.svg) no-repeat;
  width: 20px;
  height: 21px;
  content: "";
}

.notebook::before {
  background: url(../images/icons/icon-notebook.svg) no-repeat;
  width: 20px;
  height: 21px;
  content: "";
  vertical-align: text-bottom;
}

.notebook-b::before {
  background: url(../images/icons/icon-notebook-b.svg) no-repeat;
  width: 20px;
  height: 21px;
  content: "";
  vertical-align: text-bottom;
}

.decrease,
.increase {
  display: inline-block;
}

.decrease::before {
  background: url(../images/icons/icon-decrease.svg) no-repeat;
  height: 20px;
  width: 20px;
  content: "";
  vertical-align: middle;
}
@media screen and (min-width: 575px) {
  .decrease::before {
    width: 30px;
    height: 28px;
  }
}

.increase::before {
  background: url(../images/icons/icon-increase.svg) no-repeat;
  height: 20px;
  width: 20px;
  content: "";
  vertical-align: middle;
  display: inline-block;
}
@media screen and (min-width: 575px) {
  .increase::before {
    width: 30px;
    height: 28px;
  }
}

.arrow-green-up::before {
  background: url(../images/icons/check-circle-solid.svg) no-repeat;
  width: 25px;
  height: 25px;
  content: "";
  vertical-align: middle;
  filter: invert(57%) sepia(64%) saturate(397%) hue-rotate(118deg) brightness(92%) contrast(89%);
}
.arrow-green-up--large::before {
  background: url(../images/icons/check-circle-solid.svg) no-repeat;
  width: 95px;
  height: 95px;
  content: "";
  vertical-align: middle;
  filter: invert(57%) sepia(64%) saturate(397%) hue-rotate(118deg) brightness(92%) contrast(89%);
}
.arrow-green-up--medium::before {
  background: url(../images/icons/check-circle-solid.svg) no-repeat;
  width: 45px;
  height: 45px;
  content: "";
  vertical-align: middle;
  filter: invert(57%) sepia(64%) saturate(397%) hue-rotate(118deg) brightness(92%) contrast(89%);
}

.arrow-green-down::before {
  width: 25px;
  height: 25px;
  background: url(../images/icons/check-circle-solid.svg) no-repeat;
  content: "";
  vertical-align: middle;
  filter: invert(57%) sepia(64%) saturate(397%) hue-rotate(118deg) brightness(92%) contrast(89%);
}
.arrow-green-down--large::before {
  width: 95px;
  height: 95px;
  background: url(../images/icons/check-circle-solid.svg) no-repeat;
  content: "";
  vertical-align: middle;
  filter: invert(57%) sepia(64%) saturate(397%) hue-rotate(118deg) brightness(92%) contrast(89%);
}
.arrow-green-down--medium::before {
  width: 45px;
  height: 45px;
  background: url(../images/icons/check-circle-solid.svg) no-repeat;
  content: "";
  vertical-align: middle;
  filter: invert(57%) sepia(64%) saturate(397%) hue-rotate(118deg) brightness(92%) contrast(89%);
}

.arrow-red-up::before {
  background: url(../images/icons/times-circle-solid.svg) no-repeat;
  width: 25px;
  height: 25px;
  content: "";
  vertical-align: middle;
  filter: invert(44%) sepia(94%) saturate(2494%) hue-rotate(331deg) brightness(88%) contrast(103%);
}
.arrow-red-up--large::before {
  width: 95px;
  height: 95px;
  background: url(../images/icons/times-circle-solid.svg) no-repeat;
  content: "";
  vertical-align: middle;
  filter: invert(44%) sepia(94%) saturate(2494%) hue-rotate(331deg) brightness(88%) contrast(103%);
}
.arrow-red-up--medium::before {
  width: 45px;
  height: 45px;
  background: url(../images/icons/times-circle-solid.svg) no-repeat;
  content: "";
  vertical-align: middle;
  filter: invert(44%) sepia(94%) saturate(2494%) hue-rotate(331deg) brightness(88%) contrast(103%);
}

.arrow-red-down::before {
  background: url(../images/icons/times-circle-solid.svg) no-repeat;
  width: 25px;
  height: 25px;
  content: "";
  vertical-align: middle;
  filter: invert(44%) sepia(94%) saturate(2494%) hue-rotate(331deg) brightness(88%) contrast(103%);
}
.arrow-red-down--large::before {
  width: 95px;
  height: 95px;
  background: url(../images/icons/times-circle-solid.svg) no-repeat;
  content: "";
  vertical-align: middle;
  filter: invert(44%) sepia(94%) saturate(2494%) hue-rotate(331deg) brightness(88%) contrast(103%);
}
.arrow-red-down--medium::before {
  width: 45px;
  height: 45px;
  background: url(../images/icons/times-circle-solid.svg) no-repeat;
  content: "";
  vertical-align: middle;
  filter: invert(44%) sepia(94%) saturate(2494%) hue-rotate(331deg) brightness(88%) contrast(103%);
}

.none::before {
  width: 20px;
  height: 20px;
  content: "";
}

/* INTRO */
.sectionIntro {
  background-image: url(../images/intro-coloured_v4.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding-top: 60px;
  padding-bottom: 60px;
}
.sectionIntro h1 {
  color: #ffffff;
  font-size: 62px;
  line-height: 62px;
  margin-bottom: 40px;
  font-weight: 700;
}
.sectionIntro h2 {
  color: #ffffff;
  font-weight: 100;
}

@media (max-width: 768px) {
  .sectionIntro h1 {
    font-size: 38px;
    line-height: 42px;
  }
  .sectionIntro #arrow {
    display: none;
  }
}
/* SECTIONS */
.contentSection {
  padding-top: 80px;
  padding-bottom: 80px;
}
.contentSection--nutritientBox {
  padding-top: 30px;
  padding-bottom: 80px;
}

@media screen and (max-width: 767px) {
  .contentSection {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .contentSection--nutritientBox {
    padding-top: 15px;
    margin: 0;
    padding: 0;
    padding-bottom: 40px;
  }
}
.optinSection {
  background-image: url("../images/intro-coloured_v4.jpg");
  background-size: cover;
  position: center;
  display: flex;
  align-items: center;
  padding-top: 80px;
  padding-bottom: 80px;
}

.pricingBox {
  color: #ffffff;
}
.pricingBox .line1 {
  font-size: 48px;
  line-height: 52px;
}
.pricingBox .line2 {
  font-size: 34px;
  line-height: 52px;
}
.pricingBox .line3 {
  font-size: 30px;
  line-height: 52px;
}

@media (max-width: 767px) {
  .pricingBox {
    color: #ffffff;
  }
  .pricingBox .line1 {
    font-size: 36px;
    line-height: normal;
  }
  .pricingBox .line2 {
    font-size: 24px;
    line-height: normal;
  }
  .pricingBox .line3 {
    font-size: 20px;
    line-height: normal;
  }
}
.optinCardHero {
  height: auto;
  background-color: transparent;
  box-shadow: none;
  border: none;
  /* OPTIN */
}
.optinCardHero form {
  max-width: 800px;
  margin: 0 auto;
}
.optinCardHero form.optin .form-group {
  display: inline-block;
}
.optinCardHero img.arrow {
  width: auto;
  height: auto;
  margin-right: 15px;
}
.optinCardHero .optinCard h3 {
  text-align: center;
  margin-bottom: 10px;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-size: 22px;
}

@media (max-width: 768px) {
  .optinCardHero img.arrow {
    display: none;
  }
}
/* OPTINS */
.optinCardInter {
  height: auto;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.14);
  /* OPTIN */
}
.optinCardInter form {
  max-width: 800px;
  margin: 0 auto;
}
.optinCardInter form.optin .form-group {
  display: inline-block;
}
.optinCardInter img.arrow {
  width: 44px;
  height: auto;
}
.optinCardInter .optinCard h3 {
  text-align: center;
  margin-bottom: 10px;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-size: 22px;
}

@media (max-width: 768px) {
  .landingPage__sectionIntro h1, .optinCardInter h1 {
    margin-top: 30px;
  }
  .landingPage__sectionIntro img.arrow, .optinCardInter img.arrow {
    display: none;
  }
  .landingPage__sectionIntro form.optin .form-group, .optinCardInter form.optin .form-group {
    display: block;
  }
  .landingPage__sectionIntro .optinCard, .optinCardInter .optinCard {
    margin-top: 30px;
    margin-bottom: 50px;
  }
  .landingPage__sectionIntro .optinCard button, .optinCardInter .optinCard button {
    width: 100%;
  }
}
/* NUTRIENT BOX */
.nutrient {
  width: 100%;
  margin-bottom: 40px;
  min-height: 322px;
  border: none;
  padding: 10px;
}
.nutrient .content {
  padding-left: 400px;
  margin-top: 40px;
}
.nutrient .content p {
  font-size: 22px;
  line-height: 34px;
}

.nutrient--coffee {
  background-image: url("../images/coffee.jpg");
  background-repeat: no-repeat;
  background-size: auto 100%;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  .nutrient {
    width: 100%;
    margin-bottom: 40px;
    min-height: 322px;
    border: none;
    padding: 10px;
  }
  .nutrient .content {
    padding-left: 250px;
    margin-top: 40px;
  }
  .nutrient .content p {
    font-size: 20px;
    line-height: 30px;
  }
  .nutrient .content h2:nth-child(3) {
    font-size: 26px;
    color: #000000;
  }
  .nutrient .content__topPiece h2 {
    font-size: 26px;
  }

  .nutrient--coffee {
    background-image: url("../images/coffee.jpg");
    background-repeat: no-repeat;
    background-size: auto auto;
    background-position: -160px;
  }
}
@media screen and (max-width: 767px) and (min-width: 321px) {
  .nutrient {
    min-height: auto;
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 0px;
  }
  .nutrient .content {
    padding: 0px;
    margin: 0;
    display: flex;
    flex-direction: column;
  }
  .nutrient .content p {
    font-size: 19px;
    line-height: 24px;
    padding-left: 10px;
    padding-top: 25px;
    padding-bottom: 10px;
  }
  .nutrient .content h2:nth-child(3) {
    font-size: 26px;
    padding-right: 70px;
    color: #000000;
    padding-left: 10px;
    padding-bottom: 25px;
  }
  .nutrient .content__topPiece {
    width: 100%;
    display: flex;
    align-items: center;
    background-image: url("../images/coffee_mobile.jpg");
    background-size: cover;
    background-position: right center;
    background-repeat: no-repeat;
  }
  .nutrient .content__topPiece h2 {
    font-size: 26px;
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 10px;
    padding-right: 130px;
    color: #ffffff;
  }

  .nutrient--coffee {
    background-image: none;
  }
}
@media screen and (max-width: 320px) {
  .nutrient {
    min-height: auto;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .nutrient .content {
    padding: 0px;
    margin-top: 25px;
  }
  .nutrient .content p {
    font-size: 19px;
    line-height: 24px;
    margin-top: 60px;
  }
  .nutrient .content h2:nth-child(1) {
    font-size: 26px;
    padding-right: 70px;
    color: #ffffff;
  }
  .nutrient .content h2:nth-child(3) {
    font-size: 26px;
    padding-right: 70px;
    color: #000000;
  }

  .nutrient--coffee {
    background-image: url("../images/coffee_mobile.jpg");
    background-size: 100% auto;
  }
}
/* NUTRIENT BOX ENDS*/
/* INTRO */
.landingPage__sectionIntro {
  background-image: url(../images/intro-coloured_v3.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  min-height: 500px;
  background-size: cover;
  /* OPTIN */
}
.landingPage__sectionIntro h1 {
  color: #ffffff;
  font-size: 62px;
  line-height: 62px;
  margin-top: 70px;
  font-weight: 700;
}
.landingPage__sectionIntro h2 {
  color: #ffffff;
  font-weight: 100;
}
.landingPage__sectionIntro form {
  max-width: 800px;
  margin: 0 auto;
}
.landingPage__sectionIntro form.optin .form-group {
  display: inline-block;
}
.landingPage__sectionIntro #arrow {
  width: 74px;
  height: auto;
}
.landingPage__sectionIntro .optinCard {
  height: auto;
  margin-top: 80px;
  margin-bottom: 50px;
  box-shadow: 0px 0px 41.71px 1.29px rgba(0, 0, 0, 0.28);
}
.landingPage__sectionIntro .optinCard h3 {
  text-align: center;
  margin-bottom: 10px;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-size: 22px;
}

@media (max-width: 768px) {
  .landingPage__sectionIntro h1 {
    margin-top: 30px;
  }
  .landingPage__sectionIntro #arrow {
    display: none;
  }
  .landingPage__sectionIntro form.optin .form-group {
    display: block;
  }
  .landingPage__sectionIntro .optinCard {
    margin-top: 30px;
    margin-bottom: 50px;
  }
  .landingPage__sectionIntro .optinCard button {
    width: 100%;
  }
}
/* BENEFITS */
.landingPage__sectionBenefits {
  padding-bottom: 20px;
}

.landingPage__sectionBenefits .iconContainer {
  border-radius: 100px;
  background-color: bisque;
  width: 100px;
  height: 100px;
  background-image: linear-gradient(135deg, #4ea8a6 0%, #59699c 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 25px auto;
}

.landingPage__sectionBenefits .iconContainer img {
  width: 50%;
}

.landingPage__sectionBenefits p {
  margin-bottom: 20px;
}

/* SCIENCE */
.landingPage__sectionScience {
  background-color: #f8f8f8;
  padding-bottom: 50px;
}

.landingPage__sectionScience #quotes {
  position: absolute;
  top: -70px;
  left: -80px;
  width: 100px;
}

.landingPage__sectionScience h2 {
  text-align: center;
  margin-top: 30px;
}

.landingPage__sectionScience .ava {
  width: 162px;
  height: 162px;
  border-radius: 300px;
  background-image: url(../images/md-ava.jpg);
}

.landingPage__sectionScience .signature {
  text-align: left;
  margin-top: 15px;
}

.landingPage__sectionScience .signature span {
  font-weight: 700;
}

@media (max-width: 768px) {
  .landingPage__sectionScience .ava {
    margin: 0 auto;
  }

  .landingPage__sectionScience .signature {
    text-align: center;
  }
}
/* INTERESTED */
.landingPage__sectionInterested {
  text-align: center;
}

.landingPage__sectionInterested h2 {
  margin-top: 70px;
  margin-bottom: 20px;
  text-align: center;
}

.landingPage__sectionInterested button {
  margin-bottom: 70px;
}

.welcomePage__sectionIntro h1 {
  font-size: 62px;
  font-weight: 700;
}
.welcomePage__sectionIntro p.subheading {
  font-size: 25px;
  font-weight: 100;
}
.welcomePage__sectionIntro .specialOffer {
  text-align: center;
}
.welcomePage__sectionIntro h4 {
  margin-top: 50px;
}
.welcomePage__sectionIntro button {
  width: 100%;
}
.welcomePage__sectionIntro .welcome-image {
  max-width: 100%;
}

#progress {
  background-image: #0ee66c;
}

.personalPage__section .terms {
  overflow-y: scroll;
  height: 300px;
  border: solid 1px #ced4da;
  border-radius: 4px;
}

.card--reportDetailed .card-body .row > div {
  margin-bottom: 40px;
}

.card--reportDetailed .divider {
  border-right: rgba(0, 0, 0, 0.125) 1px solid;
}

@media (max-width: 991px) {
  .card--reportDetailed .divider {
    border-right: none;
    border-bottom: rgba(0, 0, 0, 0.125) 1px solid;
  }
}
.boxoutContainer {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.boxoutContainer button {
  width: 100%;
}

.reportBoxOut .innerTable {
  overflow-y: scroll;
  overflow-x: hidden;
  max-height: 220px;
  margin-bottom: 15px;
  border: 1px rgba(128, 128, 128, 0.2) solid;
}

.reportBoxOut {
  flex-grow: 2;
  border: solid 1px rgba(0, 0, 0, 0.125);
  padding: 10px;
  min-height: 112px;
  position: relative;
}
.reportBoxOut--heading {
  font-weight: bold;
  text-align: center;
  width: 100%;
}
.reportBoxOut--headingBox {
  height: 56px;
}
.reportBoxOut div:nth-child(1) span.icon {
  font-size: 32px;
  line-height: 32px;
}
.reportBoxOut div:nth-child(1) span.badge {
  font-size: 20px;
}
.reportBoxOut div:nth-child(2) h3 {
  font-size: 28px;
  padding: 10px 0;
  margin: 0;
  text-align: center;
}
.reportBoxOut div:nth-child(3) h3 > span {
  font-size: 16px;
}

@media (max-width: 767px) {
  .dividerVertical {
    width: 100%;
    height: 1px;
    margin: 10px;
  }
}
table.tableFixHead th {
  background: #fff;
  position: sticky;
  top: 0px;
}

table.overviewReport table.dataTable thead .sorting, table.overviewReport table.dataTable thead .sorting_asc, table.overviewReport table.dataTable thead .sorting_desc, table.overviewReport table.dataTable thead .sorting_asc_disabled, table.overviewReport table.dataTable thead .sorting_desc_disabled {
  background-position: center left !important;
}
table.overviewReport th {
  font-size: 14px;
}
table.overviewReport td {
  vertical-align: middle;
}
table.overviewReport td .icon {
  font-size: 24px;
}
table.overviewReport a.moreChars {
  text-decoration: underline;
  display: block;
  font-size: 13px;
}
table.overviewReport a.moreChars::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: " ";
  font-size: 12px;
}
table.overviewReport tr > td a.shown::before {
  content: " ";
}
table.overviewReport tr td:nth-child(1) {
  width: 30%;
}
table.overviewReport tr td:nth-child(2) {
  width: 15%;
}
table.overviewReport tr td:nth-child(3) {
  width: 25%;
}
table.overviewReport tr td:nth-child(4) {
  width: 11%;
}
table.overviewReport tr td:nth-child(5) {
  width: 14%;
}
table.overviewReport tr td:nth-child(6) {
  width: 5%;
}
table.overviewReport .table-info, table.overviewReport .table-info > th, table.overviewReport .table-info > td {
  background-color: #e1f7fa;
}

table.overviewReportv2 table.dataTable thead .sorting_asc {
  background: url(../images/icons/button_sort_accending.svg) no-repeat !important;
  background-size: 17px !important;
  background-position: center right 10px !important;
  cursor: pointer !important;
}
table.overviewReportv2 table.dataTable thead .sorting,
table.overviewReportv2 table.dataTable thead .sorting_asc,
table.overviewReportv2 table.dataTable thead .sorting_desc,
table.overviewReportv2 table.dataTable thead .sorting_asc_disabled,
table.overviewReportv2 table.dataTable thead .sorting_desc_disabled {
  background-position: center right 10px !important;
  cursor: pointer !important;
}
table.overviewReportv2 table.dataTable thead .sorting_desc {
  background: url(../images/icons/button_sort_decending.svg) no-repeat !important;
  background-size: 17px !important;
  background-position: center right 10px !important;
  cursor: pointer !important;
}
table.overviewReportv2 tr, table.overviewReportv2 td, table.overviewReportv2 th {
  vertical-align: middle;
}
table.overviewReportv2 span.badge--5a {
  color: #fff;
  background: #0026AB;
  background-size: 100% 100%;
  background-position: center;
  width: 60px;
  flex: 0 0 60px;
  max-width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
}
@media screen and (min-width: 576px) {
  table.overviewReportv2 span.badge--5a {
    width: 90px;
    flex: 0 0 90px;
    max-width: 90px;
  }
}
table.overviewReportv2 span.badge--4a {
  color: #fff;
  background: #002FD3;
  background-size: 100% 100%;
  background-position: center;
  width: 57px;
  flex: 0 0 57px;
  max-width: 57px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
}
@media screen and (min-width: 576px) {
  table.overviewReportv2 span.badge--4a {
    width: 87px;
    flex: 0 0 87px;
    max-width: 87px;
  }
}
table.overviewReportv2 span.badge--3a {
  color: #fff;
  background: #0039FC;
  background-size: 100% 100%;
  background-position: center;
  width: 54px;
  flex: 0 0 54px;
  max-width: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
}
@media screen and (min-width: 576px) {
  table.overviewReportv2 span.badge--3a {
    width: 84px;
    flex: 0 0 84px;
    max-width: 84px;
  }
}
table.overviewReportv2 span.badge--2a {
  color: #fff;
  background: #2757FF;
  background-size: 100% 100%;
  background-position: center;
  width: 50px;
  flex: 0 0 50px;
  max-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
}
@media screen and (min-width: 576px) {
  table.overviewReportv2 span.badge--2a {
    width: 80px;
    flex: 0 0 80px;
    max-width: 80px;
  }
}
table.overviewReportv2 span.badge--1a {
  color: #fff;
  background: #4F76FF;
  background-size: 100% 100%;
  background-position: center;
  width: 47px;
  flex: 0 0 47px;
  max-width: 47px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
}
@media screen and (min-width: 576px) {
  table.overviewReportv2 span.badge--1a {
    width: 77px;
    flex: 0 0 77px;
    max-width: 77px;
  }
}
table.overviewReportv2 span.badge--0a {
  color: #fff;
  background: #808080;
  background-size: 100% 100%;
  background-position: center;
  width: 45px;
  flex: 0 0 45px;
  max-width: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
}
@media screen and (min-width: 576px) {
  table.overviewReportv2 span.badge--0a {
    width: 75px;
    flex: 0 0 75px;
    max-width: 75px;
  }
}
@media screen and (min-width: 767px) {
  table.overviewReportv2 {
    width: 100% !important;
  }
}
table.overviewReportv2.overviewReport_bg tr:nth-child(2n) {
  background: #f2f2f2;
}
table.overviewReportv2 tr td, table.overviewReportv2 tr th {
  border-right: 1px solid #dcdcdc;
  border-top: 0;
  border-bottom: 1px solid #dcdcdc;
  padding: 20px 10px;
  font-size: 10px;
  line-height: normal;
  font-family: "HelveticaNeueLTStd-Roman";
}
@media screen and (min-width: 370px) {
  table.overviewReportv2 tr td, table.overviewReportv2 tr th {
    font-size: 12px;
  }
}
@media screen and (min-width: 575px) {
  table.overviewReportv2 tr td, table.overviewReportv2 tr th {
    font-size: 16px;
    border-right-width: 2px;
  }
}
@media screen and (min-width: 1200px) {
  table.overviewReportv2 tr td, table.overviewReportv2 tr th {
    line-height: 20px;
    padding: 20px 20px;
  }
}
table.overviewReportv2 tr td:last-child, table.overviewReportv2 tr th:last-child {
  border-right: 0;
}
table.overviewReportv2 tr th {
  padding: 15px 10px 10px;
}
@media screen and (min-width: 1200px) {
  table.overviewReportv2 tr th {
    padding: 35px 20px 25px;
  }
}
table.overviewReportv2 tr th > span {
  position: relative;
  display: inline-block;
  padding-right: 23px;
}
table.overviewReportv2 tr th .icon {
  vertical-align: middle;
  position: absolute;
  top: 0;
  right: 0px;
}
table.overviewReportv2 tr td {
  vertical-align: middle;
  color: #212529;
}
table.overviewReportv2 tr td:first-child {
  width: 20%;
}
table.overviewReportv2 tr td:first-child .icon.info {
  margin-left: auto;
}
table.overviewReportv2 tr td:nth-child(2) {
  width: 15%;
}
table.overviewReportv2 tr td:nth-child(3) {
  width: 30%;
}
table.overviewReportv2 tr td:nth-child(4) {
  width: 20%;
}
table.overviewReportv2 tr td:nth-child(5) {
  width: 13%;
}
table.overviewReportv2 tr td.badge-section .badge {
  font-size: inherit;
  font-weight: normal;
}
table.overviewReportv2 tr td.badge-section .badge.badge--5a {
  width: 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
table.overviewReportv2 tr td.badge-section .badge.badge--4a {
  width: 95%;
  flex: 0 0 95%;
  max-width: 95%;
}
table.overviewReportv2 tr td.badge-section .badge.badge--3a {
  width: 90%;
  flex: 0 0 90%;
  max-width: 90%;
}
table.overviewReportv2 tr td.badge-section .badge.badge--2a {
  width: 85%;
  flex: 0 0 85%;
  max-width: 85%;
}
table.overviewReportv2 tr td.badge-section .badge.badge--1a {
  width: 75%;
  flex: 0 0 75%;
  max-width: 75%;
}
table.overviewReportv2 tr td.badge-section .badge.badge--0a {
  width: 70%;
  flex: 0 0 70%;
  max-width: 70%;
}
table.overviewReportv2 tr td.badge-section_2 .badge {
  font-size: inherit;
  max-width: 90px;
  flex: 0 0 90px;
}
table.overviewReportv2 tr td .moreChars {
  font-size: 13px;
  color: #212529;
  position: relative;
  text-decoration: none;
  margin-top: 10px;
  display: flex;
}
@media screen and (min-width: 1200px) {
  table.overviewReportv2 tr td .moreChars {
    font-size: 15px;
  }
}
table.overviewReportv2 tr td .moreChars:before {
  content: "";
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #3fa9f5 url(../images/icons/icon-arrow-collapse2.svg) no-repeat;
  background-size: 5px;
  background-position: 55% 50%;
  transition: ease all 0.3s;
  transform: rotate(0deg);
  color: #fff;
  margin-right: 5px;
}
table.overviewReportv2 tr td .moreChars:after {
  display: none;
}
table.overviewReportv2 tr td .moreChars.shown:before {
  background: #0071bc url(../images/icons/icon-arrow-collapse2.svg) no-repeat;
  background-size: 5px;
  background-position: 55% 50%;
  transition: ease all 0.3s;
  transform: rotate(90deg);
  margin-right: 5px;
}
table.overviewReportv2 tr td .btn-primary {
  width: 50px;
  height: 50px;
  font-size: 10px;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1200px) {
  table.overviewReportv2 tr td .btn-primary {
    width: 65px;
    height: 65px;
    font-size: 15px;
  }
}
table.overviewReportv2 tr td a:before {
  display: none;
}
table.overviewReportv2 td .icon.info {
  display: flex;
  align-items: center;
}
table.overviewReportv2 .table-info, table.overviewReportv2 .table-info > th, table.overviewReportv2 .table-info > td {
  background-color: #fef5f9;
}
table.overviewReportv2 .table-info td {
  border-top: 2px solid #d7d7d7;
}

.allResultsMobile {
  display: none;
}

.allResultsMobile span.icon.up, .allResultsMobile span.icon.down {
  font-size: 34px;
}

.allResultsDesktop {
  display: flex;
}

.mobileResultsTablev2 span.badge--5a {
  color: #fff;
  background: #0026AB;
  background-size: 100% 100%;
  background-position: center;
  width: 60px;
  flex: 0 0 60px;
  max-width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
}
@media screen and (min-width: 576px) {
  .mobileResultsTablev2 span.badge--5a {
    width: 90px;
    flex: 0 0 90px;
    max-width: 90px;
  }
}
.mobileResultsTablev2 span.badge--4a {
  color: #fff;
  background: #002FD3;
  background-size: 100% 100%;
  background-position: center;
  width: 57px;
  flex: 0 0 57px;
  max-width: 57px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
}
@media screen and (min-width: 576px) {
  .mobileResultsTablev2 span.badge--4a {
    width: 87px;
    flex: 0 0 87px;
    max-width: 87px;
  }
}
.mobileResultsTablev2 span.badge--3a {
  color: #fff;
  background: #0039FC;
  background-size: 100% 100%;
  background-position: center;
  width: 54px;
  flex: 0 0 54px;
  max-width: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
}
@media screen and (min-width: 576px) {
  .mobileResultsTablev2 span.badge--3a {
    width: 84px;
    flex: 0 0 84px;
    max-width: 84px;
  }
}
.mobileResultsTablev2 span.badge--2a {
  color: #fff;
  background: #2757FF;
  background-size: 100% 100%;
  background-position: center;
  width: 50px;
  flex: 0 0 50px;
  max-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
}
@media screen and (min-width: 576px) {
  .mobileResultsTablev2 span.badge--2a {
    width: 80px;
    flex: 0 0 80px;
    max-width: 80px;
  }
}
.mobileResultsTablev2 span.badge--1a {
  color: #fff;
  background: #4F76FF;
  background-size: 100% 100%;
  background-position: center;
  width: 47px;
  flex: 0 0 47px;
  max-width: 47px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
}
@media screen and (min-width: 576px) {
  .mobileResultsTablev2 span.badge--1a {
    width: 77px;
    flex: 0 0 77px;
    max-width: 77px;
  }
}
.mobileResultsTablev2 span.badge--0a {
  color: #fff;
  background: #808080;
  background-size: 100% 100%;
  background-position: center;
  width: 45px;
  flex: 0 0 45px;
  max-width: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
}
@media screen and (min-width: 576px) {
  .mobileResultsTablev2 span.badge--0a {
    width: 75px;
    flex: 0 0 75px;
    max-width: 75px;
  }
}
.mobileResultsTablev2.table {
  margin: 0;
}
.mobileResultsTablev2.table tr td {
  padding: 5px 2px;
  border: 0;
  color: #212529;
  font-size: 10px;
  font-family: "HelveticaNeueLTStd-Roman";
  width: 25%;
}
.mobileResultsTablev2.table tr td.badge-section .badge {
  font-size: inherit;
  margin: 0 auto;
}
.mobileResultsTablev2.table tr td.badge-section .badge.badge--5a {
  width: 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.mobileResultsTablev2.table tr td.badge-section .badge.badge--4a {
  width: 95%;
  flex: 0 0 95%;
  max-width: 95%;
}
.mobileResultsTablev2.table tr td.badge-section .badge.badge--3a {
  width: 90%;
  flex: 0 0 90%;
  max-width: 90%;
}
.mobileResultsTablev2.table tr td.badge-section .badge.badge--2a {
  width: 85%;
  flex: 0 0 85%;
  max-width: 85%;
}
.mobileResultsTablev2.table tr td.badge-section .badge.badge--1a {
  width: 75%;
  flex: 0 0 75%;
  max-width: 75%;
}
.mobileResultsTablev2.table tr td.badge-section .badge.badge--0a {
  width: 70%;
  flex: 0 0 70%;
  max-width: 70%;
}
.mobileResultsTablev2.table tr td.badge-section_2 .badge {
  margin: 0 auto;
  font-size: inherit;
  max-width: 45px;
  flex: 0 0 45px;
}
@media screen and (min-width: 370px) {
  .mobileResultsTablev2.table tr td.badge-section_2 .badge {
    max-width: 50px;
    flex: 0 0 50px;
  }
}
@media screen and (min-width: 576px) {
  .mobileResultsTablev2.table tr td.badge-section_2 .badge {
    max-width: 80px;
    flex: 0 0 80px;
  }
}
@media screen and (min-width: 370px) {
  .mobileResultsTablev2.table tr td {
    font-size: 11px;
    padding: 5px 5px;
  }
}
@media screen and (min-width: 576px) {
  .mobileResultsTablev2.table tr td {
    font-size: 15px;
    padding: 5px 10px;
  }
}
.mobileResultsTablev2.table tr td.mobileResultsTablev2__head {
  font-size: 12px;
  color: #212529;
  font-family: "HelveticaNeueLTStd-Bd";
}
@media screen and (min-width: 370px) {
  .mobileResultsTablev2.table tr td.mobileResultsTablev2__head {
    font-size: 15px;
  }
}
@media screen and (min-width: 576px) {
  .mobileResultsTablev2.table tr td.mobileResultsTablev2__head {
    font-size: 18px;
  }
}
.mobileResultsTablev2.table tr td.mobileResultsTablev2__head .icon {
  margin-top: -2px;
}
.mobileResultsTablev2.table tr td:last-child .mobileResultsTablev2__title_size {
  margin-bottom: 0;
}
.mobileResultsTablev2.table tr td .mobileResultsTablev2__title {
  font-size: 10px;
  color: #212529;
  font-family: "HelveticaNeueLTStd-Roman";
  min-height: 50px;
  margin-bottom: 10px;
}
.mobileResultsTablev2.table tr td .mobileResultsTablev2__title > span {
  position: relative;
  display: inline-block;
  padding: 0 13px;
}
@media screen and (min-width: 576px) {
  .mobileResultsTablev2.table tr td .mobileResultsTablev2__title > span {
    padding: 0 23px;
  }
}
.mobileResultsTablev2.table tr td .mobileResultsTablev2__title > span .icon {
  vertical-align: middle;
  position: absolute;
  top: 0;
  right: 0px;
}
@media screen and (min-width: 370px) {
  .mobileResultsTablev2.table tr td .mobileResultsTablev2__title {
    font-size: 12px;
  }
}
@media screen and (min-width: 576px) {
  .mobileResultsTablev2.table tr td .mobileResultsTablev2__title {
    font-size: 15px;
    min-height: 70px;
  }
}
.mobileResultsTablev2.table tr td .mobileResultsTablev2__title-other {
  font-size: 10px;
  color: #212529;
  font-family: "HelveticaNeueLTStd-Bd";
}
.mobileResultsTablev2.table tr td .mobileResultsTablev2__title-other .icon {
  margin-left: 5px;
}
@media screen and (min-width: 370px) {
  .mobileResultsTablev2.table tr td .mobileResultsTablev2__title-other {
    font-size: 12px;
  }
}
@media screen and (min-width: 576px) {
  .mobileResultsTablev2.table tr td .mobileResultsTablev2__title-other {
    font-size: 15px;
  }
}
.mobileResultsTablev2.table tr td.mobileResultsTablev2__descr {
  padding: 0;
}
.mobileResultsTablev2.table tr td.mobileResultsTablev2__descr .mobileResultsTablev2__descr-wrap {
  border-top: 1px solid #979797;
  border-bottom: 1px solid #c8c8c8;
  padding: 10px 2px;
}
@media screen and (min-width: 370px) {
  .mobileResultsTablev2.table tr td.mobileResultsTablev2__descr .mobileResultsTablev2__descr-wrap {
    padding: 10px 5px;
  }
}
@media screen and (min-width: 576px) {
  .mobileResultsTablev2.table tr td.mobileResultsTablev2__descr .mobileResultsTablev2__descr-wrap {
    padding: 10px 10px;
  }
}
.mobileResultsTablev2.table tr td.mobileResultsTablev2__characteristic {
  font-size: 12px;
}
.mobileResultsTablev2.table tr td.mobileResultsTablev2__characteristic .icon {
  margin-left: 5px;
}
.mobileResultsTablev2.table tr:first-child td {
  padding-bottom: 18px;
  padding-top: 10px;
}
.mobileResultsTablev2.table tr:first-child td.mobileResultsTablev2__characteristic {
  padding-bottom: 0px;
}
.mobileResultsTablev2.table tr.mobileResultsTablev2__border td {
  border-right: 1px solid #b8b8b8;
  border-top: 1px solid #979797;
  padding-top: 10px;
  padding-bottom: 10px;
}
.mobileResultsTablev2.table tr.mobileResultsTablev2__border td:last-child {
  border-right: 0;
}
.mobileResultsTablev2.table tr:nth-child(2) td {
  border-right: 1px solid #b8b8b8;
}
.mobileResultsTablev2.table tr:nth-child(2) td:last-child {
  border-right: 0;
}
.mobileResultsTablev2.table tr:last-child td {
  padding-top: 5px;
  padding-bottom: 10px;
}
.mobileResultsTablev2.table tr:last-child td.mobileResultsTablev2__btn-lg {
  padding-top: 13px;
  padding-bottom: 5px;
}
.mobileResultsTablev2.table tr:last-child td.mobileResultsTablev2__moreChars {
  padding-top: 10px;
}
.mobileResultsTablev2__btn {
  text-align: right;
  padding-left: 0 !important;
  padding-right: 0 !important;
  vertical-align: middle;
}
.mobileResultsTablev2__btn .btn {
  width: 100%;
  max-width: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
}
.mobileResultsTablev2__btn .btn svg {
  width: 100%;
}
.mobileResultsTablev2__btn-lg .btn {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  display: block;
}
.mobileResultsTablev2__bg {
  padding: 10px;
}
.mobileResultsTablev2__bg-grey {
  background: #f8f8f8;
}
.mobileResultsTablev2 .moreChars {
  display: flex;
  font-size: 10px;
  color: #212529;
  position: relative;
  text-decoration: none;
  font-family: "HelveticaNeueLTStd-Roman";
}
@media screen and (min-width: 370px) {
  .mobileResultsTablev2 .moreChars {
    font-size: 12px;
  }
}
@media screen and (min-width: 1200px) {
  .mobileResultsTablev2 .moreChars {
    font-size: 15px;
  }
}
.mobileResultsTablev2 .moreChars:before {
  content: "";
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #0071bc url(../images/icons/icon-arrow-collapse2.svg) no-repeat;
  background-size: 5px;
  background-position: 55% 50%;
  color: #fff;
  margin-right: 5px;
  transition: ease all 0.3s;
  transform: rotate(90deg);
}
.mobileResultsTablev2 .moreChars:after {
  display: none;
}
.mobileResultsTablev2 .moreChars.collapsed:before {
  background: #3fa9f5 url(../images/icons/icon-arrow-collapse2.svg) no-repeat;
  transition: ease all 0.3s;
  transform: rotate(0deg);
  background-size: 5px;
  background-position: 55% 50%;
}
.mobileResultsTablev2 .strengthIndicator-other {
  width: 100%;
  justify-content: center;
}
.mobileResultsTablev2 .strengthIndicator-other__col {
  width: 10px;
  height: 10px;
  margin: 0 2px;
}
@media screen and (min-width: 370px) {
  .mobileResultsTablev2 .strengthIndicator-other__col {
    width: 12px;
    height: 12px;
  }
}

.table-info {
  background: #fef5f9;
  padding: 10px;
  -webkit-box-shadow: inset 0px 3px 5px -4px #575557;
  -moz-box-shadow: inset 0px 3px 5px -4px #575557;
  box-shadow: inset 0px 3px 5px -4px #575557;
}
.table-info hr {
  border-top: 2px solid #adb4b4;
  margin: 10px -10px;
}

.section-sort {
  text-align: right;
}
.section-sort > * {
  position: static;
}
.section-sort .btn-group .btn {
  border-radius: 0 !important;
  background: #333333;
  color: #fff;
  border-color: #333333;
  box-shadow: none !important;
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  font-size: 12px;
}
@media screen and (min-width: 576px) {
  .section-sort .btn-group .btn {
    width: 40px;
    height: 40px;
    font-size: 18px;
  }
}

@media (max-width: 991px) {
  .allResultsMobile {
    display: block;
  }
  .allResultsMobile table.mobileResultsTable {
    margin-bottom: 0;
  }
  .allResultsMobile table.mobileResultsTable button {
    width: 100%;
  }
  .allResultsMobile table.mobileResultsTable p {
    margin: 0;
  }
  .allResultsMobile table.mobileResultsTable p.smallerFont {
    font-size: 14px;
  }
  .allResultsMobile table.mobileResultsTable p.biggerFont {
    font-size: 18px;
  }
  .allResultsMobile table.mobileResultsTable div.strengthIndicator {
    width: 100%;
  }
  .allResultsMobile table.mobileResultsTable td {
    vertical-align: middle;
    padding: 8px;
  }
  .allResultsMobile table.mobileResultsTable td.noBorders {
    border: none;
  }
  .allResultsMobile table.mobileResultsTable td.borderLeft {
    border-left-color: #dee2e6;
  }
  .allResultsMobile table.mobileResultsTable td.borderRight {
    border-right: solid 1px #dee2e6;
  }
  .allResultsMobile table.mobileResultsTable td.width40p {
    width: 40%;
  }
  .allResultsMobile table.mobileResultsTable td.width20p {
    width: 20%;
  }

  .allResultsDesktop {
    display: none;
  }
}
table.dataTable.no-footer {
  border-bottom: none !important;
}

p.align-items-baseline {
  line-height: 2.3rem;
}
@media only screen and (max-width: 768px) {
  p.align-items-baseline {
    line-height: 1.8rem;
  }
}

.btn-detail-blue {
  background-color: #3fa9f5;
  font-size: 18px;
  color: #fff;
  font-family: "HelveticaNeueLTStd-Bd";
  height: 40px;
  width: 90px;
  line-height: 40px;
  border-radius: 20px;
}
.btn-detail-blue:hover {
  background-color: #3fa9f5;
  font-size: 18px;
  color: #fff;
  font-family: "HelveticaNeueLTStd-Bd";
  height: 40px;
  width: 90px;
  line-height: 40px;
  border-radius: 20px;
}

.variable-name {
  word-wrap: break-word !important;
}

.dataTables_wrapper {
  width: 100% !important;
}

div#optimizedTable_paginate {
  width: 100% !important;
  display: -webkit-box !important;
  display: flex !important;
  -webkit-box-pack: center !important;
  justify-content: center !important;
}

a#optimizedTable_previous, a#optimizedTable_next {
  border: 0 !important;
  font-size: 13px !important;
  color: #4d4d4d !important;
  padding: 0.75rem !important;
  border-radius: 100% !important;
}
a#optimizedTable_previous:hover, a#optimizedTable_next:hover {
  background: transparent !important;
  border-radius: 100% !important;
}
@media screen and (min-width: 576px) {
  a#optimizedTable_previous, a#optimizedTable_next {
    font-size: 18px !important;
  }
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  margin: 0 3px !important;
  color: black !important;
  border-radius: 50% !important;
  background: white !important;
  font-size: 13px !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: black !important;
}
@media screen and (min-width: 576px) {
  .dataTables_wrapper .dataTables_paginate .paginate_button {
    font-size: 18px !important;
  }
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current {
  margin: 0 3px !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current.current {
  color: white !important;
  background: #0071bc !important;
  border-radius: 50% !important;
  border-color: #0071bc !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  border-radius: 50% !important;
}

.subscriptionSection div.col-md-auto.col-xs-12 {
  padding-left: 5px;
  padding-right: 5px;
}
.subscriptionSection__column {
  padding: 10px;
  border: 1px solid #dee2e6;
  margin-bottom: 10px;
}
.subscriptionSection__column span:nth-child(1) {
  margin-bottom: 5px;
}

.registerkitPage__section .shorterField {
  padding-right: 20px;
  position: relative;
  max-width: 320px;
}
.registerkitPage__section .shorterField sup {
  position: absolute;
  top: 12px;
  margin-left: 5px;
}

.trackOrderPage__section .innerContainer {
  border: 1px solid #E3E3E3;
  padding: 20px;
  border-radius: 2px;
  position: relative;
}
.trackOrderPage__section .innerContainer--status span.icon {
  font-size: 62px;
  color: #1DA9A3;
  display: block;
}
.trackOrderPage__section ul {
  list-style: none;
  margin-top: 20px;
}
.trackOrderPage__section ul li {
  font-size: 18px;
  font-weight: 700;
  padding-left: 30px;
  position: relative;
}
.trackOrderPage__section ul li:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "";
  color: #1DA9A3;
  position: absolute;
  left: 0px;
  padding: 0;
}
.trackOrderPage__section ul li.grey:before {
  color: #DDDDDD;
}

@media screen and (max-width: 767px) {
  .trackOrderPage__section ul {
    padding-left: 0;
  }
  .trackOrderPage__section ul li {
    font-size: 16px;
  }
}
ul.statusContainer {
  list-style: none;
  margin: 20px auto;
  padding: 0;
  max-width: 600px;
}
@media screen and (min-width: 576px) {
  ul.statusContainer {
    padding-left: 20px;
  }
}
ul.statusContainer li {
  padding: 10px 0 10px 45px;
  position: relative;
  line-height: 18px;
}
ul.statusContainer li:after {
  background: #b3b3b3;
  content: "";
  width: 2px;
  height: 100%;
  position: absolute;
  left: 15px;
  top: -30px;
  z-index: 1;
}
ul.statusContainer li:before {
  content: "";
  color: #b3b3b3;
  position: absolute;
  left: 0px;
  padding: 0;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 2;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff url(../images/icons/gray_check.svg) no-repeat;
}
ul.statusContainer li:first-child:after {
  display: none;
}
ul.statusContainer li.active:after {
  background: #29abe2;
}
ul.statusContainer li.active:before {
  color: #29abe2;
  background: #fff url(../images/icons/blue_check.svg) no-repeat;
}
@media screen and (min-width: 576px) {
  ul.statusContainer li {
    padding-left: 45px;
  }
}

table.pricing {
  color: #000;
}
table.pricing th {
  font-size: 14px;
}
table.pricing td {
  vertical-align: middle;
  text-align: center;
  border: 1px #dee2e6 solid;
}
table.pricing td.bigText {
  font-weight: 900;
  background-color: #ffffff;
  font-size: 24px;
  text-align: center;
  border: none;
  border: 1px #fff solid;
  border-bottom-color: #dee2e6;
}
table.pricing td.noBorders {
  border: none;
}
table.pricing td.borderLeft {
  border-left-color: #dee2e6;
}
table.pricing td.borderRight {
  border-right-color: #dee2e6;
}
table.pricing td.green {
  font-weight: normal;
  background-color: #1DA9A3;
  color: #fff;
}
table.pricing td.description {
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
}
table.pricing td.td--left {
  text-align: left;
}
table.pricing td.td--bold {
  font-weight: 700;
}
table.pricing span.icon.check {
  color: #1DA9A3;
}
table.pricing span.icon.minus {
  color: #DDDDDD;
}
table.pricing td span.pricingText {
  font-size: 24px;
  font-weight: 700;
}
table.pricing td del {
  color: #DDDDDD;
}
table.pricing td button {
  padding-left: 2rem;
  padding-right: 2rem;
}

table.pricing#mobilePricing td.bigText {
  font-size: 20px;
}
table.pricing#mobilePricing td button {
  padding-left: 2rem;
  padding-right: 2rem;
  width: 100%;
}

#mobilePricing {
  display: none;
}

@media (max-width: 768px) {
  #desktopPricing {
    display: none;
  }

  #mobilePricing {
    display: table;
  }
}
.select2-container .select2-selection--single {
  height: 38px !important;
  padding: 0.3rem 0.5rem;
  width: 100% !important;
}

.select2-container--default .select2-selection--single {
  border: 1px solid #ced4da !important;
  border-radius: 0.34 rem !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: 1rem !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  color: #495057 !important;
  padding-left: 0.35rem !important;
}

.checkout * {
  outline: none;
}
.checkout h2 {
  font-size: 34px;
  color: #1a1a1a;
  margin: 0;
  font-family: "HelveticaNeueLTStd-Bd";
  text-align: center;
}
.checkout h5 {
  font-size: 23px;
  font-family: "HelveticaNeueLTStd-Bd";
  margin: 0 0 15px;
}
@media screen and (min-width: 576px) {
  .checkout h5 {
    font-size: 20px;
    margin: 0 0 25px;
  }
}
.checkout h5 + p {
  font-size: 15px;
}
.checkout h6 {
  font-size: 12px;
  font-family: "HelveticaNeueLTStd-Bd";
}
.checkout h6 + p {
  font-size: 12px;
  font-family: "HelveticaNeueLTStd-Roman";
}
.checkout h6 + p a {
  text-decoration: underline;
}
.checkout p {
  font-size: 15px;
  margin: 0 0 15px;
}
@media screen and (min-width: 768px) {
  .checkout p {
    font-size: 20px;
    margin: 0 0 25px;
  }
}
.checkout small {
  font-size: 12px !important;
}
@media screen and (max-width: 400px) {
  .checkout .row {
    margin: 0 -5px;
  }
  .checkout * [class*=col-] {
    padding: 0 5px;
  }
}
.checkout__item {
  display: flex;
  align-items: center;
  padding: 15px 0;
  border-bottom: 1px solid #dbdddf;
}
@media screen and (min-width: 576px) {
  .checkout__item {
    padding: 30px 0;
  }
}
.checkout__item:last-child {
  border-bottom: 0;
}
.checkout__title {
  font-size: 14px;
  margin-right: 10px;
}
@media screen and (min-width: 576px) {
  .checkout__title {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) {
  .checkout__title {
    font-size: 20px;
    margin-right: 45px;
  }
}
.checkout__count {
  display: flex;
  align-items: center;
  margin-right: 10px;
}
.checkout__count span {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #3fa9f5;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-family: Arial;
  cursor: pointer;
}
.checkout__count input {
  width: 48px;
  text-align: center;
  padding: 0 5px;
  color: #000;
  background: transparent;
  border: 0;
  font-size: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.checkout__price {
  margin-left: auto;
  font-size: 16px;
  font-family: "HelveticaNeueLTStd-Bd";
  white-space: nowrap;
}
@media screen and (min-width: 576px) {
  .checkout__price {
    font-size: 20px;
  }
}
.checkout .form-control {
  border-radius: 5px;
  border: 1px solid #efefef;
  color: #000;
  font-size: 12px;
  height: 26px;
  padding-left: 5px;
}
@media screen and (min-width: 576px) {
  .checkout .form-control {
    padding-left: 20px;
    height: 40px;
    font-size: 15px;
    border-radius: 10px;
  }
}
.checkout .form-control-house {
  max-width: 146px;
}
.checkout .form-control-postal-code {
  max-width: 196px;
}
.checkout .form-control-city {
  max-width: 256px;
}
.checkout .form-control-cvc {
  max-width: 128px;
}
.checkout .form-control-mmyy {
  max-width: 135px;
}
.checkout input::-moz-placeholder {
  opacity: 1;
  color: #b3b3b3;
}
.checkout input::placeholder {
  opacity: 1;
  color: #b3b3b3;
}
.checkout input::-o-placeholder {
  opacity: 1;
  color: #b3b3b3;
}
.checkout input::-webkit-input-placeholder {
  opacity: 1;
  color: #b3b3b3;
}
.checkout input:-ms-input-placeholder {
  opacity: 1;
  color: #b3b3b3;
}
.checkout .form-select {
  color: #000;
  border-radius: 5px;
  border: 1px solid #efefef;
  background-color: #fff;
  background-image: url(../images/icons/select-arrow2.svg);
}
.checkout .form-select:disabled {
  background-color: #E9ECEF;
  color: #B3B3B3;
  opacity: 1;
}
.checkout .form-select:invalid {
  color: #B3B3B3;
  opacity: 1;
}
@media screen and (min-width: 576px) {
  .checkout .form-select {
    padding-left: 20px;
    border-radius: 10px;
  }
}
.checkout .statusContainer + a img {
  max-width: 100%;
}
.checkout__totalbtn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media screen and (min-width: 576px) {
  .checkout__totalbtn {
    margin-bottom: 30px;
  }
}
.checkout__totalbtn h5 {
  margin: 0 30px 0 0;
}
.checkout__totalbtn a {
  text-decoration: none;
}
.checkout .btn-default {
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  padding: 0 20px;
}
@media screen and (min-width: 768px) {
  .checkout .btn-default {
    font-size: 18px;
    height: 40px;
    line-height: 42px;
    padding: 0 30px;
  }
}
.checkout .btn-default:disabled {
  background: #f2f2f2;
  border-color: #f2f2f2;
  color: #999999;
  opacity: 1;
}
.checkout .alert-primary {
  background: #3fa9f5;
  text-align: center;
  font-style: italic;
  color: #fff;
  font-size: 15px;
  line-height: 20px;
  font-family: "HelveticaNeueLTStd-Roman";
  margin-bottom: 20px;
}
.checkout .fileContainer {
  font-size: 15px;
  color: #666;
  text-align: center;
  padding: 45px;
  margin-bottom: 20px;
}
@media screen and (min-width: 576px) {
  .checkout .fileContainer {
    margin-bottom: 45px;
  }
}
.checkout .fileContainer .upload {
  background: url(../images/icons/icon-upload.svg) no-repeat;
  width: 80px;
  height: 73px;
  margin: 0 auto 30px;
}
.checkout .fileContainer .upload:before {
  display: none;
}
.checkout .checkbox-area {
  margin-bottom: 20px;
  display: flex;
  align-items: flex-start;
  margin-bottom: 10px;
}
.checkout .checkbox-area input {
  display: none;
}
.checkout .checkbox-area .checkbox {
  -webkit-appearance: checkbox;
  vertical-align: top;
  margin: 0 3px 0 0;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.checkout .checkbox-area .checkbox + label {
  cursor: pointer;
}
.checkout .checkbox-area .checkbox:not(checked) {
  position: absolute;
  opacity: 0;
}
.checkout .checkbox-area .checkbox:not(checked) + label {
  padding-left: 25px;
  position: relative;
  display: inline-block;
}
.checkout .checkbox-area .checkbox:not(checked) + label:before {
  content: "";
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  border: 1px solid #e3e5e7;
  left: 0px;
  right: 0px;
  background-color: #fff;
  top: 2px;
}
.checkout .checkbox-area .checkbox:not(checked) + label:after {
  content: "✔";
  position: absolute;
  left: 4px;
  top: 2px;
  font-size: 20px;
  color: #3fa9f5;
  opacity: 0;
  transition: 0.6s;
  line-height: 12px;
}
.checkout .checkbox-area .checkbox:checked + label:after {
  opacity: 1;
}
.checkout .checkbox-area label {
  font-size: 15px;
  color: #000;
  margin: 0;
}
@media screen and (min-width: 576px) {
  .checkout .checkbox-area {
    margin-bottom: 45px;
  }
}
.checkout__btn {
  text-align: center;
}
.checkout__btn button {
  margin: 0 auto;
}
.checkout .nav {
  background: #f9fcfe;
  height: 100%;
  padding: 16px 0;
}
.checkout .nav-link {
  color: #29abe2;
  padding: 10px 20px;
  font-size: 18px;
  transition: ease all 0.3s;
}
@media screen and (min-width: 576px) {
  .checkout .nav-link {
    padding: 20px 40px;
  }
}
@media screen and (min-width: 992px) {
  .checkout .nav-link {
    font-size: 18px;
    padding: 20px 30px;
  }
}
@media screen and (min-width: 1200px) {
  .checkout .nav-link {
    font-size: 20px;
    padding: 20px 40px;
  }
}
.checkout .nav-link.active, .checkout .nav-link:hover {
  color: #fff;
  background: #29abe2;
}
.checkout__body {
  background: #f9fcfe;
  padding: 20px;
}
@media screen and (min-width: 576px) {
  .checkout__body {
    padding: 30px 40px;
  }
}
@media screen and (min-width: 992px) {
  .checkout__body {
    padding: 40px 50px;
  }
}
.checkout__body .form-control_w {
  max-width: 430px;
}
.checkout__subscription {
  font-size: 13px;
  color: #1a1a1a;
  font-family: "HelveticaNeueLTStd-Bd";
}
@media screen and (min-width: 576px) {
  .checkout__subscription {
    font-size: 15px;
  }
}
.checkout__subscription strong {
  color: #29abe2;
}
.checkout__table-scroll {
  overflow: auto;
}
.checkout__table {
  width: 100%;
  background: #fff;
  border-collapse: collapse;
  border: 0;
  overflow: hidden;
  font-size: 10px;
}
@media screen and (min-width: 450px) {
  .checkout__table {
    font-size: 12px;
  }
}
@media screen and (min-width: 576px) {
  .checkout__table {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) {
  .checkout__table {
    font-size: 15px;
  }
}
@media screen and (min-width: 992px) {
  .checkout__table {
    font-size: 18px;
  }
}
.checkout__table thead th {
  border: 1px solid #d3d3d3;
  border-bottom: 0;
  padding: 10px 5px;
  vertical-align: top;
}
@media screen and (min-width: 450px) {
  .checkout__table thead th {
    padding: 20px 10px;
  }
}
@media screen and (min-width: 992px) {
  .checkout__table thead th {
    padding: 30px 15px;
  }
}
@media screen and (min-width: 1200px) {
  .checkout__table thead th {
    padding: 40px 20px;
  }
}
.checkout__table tr td {
  border: 1px solid #d3d3d3;
  border-bottom: 0;
  padding: 10px 5px;
  word-break: break-all;
}
@media screen and (min-width: 450px) {
  .checkout__table tr td {
    padding: 20px 10px;
  }
}
@media screen and (min-width: 992px) {
  .checkout__table tr td {
    padding: 30px 15px;
  }
}
@media screen and (min-width: 1200px) {
  .checkout__table tr td {
    padding: 40px 20px;
  }
}
.checkout__table tr:last-child td {
  border-bottom: 1px solid #d3d3d3;
}

.select-page {
  background: #f9fdfd;
  padding: 20px;
  margin: 0 -15px 50px;
  overflow: hidden;
}
@media screen and (min-width: 576px) {
  .select-page {
    padding: 50px;
    margin: 0 0px 50px;
  }
}
@media screen and (min-width: 1465px) {
  .select-page {
    padding: 50px 100px;
  }
}
.select-page__heading {
  text-align: center;
  margin: 0 0 50px;
}
@media screen and (min-width: 1200px) {
  .select-page__heading {
    font-size: 50px;
    font-weight: bold;
  }
}
.select-page__subtext {
  text-align: center;
  max-width: 800px;
  margin: 0 auto 50px;
}
@media screen and (min-width: 1200px) {
  .select-page__subtext {
    font-size: 22px;
  }
}
.select-page__title {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 22px;
  margin: 0px 0 30px;
}
.select-page__title img {
  margin-right: 15px;
}
.select-page__title_red {
  color: #c1272d;
}
.select-page__title_blue {
  color: #29ABE2;
}
.select-page__title_violet {
  color: #93278F;
}
.select-page__row {
  display: flex;
  flex-wrap: wrap;
  margin: 0px -10px 40px;
}
.select-page__col {
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0 10px;
  margin-bottom: 20px;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .select-page__col:nth-child(2n) .checkbox_area__tooltip {
    left: auto;
    right: -10px;
    transform: translate(0%, -100%);
  }
  .select-page__col:nth-child(2n) .checkbox_area__tooltip:before, .select-page__col:nth-child(2n) .checkbox_area__tooltip:after {
    left: auto;
    right: -12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .select-page__col:nth-child(4n) .checkbox_area__tooltip {
    left: auto;
    right: -10px;
    transform: translate(0%, -100%);
  }
  .select-page__col:nth-child(4n) .checkbox_area__tooltip:before, .select-page__col:nth-child(4n) .checkbox_area__tooltip:after {
    left: auto;
    right: -12px;
  }
}
@media screen and (min-width: 1200px) {
  .select-page__col:nth-child(5n) .checkbox_area__tooltip {
    left: auto;
    right: -10px;
    transform: translate(0%, -100%);
  }
  .select-page__col:nth-child(5n) .checkbox_area__tooltip:before, .select-page__col:nth-child(5n) .checkbox_area__tooltip:after {
    left: auto;
    right: -12px;
  }
}
@media screen and (min-width: 768px) {
  .select-page__col {
    flex: 0 0 25%;
    max-width: 25%;
  }
}
@media screen and (min-width: 1200px) {
  .select-page__col {
    flex: 0 0 20%;
    max-width: 20%;
  }
}
.select-page__col .checkbox_area {
  position: relative;
  border-radius: 10px;
  height: 135px;
}
@media screen and (min-width: 370px) {
  .select-page__col .checkbox_area {
    height: 155px;
  }
}
@media screen and (min-width: 450px) {
  .select-page__col .checkbox_area {
    height: 175px;
  }
}
@media screen and (min-width: 576px) {
  .select-page__col .checkbox_area {
    height: 145px;
  }
}
.select-page__col .checkbox_area input {
  display: none;
}
.select-page__col .checkbox_area_disabled .icon {
  filter: grayscale(100%);
  opacity: 0.5;
  pointer-events: none;
}
.select-page__col .checkbox_area .icon {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 4;
}
@media screen and (max-width: 1199px) {
  .select-page__col .checkbox_area .icon {
    top: 0px;
    right: 0px;
    width: 50px;
    height: 50px;
    padding: 10px;
    text-align: right;
  }
}
.select-page__col .checkbox_area .icon:before {
  width: 20px;
  height: 20px;
}
@media screen and (min-width: 1200px) {
  .select-page__col .checkbox_area .icon:hover + .checkbox_area__tooltip {
    visibility: visible;
    opacity: 1;
  }
}
@media screen and (max-width: 1199px) {
  .select-page__col .checkbox_area .icon + .checkbox_area__tooltip.active {
    visibility: visible;
    opacity: 1;
  }
}
.select-page__col .checkbox_area .checkbox {
  -webkit-appearance: checkbox;
  vertical-align: top;
  margin: 0 3px 0 0;
  width: 12px;
  height: 12px;
  cursor: pointer;
}
.select-page__col .checkbox_area .checkbox + label {
  cursor: pointer;
  padding: 10px 30px 10px 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  z-index: 2;
}
.select-page__col .checkbox_area .checkbox + label:before {
  display: none;
}
.select-page__col .checkbox_area .checkbox + label:after {
  display: none;
}
@media screen and (min-width: 370px) {
  .select-page__col .checkbox_area .checkbox + label {
    padding: 15px 30px 15px 15px;
  }
}
@media screen and (min-width: 576px) {
  .select-page__col .checkbox_area .checkbox + label {
    padding: 10px 30px 10px 10px;
  }
}
.select-page__col .checkbox_area .checkbox:not(checked) {
  position: absolute;
  opacity: 0;
}
.select-page__col .checkbox_area .checkbox:not(checked) + label {
  width: 100%;
  height: 100%;
  border: 3px solid transparent;
  left: 0px;
  border-radius: 10px;
  top: 0px;
  background: #fff;
  overflow: hidden;
}
.select-page__col .checkbox_area .checkbox:checked + label {
  border-color: #0071bc;
  background: #d8f0fa;
  box-shadow: none !important;
}
.select-page__col .checkbox_area .checkbox:disabled + label {
  border-color: transparent;
  background: #f2f2f2;
  cursor: not-allowed;
}
.select-page__col .checkbox_area .checkbox:disabled + label * {
  color: #b3b3b3;
  filter: grayscale(100%);
}
.select-page__col .checkbox_area .checkbox:disabled + label * img {
  opacity: 0.5;
}
.select-page__col .checkbox_area__tooltip {
  position: absolute;
  padding: 10px;
  background: #fff;
  top: -18px;
  transform: translate(-60%, -100%);
  left: 100%;
  width: 200px;
  border-radius: 10px;
  font-size: 12px;
  box-shadow: 0 0.5rem 1rem #abdef3;
  border: 1px solid #abdef3;
  color: #29abe2;
  opacity: 0;
  visibility: hidden;
  transition: ease all 0.3s;
  z-index: 3;
}
@media screen and (min-width: 450px) {
  .select-page__col .checkbox_area__tooltip {
    font-size: 14px;
  }
}
@media screen and (min-width: 576px) {
  .select-page__col .checkbox_area__tooltip {
    width: 300px;
    font-size: 16px;
    transform: translate(-56.5%, -100%);
    padding: 20px;
  }
}
.select-page__col .checkbox_area__tooltip p {
  margin: 0;
}
.select-page__col .checkbox_area__tooltip::before, .select-page__col .checkbox_area__tooltip::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -40px;
  border: 20px solid transparent;
  transform: translate(-50%, 0);
  border-top: 20px solid #abdef3;
}
.select-page__col .checkbox_area__tooltip::after {
  border-top: 20px solid white;
  bottom: -39px;
}
.select-page__col .checkbox_area__title {
  font-size: 14px;
  margin-bottom: 10px;
  display: block;
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
@media screen and (min-width: 370px) {
  .select-page__col .checkbox_area__title {
    font-size: 16px;
  }
}
@media screen and (min-width: 450px) {
  .select-page__col .checkbox_area__title {
    font-size: 18px;
  }
}
@media screen and (min-width: 576px) {
  .select-page__col .checkbox_area__title {
    font-size: 16px;
  }
}
.select-page__col .checkbox_area__img {
  width: 50px;
  height: 50px;
  display: block;
  text-align: center;
  z-index: 3;
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 370px) {
  .select-page__col .checkbox_area__img {
    left: 15px;
  }
}
@media screen and (min-width: 450px) {
  .select-page__col .checkbox_area__img {
    width: 60px;
    height: 60px;
  }
}
@media screen and (min-width: 576px) {
  .select-page__col .checkbox_area__img {
    width: 50px;
    height: 50px;
    left: 10px;
  }
}
@media screen and (min-width: 1200px) {
  .select-page__col .checkbox_area__img {
    width: 60px;
    height: 50px;
  }
}
.select-page__col .checkbox_area__img img {
  max-height: 100%;
}
.select-page__btn {
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  z-index: 99;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+30,ffffff+98&0+0,0.38+4,0.73+8,1+29 */
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.38) 4%, rgba(255, 255, 255, 0.73) 8%, white 29%, white 30%, white 98%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.38) 4%, rgba(255, 255, 255, 0.73) 8%, white 29%, white 30%, white 98%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.38) 4%, rgba(255, 255, 255, 0.73) 8%, white 29%, white 30%, white 98%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#ffffff",GradientType=0 );
  /* IE6-9 */
  padding: 5px 0 20px;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
}
.select-page__btn.fixed {
  position: relative;
  background: transparent;
}
.select-page__btn .btn-default {
  font-size: 14px;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  margin: 0 5px 10px;
  padding: 8px 20px 5px;
  line-height: normal;
}
@media screen and (min-width: 400px) {
  .select-page__btn .btn-default {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) {
  .select-page__btn .btn-default {
    font-size: 22px;
    margin: 0 10px 10px;
  }
}
@media screen and (min-width: 1200px) {
  .select-page__btn .btn-default {
    padding: 13px 20px 10px;
  }
}
.select-page__btn .btn-clear {
  background: #808080;
  border-color: #808080;
}
.select-page__btn .btn-clear:hover {
  color: #fff;
}
.select-page__btn_text {
  flex: 0 0 100%;
  max-width: 100%;
}
.select-page__btn_text > span {
  color: #29abe2;
  width: 100%;
  text-align: center;
  margin: 0 auto 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .select-page__btn_text > span {
    max-width: 415px;
    margin: 0 auto 15px;
    justify-content: flex-start;
  }
}

.user-preference {
  padding: 0px 0;
}
.user-preference h2 {
  font-size: 30px;
  margin-top: 10px;
  margin-bottom: 30px;
  font-family: "HelveticaNeueLTStd-Bd";
}
@media screen and (min-width: 576px) {
  .user-preference h2 {
    font-size: 46px;
    margin-bottom: 10px;
  }
}
.user-preference-choice {
  display: flex;
  flex-wrap: wrap;
  background: #fafafa;
  padding: 15px 10px;
  margin-bottom: 30px;
}
@media screen and (min-width: 576px) {
  .user-preference-choice {
    padding: 35px 30px;
  }
}
.user-preference-choice h3 {
  flex: 0 0 100%;
  margin-bottom: 20px;
  font-size: 18px;
  font-family: "HelveticaNeueLTStd-Bd";
}
@media screen and (min-width: 576px) {
  .user-preference-choice h3 {
    font-size: 22px;
    margin-bottom: 50px;
  }
}
.user-preference-choice__col {
  flex: 0 0 50%;
  max-width: 50%;
  margin-bottom: 10px;
}
@media screen and (min-width: 576px) {
  .user-preference-choice__col {
    flex: 0 0 33.333%;
    max-width: 33.333%;
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 992px) {
  .user-preference-choice__col {
    flex: 0 0 25%;
    max-width: 25%;
  }
}
@media screen and (min-width: 1200px) {
  .user-preference-choice__col {
    padding: 0 20px;
  }
}
.user-preference-list {
  background: #fafafa;
  padding: 15px 10px;
}
@media screen and (min-width: 576px) {
  .user-preference-list {
    padding: 30px;
  }
}
.user-preference-list h2 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 20px;
  font-size: 22px;
}
.user-preference-list h2 span {
  flex: 0 0 100%;
  margin-bottom: 10px;
}
@media screen and (min-width: 767px) {
  .user-preference-list h2 span {
    flex: 0 0 auto;
    margin: 0;
  }
}
@media screen and (min-width: 1200px) {
  .user-preference-list h2 {
    font-size: 30px;
  }
}
@media screen and (min-width: 1465px) {
  .user-preference-list h2 {
    font-size: 35px;
  }
}
.user-preference-list h3 {
  flex: 0 0 100%;
  margin-bottom: 20px;
  font-size: 18px;
  font-family: "HelveticaNeueLTStd-Bd";
}
@media screen and (min-width: 576px) {
  .user-preference-list h3 {
    font-size: 22px;
    margin-bottom: 50px;
  }
}
.user-preference-list .btn-default {
  height: 30px;
  line-height: 32px;
  display: block;
  max-width: 105px;
  text-align: center;
  margin-top: 30px;
}
@media screen and (min-width: 576px) {
  .user-preference-list .btn-default {
    height: 50px;
    line-height: 52px;
    max-width: 145px;
  }
}
.user-preference-list__btn {
  display: flex;
  align-items: center;
  padding: 10px;
}
@media screen and (min-width: 576px) {
  .user-preference-list__btn {
    padding: 20px;
  }
}
.user-preference-list__groups {
  margin-bottom: 50px;
}
@media screen and (min-width: 992px) {
  .user-preference-list__groups {
    margin: 0;
  }
}
.user-preference-list__products {
  padding-top: 52px;
}
.user-preference-list__collapse {
  font-size: 15px;
  display: block;
  background: #29abe2 url(../images/icon-arrow-rotate.png) no-repeat;
  background-position: right 10px top 50%;
  color: #fff;
  padding: 10px 95px 10px 10px;
  cursor: pointer;
  position: relative;
  pointer-events: none;
}
@media screen and (min-width: 576px) {
  .user-preference-list__collapse {
    padding: 10px 105px 10px 10px;
  }
}
@media screen and (min-width: 992px) {
  .user-preference-list__collapse {
    background-image: url(../images/icon-arrow.png);
  }
}
.user-preference-list__collapse_label {
  padding: 2px 5px;
  border-radius: 7px;
  background: #fff;
  color: #29abe2;
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translate(0, -50%);
  width: 60px;
  text-align: center;
}
@media screen and (min-width: 576px) {
  .user-preference-list__collapse_label {
    padding: 5px;
    width: 70px;
  }
}
.user-preference-list__collapse_label .line-through {
  text-decoration: line-through;
}
.collapsed .user-preference-list__collapse_label {
  background: #29abe2;
  color: #fff;
}
.user-preference-list__collapse_title {
  position: relative;
}
.selected .user-preference-list__collapse_title:before {
  content: "";
  border-bottom: 2px dotted #fff;
  width: 100%;
  position: absolute;
  right: 0;
  top: 50%;
}
.all-selected .user-preference-list__collapse_title:before {
  content: "";
  border-bottom: 2px solid #fff;
  width: 100%;
  position: absolute;
  right: 0;
  top: 50%;
}
@media screen and (min-width: 576px) {
  .user-preference-list__collapse {
    font-size: 18px;
  }
}
.user-preference-list__collapse.collapsed {
  pointer-events: all;
  background: #fafafa;
  color: #000;
  border-bottom: 1px solid #dcdcdc;
}
.user-preference-list__collapse.collapsed:hover {
  background: #dbf1fa;
}
.user-preference-list__collapse.collapsed.selected .user-preference-list__collapse_title:before {
  border-color: #000;
}
.user-preference-list__collapse.collapsed.all-selected .user-preference-list__collapse_title:before {
  border-color: #000;
}
.user-preference-list__collapse-check {
  padding: 15px 20px;
  background: #fff;
  border-bottom: 2px solid #5A5A5A;
}
.user-preference-list__collapse-check .checkbox + label {
  font-size: 16px;
  font-family: "HelveticaNeueLTStd-Bd";
}
.user-preference-list__collapse-check .checkbox:not(checked) + label:before {
  border-color: #5A5A5A;
}
@media screen and (min-width: 992px) {
  .user-preference-list__collapse-check {
    background: #fafafa;
  }
}
.user-preference-list__collapse-body {
  max-height: 810px;
  overflow: auto;
}
.user-preference-list__collapse-body .checkbox_area {
  padding: 15px 20px;
  background: #f2f2f2;
}
.user-preference-list__collapse-body .checkbox_area:nth-child(2n) {
  background: #fff;
}
.user-preference-list__collapse-body .checkbox_area .checkbox:not(checked) + label:before {
  border-color: #5A5A5A;
}
.user-preference-list__collapse-body .checkbox_area .checkbox:not(checked) + label:after {
  left: 5px;
  top: 5.2px;
  background-image: url(../images/x-mark.svg);
  background-size: 12px;
}
.user-preference-list__collapse-body .checkbox_area .checkbox:checked + label {
  text-decoration: line-through;
}
.user-preference-list__collapse-body .checkbox_area label {
  margin: 0;
}

@media screen and (min-width: 576px) {
  .dashboard-new {
    padding: 50px 0;
  }
}
.dashboard-new h3 {
  color: #383838;
  margin: 0 0 30px;
  font-family: "HelveticaNeueLTStd-Bd";
}
@media screen and (min-width: 992px) {
  .dashboard-new h3 {
    font-size: 30px;
  }
}
.dashboard-new__banner {
  margin-top: 70px;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .dashboard-new__banner {
    margin-top: 120px;
  }
}
.dashboard-new__banner img {
  max-width: 100%;
}
.dashboard-new__row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -25px 40px;
  justify-content: space-between;
}
.dashboard-new__col {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0 25px;
  margin-bottom: 20px;
}
@media screen and (min-width: 576px) {
  .dashboard-new__col {
    flex: 0 0 45%;
    max-width: 45%;
  }
}
@media screen and (min-width: 992px) {
  .dashboard-new__col {
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }
}
.dashboard-new__col a {
  text-decoration: none;
}
.dashboard-new__col h1 {
  color: #fff;
  font-family: "HelveticaNeueLTStd-Bd";
}
@media screen and (min-width: 1200px) {
  .dashboard-new__col h1 {
    margin-bottom: 50px;
  }
}
.dashboard-new__col h2 {
  font-family: "HelveticaNeueLTStd-Bd";
  color: #fff;
}
@media screen and (min-width: 992px) {
  .dashboard-new__col h2 {
    font-size: 50px;
  }
}
.dashboard-new__col p {
  color: #fff;
}
@media screen and (min-width: 992px) {
  .dashboard-new__col p {
    font-size: 22px;
  }
}
.dashboard-new__col_100 {
  flex: 0 0 100%;
  max-width: 100%;
}
.dashboard-new__col .dashboard-heading {
  display: flex;
  flex-wrap: wrap;
  padding: 30px;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0071bc+0,008dd3+67 */
  background: #0071bc;
  /* Old browsers */
  background: -moz-linear-gradient(left, #0071bc 0%, #008dd3 67%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #0071bc 0%, #008dd3 67%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #0071bc 0%, #008dd3 67%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#0071bc", endColorstr="#008dd3",GradientType=1 );
  /* IE6-9 */
  background: url(../images/banner-bg.png) no-repeat;
  background-size: cover;
  background-position: center;
  margin: 0 -15px;
}
@media screen and (min-width: 576px) {
  .dashboard-new__col .dashboard-heading {
    border-radius: 30px;
    margin: 0;
    padding: 30px 50px;
  }
}
@media screen and (min-width: 768px) {
  .dashboard-new__col .dashboard-heading {
    flex-wrap: nowrap;
  }
}
.dashboard-new__col .dashboard-heading__text {
  flex: 1 1 100%;
}
.dashboard-new__col .dashboard-heading__img {
  width: 100%;
}
.dashboard-new__col .dashboard-heading__img img {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .dashboard-new__col .dashboard-heading__img {
    flex: 0 0 220px;
    max-width: 220px;
    margin: 0 0 0 30px;
  }
}
.dashboard-new__col .dashboard-tutorial {
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 80px;
  background: #fbb000 url(../images/icon-tutorial.png) no-repeat;
  background-position: 20px center;
  background-size: 100px;
  text-decoration: none;
}
.dashboard-new__col .dashboard-tutorial h2 {
  font-size: 30px;
}
@media screen and (min-width: 576px) {
  .dashboard-new__col .dashboard-tutorial {
    border-radius: 30px;
    background-position: 60px center;
    background-size: auto;
  }
}
.dashboard-new__col .dashboard-blog {
  background: #00ac9d url(../images/icon-blog.png) no-repeat;
  background-position: 20px center;
  background-size: 100px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 80px;
  text-decoration: none;
}
.dashboard-new__col .dashboard-blog h2 {
  font-size: 30px;
}
@media screen and (min-width: 576px) {
  .dashboard-new__col .dashboard-blog {
    border-radius: 30px;
    background-position: 60px center;
    background-size: auto;
  }
}
.dashboard-new__img {
  width: 100%;
  margin-top: 20px;
  text-align: center;
}
.dashboard-new__img img {
  width: 100%;
}
@media screen and (min-width: 992px) {
  .dashboard-new__img {
    max-width: 320px;
    flex: 0 0 320px;
    margin: 0 0 0 30px;
    order: 0;
  }
}
.dashboard-new__list {
  margin-bottom: 60px;
}
.dashboard-new__item {
  padding: 30px;
  border-radius: 10px;
  box-shadow: 2px 2px 11px 3px rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 576px) {
  .dashboard-new__item {
    border-radius: 30px;
  }
}
@media screen and (min-width: 992px) {
  .dashboard-new__item {
    flex-wrap: nowrap;
    margin-bottom: 20px;
  }
}
.dashboard-new__item a {
  text-decoration: none;
  color: #383838 !important;
}
.dashboard-new__item h4 {
  font-family: "HelveticaNeueLTStd-Bd";
  margin: 0;
}
.dashboard-new__item small {
  display: block;
  color: #383838;
  margin: 0 0 40px;
  text-transform: uppercase;
}
.dashboard-new__item p {
  color: #808080;
}
.dashboard-new-latest__row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}
@media screen and (min-width: 1200px) {
  .dashboard-new-latest__row {
    margin: 0 -10px;
  }
}
.dashboard-new-latest__col {
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0 15px;
  margin-bottom: 30px;
}
@media screen and (min-width: 1200px) {
  .dashboard-new-latest__col {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 10px;
  }
}
.dashboard-new-latest__img {
  max-height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.dashboard-new-latest__img img {
  width: 100%;
}
.dashboard-new-latest__title {
  background: #0071bc;
  padding: 20px;
  color: #fff;
}
@media screen and (min-width: 576px) {
  .dashboard-new-latest__title {
    padding: 20px 40px;
  }
}
.dashboard-new-latest__title h5 {
  font-size: 25px;
}
@media screen and (min-width: 992px) {
  .dashboard-new-latest__title h5 {
    font-size: 30px;
  }
}
.dashboard-new-latest__title p {
  font-size: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
}
@media screen and (min-width: 992px) {
  .dashboard-new-latest__title p {
    font-size: 25px;
  }
}

.fileContainer {
  overflow: hidden;
  position: relative;
}

.fileContainer [type=file] {
  cursor: inherit;
  display: block;
  filter: alpha(opacity=0);
  min-height: 100%;
  min-width: 100%;
  opacity: 0;
  position: absolute;
  right: 0;
  text-align: right;
  top: 0;
}

.fileContainer .hidden {
  display: none !important;
}

.post-title h2 {
  display: block;
  word-break: break-word;
}

.post-title a {
  color: #2b2b2b !important;
  text-decoration: none !important;
}

.post-author {
  font-style: italic;
  font-size: 14px;
}

.post-meta {
  font-size: 13px;
}

.post-content p {
  line-height: 1.78 !important;
  margin: 0 0 10px !important;
}

.post-thumb img {
  border-radius: 8px;
  width: 678px;
  height: 381px;
  min-width: 100%;
  object-fit: cover;
}

.post-categories-container {
  position: absolute;
  bottom: 24px;
  left: 25px;
}

.post-categories {
  display: inline-block;
  border-radius: 8px;
  line-height: 160%;
}

.text-green {
  color: #20c997;
}

.post-thumb {
  position: relative;
  display: block;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#overlay {
  background: #ffffff;
  color: #666666;
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 5000;
  top: 0;
  left: 0;
  float: left;
  text-align: center;
  padding-top: 25%;
  opacity: 0.8;
}

.spinner {
  margin: 0 auto;
  height: 64px;
  width: 64px;
  animation: rotate 0.8s infinite linear;
  border: 5px solid firebrick;
  border-right-color: transparent;
  border-radius: 50%;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.dataTables_wrapper {
  width: 100% !important;
}

@media screen and (max-width: 768px) {
  p.mb-0.intro-header {
    line-height: 28px;
  }
}
.nowrap {
  white-space: nowrap;
}

/*# sourceMappingURL=style.css.map */