@font-face {
  font-family: HelveticaNeue;
  src: url("../fonts/HelveticaNeue-01.ca4cc14c2323.ttf");
}
@font-face {
  font-family: HelveticaNeue-Bold;
  src: url("../fonts/HelveticaNeue-Bold-02.ce019f6ce3b9.ttf");
}

/* PALETTE */
:root {
  --dark-grey-color: #333333;
  --dark-red-color: #d60b51;
  --index-light: #008198;
  --index-dark: #016C81;
  --aa-brand: #29abe2;
  --aa-carbon: #0071bc;
  --aa-experience: #2e3192;
  --aa-inclusion: #93278f;
  --aa-privacy: #ba1c7a;
}
/* GENERIC */
.pl0 { padding-left: 0 }
.pl5 { padding-left: 5px }
.pl10 { padding-left: 10px }
.pl20 { padding-left: 20px }
.pr0 { padding-right: 0 }

.min-h80 { min-height: 80px }
.min-h90 { min-height: 90px }
.min-h120 { min-height: 120px }
.min-h130 { min-height: 130px }

.left {
  text-align: left;
}
.list-style-none li {
  list-style: none !important;
}
.list-style-numbered li {
  list-style: decimal !important;
}
.list-style-lower-alpha li {
  list-style: lower-alpha !important;
}
.list-no-indent {
  padding-inline-start: 0;
}
.list-20-indent {
  padding-inline-start: 20px;
}
.sm-text {
  font-size: 0.8em;
}
.center-inner-elem {
  display: flex;
  justify-content: center;
}
.flex-column-space-evenly {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
/* END GENERIC */
.webpage-container {
  padding: 70px 0 80px
}

.webpage-container .lede p {
  color: var(--dark-red-color);
  font-size: 1.2rem;
  margin-bottom: 30px;
}

.webpage-container p {
  font-size: 1rem;
}

.webpage-container h1::before {
  content: '/';
  padding-right: 10px;
}
.webpage-container h2::before,
.webpage-container h3::before,
.webpage-container h4::before,
.webpage-container h5::before {
  color: var(--dark-red-color);
  content: '/';
  padding-right: 5px;
}
.webpage-container h2,
.webpage-container h3,
.webpage-container h4,
.webpage-container h5 {
  font-family: HelveticaNeue-Bold;
  padding-bottom: 0;
}
.webpage-container h4 {
  font-family: HelveticaNeue-Light;
}
.webpage-container h2 {
  font-size: 1.3rem;
}
.webpage-container h3 {
  font-size: 1.2rem;
}
.webpage-container h4 {
  font-size: 1.1rem;
}
.webpage-container h5 {
  font-size: 1rem;
}

.webpage-container .article h4 {
  margin-bottom: 0;
}

.webpage-container img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-height: 250px;
}

.webpage-container p a {
  display: contents;
}

.webpage-container .article {
  padding-bottom: 10px;
}
.webpage-container .article-list {
  border-top: 2px solid #d60b51;
  padding-top: 30px;
}
.webpage-container .article-list h3 {
  font-size: 0.8rem;
  font-family: HelveticaNeue-Light;
  padding: 0;
  margin: 0;
}
.webpage-container .article-list h4 {
  font-size: 0.8rem;
}
.webpage-container .article-list a {
  color: var(--dark-grey-color);
}
.webpage-container .article-list .date {
  color: var(--dark-red-color);
  font-size: 0.8rem;
}
.webpage-container strong {
  font-family: HelveticaNeue-Bold;
}

/* OWL-CAROUSEL SIDEBAR ELEMENT */
.owl-carousel .owl-item img{ max-width: 90%; width:auto !important; }
.owl-carousel .itemC{ padding: 0 25px;  }
.owl-prev{ position:absolute; left:5px; top:35%; max-width:20px; }
.owl-prev img{ height: 20px; max-width:100%; }
.owl-next{ position:absolute; right:5px; top:35%; max-width:20px; }
.owl-next img{ height: 20px; max-width:100%; }

