/* Start:/direction/static_content/assets/diabet/opening-tactics/css/styles.css?176044864046303*/
#opening-tactics-algorithm sup {
  font-size: 57%; }

#opening-tactics-algorithm .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: none;
  padding: 0;
  overflow: hidden; }

#opening-tactics-algorithm .block {
  max-width: 1280px;
  width: 100%;
  padding: 0 28px; }
  @media screen and (max-width: 768px) {
    #opening-tactics-algorithm .block {
      padding: 0 16px; } }

#opening-tactics-algorithm .popups-wrapper {
  display: none; }

#opening-tactics-algorithm .header-banner-container {
  margin-top: 32px;
  padding-bottom: 24px; }
  #opening-tactics-algorithm .header-banner-container .header-banner {
    background-color: #0158BB;
    height: 100%;
    min-height: 260px;
    padding: 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
    #opening-tactics-algorithm .header-banner-container .header-banner .header-banner__line {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 100%; }
      #opening-tactics-algorithm .header-banner-container .header-banner .header-banner__line .header-banner__date-label {
        font-weight: 400;
        font-size: 14px;
        line-height: 1;
        color: white;
        text-transform: uppercase; }
      #opening-tactics-algorithm .header-banner-container .header-banner .header-banner__line .header-banner__favorite-block button {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        white-space: nowrap;
        width: auto; }
        #opening-tactics-algorithm .header-banner-container .header-banner .header-banner__line .header-banner__favorite-block button span {
          display: inline-block;
          margin-left: 10px;
          padding-bottom: 7px;
          font-size: 14px; }
    #opening-tactics-algorithm .header-banner-container .header-banner .tag-list {
      margin-top: auto; }
    #opening-tactics-algorithm .header-banner-container .header-banner .detail-header__title {
      font-weight: bold;
      font-size: 32px;
      line-height: 40/32;
      color: white; }
    #opening-tactics-algorithm .header-banner-container .header-banner .detail-header__stat {
      color: white; }
  @media screen and (max-width: 768px) {
    #opening-tactics-algorithm .header-banner-container .block {
      padding-left: 0;
      padding-right: 0; }
    #opening-tactics-algorithm .header-banner-container .header-banner .header-banner__line .header-banner__favorite-block button span {
      display: none; }
    #opening-tactics-algorithm .header-banner-container .header-banner .detail-header__title {
      font-size: 23px;
      line-height: 1.21739; }
    #opening-tactics-algorithm .header-banner-container .header-banner .tag-list {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }

