@charset "UTF-8";
/**
 * Calculates the luminosity value of a supplied color
 *
 * From:
 * https://gist.github.com/voxpelli/6304812
 */
/**
 * Calculates contrast differece as a decimal through luminosity of two colors
 */
/**
 * Generates an “accessible” color (usually for text), given a supplied
 * background color e.g.:
 *
    `color: readable-color(#fff);`
 *
 * Whereby the first color is the backround, and the (optional) second is the
 * starting color. For example, if you wanted to have red text on the
 * background, it will generate the closest readable color to your second
 * arguement.
 *
 * By default, the color try to will adhere to the WCAG ‘Enhanced Contrast’
 * (Level AAA) guideline, requiring a contrast ratio of 7 or more. This
 * threshold can be changed, in order to generate a less contrasting color.
 */
.bp-principles-content {
  height: 0;
  margin: 0 auto;
  margin-left: auto;
  margin-right: 0;
}
.bp-principles-content .bp-principles-content__icon,
.bp-principles-content .bp-principles-content__title,
.bp-principles-content .bp-principles-content__body,
.bp-principles-content .bp-principles-content__accordion {
  opacity: 0;
}
.bp-principles-content.show-content {
  height: auto;
}
.bp-principles-content.show-content .bp-principles-content__icon,
.bp-principles-content.show-content .bp-principles-content__title,
.bp-principles-content.show-content .bp-principles-content__body,
.bp-principles-content.show-content .bp-principles-content__accordion {
  opacity: 1;
}
.bp-principles-content.fade-in .bp-principles-content__icon,
.bp-principles-content.fade-in .bp-principles-content__title {
  opacity: 0;
  -webkit-animation-name: fade-in;
  animation-name: fade-in;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.bp-principles-content.fade-in .bp-principles-content__body,
.bp-principles-content.fade-in .bp-principles-content__accordion {
  opacity: 0;
  -webkit-animation-name: fade-in;
  animation-name: fade-in;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.bp-principles-content.fade-out .bp-principles-content__icon,
.bp-principles-content.fade-out .bp-principles-content__title {
  opacity: 1;
  -webkit-animation-name: fade-out;
  animation-name: fade-out;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.bp-principles-content.fade-out .bp-principles-content__body,
.bp-principles-content.fade-out .bp-principles-content__accordion {
  opacity: 1;
  -webkit-animation-name: fade-out;
  animation-name: fade-out;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.bp-principles-content__icon {
  display: inline-block;
  margin-bottom: 10px;
  height: 49px;
  width: 49px;
}
.bp-principles-content__icon-first {
  background: url(../../../images/da-vinci-icons/bp-consumer.svg) no-repeat center center/100% 100%;
}
.bp-principles-content__icon-second {
  background: url(../../../images/da-vinci-icons/bp-people-content.svg) no-repeat center center/100% 100%;
  height: 36px;
}
.bp-principles-content__icon-third {
  background: url(../../../images/da-vinci-icons/bp-value-content.svg) no-repeat center center/100% 100%;
  width: 76px;
  height: 23px;
}
.bp-principles-content__icon-fourth {
  background: url(../../../images/da-vinci-icons/bp-business-content.svg) no-repeat center center/100% 100%;
}
.bp-principles-content__icon-fifth {
  background: url(../../../images/da-vinci-icons/bp-interaction-content.svg) no-repeat center center/100% 100%;
  width: 70px;
}
.bp-principles-content__icon-sixth {
  background: url(../../../images/da-vinci-icons/bp-compliance-content.svg) no-repeat center center/100% 100%;
  width: 46px;
}
.bp-principles-content__title {
  font-size: 23px;
  padding-bottom: 10px;
  border-bottom: 1px solid #8A7969;
  margin-bottom: 30px;
}
.bp-principles-content__title:empty {
  border-bottom: none;
  padding: 0;
  margin: 0;
}
.bp-principles-content__body {
  padding-bottom: 40px;
}
.bp-principles-content__accordion {
  border-top: 1px solid #8A7969;
}
.bp-principles-content__accordion-title {
  font-size: 20px;
}
.bp-principles-content__accordion:last-child .accordion-item__button {
  padding-bottom: 0;
}
.bp-principles-content__accordion:last-child .bp-principles-content__accordion-desc {
  padding-top: 47px;
  padding-bottom: 0;
}
.bp-principles-content__accordion-icon {
  display: inline-block;
  margin-right: 20px;
  width: 40px;
  height: 40px;
}
.bp-principles-content__accordion-icon-first-one {
  background: url(../../../images/da-vinci-icons/consumer-sub-icon-one.svg) no-repeat center center/100% 100%;
}
.bp-principles-content__accordion-icon-first-two {
  background: url(../../../images/da-vinci-icons/consumer-sub-icon-two.svg) no-repeat center center/100% 100%;
}
.bp-principles-content__accordion-icon-first-three {
  background: url(../../../images/da-vinci-icons/consumer-sub-icon-three.svg) no-repeat center center/100% 100%;
}
.bp-principles-content__accordion-icon-second-one {
  background: url(../../../images/da-vinci-icons/people-sub-icon-one.svg) no-repeat center center/100% 100%;
}
.bp-principles-content__accordion-icon-second-two {
  background: url(../../../images/da-vinci-icons/people-sub-icon-two.svg) no-repeat center center/100% 100%;
}
.bp-principles-content__accordion-icon-second-three {
  background: url(../../../images/da-vinci-icons/people-sub-icon-three.svg) no-repeat center center/100% 100%;
}
.bp-principles-content__accordion-icon-third-one {
  background: url(../../../images/da-vinci-icons/value-sub-icon-one.svg) no-repeat center center/100% 100%;
}
.bp-principles-content__accordion-icon-third-two {
  background: url(../../../images/da-vinci-icons/value-sub-icon-two.svg) no-repeat center center/100% 100%;
}
.bp-principles-content__accordion-icon-third-three {
  background: url(../../../images/da-vinci-icons/value-sub-icon-three.svg) no-repeat center center/100% 100%;
}
.bp-principles-content__accordion-icon-fourth-one {
  background: url(../../../images/da-vinci-icons/business-sub-icon-two.svg) no-repeat center center/100% 100%;
}
.bp-principles-content__accordion-icon-fourth-two {
  background: url(../../../images/da-vinci-icons/business-sub-icon-one.svg) no-repeat center center/100% 100%;
}
.bp-principles-content__accordion-icon-fifth-one {
  background: url(../../../images/da-vinci-icons/interaction-sub-icon-content-two.svg) no-repeat center center/100% 100%;
}
.bp-principles-content__accordion-icon-fifth-two {
  background: url(../../../images/da-vinci-icons/interaction-sub-icon-content-one.svg) no-repeat center center/100% 100%;
}
.bp-principles-content__accordion.accordion-active .accordion__button__indicator::after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
}
.bp-principles-content__accordion .accordion-item__button {
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: inherit;
  padding: 40px 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.bp-principles-content__accordion .accordion-item__button .accordion-item-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.bp-principles-content__accordion-desc {
  padding: 7px 0 40px;
}
.bp-principles-content__accordion-desc ol,
.bp-principles-content__accordion-desc ul {
  padding-left: 1.5rem;
  margin-left: 0;
}
.bp-principles-content__accordion-desc ol li,
.bp-principles-content__accordion-desc ul li {
  margin-left: 0;
}
.bp-principles-content .accordion__button__indicator {
  width: 21px;
  height: 21px;
}

@-webkit-keyframes fade-in {
  0% {
    -webkit-transform: translate(0, 50px);
    transform: translate(0, 50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}

@keyframes fade-in {
  0% {
    -webkit-transform: translate(0, 50px);
    transform: translate(0, 50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes fade-out {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, -50px);
    transform: translate(0, -50px);
    opacity: 0;
  }
}
@keyframes fade-out {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, -50px);
    transform: translate(0, -50px);
    opacity: 0;
  }
}
@media (min-width: 1024px) {
  .bp-principles-content {
    max-width: 270px;
  }
}
@media (min-width: 1180px) {
  .bp-principles-content {
    max-width: 360px;
  }
}
@media screen and (min-width: 1366px) {
  .bp-principles-content {
    max-width: 439px;
  }
}
@media screen and (min-width: 1440px) {
  .bp-principles-content {
    max-width: 525px;
  }
}
@media (min-width: 1600px) {
  .bp-principles-content {
    max-width: 630px;
  }
}
@media (min-width: 1801px) {
  .bp-principles-content {
    max-width: 658px;
  }
}
@media (max-width: 1023px) {
  .bp-principles-content {
    max-width: 100%;
  }
  .bp-principles-content.show-content {
    padding: 0 14px 34px;
  }
  .bp-principles-content.show-content.default-content {
    padding: 0 14px 0;
  }
  .bp-principles-content__icon {
    margin-bottom: 15px;
  }
  .bp-principles-content__title {
    padding-bottom: 17px;
  }
  .bp-principles-content__body {
    padding-bottom: 30px;
  }
  .bp-principles-content__accordion .accordion-item__button {
    padding: 30px 0;
  }
  .bp-principles-content__accordion-icon {
    margin-right: 14px;
  }
  .bp-principles-content__accordion-desc {
    padding-bottom: 35px;
  }
  .bp-principles-content__accordion:last-child .bp-principles-content__accordion-desc {
    padding-top: 35px;
  }
  .accordion__button__indicator {
    margin-left: 20px;
    width: 20px;
    height: 20px;
  }
}