.outer-citation-block {
  width: calc(100% - 45px);
  display: table;
  margin-top: 70px;
  position: relative;
  /* =============================================================== RESPONSIVE =================================================================*/ }
  .outer-citation-block .citation-container {
    margin: 20px 0; }
  .outer-citation-block .inner-citation-text {
    background-color: rgba(255, 255, 255, .2);
    border-radius: 40px;
    height: 225px;
    display: table-cell;
    vertical-align: middle;
    padding: 35px 236px 35px 50px;
    width: 10%;
    text-align: center; }
    .outer-citation-block .inner-citation-text p {
      font-size: 24px !important;
      font-weight: 400;
      font-style: oblique;
      color: #fff; }
  .outer-citation-block .inner-citation-author {
    position: absolute;
    top: 0;
    left: calc(100% - 195px);
    width: 215px;
    height: 257px;
    border-radius: 30px;
    background-image: linear-gradient(-45deg, #2da0d9, #2dcccd);
    box-shadow: 0 0 20px rgba(35, 52, 117, 0.3); }
    .outer-citation-block .inner-citation-author .author-img {
      width: 112px;
      height: 112px;
      border: 2px #fff solid;
      margin: 20px auto 10px;
      box-shadow: 0 0 20px rgba(35, 52, 117, 0.3);
      border-radius: 99px;
      background-position: center;
      background-size: cover; }
    .outer-citation-block .inner-citation-author .author-withoutimg {
      width: 112px;
      height: 60px; }
    .outer-citation-block .inner-citation-author p {
      text-align: center;
      color: #fff;
      margin: 0;
      line-height: 1.2;
      font-size: 20px;
      padding: 0 10px 10px; }
      .outer-citation-block .inner-citation-author p.author-firstname {
        font-weight: 400;
        font-size: 18px; }
        .outer-citation-block .inner-citation-author p.author-firstname.withoutimg {
          font-size: 20px; }
      .outer-citation-block .inner-citation-author p.author-lastname {
        font-weight: 700;
        font-size: 18px; }
        .outer-citation-block .inner-citation-author p.author-lastname.withoutimg {
          font-size: 20px; }
      .outer-citation-block .inner-citation-author p.author-job {
        font-size: 16px; }
        .outer-citation-block .inner-citation-author p.author-job.withoutimg {
          font-size: 18px; }
  .outer-citation-block .quotes {
    position: absolute;
    top: -10px;
    left: 30px;
    width: 86px;
    height: 69px;
    background-image: url(/media/image/d0add5f03df5f969ce2e1803459c21fe115d1497.svg); }
    .outer-citation-block .quotes.reversed {
      top: 275px;
      left: calc(100% - 336px); }

@media (max-width: 840px) {
  .outer-citation-block {
    margin-left: auto !important; }
    .outer-citation-block .citation-container {
      margin: 20px 0;
      margin-bottom: 155px; }
    .outer-citation-block .inner-citation-text {
      padding: 50px 50px 150px;
      height: auto; }
      .outer-citation-block .inner-citation-text p {
        width: calc(100vw - 125px);
        font-size: 20px !important;
        margin: 40px 0; }
    .outer-citation-block .inner-citation-author {
      bottom: 0;
      top: unset;
      left: calc(50vw - 117px); }
      .outer-citation-block .inner-citation-author p {
        font-size: 14px !important;
        padding-bottom: 10px; }
        .outer-citation-block .inner-citation-author p.author-job {
          font-size: 16px !important; }
        .outer-citation-block .inner-citation-author p.author-firstname {
          font-size: 18px !important; }
        .outer-citation-block .inner-citation-author p.author-lastname {
          font-size: 18px !important; }
    .outer-citation-block .quotes {
      top: 28px;
      left: calc(50vw - 53px);
      background-size: 65px; }
      .outer-citation-block .quotes.reversed {
        top: unset;
        left: calc(50vw - 76px);
        bottom: 255px; } }