#opening-tactics-algorithm .calc-ckf-container {
  background-color: #DCDCE5; }
  #opening-tactics-algorithm .calc-ckf-container .block {
    margin: 0;
    padding: 28px 24px; }
    #opening-tactics-algorithm .calc-ckf-container .block .calc-container {
      width: 808px;
      min-height: 516px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -moz-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      background-color: white; }
      #opening-tactics-algorithm .calc-ckf-container .block .calc-container .content-title {
        font-weight: bold;
        width: 100%;
        text-align: left;
        color: black;
        font-size: 23px;
        line-height: 1.21739;
        margin-bottom: 24px; }
      #opening-tactics-algorithm .calc-ckf-container .block .calc-container .question-text {
        font-weight: bold;
        font-size: 23px;
        line-height: 1.21739;
        color: black;
        margin-bottom: 24px; }
      #opening-tactics-algorithm .calc-ckf-container .block .calc-container .form-line {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        width: 100%;
        margin-bottom: 32px;
        margin-top: 32px; }
        #opening-tactics-algorithm .calc-ckf-container .block .calc-container .form-line > * {
          width: auto; }
          #opening-tactics-algorithm .calc-ckf-container .block .calc-container .form-line > *:first-child {
            margin-right: 34px; }
          #opening-tactics-algorithm .calc-ckf-container .block .calc-container .form-line > *:last-child {
            margin-right: 0; }
        #opening-tactics-algorithm .calc-ckf-container .block .calc-container .form-line.form-line__radio {
          margin-bottom: 30px; }
        #opening-tactics-algorithm .calc-ckf-container .block .calc-container .form-line.form-line__top {
          width: 100%;
          -webkit-box-pack: start;
          -webkit-justify-content: flex-start;
          -moz-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start;
          -webkit-box-align: start;
          -webkit-align-items: flex-start;
          -moz-box-align: start;
          -ms-flex-align: start;
          align-items: flex-start; }
        #opening-tactics-algorithm .calc-ckf-container .block .calc-container .form-line .form-line__group {
          display: none; }
          #opening-tactics-algorithm .calc-ckf-container .block .calc-container .form-line .form-line__group.is-on {
            display: block; }
          #opening-tactics-algorithm .calc-ckf-container .block .calc-container .form-line .form-line__group.form-line__group-func-depend_add {
            margin-top: -32px;
            margin-left: auto;
            width: 48%; }
          #opening-tactics-algorithm .calc-ckf-container .block .calc-container .form-line .form-line__group.form-line__group-cardio-risk {
            max-width: 540px;
            width: 100%;
            margin-right: auto; }
          #opening-tactics-algorithm .calc-ckf-container .block .calc-container .form-line .form-line__group.form-line__group-alert .custom-radio {
            border-color: #E22045; }
            #opening-tactics-algorithm .calc-ckf-container .block .calc-container .form-line .form-line__group.form-line__group-alert .custom-radio:after {
              background-color: #E22045; }
          #opening-tactics-algorithm .calc-ckf-container .block .calc-container .form-line .form-line__group.form-line__group-alert .radio-text {
            color: #E22045; }
          #opening-tactics-algorithm .calc-ckf-container .block .calc-container .form-line .form-line__group .form-line__group-title {
            font-weight: bold;
            font-size: 20px;
            line-height: 1.4;
            margin-bottom: 12px; }
      #opening-tactics-algorithm .calc-ckf-container .block .calc-container .form-group_label {
        font-weight: 400;
        font-size: 16px;
        line-height: 1.25;
        color: black;
        margin-bottom: 4px; }
      #opening-tactics-algorithm .calc-ckf-container .block .calc-container .form-group-counter {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        #opening-tactics-algorithm .calc-ckf-container .block .calc-container .form-group-counter .text-label {
          font-weight: 400;
          font-size: 18px;
          line-height: 1;
          color: black;
          margin-left: 12px;
          margin-top: 20px; }
        #opening-tactics-algorithm .calc-ckf-container .block .calc-container .form-group-counter .counter-label {
          display: none;
          font-weight: bold;
          color: #0158BB;
          font-size: 20px;
          line-height: 1.4;
          margin-left: 30px;
          margin-top: 21px; }
      #opening-tactics-algorithm .calc-ckf-container .block .calc-container .form-group.form-group-radio {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 100%;
        margin-bottom: 16px; }
        #opening-tactics-algorithm .calc-ckf-container .block .calc-container .form-group.form-group-radio:last-child {
          margin-bottom: 0; }
        #opening-tactics-algorithm .calc-ckf-container .block .calc-container .form-group.form-group-radio.select-false .radio-text {
          color: #E22045 !important;
          font-weight: bold !important; }
        #opening-tactics-algorithm .calc-ckf-container .block .calc-container .form-group.form-group-radio.select-true .radio-text {
          color: #00D085 !important;
          font-weight: bold !important; }
        #opening-tactics-algorithm .calc-ckf-container .block .calc-container .form-group.form-group-radio label {
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: start;
          -webkit-justify-content: flex-start;
          -moz-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start;
          -webkit-box-align: start;
          -webkit-align-items: flex-start;
          -moz-box-align: start;
          -ms-flex-align: start;
          align-items: flex-start;
          -webkit-transition: .5s;
          -o-transition: .5s;
          -moz-transition: .5s;
          transition: .5s;
          cursor: pointer; }
          #opening-tactics-algorithm .calc-ckf-container .block .calc-container .form-group.form-group-radio label .custom-radio {
            margin-top: 3px; }
        #opening-tactics-algorithm .calc-ckf-container .block .calc-container .form-group.form-group-radio .custom-radio {
          content: '';
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          min-width: 20px;
          width: 20px;
          height: 20px;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          border-radius: 50%;
          border: 2px solid black;
          margin-right: 10px;
          -webkit-transition: .5s;
          -o-transition: .5s;
          -moz-transition: .5s;
          transition: .5s;
          position: relative; }
          #opening-tactics-algorithm .calc-ckf-container .block .calc-container .form-group.form-group-radio .custom-radio:after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            width: 10px;
            height: 10px;
            background-color: black;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            -webkit-transition: .5s;
            -o-transition: .5s;
            -moz-transition: .5s;
            transition: .5s;
            opacity: 0; }
        #opening-tactics-algorithm .calc-ckf-container .block .calc-container .form-group.form-group-radio input:checked + .custom-radio {
          position: relative; }
          #opening-tactics-algorithm .calc-ckf-container .block .calc-container .form-group.form-group-radio input:checked + .custom-radio:after {
            opacity: 1; }
        #opening-tactics-algorithm .calc-ckf-container .block .calc-container .form-group.form-group-radio input:checked ~ .radio-text {
          font-weight: 400;
          color: black; }
        #opening-tactics-algorithm .calc-ckf-container .block .calc-container .form-group.form-group-radio input {
          opacity: 0;
          position: absolute;
          top: 4px;
          left: 0px;
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          width: 20px;
          height: 20px; }
        #opening-tactics-algorithm .calc-ckf-container .block .calc-container .form-group.form-group-radio .radio-text {
          font-weight: 300; }
        #opening-tactics-algorithm .calc-ckf-container .block .calc-container .form-group.form-group-radio.group-is-invalid .custom-radio {
          border-color: red; }
        #opening-tactics-algorithm .calc-ckf-container .block .calc-container .form-group.form-group-radio.group-is-invalid label {
          color: red; }
      #opening-tactics-algorithm .calc-ckf-container .block .calc-container .form-group input, #opening-tactics-algorithm .calc-ckf-container .block .calc-container .form-group select {
        border: none;
        border: 2px solid black;
        height: 52px;
        padding: 14px 28px 14px 16px;
        font-size: 18px;
        line-height: 1.33333;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        outline: none;
        color: black;
        font-weight: 400;
        -webkit-transition: .5s;
        -o-transition: .5s;
        -moz-transition: .5s;
        transition: .5s;
        max-width: 190px; }
        #opening-tactics-algorithm .calc-ckf-container .block .calc-container .form-group input:focus, #opening-tactics-algorithm .calc-ckf-container .block .calc-container .form-group select:focus {
          -webkit-border-radius: 0px !important;
          -moz-border-radius: 0px !important;
          border-radius: 0px !important; }
        #opening-tactics-algorithm .calc-ckf-container .block .calc-container .form-group input::-webkit-input-placeholder, #opening-tactics-algorithm .calc-ckf-container .block .calc-container .form-group select::-webkit-input-placeholder {
          color: #707075;
          font-weight: 300; }
        #opening-tactics-algorithm .calc-ckf-container .block .calc-container .form-group input::-moz-placeholder, #opening-tactics-algorithm .calc-ckf-container .block .calc-container .form-group select::-moz-placeholder {
          color: #707075;
          font-weight: 300; }
        #opening-tactics-algorithm .calc-ckf-container .block .calc-container .form-group input::-ms-input-placeholder, #opening-tactics-algorithm .calc-ckf-container .block .calc-container .form-group select::-ms-input-placeholder {
          color: #707075;
          font-weight: 300; }
        #opening-tactics-algorithm .calc-ckf-container .block .calc-container .form-group input::placeholder, #opening-tactics-algorithm .calc-ckf-container .block .calc-container .form-group select::placeholder {
          color: #707075;
          font-weight: 300; }
        #opening-tactics-algorithm .calc-ckf-container .block .calc-container .form-group input.control-is-invalid, #opening-tactics-algorithm .calc-ckf-container .block .calc-container .form-group select.control-is-invalid {
          border-color: red; }
      #opening-tactics-algorithm .calc-ckf-container .block .calc-container .form-group select {
        padding-top: 0;
        padding-bottom: 0;
        color: black;
        font-weight: 400; }
      #opening-tactics-algorithm .calc-ckf-container .block .calc-container .buttons-block {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -moz-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        margin-top: auto;
        width: 100%; }
        #opening-tactics-algorithm .calc-ckf-container .block .calc-container .buttons-block button {
          border: 2px solid black;
          -webkit-border-radius: 0;
          -moz-border-radius: 0;
          border-radius: 0;
          outline: none;
          padding: 8px 16px;
          height: 52px;
          text-align: center;
          color: black;
          background-color: white;
          font-weight: bold;
          font-size: 26px;
          line-height: 1.38462;
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          width: 48%; }
          #opening-tactics-algorithm .calc-ckf-container .block .calc-container .buttons-block button.btn-calc {
            background-color: black;
            border-color: black;
            cursor: pointer;
            color: white; }
      @media screen and (max-width: 1080px) {
        #opening-tactics-algorithm .calc-ckf-container .block .calc-container {
          max-width: 808px;
          width: 100%; }
          #opening-tactics-algorithm .calc-ckf-container .block .calc-container .form-group input, #opening-tactics-algorithm .calc-ckf-container .block .calc-container .form-group select {
            width: 100%;
            min-width: 150px; } }
    #opening-tactics-algorithm .calc-ckf-container .block .calc-result-container {
      margin-left: 24px;
      width: 392px;
      background-color: white;
      padding: 32px 24px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      #opening-tactics-algorithm .calc-ckf-container .block .calc-result-container .result-view {
        display: none;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        height: 100%;
        margin: 0 auto; }
        #opening-tactics-algorithm .calc-ckf-container .block .calc-result-container .result-view.is-on {
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex; }
      #opening-tactics-algorithm .calc-ckf-container .block .calc-result-container .result-title {
        width: 100%;
        text-align: left;
        font-weight: bold;
        font-size: 23px;
        line-height: 1.21739;
        color: black;
        margin-bottom: 12px; }
      #opening-tactics-algorithm .calc-ckf-container .block .calc-result-container .result-desc {
        font-weight: bold;
        font-size: 20px;
        line-height: 1.4;
        color: black;
        width: 100%;
        text-align: center;
        margin-bottom: 12px;
        margin-top: 32px;
        max-width: 280px; }
      #opening-tactics-algorithm .calc-ckf-container .block .calc-result-container .result-value {
        font-weight: 900;
        width: 100%;
        text-align: center;
        text-transform: uppercase;
        font-size: 48px;
        line-height: 1;
        color: #E22045; }
        #opening-tactics-algorithm .calc-ckf-container .block .calc-result-container .result-value.result-value_text {
          font-size: 20px;
          line-height: 1.4; }
      #opening-tactics-algorithm .calc-ckf-container .block .calc-result-container .result-value-desc {
        font-weight: 400;
        font-size: 18px;
        line-height: 1.33333;
        max-width: 240px;
        margin-top: 20px;
        margin-bottom: 32px;
        text-align: center; }
      #opening-tactics-algorithm .calc-ckf-container .block .calc-result-container .result-comment-title {
        font-weight: bold;
        font-size: 20px;
        line-height: 1.4;
        text-align: left;
        margin-bottom: 12px;
        width: 100%; }
      #opening-tactics-algorithm .calc-ckf-container .block .calc-result-container .result-comment-text {
        font-weight: 400;
        font-size: 18px;
        line-height: 1.33333;
        max-width: none;
        text-align: left;
        width: 100%; }
    #opening-tactics-algorithm .calc-ckf-container .block .step-item {
      display: none;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
      -moz-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch; }
      #opening-tactics-algorithm .calc-ckf-container .block .step-item.is-on {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex; }
      #opening-tactics-algorithm .calc-ckf-container .block .step-item > * {
        background-color: white;
        padding: 32px 24px 24px 24px; }
    @media screen and (max-width: 940px) {
      #opening-tactics-algorithm .calc-ckf-container .block .step-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
      #opening-tactics-algorithm .calc-ckf-container .block .calc-container {
        width: 100%;
        max-width: none;
        margin-bottom: 30px; }
      #opening-tactics-algorithm .calc-ckf-container .block .calc-result-container {
        width: 100%;
        max-width: none;
        margin-left: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center; } }
    @media screen and (max-width: 640px) {
      #opening-tactics-algorithm .calc-ckf-container .block .step-item > * {
        background-color: white;
        padding: 28px 16px 16px 16px; }
      #opening-tactics-algorithm .calc-ckf-container .block .calc-container .form-line {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start; }
        #opening-tactics-algorithm .calc-ckf-container .block .calc-container .form-line.form-line__top {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
          -moz-box-orient: vertical;
          -moz-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-pack: start;
          -webkit-justify-content: flex-start;
          -moz-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start;
          -webkit-box-align: start;
          -webkit-align-items: flex-start;
          -moz-box-align: start;
          -ms-flex-align: start;
          align-items: flex-start; }
        #opening-tactics-algorithm .calc-ckf-container .block .calc-container .form-line.form-line__radio {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -webkit-flex-direction: row;
          -moz-box-orient: horizontal;
          -moz-box-direction: normal;
          -ms-flex-direction: row;
          flex-direction: row;
          -webkit-box-pack: start;
          -webkit-justify-content: flex-start;
          -moz-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      #opening-tactics-algorithm .calc-ckf-container .block .calc-container .form-group-counter {
        margin-bottom: 20px; }
        #opening-tactics-algorithm .calc-ckf-container .block .calc-container .form-group-counter:last-child {
          margin-top: 20px; }
      #opening-tactics-algorithm .calc-ckf-container .block .calc-container .buttons-block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        #opening-tactics-algorithm .calc-ckf-container .block .calc-container .buttons-block > button {
          width: 100%; }
          #opening-tactics-algorithm .calc-ckf-container .block .calc-container .buttons-block > button:first-child {
            margin-bottom: 10px; }
      #opening-tactics-algorithm .calc-ckf-container .block .calc-result-container {
        width: 100%;
        max-width: none;
        margin-left: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center; } }