@media (max-width: 991px) {
  .owl-carousel .itemC {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
/* TESTIMONIALS CSS CAN BE FOUND IN CUSTOM.CSS */

/***** NEW GENERIC WEB PAGE DESIGN SEPTEMBER 2022 *****/
#header-container.webpage {
    padding-top: 120px;
}
.webpage .home-banner-title {
    color: #fff;
    font-size: 6rem;
    font-family: 'HelveticaNeue-Bold';
}
@media (max-width: 882px) {
  .webpage .home-banner-title {
    font-size: 5em;
  }
}
@media (max-width: 575px) {
  .webpage .home-banner-title {
      font-size: 4em;
  }
}
@media (max-width: 300px) {
  .webpage .home-banner-title {
      font-size: 3em;
  }
}
.webpage p {
    color: #ddd;
    font-size: 3em;
    font-family: 'HelveticaNeue-Thin';
    margin-bottom: 50px;
}
.section-grey {
    background-color: #f2f2f2;
    color: #333333;
    text-align: center;
}
.section-grey .large-text {
    font-size: 1.3em;
    font-family: 'HelveticaNeue-Light';
}
.section-grey .large-text a {
  font-size: 1em;
}
.section-blue {
  background-color: #008198;
  color: #fff;
}
.tri-box {
    background-color: #fff;
    border-radius: 5px;
    box-shadow:0px 0px 10px #aaa;
    justify-content: flex-start;
    margin: 10px 10px;
    padding: 20px;
}
#about-trio-boxes .tri-box {
  justify-content: flex-start;
}
.tri-box .icon {
    width: 100%;
}
.tri-box p {
    text-align: center;
}
.tri-box #show-hidden-panel {
  background: transparent;
  border: none;
}
.tri-box a,
.tri-box #show-hidden-panel {
    align-self: flex-end;
    color: #d60b51;
    margin-top: 10px;
}
.tri-box a::before,
.tri-box #show-hidden-panel::before {
    content: '/';
    color: #d60b51;
    padding-right: 5px;
}
.tri-box a.index,
.tri-box a.index::before,
.tri-box #show-hidden-panel,
.tri-box #show-hidden-panel::before {
    color: #016C81;
}
.tri-box .link-disabled {
  align-self: flex-end;
  color: #505050;
  cursor: not-allowed;
  margin-bottom: 0;
}
.tri-box .link-disabled::before {
  color: #737579;
}
.tri-box [role="img"] {
    height: 5em;
    margin: 20px 0;
}
.tri-box .box-title {
    font-family: 'HelveticaNeue-Bold';
    font-size: 1.2em;
    margin-bottom: 0;
    margin-top: 20px;
}
.tri-box .text {
    color: #737579;
    font-family: 'HelveticaNeue-Light', OpenSans;
    font-size: 0.8em;
}
.tri-box-cta {
  display: flex;
  flex-direction: column;
}
.tri-box .box-cta button {
  background: transparent;
  border: none;
  color: var(--index-dark);
}

.section-black {
    background-color: #000;
    color: #fff;
}
.section-black .main-text {
  padding-left: 70px;
}
@media (max-width: 767px) {
  .section-black .main-text {
    padding-left: 0;
    padding-top: 0;
  }
}
.section-black .title,
.section-red .title {
    font-family: 'HelveticaNeue-Bold', OpenSans;
    font-size: 1.3em;
}
.section-black p,
.section-black a {
    font-family: 'HelveticaNeue-Light', OpenSans;
}
.section-black ul li {
    font-family: HelveticaNeue-Light, OpenSans;
    list-style: none;
}
.section-black .profile .profile-image {
    border-radius: 50%;
    height: 8em;
    margin-bottom: 10px;
    margin-top: 8px;
}
.section-black .copy {
    display: flex;
    flex-direction: column;
}
.section-black .copy button,
.section-black .copy a.a-btn {
    align-self: flex-end;
    background: transparent;
    border: 1px solid #fff;
    border-radius: 25px;
    color: #fff;
    padding: 7px 45px;
    width: 220px;
}
.section-black .copy a {
    color: #fff;
    text-decoration: underline;
}
.section-black .copy a.a-btn {
    text-decoration: none;
}
.section-black .copy a.a-btn:hover {
    text-decoration: underline;
}
.section-black.homepage img {
  padding-top: 8px;
  max-width: 100%;
}
.section-black.homepage p,
.section-red.homepage p {
  font-size: 1.3em;
}
.section-black.homepage p.link {
  font-size: 1rem;
  text-align: right;
}
.section-black.homepage .title,
.section-red.homepage .title {
    font-family: 'HelveticaNeue';
    font-size: 2.5em;
}
.section-black.homepage .title {
  padding-left: 55px;
}
@media (max-width: 767px) {
  .section-black.homepage .title {
    padding-left: 0;
  }
}
.section-red {
    background-color: #d60b51;
}
.section-red p {
    color: #fff;
}
.section-red.homepage .big-font {
  font-size: 8em;
  text-align: center;
}
.section-red .subtitle {
  font-size: 1.8em;
}
.section-red .big-number {
  font-size: 6em;
}
.section-red .dotted-border-bottom {
  border-bottom: 2px dotted #FFF;
}
.section-index-blue {
  background-color: #008198;
  padding: 60px 0;
}
.section-index-blue h3,
.section-index-blue p {
  color: #fff;
}
.section-index-blue a,
.btn-index-blue,
#byo-form button {
  background-color: #016C81;
  border: 2px solid #016C81;
  border-radius: 25px;
  color: #fff;
  padding: 7px 45px;
}
.section-index-blue a:hover,
.section-index-blue a:focus,
.btn-index-blue:hover,
.btn-index-blue:focus,
#byo-form button:hover,
#byo-form button:focus {
  background-color: #fff;
  border: 2px solid #016C81;
  color: #016C81;
}
.gridtable {
    text-align: left;
    width: 100%;
}
.gridtable tr td {
    border-top: dotted;
    padding: 50px 0;
    position: relative;
    vertical-align: baseline;
    width: 25%;
}
.gridtable p {
    margin-right: 20px;
}
.gridtable p.light {
  font-size: 0.9rem;
}
.table-circle {
    background: #d60b51;
    border-radius: 50%;
    border: 4px solid #fff;
    height: 40px;
    left: 0;
    position: absolute;
    top: -22px;
    width: 40px;
}
.table-arrow {
    border: solid #fff;
    border-width: 0 4px 4px 0;
    display: inline-block;
    height: 20px;
    padding: 10px;
    position: absolute;
    right: 0;
    top: -14px;
  }

