.inner-detail-agenda {
  width: 1360px;
  display: flex;
  flex-direction: row;
  margin: 50px auto 100px;
  /* =============================================================== RESPONSIVE =================================================================*/ }
  .inner-detail-agenda .left {
    width: 100%; }
    .inner-detail-agenda .left .top .title {
      font-family: 'LatoLatinLight';
      font-weight: 100;
      color: #8e50a8; }
      .inner-detail-agenda .left .top .descr {
        font-family: 'LatoLatinRegular';
        color: #ed2939;
        font-size: 24px;
        margin: 50px 0 20px; }
      .inner-detail-agenda .left .top .btns {
        display: flex;
        flex-direction: row; }
    .inner-detail-agenda .left .bottom {
      margin-top: 50px;
      display: flex;
      flex-direction: row; }
      .inner-detail-agenda .left .bottom .left {
        width: 150px;
        min-width: 100px;
        margin-left: 0; }
        .inner-detail-agenda .left .bottom .left .date {
          color: #283e4d;
          font-size: 24px;
          font-family: 'LatoLatinHeavy';
          font-weight: 500;
          line-height: 1.2;
          margin: 20px 0; }
        .inner-detail-agenda .left .bottom .left .time {
          color: #90a3b1;
          font-size: 16px;
          font-family: 'LatoLatinLight'; }
        .inner-detail-agenda .left .bottom .left .sep {
          margin: 10px 0; }
        .inner-detail-agenda .left .bottom .left .intro {
          font-weight: bold;
          margin: 10px 0;
          font-size: smaller; }
      .inner-detail-agenda .left .bottom .right {
        width: 700px; }
        .inner-detail-agenda .left .bottom .right .text {
          line-height: 1.5; }
          .inner-detail-agenda .left .bottom .right .text h2, .inner-detail-agenda .left .bottom .right .text h3 {
            color: #ed2939;
            font-family: 'LatoLatinHeavy'; }
          .inner-detail-agenda .left .bottom .right .text a:hover {
            opacity: 1;
            color: #ed2939; }
          .inner-detail-agenda .left .bottom .right .text ul {
            padding: 0; }
            .inner-detail-agenda .left .bottom .right .text ul li {
              line-height: 1.5;
              margin-bottom: 15px; }
              .inner-detail-agenda .left .bottom .right .text ul li::before {
                content: '\002014';
                color: #ed2939;
                margin-left: -23px;
                margin-right: 10px; }
          .inner-detail-agenda .left .bottom .right .text table {
            border-radius: 5px;
            background-color: #d7dadc;
            border-spacing: 0; }
            .inner-detail-agenda .left .bottom .right .text table tr:nth-child(even) {
              background-color: rgba(255, 255, 255, .2); }
              .inner-detail-agenda .left .bottom .right .text table tr td {
                vertical-align: top;
                padding: 20px; }
                .inner-detail-agenda .left .bottom .right .text table tr td:first-child {
                  width: 118px;
                  text-align: center; }
        .inner-detail-agenda .left .bottom .right .img {
          display: none; }
  .inner-detail-agenda .right {
    width: 500px; }
    .inner-detail-agenda .right .top {
      display: none; }
    .inner-detail-agenda .right .card {
      width: 450px; }
      .inner-detail-agenda .right .card .coords {
        background-color: #fff;
        padding: 20px 30px;
        margin-bottom: 0;
        color: #405966;
        font-family: 'LatoLatinMedium';
        height: fit-content; }
        .inner-detail-agenda .right .card .coords li:before {
          content: '';
          display: inline-block;
          background-repeat: no-repeat;
          background-size: 34px;
          position: absolute;
          left: -35px;
          width: 38px;
          height: 38px; }
          .inner-detail-agenda .right .card .coords li .inplace {
            font-family: 'LatoLatinLight'; }
        .inner-detail-agenda .right .card .coords .place {
          position: relative;
          font-size: 16px;
          margin-bottom: 30px;
          padding-left: 20px;
          left: 40px; }
          .inner-detail-agenda .right .card .coords .place:before {
            background-image: url(/media/image/44d38eff9ef64398397dc5e6bf25aca77af6e4db.svg);
            left: -35px; }
        .inner-detail-agenda .right .card .coords .lngtxt {
          position: relative;
          font-size: 16px;
          margin-bottom: 30px;
          padding-left: 20px;
          left: 40px;
          display: flex; }
          .inner-detail-agenda .right .card .coords .lngtxt > .languages {
            display: block;
            width: 38px;
            height: 38px;
            background-repeat: no-repeat;
            background-size: cover;
            margin-right: 15px; }
            .inner-detail-agenda .right .card .coords .lngtxt > .languages.lngfr {
              background-image: url(/media/image/332f5c548f36ca0c5c55577f608feb833eab733a.svg); }
            .inner-detail-agenda .right .card .coords .lngtxt > .languages.lngen {
              background-image: url(/media/image/9ca273bac7bede56c3b820e469521764dd7b2e60.svg); }
            .inner-detail-agenda .right .card .coords .lngtxt > .languages.lngde {
              background-image: url(/media/image/003aab4ab355af7425f3729731ba399298731dce.svg); }
            .inner-detail-agenda .right .card .coords .lngtxt > .languages.lngit {
              background-image: url(/media/image/f21a2386048eb9d80f30ec00de419bf1590082b7.svg); }
            .inner-detail-agenda .right .card .coords .lngtxt > .languages.lnglb {
              background-image: url(Array); }
            .inner-detail-agenda .right .card .coords .lngtxt > .languages.lngnl {
              background-image: url(/media/image/dcee3aa6e1738a529a38c3c3afce3a56fd2dd462.svg); }
          .inner-detail-agenda .right .card .coords .lngtxt:before {
            background-image: url(/media/image/332f5c548f36ca0c5c55577f608feb833eab733a.svg);
            background-size: 109%;
            left: -40px; }
          .inner-detail-agenda .right .card .coords .lngtxt.lngfr:before {
            background-image: url(/media/image/332f5c548f36ca0c5c55577f608feb833eab733a.svg);
            background-size: 109%;
            left: -35px;
            background-size: 100%; }
          .inner-detail-agenda .right .card .coords .lngtxt.lngde:before {
            background-image: url(/media/image/003aab4ab355af7425f3729731ba399298731dce.svg);
            background-size: 109%;
            left: -35px;
            background-size: 100%; }
          .inner-detail-agenda .right .card .coords .lngtxt.lnglu:before {
            background-image: url(/media/image/b6b775458ae9342fe5138a36a2d014a9350a1257.svg);
            background-size: 109%;
            left: -35px;
            background-size: 100%; }
          .inner-detail-agenda .right .card .coords .lngtxt.lngit:before {
            background-image: url(/media/image/f21a2386048eb9d80f30ec00de419bf1590082b7.svg);
            background-size: 109%;
            left: -35px;
            background-size: 100%; }
          .inner-detail-agenda .right .card .coords .lngtxt.lngen:before {
            background-image: url(/media/image/9ca273bac7bede56c3b820e469521764dd7b2e60.svg);
            background-size: 109%;
            left: -35px;
            background-size: 100%; }
        .inner-detail-agenda .right .card .coords .contact {
          position: relative;
          font-size: 16px;
          padding-left: 20px;
          left: 40px;
          line-height: 2.5; }
          .inner-detail-agenda .right .card .coords .contact:before {
            background-image: url(/media/image/d39a4ad6845a24314573167092237adef641d6c2.svg); }
        .inner-detail-agenda .right .card .coords .price {
          position: relative;
          font-size: 16px;
          padding-left: 20px;
          left: 40px;
          line-height: 2.5; }
          .inner-detail-agenda .right .card .coords .price:before {
            background-image: url(/media/image/7f3979c24eabf33006c8711232415e485a4b2f9b.svg); }
        .inner-detail-agenda .right .card .coords .validation {
          position: relative;
          font-size: 16px;
          padding-left: 20px;
          width: 70%;
          left: 40px;
          line-height: 2.5; }
          .inner-detail-agenda .right .card .coords .validation:before {
            background-image: url(/media/image/e6ff6b6b454e4d55b32bdb1fe5118a1e66adac2a.svg); }
        .inner-detail-agenda .right .card .coords .ticket_link {
          position: relative;
          font-size: 16px;
          padding-left: 20px;
          left: 40px;
          line-height: 1.3; }
          .inner-detail-agenda .right .card .coords .ticket_link:before {
            background-image: url(/media/image/53a0c4009fbb394c3e465e2bd8dd20fb9695c919.svg); }
      .inner-detail-agenda .right .card .dates {
        background-color: #d7dadc;
        padding: 20px 30px; }
        .inner-detail-agenda .right .card .dates .dates-title {
          position: relative;
          color: #405966;
          font-size: 16px;
          font-family: 'LatoLatinMedium';
          margin-bottom: 30px;
          padding-left: 20px;
          width: 70%;
          left: 40px; }
          .inner-detail-agenda .right .card .dates .dates-title:before {
            content: '';
            display: inline-block;
            background-repeat: no-repeat;
            background-size: 34px;
            position: absolute;
            top: -7px;
            left: -35px;
            width: 38px;
            height: 38px;
            background-image: url(/media/image/985aa4061e81e903ae3ebef774a402bbe94a9cbd.svg); }
        .inner-detail-agenda .right .card .dates .dates-container {
          overflow: hidden; }
          .inner-detail-agenda .right .card .dates .dates-container .items {
            display: flex;
            margin-top: 0;
            flex-direction: row;
            width: fit-content; }
            .inner-detail-agenda .right .card .dates .dates-container .items .item {
              background-color: rgba(40, 62, 77, .15);
              padding: 4px 12px;
              margin-right: 10px;
              text-align: center;
              color: #405966; }
              .inner-detail-agenda .right .card .dates .dates-container .items .item .day {
                font-size: 18px;
                font-family: 'LatoLatinHeavy'; }
              .inner-detail-agenda .right .card .dates .dates-container .items .item .month {
                font-size: 12px;
                font-family: 'LatoLatinLight'; }
      .inner-detail-agenda .right .card .subscrib {
        display: flex;
        display: none;
        flex-direction: row;
        font-size: 16px;
        color: #fff;
        background-color: #283e4d;
        padding: 20px 30px 20px 30px; }
        .inner-detail-agenda .right .card .subscrib .txt {
          margin: 10px 50px 10px 70px;
          font-family: 'LatoLatinRegular'; }
    .inner-detail-agenda .right .img {
      margin-top: 100px;
      width: 450px;
      height: 450px; }

@media (max-width: 1350px) {
  .inner-detail-agenda {
    flex-direction: column-reverse; }
    .inner-detail-agenda .left {
      margin: 0 40px;
      width: calc(100vw - 80px); }
    .inner-detail-agenda .right {
      margin: 0 40px;
      width: calc(100vw - 80px); }
      .inner-detail-agenda .right .top {
        display: block;
        padding: 0 20px;
        width: calc(100vw - 80px); }
        .inner-detail-agenda .right .top .date {
          color: #405966;
          font-size: 24px;
          font-family: 'LatoLatinRegular';
          font-weight: 500;
          line-height: 1.2;
          margin: 20px 0; }
          .inner-detail-agenda .right .top .date .time {
            color: #90a3b1;
            font-family: 'LatoLatinLight'; }
        .inner-detail-agenda .right .top .title {
          font-family: 'LatoLatinLight';
          font-weight: 100;
          color: #8e50a8; }
        .inner-detail-agenda .right .top .descr {
          font-family: 'LatoLatinRegular';
          color: #ed2939;
          font-size: 24px;
          margin: 25px 0 20px; }
        .inner-detail-agenda .right .top .btns {
          display: flex;
          flex-direction: row;
          margin: 30px 0; }
      .inner-detail-agenda .right .card {
        width: 100%; }
        .inner-detail-agenda .right .card .coords, .inner-detail-agenda .right .card .dates {
          padding-left: 20px; }
        .inner-detail-agenda .right .card .subscrib .txt {
          margin: 10px 50px 10px 20px; }
      .inner-detail-agenda .right .img {
        display: none; } }

@media (max-width: 960px) {
  .inner-detail-agenda .right {
    margin-left: 0;
    width: auto; }
    .inner-detail-agenda .right .top {
      width: calc(100vw - 40px); }
    .inner-detail-agenda .left {
      margin-left: 0;
      width: auto; }
    .inner-detail-agenda .left .top {
      display: none; }
    .inner-detail-agenda .left .bottom .left {
      display: none; }
      .inner-detail-agenda .left .bottom .right .text {
        padding: 0 20px;
        width: calc(100vw - 40px); }
        .inner-detail-agenda .left .bottom .right .text h2 {
          font-family: 'LatoLatinRegular'; }
        .inner-detail-agenda .left .bottom .right .img {
          display: block;
          margin-top: 60px;
          width: 100vw;
          height: 450px; } }