#opening-tactics-algorithm .footnote-container {
  padding-top: 40px; }
  #opening-tactics-algorithm .footnote-container .footer-text {
    font-weight: 300;
    margin-bottom: 40px; }
    @media (max-width: 768px) {
      #opening-tactics-algorithm .footnote-container .footer-text {
        margin-bottom: 30px; } }
  #opening-tactics-algorithm .footnote-container .popup-buttons {
    max-width: 752px;
    width: 100%;
    margin-bottom: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    #opening-tactics-algorithm .footnote-container .popup-buttons a {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -moz-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      width: 48%;
      padding: 0;
      font-weight: bold;
      font-size: 20px;
      line-height: 1.4;
      color: black;
      text-align: left;
      margin-bottom: 20px; }
      #opening-tactics-algorithm .footnote-container .popup-buttons a .btn-text {
        margin-bottom: 16px; }
      #opening-tactics-algorithm .footnote-container .popup-buttons a .btn-text-detail {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -moz-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-top: auto; }
        #opening-tactics-algorithm .footnote-container .popup-buttons a .btn-text-detail:after {
          content: '';
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          width: 24px;
          height: 24px;
          margin-left: 12px;
          background-image: url("/direction/static_content/assets/cardiology/telzap/images/diagnosis-formulation/arrow-forward-icon_black.svg");
          background-position: center;
          -moz-background-size: 100%;
          background-size: 100%;
          background-repeat: no-repeat;
          -webkit-transform: scale(-1, 1);
          -moz-transform: scale(-1, 1);
          -ms-transform: scale(-1, 1);
          -o-transform: scale(-1, 1);
          transform: scale(-1, 1); }
    @media screen and (max-width: 768px) {
      #opening-tactics-algorithm .footnote-container .popup-buttons {
        max-width: none;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        #opening-tactics-algorithm .footnote-container .popup-buttons a {
          width: 100%;
          margin-bottom: 32px; }
          #opening-tactics-algorithm .footnote-container .popup-buttons a:last-child {
            margin-bottom: 0; } }
  #opening-tactics-algorithm .footnote-container .abbr-list {
    width: 100%;
    margin-bottom: 20px; }
    #opening-tactics-algorithm .footnote-container .abbr-list .abbr-list__title {
      width: 100%;
      text-align: left;
      font-weight: bold;
      line-height: 0.82143;
      margin-bottom: 16px; }
    #opening-tactics-algorithm .footnote-container .abbr-list .abbr-list__item {
      font-weight: 300;
      font-size: 18px;
      line-height: 1.33333;
      padding-left: 40px;
      position: relative;
      margin-bottom: 8px; }
      #opening-tactics-algorithm .footnote-container .abbr-list .abbr-list__item:last-child {
        margin-bottom: 0; }
      #opening-tactics-algorithm .footnote-container .abbr-list .abbr-list__item .abbr-list__item-icon {
        position: absolute;
        right: -webkit-calc(100% - 30px);
        right: -moz-calc(100% - 30px);
        right: calc(100% - 30px);
        top: 1px;
        font-weight: bold;
        font-size: 20px;
        line-height: 1.2;
        color: black;
        text-align: right; }
  #opening-tactics-algorithm .footnote-container .footnotes-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 40px; }
    #opening-tactics-algorithm .footnote-container .footnotes-list .footnotes-list__title {
      font-weight: bold;
      font-size: 23px;
      line-height: 1.21739;
      color: black;
      width: 100%;
      text-align: left;
      margin-bottom: 16px; }
    #opening-tactics-algorithm .footnote-container .footnotes-list .footnotes-list__item {
      font-weight: 300;
      font-size: 16px;
      line-height: 1.5; }
    @media (max-width: 768px) {
      #opening-tactics-algorithm .footnote-container .footnotes-list {
        margin-bottom: 30px; } }
  #opening-tactics-algorithm .footnote-container .footer-line {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%; }
    #opening-tactics-algorithm .footnote-container .footer-line .share-block {
      min-width: 392px;
      margin-left: 40px;
      padding-top: 0; }
    #opening-tactics-algorithm .footnote-container .footer-line .footer-line__block {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -moz-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      max-width: 808px;
      width: 100%; }
      #opening-tactics-algorithm .footnote-container .footer-line .footer-line__block:last-child {
        width: 100%;
        max-width: 398px;
        padding-left: 24px; }
    @media screen and (max-width: 1000px) {
      #opening-tactics-algorithm .footnote-container .footer-line {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; }
        #opening-tactics-algorithm .footnote-container .footer-line .share-block {
          padding-top: 32px;
          margin-left: auto;
          margin-right: auto; }
        #opening-tactics-algorithm .footnote-container .footer-line .footer-line__block {
          max-width: none;
          width: 100%; }
          #opening-tactics-algorithm .footnote-container .footer-line .footer-line__block:last-child {
            max-width: none;
            padding-left: 0; } }
  #opening-tactics-algorithm .footnote-container .identifier {
    height: auto;
    background-position-y: 0; }
    #opening-tactics-algorithm .footnote-container .identifier .identifier__title {
      font-size: 13px;
      line-height: 1.23077;
      font-weight: 400;
      color: black;
      text-align: left; }
    #opening-tactics-algorithm .footnote-container .identifier .identifier__number {
      font-weight: 400;
      color: #707075;
      font-size: 14px;
      line-height: 1.42857; }