.turn-right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
@media screen and (max-width:768px) {
  .gridtable, .gridtable thead, .gridtable tbody, .gridtable tr {
      display: grid;
      width: 100%;
  }
  .gridtable tr { grid-template-columns: auto auto; }
  .gridtable tr td { width: 100%; }
}
/* PROFILE PICTURES */
/* Stacie Kroll */
#profile_brokerage {
    background: url("../images/webpage/profile/rob_andrews.2086f4dfe142.png") no-repeat center / contain;
}
/* Lawrence Shaw */
#profile_carriers {
    background: url("../images/webpage/profile/lawrence_shaw.f3705d2aaf16.png") no-repeat center / contain;
}
/* Sally Thoun */
#profile_remediation {
    background: url("../images/webpage/play_button.50d4e1e162bd.png") no-repeat center / contain;
}
/* Rob Andrews */
#profile_medium_orgs, #profile_large_orgs {
    background: url("../images/webpage/profile/rob_andrews.2086f4dfe142.png") no-repeat center / contain;
}
/* Kensley Maloney */
#profile_pools_captives {
    background: url("../images/webpage/profile/kensley_maloney.8e71bc70118e.png") no-repeat center / contain;
}
/* Video Grey_head intro */
.video-intro .profile-image  {
    background: url("../images/webpage/play_button.50d4e1e162bd.png") no-repeat center / contain;
}
.grey-head-intro .profile-image  {
    background: url("../images/webpage/grey_head_min.529dea4a79e5.png") no-repeat center / contain;
}
.video-intro a::before,
.grey-head-intro a::before {
    content: '/';
    margin-right: 10px;
}
/* END PROFILE PICTURES */
/* HOMEPAGE */
.header-webpage.homepage {
    width: 100%;
    background: url("../images/ducks.d76b402ee658.png") no-repeat top / cover;
}
#box_1_homepage {
    background: url("../images/webpage/pools.440a226777b3.png") no-repeat center / contain;
}
#box_2_homepage {
    background: url("../images/webpage/brokerages.13d5d154a41a.png") no-repeat center / contain;
}
#box_3_homepage {
    background: url("../images/webpage/small_organizations.65660b5fabd1.png") no-repeat center / contain;
}

.tab-container {
  border-radius: 10px;
  min-height: 350px;
}
#tab-top-dark {
  height: 60px;
}
.broker-tabs {
  border: none;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  color: #888888;
  cursor: pointer;
  float: left;
  font-size: 1.4rem;
  outline-offset: 2px;
  padding: 14px 16px;
  transition: 0.3s;
}
.broker-tabs:hover {
  background-color: #F2F2F2;
}
#broker-tab-1 {
  background-color: #727272;
  color: #fff;
  width: 60%;
}
#broker-tab-2 {
  background-color: #333;
  color: #fff;
  width: 40%;
}
#tab-top-dark button.active {
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
}
.broker-tabs:focus {
  /* fallback style for browsers
     that don't support :focus-visible */
  outline: 1px solid #fff;
  position: relative;
}
.broker-tabs:focus:not(:focus-visible) {
  /* Remove the focus indicator on mouse-focus for browsers
     that support :focus-visible */
  background: transparent;
}
.broker-tabs:focus-visible::after {
  /* focus style for keyboard-focus on browsers
      that support :focus-visible */
  background: transparent;
  bottom: -2px;
  content: '';
  left: -2px;
  outline: 2px dashed -webkit-focus-ring-color;
  position: absolute;
  right: -2px;
  top: -2px;
  z-index: 2;
}

