/* mixin for multiline */
/*
Media query mixin
 */
.breadCrumbs {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
  .breadCrumbs__link {
    text-decoration: none;
    color: #434343;
    text-transform: capitalize;
    font-family: "brandon-grotesque", sans-serif;
    display: inline-block;
    font-weight: 400;
    font-size: 12px;
    vertical-align: top; }
    .breadCrumbs__link:last-child {
      color: #434343 !important; }
    .breadCrumbs__link:hover {
      color: #3399ff; }
  .breadCrumbs__divider {
    display: inline-block;
    background-image: url("../images/breadcrumbs-arrow-dark.svg");
    background-position: 50%;
    background-repeat: no-repeat; }

.conan_wd h2{ color:#39f; text-align:center}
.conan_wd h3{ color:#69c8cc}
.conan_wd2{ border-top:1px solid #ccc; margin-top:30px; padding-top:20px;}
.conan_wd2 h2{ color:#69c8cc; font-size:24px; margin-bottom:10px; margin-top:10px;}
.conan_wd3 .js_0{ margin-bottom:10px;}
.conan_wd3 .js_1{ cursor:pointer; background:#f2f2f4; padding:10px 20px; border-radius: 5px; font-size:18px;}
.conan_wd3 .js_1:hover{ color:#f4a71c}
.conan_wd3 .js_2{ display:none; }
	

@media (min-width: 765px) {
  .breadCrumbs {
    height: auto; }
    .breadCrumbs__link {
      height: auto; }
      .breadCrumbs__link:last-child {
        pointer-events: none;
        font-weight: 500; }
      .breadCrumbs__link.-enable-last-link {
        pointer-events: visible; }
        .breadCrumbs__link.-enable-last-link:hover {
          color: #3399ff !important; }
      .breadCrumbs__link.-desktop-back {
        margin-left: auto;
        position: absolute; }
        .breadCrumbs__link.-desktop-back::after {
          content: "";
          position: absolute;
          width: auto;
          height: auto;
          right: 100%;
          background-image: url("../images/breadcrumbs-arrow-dark.svg");
          background-size: 30%;
          background-position: 50%;
          background-repeat: no-repeat;
          transform: rotate(180deg); }
    .breadCrumbs__divider {
      width: 50px;
      height: 17px;
      background-size: 20%; } }

@media (max-width: 764px) {
  .breadCrumbs {
    height: 30px; }
    .breadCrumbs .breadCrumbs__link {
      display: none;
      height: 30px;
      display: inline-block;
      font-weight: 400;
      position: relative;
      margin-left: 30px;
      line-height: 30px !important; }
      .breadCrumbs .breadCrumbs__link::after {
        content: "";
        position: absolute;
        width: 30px;
        height: 30px;
        right: 100%;
        background-image: url("../images/breadcrumbs-arrow-dark.svg");
        background-size: 40%;
        background-position: 50%;
        background-repeat: no-repeat;
        transform: rotate(180deg); }
      .breadCrumbs .breadCrumbs__link:last-child {
        display: none; }
      .breadCrumbs .breadCrumbs__link.-enable-last-link:last-child {
        display: inline-block !important; }
        .breadCrumbs .breadCrumbs__link.-enable-last-link:last-child:hover {
          color: #3399ff !important; }
    .breadCrumbs .breadCrumbs__divider {
      display: none; } }