body .popup {
  max-width: 1016px;
  width: 100%;
  padding: 80px 108px 80px 103px;
  display: none; }
  body .popup h3, body .popup h4, body .popup p {
    max-width: 804px;
    margin-left: auto;
    margin-right: auto; }
  body .popup p {
    color: black;
    font-size: 18px;
    line-height: 1.33333;
    font-weight: 300; }
  body .popup .close-btn {
    position: absolute;
    top: 24px;
    right: 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 24px;
    height: 24px;
    cursor: pointer; }
    body .popup .close-btn:after {
      content: '';
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      width: 14px;
      height: 14px;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      background-image: url("/direction/static_content/assets/cardiology/telzap/images/diagnosis-formulation/popup-close-icon.svg");
      background-position: center;
      -moz-background-size: 100%;
      background-size: 100%;
      background-repeat: no-repeat; }
  body .popup .popup-title {
    width: 100%;
    font-weight: bold;
    font-size: 23px;
    line-height: 1.21739;
    color: black;
    text-align: left;
    margin-bottom: 20px;
    margin-bottom: 8px; }
  body .popup .popup-footnotes {
    font-weight: 300;
    color: black;
    font-size: 16px;
    line-height: 1.25;
    margin-bottom: 8px; }
    body .popup .popup-footnotes:last-child {
      margin-bottom: 0; }
  body .popup .img-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 16px; }
    @media screen and (max-width: 768px) {
      body .popup .img-wrapper.mobile-horizontal {
        height: 350px;
        overflow-x: auto;
        overflow-y: hidden;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start; }
        body .popup .img-wrapper.mobile-horizontal img {
          width: auto;
          max-width: none; } }
  body .popup .footnotes {
    font-weight: 300;
    font-size: 12px;
    line-height: 1.33333;
    color: #828282;
    margin-top: 20px; }
  @media screen and (max-width: 768px) {
    body .popup {
      display: none;
      position: static;
      top: auto;
      left: auto;
      right: auto;
      bottom: auto;
      -webkit-transform: none;
      -moz-transform: none;
      -ms-transform: none;
      -o-transform: none;
      transform: none;
      z-index: 1;
      padding: 20px 0;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      margin: 0;
      height: auto; } }

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

/* End */
/* /direction/static_content/assets/diabet/opening-tactics/css/styles.css?176044864046303 */