.d-tabs {
  position: relative;
}
.broker-container .d-content {
  align-items: center;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  display: flex;
  height: 310px;
  justify-content: center;
  opacity: 0;
  padding: 10px;
  position: absolute;
  top: 5px;
  visibility: hidden;
}
.broker-container .d-content.column {
  flex-direction: column;
}
.broker-container .d-content.active {
  opacity: 1;
  top: 0;
  visibility: visible;
}
.broker-container .d-content#tab-1 {
  background-color: #727272;
}
.broker-container .d-content#tab-2 {
  background-color: #333;
}
.broker-container .d-content form {
  align-items: end;
  display: flex;
  font-size: 1.2em;
  width: 100%;
}
.broker-container .d-content .form-row {
  margin: 10px 0 0;
  position: relative;
}
#content-info input#id_name,
#content-info input#id_email {
  border: none;
  font-size: 1.1em;
  padding: 15px 15px 15px 30px;
  width: 100%;
}
.broker-container .d-content .form-row label {
  position: absolute;
  padding: 10px;
  z-index: 1;
}
#content-info input,
#content-info button {
  height: 60px;
  margin: 5px 0;
}
#content-login input,
#content-login button {
  height: 60px;
  margin: 5px 0;
}
@media (max-width: 575px) {
  .tab-container { min-height: 400px; }
  .broker-container .d-content { height: 360px; }
  .broker-container #button-info { width: 100px; }
}
/* form submission animation */
#content-info .form-content {
  transition: all 0.5s;
}
#content-info .form-content.submitted {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}

.broker-container #button-info,
.broker-container #button-login {
  background-color: #fff;
  border: none;
  border-radius: 50px;
  max-width: 160px;
  overflow-wrap: break-word;
}
.broker-container #button-info {
  padding: 10px 50px;
}
.broker-container #button-login {
  padding: 10px 40px;
}
@media (max-width: 191px) {
  #tab-top-dark button.active {
    border-bottom: 3px solid transparent !important;
  }
  .broker-container #broker-tab-1 {
    font-size: 1.1rem;
  }
}
@media (max-width: 767px) {
  .broker-container .form-control {
    margin: 0.5rem 0;
  }
  .broker-container #button-info {
    padding: 10px 10px;
  }
  .broker-container #broker-tab-1 {
    font-size: 0.7rem;
  }
}
/* END HOMEPAGE */
/* ABOUT */
#box_1_about {
  background: url("../images/logos/icrma-logo.899df67f58a8.png") no-repeat center / contain;
}
#box_2_about {
  background: url("../images/Perma_logo.1dfe9db63ae5.png") no-repeat center / contain;
}
#box_3_about {
  background: url("../images/logos/ASCIP-logo.0e262fca8229.png") no-repeat center / contain;
}
/* END ABOUT */
/* BROKERAGE */
.header-webpage.brokerage {
    width: 100%;
    background: url("../images/webpage/concrete_min.e4595012b097.png") no-repeat center / cover;
}
#box_1_brokerage {
    background: url("../images/webpage/magnet.223e7b1ca007.png") no-repeat center / contain;
}
#box_2_brokerage {
    background: url("../images/webpage/chart.5567f1ac8102.png") no-repeat center / contain;
}
#box_3_brokerage {
    background: url("../images/webpage/brain.6c1df608b41d.png") no-repeat center / contain;
}
/* END BROKERAGE */
/* CARRIERS */
.header-webpage.carriers {
    background: url("../images/webpage/hero_carriers_min.2ef04300e7ac.png") no-repeat center / cover;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    width: 100%;
}
#box_1_carriers {
    background: url("../images/webpage/monitoring.ed88fc596861.png") no-repeat center / contain;
}
#box_2_carriers {
    background: url("../images/webpage/monitization.f088d7e2008e.png") no-repeat center / contain;
}
#box_3_carriers {
    background: url("../images/webpage/new_reach.4036e879ec3c.png") no-repeat center / contain;
}
/* END CARRIERS */
/* CONTINUOUS PROTECTION */
.header-webpage.continuousprotection {
    background: url("../images/webpage/hero_dog_min.bf91a472c2a7.png") no-repeat right / cover;
    width: 100%;
}
#box_1_continuousprotection {
    background: url("../images/webpage/map_a_to_b.336b38517668.png") no-repeat center / contain;
}
#box_2_continuousprotection {
    background: url("../images/webpage/accessibility_logo.8e02c458b031.png") no-repeat center / contain;
}
#box_3_continuousprotection {
    background: url("../images/webpage/shield_tick.3662910c1a66.png") no-repeat center / contain;
}
/* END CONTINUOUS PROTECTION */
/* REMEDIATION */
.header-webpage.remediation {
    background: url("../images/webpage/hero_remediation_min.ea6656c0aa58.png") no-repeat left / cover;
    width: 100%;
}
#box_1_remediation {
    background: url("../images/webpage/levelaccess_min.443d2811b428.png") no-repeat center / contain;
}
#box_2_remediation {
    background: url("../images/webpage/nebula.4343652a2cfa.png") no-repeat center / contain;
}
#box_3_remediation {
    background: url("../images/webpage/crawford_technologies.046eded0703b.png") no-repeat center / contain;
}
#box_4_remediation {
    background: url("../images/webpage/sitemorse_blue_min.15e877bbc9e1.png") no-repeat center / contain;
}
#box_5_remediation {
    background: url("../images/webpage/aw_min.54dba0e51630.png") no-repeat center / contain;
}
#box_6_remediation {
    background: url("../images/webpage/microassist_ss_min.c223164162fd.png") no-repeat center / contain;
}
/* END REMEDIATION */
/* SMALL ORGANIZATIONS */
.header-webpage.small_orgs {
    background: url("../images/plates.3e148754c953.jpg") no-repeat center / cover;
    width: 100%;
}
#box_1_small_orgs {
    background: url("../images/webpage/map_a_to_b.336b38517668.png") no-repeat center / contain;
}
#box_2_small_orgs {
    background: url("../images/webpage/shield_tick.3662910c1a66.png") no-repeat center / contain;
}
#box_3_small_orgs {
    background: url("../images/webpage/accessibility_logo.8e02c458b031.png") no-repeat center / contain;
}
/* END SMALL ORGANIZATIONS */
/* LARGE ORGANIZATIONS */
.header-webpage.large_orgs {
    background: url("../images/webpage/hero_waste_min.5a791b032d43.png") no-repeat center / cover;
    width: 100%;
}
#box_1_large_orgs {
    background: url("../images/webpage/corporate.71caaa28804a.png") no-repeat center / contain;
}
#box_2_large_orgs {
    background: url("../images/webpage/universities.e0e6b4c07ecb.png") no-repeat center / contain;
}
#box_3_large_orgs {
    background: url("../images/webpage/government.31fa0438ee90.png") no-repeat center / contain;
}
/* END LARGE ORGANIZATIONS */
/* POOLS/CAPTIVES */
.header-webpage.pools_captives {
    width: 100%;
    background: url("../images/webpage/hero_resources_red_min.cb29620abe59.jpeg") no-repeat right / cover;
}
#box_1_pools_captives {
    background: url("../images/logos/CLIC.11ead75e54a5.png") no-repeat center / contain;
}
#box_2_pools_captives {
    background: url("../images/logos/ASCIP.49f6e0f78d1d.png") no-repeat center / contain;
}
#box_3_pools_captives {
    background: url("../images/logos/ICRMA.1da9af7f4074.png") no-repeat center / contain;
}
/* END POOLS/CAPTIVES */
/* RISK */
.header-webpage.risk {
    width: 100%;
    background: url("../images/webpage/hero_risk_ppl_min.01b419df6f1d.png") no-repeat top / cover;
}
#box_1_risk {
  background: url("../images/webpage/litigation.ab32bf390db9.png") no-repeat center / contain;
}
#box_2_risk {
  background: url("../images/webpage/spend.689228f02f23.png") no-repeat center / contain;
}
#box_3_risk {
  background: url("../images/webpage/reputation.70cedccc3990.png") no-repeat center / contain;
}
/* END RISK */
/* SUBSCRIBE WEB */
.header-webpage.subscribe_web {
    background: url("../images/webpage/hero_waste_min.5a791b032d43.png") no-repeat center / cover;
    width: 100%;
}
#box_1_subscribe_web {
    background: url("../images/webpage/warning_triangle.c5b00a5e554a.png") no-repeat center / contain;
}
#box_2_subscribe_web {
    background: url("../images/webpage/shield_tick.3662910c1a66.png") no-repeat center / contain;
}
#box_3_subscribe_web {
    background: url("../images/webpage/brain.6c1df608b41d.png") no-repeat center / contain;
}
/* END SUBSCRIBE WEB */
/* SHIELD */
.header-webpage.shield {
  background: url("../images/webpage/hero_shield.17b65d4ccf56.jpeg") no-repeat right / cover;
  width: 100%;
}
/* END SHIELD */
/* ACCESSIBILITY 101 */
.header-webpage.acb_101 {
  background: url("../images/webpage/hero_acb101_min.5a0ccebe6b32.png") no-repeat right / cover;
  width: 100%;
}
#box_1_acb_101 {
  background: url("../images/webpage/GSA_logo_min.3c20dd417553.png") no-repeat center / contain;
}
#box_2_acb_101 {
  background: url("../images/webpage/ADA_min.9bae7ce02060.jpeg") no-repeat center / contain;
}
#box_3_acb_101 {
  background: url("../images/webpage/w3c_logo_min.2a5c55c64780.png") no-repeat center / contain;
}
/* END ACCESSIBILITY 101 */
/* ABOUT */
.header-webpage.about {
  background: url("../images/webpage/hero_about_min.1a1b939c443e.jpeg") no-repeat center / cover;
  width: 100%;
}
/* END ABOUT */
/* CAREERS */
.header-webpage.careers {
  background: url("../images/webpage/hero_careers_min.b00d33ed5945.png") no-repeat right / cover;
  width: 100%;
}
/* END CAREERS */
/* CONTACT */
.header-webpage.contact {
  background: url("../images/webpage/hero_contact_min.df3b08ee20c0.jpg") no-repeat center / cover;
  width: 100%;
}
#box_1_contact {
  background: url("../images/icons/accounts_icon.b23d964e30e7.png") no-repeat center / contain;
}
#box_2_contact {
  background: url("../images/icons/question_icon.bb6539f0acae.png") no-repeat center / contain;
}
#box_3_contact {
  background: url("../images/icons/support_icon.3695db685278.png") no-repeat center / contain;
}
/* END CONTACT */
/* FAQ */
.header-webpage.faq {
  background: url("../images/webpage/hero_faq_min.139d85d6e79d.jpg") no-repeat right / cover;
  width: 100%;
}
/* END FAQ */
/* COSTS INDEMNITY */
.header-webpage.costs_indemnity {
  background: url("../images/webpage/hero_costs_indemnity_min.dfa3e096edfd.jpg") no-repeat center / cover;
  width: 100%;
}
/* END COSTS INDEMNITY */
/* ARTICLES */
.header-webpage.articles {
  background: url("../images/webpage/hero_articles_min.0368d45f2799.png") no-repeat center / cover;
  width: 100%;
}
/* END ARTICLES */
/* ARTICLE */
.header-webpage.article {
  background: url("../images/webpage/hero_article_individual_min.8363185da202.png") no-repeat center / cover;
  width: 100%;
}
/* END ARTICLE */
/* RESOURCES */
.header-webpage.resources {
  background: url("../images/webpage/hero_resources_red_min.cb29620abe59.jpeg") no-repeat right / cover;
  width: 100%;
}
#box_1_resources {
  background: url("../images/webpage/play_button_red.0b60ac1968b6.png") no-repeat center / contain;
}
#box_2_resources {
  background: url("../images/icons/AAAtraq_documents.6317de0d6458.png") no-repeat center / contain;
}
#box_3_resources {
  background: url("../images/icons/AAAtraq_podcasts.4d5af36ffd2d.png") no-repeat center / contain;
}
#resources_table {
  margin-top: 40px;
}
.w-40 {
  width: 40%;
}
#resources_table thead th {
  color: #d60b51;
  font-family: HelveticaNeue-Bold, OpenSans-Bold;
}
#resources_table tbody {
  font-size: 14px;
}
#resources_table.table-striped tbody tr:nth-of-type(odd) {
  background-color: transparent;
}
#resources_table.table-striped tbody tr:nth-of-type(even) {
  background-color: rgba(241, 11, 81, .05);
}
#resources_table td, #resources_table th {
  border-top: none;
  font-family: HelveticaNeue-Light, OpenSans-Light;
}
#resources_table td {
  text-align: center;
}
#resources_table td a {
  color: #000;
}
#resources_table button {
  border: none;
  background: transparent;
}
#resources_table td a:hover,
#resources_table button i:hover,
#resources_table td a:focus i,
#resources_table td a:hover i {
  color: #d60b51;
}
/* END RESOURCES */
/* AUDIT & ALERT */
.header-webpage.build_your_own,
.header-webpage.build_your_own_signup,
.header-webpage.auditalert {
  background: url("../images/hero/audit-alert-min.302f23f32b1b.png") no-repeat bottom / cover;
  width: 100%;
}
/* AUDIT & ALERT / SME */
.header-webpage.sme {
  background: url("../images/hero/sme-min.1773c873cc57.png") no-repeat bottom / cover;
  width: 100%;
}
/* END AUDIT & ALERT / SME */
/* AUDIT & ALERT / SMB */
.header-webpage.smb {
  background: url("../images/hero/smb-min.f3dc2b476c98.png") no-repeat bottom / cover;
  width: 100%;
}
/* END AUDIT & ALERT / SMB */
/* AUDIT & ALERT / corporate */
.header-webpage.corporate {
  background: url("../images/hero/corporate-min.c1d7da532d71.png") no-repeat bottom / cover;
  width: 100%;
}
/* END AUDIT & ALERT / corporate */
/* AUDIT & ALERT / enterprise */
.header-webpage.enterprise {
  background: url("../images/hero/enterprise-min.cd0d30084133.png") no-repeat bottom / cover;
  width: 100%;
}
/* END AUDIT & ALERT / enterprise */
#tab-top-circles {
  display: flex;
  justify-content: space-around;
}
.circle-tab {
  text-align: center;
}
.circle-tab-button {
  background: #008198;
  border-color: #008198;
  border-radius: 50px;
  height: 100px;
  width: 100px;
  margin-bottom: 20px;
}
.circle-tab-button i {
  color: #fff;
}
.small-text {
  font-size: 12px;
}
.tab-name span {
  display: flex;
  width: 123px;
}
.section-header {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0 20px 10px 20px;
}
.section-header::after {
  background-color: #008198;
  box-sizing: inherit;
  content: "";
  display: block;
  height: 2px;
  left: 2%;
  position: absolute;
  right: 2%;
  top: 70px;
}
.section-header.adapt-padding::after {
  top: 60px;
}
.section-header div {
  display: flex;
  align-items: center;
}
.section-header h2 {
  margin: 0;
  padding: 0;
}
/* .section-header button {
  border: none;
  background-color: transparent;
  margin-left: 10px;
}
.full-grey-divider::after {
  background-color: #E5E5E5;
  bottom: 0;
  box-sizing: inherit;
  content: "";
  display: block;
  height: 2px;
  left: 2%;
  position: absolute;
  right: 2%;
} */
.shadow-box {
  box-shadow: 0px 0px 10px #aaa;
  border-radius: 10px;
  padding: 20px 5px;
}
/* END AUDIT & ALERT */
/***** END NEW GENERIC WEB PAGE DESIGN SEPTEMBER 2022 *****/
/* SCORECARD */
#scorecard-logo {
  float: right;
}
.scorecard-date {
  color: #008198;
  font-size: 14px;
}
.button-row button,
.button-row .link-button {
  border-radius: 50px;
  padding: 10px 20px;
}
.button-row .btn-left {
  float: left;
}
.button-row .btn-right {
  float: right;
}
.button-row .btn-grey {
  border: 1px solid #222;
}
.button-row .btn-grey:hover {
  border: 1px solid #222;
  background-color: #222;
  color: #fff;
}
@media (max-width: 880px) {
  #aa-who {
    margin-top: 20px;
    margin-left: 10px;
  }
}
.btn-blue {
  border: 1px solid #fff;
  background-color: #008198;
  color: #fff;
}
.btn-blue:hover {
  border: 1px solid #008198;
  background-color: #fff;
  color: #008198;
}
.btn-blue[disabled],
.btn-blue[disabled]:hover {
  background-color: #bbb;
  border: 1px solid #bbb;
  color: #222;
  cursor: not-allowed;
}
.scorecard p,
.scorecard .b-bottom a {
  font-size: 0.9em;
}
.btn-principles {
  background: transparent;
  border: none;
  color: #fff;
  float: right;
  font-size: 0.9em;
  margin: 0 10px 20px 0;
}
.scorecard-table {
  width: 100%
}
.scorecard-table .title {
  font-family: HelveticaNeue-Bold, Arial Narrow Bold;
  padding: 24px 20px 0;
}
.scorecard-table .b-bottom {
  border-bottom: 1px solid #fff;
}
.scorecard-table .b-top {
  border-top: 1px solid #fff;
  height: 60px;
}
.b-top .title span {
  font-family: 'HelveticaNeue-Light';
  font-size: 16px;
}
.scorecard-table p {
  color: #fff;
  font-weight: 500;
  margin-bottom: 0;
  padding: 0 20px 24px;
}
.scorecard-table a {
  color: #fff;
  float: right;
  text-decoration: underline;
  width: 100%;
}
.btn-principles::before {
  color: #fff;
  content: '/';
}
.scorecard-table img.icon {
  width: 90px;
}
.scorecard-table .score-container {
  width: 100px;
  text-align: center;
  vertical-align: baseline;
}
.title-score {
  padding-top: 16px;
  font-size: 18px;
  text-align: center;
}
.title-previous {
  font-family: HelveticaNeue-Light;
  font-weight: 400;
}
.scorecard-table .score-container.previous .un-scored {
  background: url("../images/scorecard/un-scored.ee51b987f6ec.svg") no-repeat center / contain;
  margin: 0 auto;
  width: 50px;
}
.scorecard-table .score-container.current .un-scored {
  background: url("../images/scorecard/un-scored-outline.d67ad6e6c97e.svg") no-repeat center / contain;
  margin: 0 auto;
  width: 50px;
}
.scorecard-table .score-container.current .A-score {
  background: url("../images/scorecard/A.19484c61ab21.svg") no-repeat center / contain;
}
.scorecard-table .score-container.current .B-score {
  background: url("../images/scorecard/B.f3d98c98ec29.svg") no-repeat center / contain;
}
.scorecard-table .score-container.current .C-score {
  background: url("../images/scorecard/C.54e3713a44e4.svg") no-repeat center / contain;
}
.scorecard-table .score-container.current .D-score {
  background: url("../images/scorecard/D.87cb530bd0c7.svg") no-repeat center / contain;
}
.scorecard-table .score-container.current .E-score {
  background: url("../images/scorecard/E.e2daedb4aac4.svg") no-repeat center / contain;
}
.scorecard-table .score-container.previous .A-score {
  background: url("../images/scorecard/A-outline.aeccb97c40af.svg") no-repeat center / contain;
}
.scorecard-table .score-container.previous .B-score {
  background: url("../images/scorecard/B-outline.66718742386d.svg") no-repeat center / contain;
}
.scorecard-table .score-container.previous .C-score {
  background: url("../images/scorecard/C-outline.c44d2e55b498.svg") no-repeat center / contain;
}
.scorecard-table .score-container.previous .D-score {
  background: url("../images/scorecard/D-outline.dc53f87ece25.svg") no-repeat center / contain;
}
.scorecard-table .score-container.previous .E-score {
  background: url("../images/scorecard/E-outline.e6fc001499ba.svg") no-repeat center / contain;
}
.scorecard-table .score {
  height: 50px;
}
.scorecard-table td.subtitle-container {
  min-width: 120px;
  position: relative;
}
.scorecard-table td.subtitle-container .subtitle {
  position: absolute;
  top: 20px;
}
.scorecard-table .center {
  text-align: center;
}
#scorecard-who-form p {
  text-align: left;
}
#scorecard-who-form .title {
  font-family: 'HelveticaNeue-Bold';
  font-size: 1.2em;
}
#privacy-icon {
  max-height: 130px;
  width: 100%;
}
.energy-bar-chart-container,
.energy-chart-container {
  height: 300px;
}
.energy-chart-heading {
  padding-left: 44px;
}
@media (min-width: 768px) {
  .energy-chart-container {
    padding-left: 44px;
  }
}
.energy-chart .subheading {
  font-size: 0.9em;
  text-align: center;
}
.energy-chart .grade {
  font-size: 30px;
}
.energy-chart .bar {
  border-radius: 2px;
  padding: 0 12px;
}
.bar-green-dark {
  background: #009D00;
  width: 55%;
}
.bar-green {
  background: #6ECB46;
  width: 65%;
}
.bar-yellow {
  background: #FFD300;
  width: 75%;
}
.bar-orange-light {
  background: #FF9C00;
  width: 85%
}
.bar-orange-dark {
  background: #EE4D00;
  width: 85%
}
.bar-red {
  background: #EE1100;
  width: 95%
}

.energy-chart .arrow {
  background: url("../images/scorecard/chart-arrow-current.d7f0b8dd4288.svg") no-repeat right / contain;
  height: 44px;
}
.bar {
  margin-left: 52px;
}
#letter-a,
#bar-0 {
  background-color: #009D00;
}
#letter-b,
#bar-1 {
  background-color: #6ECB46;
}
#letter-c,
#bar-2 {
  background-color: #FFD300;
}
#letter-d,
#bar-3 {
  background-color: #FF9C00;
}
#letter-e,
#bar-4 {
  background-color: #EE1100;
}
.bar {
  height: 45px;
}
#bar-0 {
  width: 20%;
}
#bar-1 {
  width: 40%;
}
#bar-2 {
  width: 60%;
}
#bar-3 {
  width: 80%;
}
#bar-4 {
  width: 100%;
}
.percentage {
  height: 100%;
  margin: auto;
  text-align: right;
}
.is-extended .not-extended {
  display: none;
}
.row-arrow{
  margin-bottom: 6px;
  height: 45px
}
/* END SCORECARD */