@charset "UTF-8";
.video-card {
  display: flex;
  flex-direction: column;
  background-color: #FFF;
  border-radius: 15px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  overflow: hidden;
  transition: box-shadow .3s; }
  .video-card:hover {
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.45); }
  .video-card__thumbnail-image {
    width: 100%;
    height: clamp(165px, 17vw, 217px);
    object-fit: cover; }
  .video-card .video-card-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
    padding: 8px 16px 16px 16px; }
    .video-card .video-card-content__title {
      font-size: 22px;
      font-weight: 600;
      line-height: 30px;
      color: #1991C1;
      margin-top: 0;
      margin-bottom: 4px; }

.video-card-authors {
  margin-bottom: 12px; }
  .video-card-authors__name {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #454545; }

.card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 16px;
  border-color: #CBCCCE;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px; }
  .card-footer__event-cycle {
    display: flex;
    align-items: center;
    color: #454545; }
  .card-footer__logo {
    width: 24px;
    height: 24px;
    border: 1px solid #E9E9E9;
    border-radius: 3px;
    object-fit: cover;
    margin-right: 4px;
    padding: 2px; }
  .card-footer__date {
    color: #454545;
    margin: 0; }

.video-list {
  box-sizing: border-box; }
  @media only screen and (max-width: 1300px) {
    .video-list {
      padding: 0 7px; } }
  .video-list h1 {
    margin-left: 0;
    margin-right: 0; }

.video-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  grid-gap: 32px;
  justify-content: center;
  padding: 2px 3px 6px;
  box-sizing: border-box; }
  .video-grid:last-of-type {
    margin-bottom: 17px; }

.video-detail .button-back {
  margin-bottom: 13px; }
.video-detail .h1-detail {
  margin: 14px 0 12px !important; }
.video-detail .authors-wrapper {
  margin-bottom: 24px; }
  @media only screen and (max-width: 500px) {
    .video-detail .authors-wrapper {
      flex-direction: column;
      align-items: flex-start; } }
.video-detail .author-box {
  color: #1991C1;
  margin-right: 25px; }
  .video-detail .author-box:hover {
    color: #05688B; }
  @media only screen and (max-width: 500px) {
    .video-detail .author-box {
      margin-right: 0; }
      .video-detail .author-box:not(:first-of-type) {
        margin-top: 15px; } }
.video-detail iframe {
  aspect-ratio: 16 / 9;
  width: 100%;
  height: auto; }

.video-data {
  display: flex;
  align-items: center;
  border-top: 1px solid #CBCCCE;
  border-bottom: 1px solid #CBCCCE;
  padding: 16px;
  margin: 24px 0; }
  @media only screen and (max-width: 500px) {
    .video-data {
      flex-direction: column; } }
  .video-data__item {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #454545;
    margin: 0; }
    .video-data__item::after {
      content: "";
      display: block;
      width: 4px;
      height: 4px;
      background-color: #5A5B5D;
      border-radius: 50%;
      margin: 0 24px; }
    .video-data__item:last-of-type::after {
      display: none; }
    @media only screen and (max-width: 500px) {
      .video-data__item {
        flex-direction: column; }
        .video-data__item::after {
          margin: 12px 0; } }
    .video-data__item img {
      width: 24px;
      height: 24px;
      border: 1px solid #E9E9E9;
      border-radius: 3px;
      object-fit: cover;
      margin-right: 4px;
      padding: 2px; }
  .video-data__item-link {
    display: flex;
    align-items: center;
    color: #1991C1; }
    .video-data__item-link:hover {
      color: #05688B; }

.card-tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: auto 0 0;
  padding: 0; }
  .card-tags__item {
    display: flex;
    align-items: center;
    margin-right: 4px;
    margin-top: 4px; }
    .card-tags__item--active::after {
      content: "";
      display: block;
      width: 4px;
      height: 4px;
      background-color: #5A5B5D;
      border-radius: 50%;
      margin-left: 4px; }
  .card-tags__span {
    color: #5A5B5D;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    border: 1px solid #CBCCCE;
    border-radius: 3px;
    padding: 4px 8px;
    background-color: #FFF;
    transition: border-color .4s, color .4s; }
  .card-tags__link {
    color: #5A5B5D;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    border: 1px solid #CBCCCE;
    border-radius: 3px;
    padding: 4px 8px;
    background-color: #FFF;
    transition: border-color .4s, color .4s; }
    .card-tags__link:hover {
      border-color: #05688B;
      color: #05688B; }

.authors-wrapper {
  display: flex;
  align-items: center;
  flex-wrap: wrap; }

.author-box {
  display: flex;
  align-items: center; }
  .author-box img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 12px; }

#cancel-topinfo {
  padding: 20px 0;
  background-color: #DDDEDF;
  text-align: center; }

#container {
  width: 1240px;
  position: relative;
  margin: 20px auto;
  clear: both;
  min-height: calc(100vh - 507px);
  /*kalkultor wynika z pustej przestrzeni jaka pojawia się przy tzw. krótkich stronach - wielkość ekranu - (wysokość header + wysokość footer) */ }
  @media only screen and (max-width: 1300px) {
    #container {
      min-height: calc(100vh - 526px);
      width: 98%; } }
  @media only screen and (max-width: 1040px) {
    #container {
      min-height: calc(100vh - 718px); } }
  @media only screen and (max-width: 990px) {
    #container {
      min-height: calc(100vh - 684px); } }
  @media only screen and (max-width: 767px) {
    #container {
      min-height: calc(100vh - 676px); } }
  @media only screen and (max-width: 500px) {
    #container {
      min-height: calc(100vh - 945px); } }
  @media only screen and (max-width: 400px) {
    #container {
      min-height: calc(100vh - 1173px); } }
  @media only screen and (max-width: 500px) {
    #container h1 {
      width: auto;
      margin: 20px 10px; } }

.fn {
  float: none !important; }

.fl {
  float: left; }

.fr {
  float: right; }

.ff {
  clear: both;
  margin: 0;
  padding: 0; }

.clearfix:after {
  clear: both;
  content: "";
  display: block; }

.abs-center {
  position: absolute;
  top: 50%;
  max-width: 100%;
  left: 0;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.abs-center2 {
  position: absolute;
  max-width: 100%;
  top: 50%;
  left: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%); }

.abs-center3 {
  position: absolute;
  max-width: 100%;
  top: 0;
  left: 50%;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

.blurred {
  filter: blur(6px); }

#crossweb-loginbox {
  width: 450px;
  padding: 16px 25px 30px 25px;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  max-height: 450px; }
  @media only screen and (max-width: 500px) {
    #crossweb-loginbox {
      position: fixed;
      padding: 15px;
      box-sizing: border-box;
      left: 0;
      margin: auto;
      max-width: 98%; } }
  @media only screen and (max-width: 767px) {
    #crossweb-loginbox {
      padding: 18px 18px; } }
  @media only screen and (max-width: 500px) {
    #crossweb-loginbox .login-label {
      width: 50%;
      text-align: left; } }
  #crossweb-loginbox .login-social-box {
    margin: 30px 0 0 0;
    padding-bottom: 16px;
    border-bottom: 1px solid #8A8C8F; }
    #crossweb-loginbox .login-social-box .login-label {
      margin: 0;
      line-height: 35px; }
    #crossweb-loginbox .login-social-box .fb-btn {
      background: url(../img/btn-fblogin.png) no-repeat center;
      width: 170px;
      height: 35px;
      display: block;
      margin: 0; }
      @media only screen and (max-width: 500px) {
        #crossweb-loginbox .login-social-box .fb-btn {
          width: 50%; } }
    @media only screen and (max-width: 500px) {
      #crossweb-loginbox .login-social-box .icon-loading {
        display: none; } }
  #crossweb-loginbox .bottom {
    margin-top: 30px;
    padding-left: 60px;
    position: relative; }
    @media only screen and (max-width: 500px) {
      #crossweb-loginbox .bottom {
        padding-left: 0; } }
    #crossweb-loginbox .bottom .icon-loading {
      position: absolute;
      top: 2px;
      left: 0; }
    #crossweb-loginbox .bottom .btn-detail {
      width: 165px;
      border-radius: 0; }
      @media only screen and (max-width: 400px) {
        #crossweb-loginbox .bottom .btn-detail {
          width: 130px; } }

.userformbox {
  position: absolute;
  right: 0;
  top: 35px;
  padding: 18px 28px;
  background-color: #FFF;
  z-index: 99;
  display: none;
  max-width: 400px;
  border: 1px solid #CBCCCE;
  box-shadow: 0 0 4px 1px #CBCCCE; }
  .userformbox#crossweb-passwordbox {
    width: 300px;
    padding: 18px 25px; }
    @media only screen and (max-width: 400px) {
      .userformbox#crossweb-passwordbox {
        width: 235px; } }
    .userformbox#crossweb-passwordbox .submit:hover {
      color: #FFF; }
  .userformbox .error {
    width: 100%;
    box-sizing: border-box;
    display: none;
    background-color: #D66561;
    width: 310px;
    padding: 10px;
    margin-top: 12px; }
  .userformbox form {
    /*nie znalzłam do fontów*/
    /*nie znalzłam do fontów*/ }
    .userformbox form .txt {
      background-color: #E9E9E9 !important;
      margin-bottom: 18px;
      width: 100%;
      padding: 0 10px;
      height: 40px;
      line-height: 40px; }
    .userformbox form .forgot {
      color: #50819A; }
    .userformbox form .checkbox {
      height: auto;
      margin: 4px 10px 0 0;
      cursor: pointer; }
    .userformbox form label {
      font-size: 14px;
      color: #8A8C8F;
      padding: 0;
      height: auto;
      width: 305px;
      margin-bottom: 18px; }
  .userformbox .login-label {
    margin: 22px 0 15px 0;
    float: left; }
  .userformbox .login-social-box {
    border-bottom: 1px solid #CBCCCE;
    margin-top: 40px;
    text-align: right;
    margin-bottom: 0;
    padding-bottom: 10px;
    /*nie znalzłam do fontów*/ }
    .userformbox .login-social-box a.fb-btn:hover {
      text-decoration: none; }
    .userformbox .login-social-box .submit {
      display: block;
      width: 160px;
      height: 36px;
      line-height: 30px;
      margin-top: 31px;
      background-color: #4C9AC1;
      color: #FFF;
      text-align: center;
      margin-left: 8px;
      cursor: pointer; }
      .userformbox .login-social-box .submit:hover {
        background-color: #50819A; }
  .userformbox .fb-btn {
    display: block;
    width: 160px;
    height: 36px;
    margin-top: 10px;
    line-height: 36px;
    background-color: #50819A;
    text-align: center;
    border-radius: 3px; }
  .userformbox .icon-loading {
    margin-right: 10px; }
  .userformbox .ok {
    display: none;
    background-color: #4C9AC1;
    width: 310px;
    padding: 10px;
    margin-bottom: 12px; }
  .userformbox .passwordbox-off {
    width: 20px;
    float: right;
    margin-top: -25px;
    cursor: pointer; }
  .userformbox .subheadline {
    display: block;
    line-height: 23px;
    margin: 10px 0 16px; }

#container-form {
  background-color: #E9E9E9;
  width: 100%; }
  #container-form .detail-filter {
    color: #5A5B5D;
    height: 40px;
    display: flex;
    align-items: center; }
  #container-form .content-form {
    padding: 22px 0;
    box-sizing: border-box;
    margin-bottom: 30px; }
    @media only screen and (max-width: 1300px) {
      #container-form .content-form {
        padding: 22px 15px; } }
    @media only screen and (max-width: 400px) {
      #container-form .content-form {
        padding: 22px 6px; } }
    #container-form .content-form .form-city {
      display: block; }
      #container-form .content-form .form-city .first-line {
        display: flex;
        align-items: center; }
        #container-form .content-form .form-city .first-line .font-detail {
          width: 57px; }
        #container-form .content-form .form-city .first-line .heading-cycle {
          line-height: 30px;
          margin: 0 15px 0 0; }
      #container-form .content-form .form-city .second-line {
        margin: 0 0 0 72px;
        flex-wrap: wrap;
        flex-direction: row; }
    #container-form .content-form .archive .first-line {
      display: flex; }
      #container-form .content-form .archive .first-line .font-detail {
        width: 57px; }
    #container-form .content-form .archive .second-line-topic {
      margin-left: 72px;
      max-height: fit-content;
      max-height: -moz-fit-content; }
    #container-form .content-form .archive .second-line {
      flex-wrap: wrap;
      flex-direction: row;
      min-height: 185px; }
    #container-form .content-form .archive .btn-detail {
      margin: 0 12px 6px 0; }
    #container-form .content-form .archive .arrow-city {
      padding: 0; }
  #container-form .form-topic {
    overflow: visible;
    max-width: 1240px;
    width: 100%;
    margin: 0 auto 0 auto;
    clear: both;
    display: block; }
    @media only screen and (max-width: 1200px) {
      #container-form .form-topic .font-detail {
        width: 67px; } }

.event-list *, .training-list * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility; }
.event-list .list .tab-row.cancel a div.colTab, .training-list .list .tab-row.cancel a div.colTab {
  color: #7D7D7D; }
  .event-list .list .tab-row.cancel a div.colTab.date, .training-list .list .tab-row.cancel a div.colTab.date {
    color: #7D7D7D; }
    .event-list .list .tab-row.cancel a div.colTab.date .num, .training-list .list .tab-row.cancel a div.colTab.date .num {
      border-color: #7D7D7D; }
.event-list.promo .separator, .training-list.promo .separator {
  background-color: #1991C1;
  text-transform: uppercase; }
  @media only screen and (max-width: 990px) {
    .event-list.promo .separator, .training-list.promo .separator {
      font-size: 18px;
      font-weight: 900;
      padding-left: 10px; } }
.event-list.promo .list .tab-row, .training-list.promo .list .tab-row {
  background-color: #E8F3F7; }
  .event-list.promo .list .tab-row a .colTab.date .num, .training-list.promo .list .tab-row a .colTab.date .num {
    border-color: #1991C1; }
  .event-list.promo .list .tab-row.cancel a div.colTab.title, .event-list.promo .list .tab-row.cancel a div.colTab.date, .training-list.promo .list .tab-row.cancel a div.colTab.title, .training-list.promo .list .tab-row.cancel a div.colTab.date {
    /*nie ma tego nigdzie*/
    color: #8A8C8F; }
  .event-list.promo .list .tab-row.cancel a div.colTab.date .num, .training-list.promo .list .tab-row.cancel a div.colTab.date .num {
    border-color: #8A8C8F; }
.event-list > h1 .number, .event-list > h2 .number, .training-list > h1 .number, .training-list > h2 .number {
  color: #8A8C8F; }
.event-list > h1 .city, .event-list > h2 .city, .training-list > h1 .city, .training-list > h2 .city {
  color: #CBCCCE; }
.event-list > h1 i, .training-list > h1 i {
  font-size: 10px;
  line-height: 38px;
  margin-right: 5px;
  color: #1991C1; }
.event-list > h1 div, .training-list > h1 div {
  margin-right: 5px;
  margin-bottom: 10px; }
  .event-list > h1 div.cat-item, .training-list > h1 div.cat-item {
    color: #1991C1; }
.event-list > h2 i, .training-list > h2 i {
  /*nie ma?*/
  font-size: 10px;
  line-height: 29px;
  margin-right: 5px;
  color: #CBCCCE; }
.event-list > h2 div, .training-list > h2 div {
  margin-right: 5px; }
  .event-list > h2 div.cat-item, .training-list > h2 div.cat-item {
    color: #1991C1; }
    .event-list > h2 div.cat-item.grey, .training-list > h2 div.cat-item.grey {
      /*nie ma?*/
      color: #8A8C8F; }
.event-list .monthsbox, .training-list .monthsbox {
  border-top: 8px solid #DBDBDB;
  display: flex; }
  @media only screen and (max-width: 990px) {
    .event-list .monthsbox, .training-list .monthsbox {
      border: none;
      display: block; } }
  .event-list .monthsbox.show .month-leftbox .col-monthbox, .training-list .monthsbox.show .month-leftbox .col-monthbox {
    position: fixed;
    top: 10px;
    width: 92px; }
  .event-list .monthsbox.show .month-leftbox .calendar-date, .training-list .monthsbox.show .month-leftbox .calendar-date {
    width: 92px; }
.event-list .month-leftbox, .training-list .month-leftbox {
  width: 115px;
  box-sizing: border-box;
  padding: 6px 15px 0px 0; }
  @media only screen and (max-width: 990px) {
    .event-list .month-leftbox, .training-list .month-leftbox {
      width: 100%;
      padding: 0; } }
  .event-list .month-leftbox .col-monthbox, .training-list .month-leftbox .col-monthbox {
    margin: 0 0 0 10px;
    width: 92px;
    height: 28px;
    box-sizing: border-box;
    background-image: url(../img/calendar-kolko-yellow.png);
    background-repeat: no-repeat;
    box-shadow: none; }
    @media only screen and (max-width: 990px) {
      .event-list .month-leftbox .col-monthbox, .training-list .month-leftbox .col-monthbox {
        width: 100%;
        padding: 0 10px;
        line-height: 30px;
        font-size: 18px;
        font-weight: 900;
        text-align: left;
        background-color: #CBCCCE;
        color: #FFF;
        background-image: none;
        margin: 0; } }
  .event-list .month-leftbox .calendar-date, .training-list .month-leftbox .calendar-date {
    background-image: url(../img/calendar-white-page.png);
    text-align: center;
    color: #CBCCCE;
    line-height: 1;
    position: relative;
    top: 28px;
    height: 58px;
    -webkit-box-shadow: 0 0 6px 0 rgba(106, 109, 113, 0.29);
    box-shadow: 0 0 6px 0 rgba(106, 109, 113, 0.29); }
    @media only screen and (max-width: 990px) {
      .event-list .month-leftbox .calendar-date, .training-list .month-leftbox .calendar-date {
        background-image: none;
        box-shadow: none;
        display: inline-flex;
        position: static;
        height: auto; } }
    .event-list .month-leftbox .calendar-date div, .training-list .month-leftbox .calendar-date div {
      font-size: 14px;
      color: #797F82;
      font-weight: 700;
      position: relative;
      top: 5px; }
      @media only screen and (max-width: 990px) {
        .event-list .month-leftbox .calendar-date div, .training-list .month-leftbox .calendar-date div {
          color: #FFF;
          font-size: 18px;
          font-weight: 900;
          position: static; } }
      .event-list .month-leftbox .calendar-date div.monthbox-year, .training-list .month-leftbox .calendar-date div.monthbox-year {
        font-size: 30px; }
        @media only screen and (max-width: 990px) {
          .event-list .month-leftbox .calendar-date div.monthbox-year, .training-list .month-leftbox .calendar-date div.monthbox-year {
            font-size: 18px; } }
        .event-list .month-leftbox .calendar-date div.monthbox-year span, .training-list .month-leftbox .calendar-date div.monthbox-year span {
          display: none; }
          @media only screen and (max-width: 990px) {
            .event-list .month-leftbox .calendar-date div.monthbox-year span, .training-list .month-leftbox .calendar-date div.monthbox-year span {
              display: inline; } }
.event-list.old, .training-list.old {
  margin-top: 40px; }
  .event-list.old .list .tab-row a div.colTab.date .num, .training-list.old .list .tab-row a div.colTab.date .num {
    border-color: #8A8C8F; }
  .event-list.old .month-leftbox, .training-list.old .month-leftbox {
    width: 115px;
    box-sizing: border-box;
    padding: 6px 15px 0px 0; }
    @media only screen and (max-width: 990px) {
      .event-list.old .month-leftbox, .training-list.old .month-leftbox {
        width: 100%;
        padding: 0; } }
    .event-list.old .month-leftbox .col-monthbox, .training-list.old .month-leftbox .col-monthbox {
      margin: 0 0 0 10px;
      width: 92px;
      height: 28px;
      box-sizing: border-box;
      background-image: url(../img/calendar-kolko-grey.png);
      background-repeat: no-repeat;
      box-shadow: none; }
      @media only screen and (max-width: 990px) {
        .event-list.old .month-leftbox .col-monthbox, .training-list.old .month-leftbox .col-monthbox {
          width: 100%;
          padding: 0 10px;
          line-height: 30px;
          font-size: 18px;
          font-weight: 900;
          text-align: left;
          background-color: #CBCCCE;
          color: #FFF;
          background-image: none;
          margin: 0; } }
    .event-list.old .month-leftbox .calendar-date, .training-list.old .month-leftbox .calendar-date {
      background-image: url(../img/calendar-white-page.png);
      text-align: center;
      color: #CBCCCE;
      line-height: 1;
      position: relative;
      top: 28px;
      height: 58px;
      -webkit-box-shadow: 0 0 6px 0 rgba(106, 109, 113, 0.29);
      box-shadow: 0 0 6px 0 rgba(106, 109, 113, 0.29); }
      @media only screen and (max-width: 990px) {
        .event-list.old .month-leftbox .calendar-date, .training-list.old .month-leftbox .calendar-date {
          background-image: none;
          box-shadow: none;
          display: inline-flex;
          position: static;
          height: auto; } }
      .event-list.old .month-leftbox .calendar-date div, .training-list.old .month-leftbox .calendar-date div {
        font-size: 14px;
        color: #797F82;
        font-weight: 700;
        position: relative;
        top: 5px; }
        @media only screen and (max-width: 990px) {
          .event-list.old .month-leftbox .calendar-date div, .training-list.old .month-leftbox .calendar-date div {
            color: #FFF;
            font-size: 18px;
            font-weight: 900;
            position: static; } }
        .event-list.old .month-leftbox .calendar-date div.monthbox-year, .training-list.old .month-leftbox .calendar-date div.monthbox-year {
          font-size: 30px; }
          @media only screen and (max-width: 990px) {
            .event-list.old .month-leftbox .calendar-date div.monthbox-year, .training-list.old .month-leftbox .calendar-date div.monthbox-year {
              font-size: 18px; } }
          .event-list.old .month-leftbox .calendar-date div.monthbox-year span, .training-list.old .month-leftbox .calendar-date div.monthbox-year span {
            display: none; }
            @media only screen and (max-width: 990px) {
              .event-list.old .month-leftbox .calendar-date div.monthbox-year span, .training-list.old .month-leftbox .calendar-date div.monthbox-year span {
                display: inline; } }
.event-list .list, .training-list .list {
  width: calc(100% - 115px); }
  @media only screen and (max-width: 990px) {
    .event-list .list, .training-list .list {
      width: 100%; } }
  .event-list .list .tab-row, .training-list .list .tab-row {
    border: 1px solid #B4E0F2;
    margin: 11px 4px;
    -webkit-box-shadow: 0 0 6px 0 rgba(106, 109, 113, 0.29);
    box-shadow: 0 0 6px 0 rgba(106, 109, 113, 0.29);
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    box-sizing: border-box; }
    .event-list .list .tab-row:hover, .training-list .list .tab-row:hover {
      background-color: #E8F3F7;
      -webkit-box-shadow: 0 0 0 4px #3BAFDD;
      -moz-box-shadow: 0 0 0 4px #3BAFDD;
      box-shadow: 0 0 0 4px #3BAFDD; }
    @media only screen and (max-width: 500px) {
      .event-list .list .tab-row, .training-list .list .tab-row {
        margin: 11px 4px; } }
    .event-list .list .tab-row a, .training-list .list .tab-row a {
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 75px;
      position: relative; }
      .event-list .list .tab-row a div.colTab, .training-list .list .tab-row a div.colTab {
        box-sizing: border-box;
        line-height: 1.4; }
        .event-list .list .tab-row a div.colTab.date, .training-list .list .tab-row a div.colTab.date {
          line-height: 1.1;
          font-size: 22px;
          font-weight: 900; }
          @media only screen and (max-width: 1300px) {
            .event-list .list .tab-row a div.colTab.date, .training-list .list .tab-row a div.colTab.date {
              padding-right: 0; } }
          @media only screen and (max-width: 1200px) {
            .event-list .list .tab-row a div.colTab.date, .training-list .list .tab-row a div.colTab.date {
              font-size: 20px; } }
          @media only screen and (max-width: 990px) {
            .event-list .list .tab-row a div.colTab.date, .training-list .list .tab-row a div.colTab.date {
              padding-left: 5px; } }
          @media only screen and (max-width: 767px) {
            .event-list .list .tab-row a div.colTab.date, .training-list .list .tab-row a div.colTab.date {
              width: 100px;
              font-size: 16px; } }
          @media only screen and (max-width: 500px) {
            .event-list .list .tab-row a div.colTab.date, .training-list .list .tab-row a div.colTab.date {
              width: 75px;
              font-size: 13px;
              padding-left: 0; } }
          .event-list .list .tab-row a div.colTab.date.promo, .training-list .list .tab-row a div.colTab.date.promo {
            /*nie ma*/
            color: #D66561; }
          .event-list .list .tab-row a div.colTab.date.up, .training-list .list .tab-row a div.colTab.date.up {
            padding-top: 8px; }
          .event-list .list .tab-row a div.colTab.date .num, .training-list .list .tab-row a div.colTab.date .num {
            border-right: 2px solid #1991C1;
            box-sizing: border-box;
            padding-right: 8px; }
            @media only screen and (max-width: 500px) {
              .event-list .list .tab-row a div.colTab.date .num, .training-list .list .tab-row a div.colTab.date .num {
                padding-left: 3px;
                padding-right: 4px; } }
          .event-list .list .tab-row a div.colTab.date .name, .training-list .list .tab-row a div.colTab.date .name {
            padding-left: 8px; }
            @media only screen and (max-width: 500px) {
              .event-list .list .tab-row a div.colTab.date .name, .training-list .list .tab-row a div.colTab.date .name {
                padding-left: 4px; } }
          .event-list .list .tab-row a div.colTab.date .second, .training-list .list .tab-row a div.colTab.date .second {
            font-size: 16px; }
            @media only screen and (max-width: 767px) {
              .event-list .list .tab-row a div.colTab.date .second, .training-list .list .tab-row a div.colTab.date .second {
                font-size: 13px; } }
            .event-list .list .tab-row a div.colTab.date .second .num, .training-list .list .tab-row a div.colTab.date .second .num {
              padding-left: 6px;
              border-right: none; }
              @media only screen and (max-width: 1200px) {
                .event-list .list .tab-row a div.colTab.date .second .num, .training-list .list .tab-row a div.colTab.date .second .num {
                  padding-left: 1px; } }
              @media only screen and (max-width: 767px) {
                .event-list .list .tab-row a div.colTab.date .second .num, .training-list .list .tab-row a div.colTab.date .second .num {
                  padding-left: 0; } }
              @media only screen and (max-width: 500px) {
                .event-list .list .tab-row a div.colTab.date .second .num, .training-list .list .tab-row a div.colTab.date .second .num {
                  padding-left: 2px;
                  font-size: 11px; } }
            .event-list .list .tab-row a div.colTab.date .second .name, .training-list .list .tab-row a div.colTab.date .second .name {
              padding-left: 10px; }
              @media only screen and (max-width: 500px) {
                .event-list .list .tab-row a div.colTab.date .second .name, .training-list .list .tab-row a div.colTab.date .second .name {
                  padding-left: 8px;
                  font-size: 11px; } }
        .event-list .list .tab-row a div.colTab.title, .training-list .list .tab-row a div.colTab.title {
          font-size: 18px;
          font-weight: 900;
          width: calc(100% - 125px - 137px - 110px - 85px - 138px); }
          @media only screen and (max-width: 1200px) {
            .event-list .list .tab-row a div.colTab.title, .training-list .list .tab-row a div.colTab.title {
              width: calc(100% - 125px - 115px - 100px - 80px - 100px); } }
          @media only screen and (max-width: 990px) {
            .event-list .list .tab-row a div.colTab.title, .training-list .list .tab-row a div.colTab.title {
              width: calc(100% - 135px - 135px - 30px);
              font-size: 16px; } }
          @media only screen and (max-width: 767px) {
            .event-list .list .tab-row a div.colTab.title, .training-list .list .tab-row a div.colTab.title {
              width: calc(100% - 100px - 100px - 20px);
              font-size: 15px; } }
          @media only screen and (max-width: 500px) {
            .event-list .list .tab-row a div.colTab.title, .training-list .list .tab-row a div.colTab.title {
              width: calc(100% - 75px - 75px - 15px);
              font-size: 13px;
              line-height: 1.2; } }
          .event-list .list .tab-row a div.colTab.title .topics, .training-list .list .tab-row a div.colTab.title .topics {
            color: #7D7D7D;
            font-size: 14px;
            font-weight: 400; }
            @media only screen and (max-width: 500px) {
              .event-list .list .tab-row a div.colTab.title .topics, .training-list .list .tab-row a div.colTab.title .topics {
                font-size: 11px; } }
            @media only screen and (max-width: 400px) {
              .event-list .list .tab-row a div.colTab.title .topics, .training-list .list .tab-row a div.colTab.title .topics {
                display: none; } }
            .event-list .list .tab-row a div.colTab.title .topics i, .training-list .list .tab-row a div.colTab.title .topics i {
              display: inline-block;
              font-size: 12px;
              font-style: normal;
              line-height: 21px;
              margin: 0 4px; }
              @media only screen and (max-width: 500px) {
                .event-list .list .tab-row a div.colTab.title .topics i, .training-list .list .tab-row a div.colTab.title .topics i {
                  line-height: 16px; } }
        @media only screen and (max-width: 500px) {
          .event-list .list .tab-row a div.colTab.company-it, .training-list .list .tab-row a div.colTab.company-it {
            display: none; } }
        .event-list .list .tab-row a div.colTab.city, .training-list .list .tab-row a div.colTab.city {
          width: 135px;
          font-size: 18px; }
          @media only screen and (max-width: 1200px) {
            .event-list .list .tab-row a div.colTab.city, .training-list .list .tab-row a div.colTab.city {
              width: 115px;
              font-size: 16px; } }
          @media only screen and (max-width: 767px) {
            .event-list .list .tab-row a div.colTab.city, .training-list .list .tab-row a div.colTab.city {
              width: 100px;
              font-size: 15px; } }
          @media only screen and (max-width: 500px) {
            .event-list .list .tab-row a div.colTab.city, .training-list .list .tab-row a div.colTab.city {
              width: 75px;
              font-size: 12px; } }
        .event-list .list .tab-row a div.colTab.type, .training-list .list .tab-row a div.colTab.type {
          width: 110px;
          font-size: 18px; }
          @media only screen and (max-width: 1200px) {
            .event-list .list .tab-row a div.colTab.type, .training-list .list .tab-row a div.colTab.type {
              width: 100px;
              font-size: 16px; } }
          @media only screen and (max-width: 990px) {
            .event-list .list .tab-row a div.colTab.type, .training-list .list .tab-row a div.colTab.type {
              display: none; } }
        .event-list .list .tab-row a div.colTab.cost, .training-list .list .tab-row a div.colTab.cost {
          width: 85px;
          font-size: 18px; }
          @media only screen and (max-width: 1200px) {
            .event-list .list .tab-row a div.colTab.cost, .training-list .list .tab-row a div.colTab.cost {
              width: 80px;
              font-size: 16px; } }
          @media only screen and (max-width: 990px) {
            .event-list .list .tab-row a div.colTab.cost, .training-list .list .tab-row a div.colTab.cost {
              display: none; } }
.event-list.podcasts .monthsbox, .training-list.podcasts .monthsbox {
  border: none; }
.event-list.podcasts .list, .training-list.podcasts .list {
  width: 100%; }
  .event-list.podcasts .list .tab-row, .training-list.podcasts .list .tab-row {
    margin: 0 0 11px 4px; }
    .event-list.podcasts .list .tab-row .colTab, .training-list.podcasts .list .tab-row .colTab {
      padding: 0; }
      .event-list.podcasts .list .tab-row .colTab.img, .training-list.podcasts .list .tab-row .colTab.img {
        width: 75px;
        padding: 15px 0; }
        .event-list.podcasts .list .tab-row .colTab.img img, .training-list.podcasts .list .tab-row .colTab.img img {
          width: 75px; }
      .event-list.podcasts .list .tab-row .colTab.title, .training-list.podcasts .list .tab-row .colTab.title {
        width: calc(100% - 75px - 100px - 50px - 70px - 200px); }
        @media only screen and (max-width: 1200px) {
          .event-list.podcasts .list .tab-row .colTab.title, .training-list.podcasts .list .tab-row .colTab.title {
            width: calc(100% - 75px - 100px - 50px - 70px - 45px); } }
        @media only screen and (max-width: 1040px) {
          .event-list.podcasts .list .tab-row .colTab.title, .training-list.podcasts .list .tab-row .colTab.title {
            width: calc(100% - 75px - 80px - 45px - 50px - 70px);
            font-size: 16px; } }
        @media only screen and (max-width: 990px) {
          .event-list.podcasts .list .tab-row .colTab.title, .training-list.podcasts .list .tab-row .colTab.title {
            width: calc(100% - 75px - 45px - 50px - 70px); } }
        @media only screen and (max-width: 650px) {
          .event-list.podcasts .list .tab-row .colTab.title, .training-list.podcasts .list .tab-row .colTab.title {
            width: calc(100% - 75px - 50px - 60px); } }
        @media only screen and (max-width: 500px) {
          .event-list.podcasts .list .tab-row .colTab.title, .training-list.podcasts .list .tab-row .colTab.title {
            width: calc(100% - 75px - 40px);
            font-size: 14px; } }
        .event-list.podcasts .list .tab-row .colTab.title .new, .training-list.podcasts .list .tab-row .colTab.title .new {
          margin-right: 5px; }
        @media only screen and (max-width: 990px) {
          .event-list.podcasts .list .tab-row .colTab.title .cycle-name, .training-list.podcasts .list .tab-row .colTab.title .cycle-name {
            display: none; } }
        @media only screen and (max-width: 650px) {
          .event-list.podcasts .list .tab-row .colTab.title .topics, .training-list.podcasts .list .tab-row .colTab.title .topics {
            display: none; } }
      .event-list.podcasts .list .tab-row .colTab.date, .event-list.podcasts .list .tab-row .colTab.time, .event-list.podcasts .list .tab-row .colTab.lang, .training-list.podcasts .list .tab-row .colTab.date, .training-list.podcasts .list .tab-row .colTab.time, .training-list.podcasts .list .tab-row .colTab.lang {
        line-height: 1;
        font-size: 18px;
        font-weight: 400; }
        @media only screen and (max-width: 1040px) {
          .event-list.podcasts .list .tab-row .colTab.date, .event-list.podcasts .list .tab-row .colTab.time, .event-list.podcasts .list .tab-row .colTab.lang, .training-list.podcasts .list .tab-row .colTab.date, .training-list.podcasts .list .tab-row .colTab.time, .training-list.podcasts .list .tab-row .colTab.lang {
            font-size: 16px; } }
      .event-list.podcasts .list .tab-row .colTab.date, .training-list.podcasts .list .tab-row .colTab.date {
        width: 100px;
        padding: 0; }
        @media only screen and (max-width: 1040px) {
          .event-list.podcasts .list .tab-row .colTab.date, .training-list.podcasts .list .tab-row .colTab.date {
            width: 80px; } }
        @media only screen and (max-width: 990px) {
          .event-list.podcasts .list .tab-row .colTab.date, .training-list.podcasts .list .tab-row .colTab.date {
            display: none; } }
      .event-list.podcasts .list .tab-row .colTab.lang, .training-list.podcasts .list .tab-row .colTab.lang {
        width: 70px; }
        @media only screen and (max-width: 1040px) {
          .event-list.podcasts .list .tab-row .colTab.lang, .training-list.podcasts .list .tab-row .colTab.lang {
            width: 50px; } }
        @media only screen and (max-width: 500px) {
          .event-list.podcasts .list .tab-row .colTab.lang, .training-list.podcasts .list .tab-row .colTab.lang {
            display: none; } }
      .event-list.podcasts .list .tab-row .colTab.time, .training-list.podcasts .list .tab-row .colTab.time {
        width: 50px; }
        @media only screen and (max-width: 1040px) {
          .event-list.podcasts .list .tab-row .colTab.time, .training-list.podcasts .list .tab-row .colTab.time {
            width: 45px; } }
        @media only screen and (max-width: 650px) {
          .event-list.podcasts .list .tab-row .colTab.time, .training-list.podcasts .list .tab-row .colTab.time {
            display: none; } }

div.separator {
  height: 26px;
  line-height: 26px;
  padding-left: 5px; }

.pssst-box {
  border: 1px solid #7b8185;
  background-color: #FFF;
  padding: 10px;
  position: fixed;
  bottom: 0;
  left: 0;
  margin: 20px;
  width: 200px; }
  @media only screen and (max-width: 767px) {
    .pssst-box {
      display: none; } }
  .pssst-box .pssst-box-close {
    display: block;
    width: 25px;
    height: auto;
    margin: 0 0 0 auto;
    cursor: pointer; }
  .pssst-box a {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    .pssst-box a img {
      height: auto; }

/*Stopka - Monika*/
footer {
  width: 100%;
  padding: 5px 20px 0 20px;
  background-color: #7b8185;
  margin: 0 auto;
  box-sizing: border-box; }
  @media only screen and (max-width: 1040px) {
    footer .footer-contact {
      margin-right: 0; } }
  footer .footer-contact .logo-cross-white {
    width: 190px;
    margin-bottom: 40px; }
    @media only screen and (max-width: 400px) {
      footer .footer-contact .logo-cross-white {
        margin-bottom: 15px; } }
  footer .footer-contact .footer-break {
    margin-bottom: 20px; }
    @media only screen and (max-width: 500px) {
      footer .footer-contact .footer-break {
        margin-bottom: 15px; } }
  footer .footer-section {
    display: flex;
    justify-content: space-between;
    margin: 40px auto 0 auto;
    max-width: 1240px;
    line-height: 1.4; }
    @media only screen and (max-width: 1300px) {
      footer .footer-section {
        flex-wrap: wrap;
        justify-content: flex-start; } }
    footer .footer-section .font-detail {
      border-bottom: solid 1px #8A8C8F;
      line-height: 1.5;
      margin: revert; }
  footer .footer-part {
    width: 190px;
    padding: 0 20px; }
    footer .footer-part:first-child {
      padding: 0 20px 0 0; }
    footer .footer-part:last-child {
      padding: 77px 0 0 20px; }
      @media only screen and (max-width: 1200px) {
        footer .footer-part:last-child {
          padding: 20px 20px 20px 0; } }
      @media only screen and (max-width: 1040px) {
        footer .footer-part:last-child {
          padding: 70px 20px 20px 20px; } }
      @media only screen and (max-width: 767px) {
        footer .footer-part:last-child {
          padding: 30px 20px 20px 0; } }
      @media only screen and (max-width: 500px) {
        footer .footer-part:last-child {
          padding: 85px 0 20px 0; } }
      @media only screen and (max-width: 400px) {
        footer .footer-part:last-child {
          padding: 30px 0 0 0; } }
  footer .footer-contact {
    margin-right: 125px; }
    @media only screen and (max-width: 1300px) {
      footer .footer-contact {
        margin-right: 0; } }
    footer .footer-contact div {
      line-height: 1.5; }
  footer .footer-about-us {
    padding-top: 77px; }
    @media only screen and (max-width: 1040px) {
      footer .footer-about-us {
        padding-left: 230px;
        margin-top: 15px; } }
    @media only screen and (max-width: 767px) {
      footer .footer-about-us {
        padding: 30px 20px 0 20px;
        margin-top: 0; } }
    @media only screen and (max-width: 500px) {
      footer .footer-about-us {
        padding: 30px 20px 0 0; } }
    @media only screen and (max-width: 400px) {
      footer .footer-about-us {
        padding: 15px 20px 0 0; } }
    footer .footer-about-us div {
      line-height: 1.5; }
  @media only screen and (max-width: 1040px) {
    footer .footer-sm {
      padding: 0; } }
  footer .footer-sm .footer-logo-sm {
    display: flex;
    align-items: center;
    margin-bottom: 5px; }
    footer .footer-sm .footer-logo-sm a {
      display: flex;
      align-items: center; }
      footer .footer-sm .footer-logo-sm a img {
        width: 25px;
        margin-right: 3px; }
  footer .footer-formalities {
    padding-bottom: 25px;
    margin: 40px auto 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    max-width: 1240px; }
    @media only screen and (max-width: 400px) {
      footer .footer-formalities {
        margin: 30px auto 0 auto; } }
    footer .footer-formalities div img {
      width: 50px;
      padding-left: 8px; }
    footer .footer-formalities .regulations div {
      padding: 0 10px; }
  footer .footer-formalities-border {
    padding: 0 10px; }
  footer .footer-border {
    border-right: 1px solid #FFF;
    border-left: 1px solid #FFF; }
  footer .footer-partner a {
    display: flex; }
  @media only screen and (max-width: 990px) {
    footer .footer-regulations-crossweb {
      padding-left: 0; } }
  @media only screen and (max-width: 500px) {
    footer .footer-crossweb {
      padding: 30px 20px 0 0; } }
  @media only screen and (max-width: 400px) {
    footer .footer-crossweb {
      padding: 15px 20px 0 0; } }
  footer .footer-crossweb .btn-detail {
    margin: 15px 0 20px;
    padding: 2px 5px;
    width: 155px;
    box-sizing: content-box; }
  footer .footer-crossweb div {
    line-height: 1.5; }
  @media only screen and (max-width: 767px) {
    footer .footer-crossjob {
      padding: 30px 20px 0 0; } }
  @media only screen and (max-width: 400px) {
    footer .footer-crossjob {
      padding: 15px 20px 0 0; } }
  footer .footer-crossjob .btn-detail {
    margin: 15px 0 20px;
    padding: 2px 5px;
    width: 155px;
    box-sizing: content-box; }
  footer .footer-crossjob div {
    line-height: 1.5; }
  footer .footer-crossjob a .footer-button-company:hover {
    background-color: #FFF;
    color: #949699;
    font-weight: 700;
    cursor: pointer; }

/*koniec stopki*/
/*początek sekcji pracodawcy IT w detalu wydarzenia*/
.companies-crossjob .companies-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap; }
  @media only screen and (max-width: 767px) {
    .companies-crossjob .companies-box {
      justify-content: center; } }
  .companies-crossjob .companies-box img {
    width: 250px;
    margin: 10px;
    border: 1px solid #B4E0F2;
    background-color: #FFF;
    -webkit-box-shadow: 0 0 6px 0 rgba(106, 109, 113, 0.29);
    box-shadow: 0 0 6px 0 rgba(106, 109, 113, 0.29);
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s; }
    .companies-crossjob .companies-box img:hover {
      -webkit-box-shadow: 0 0 0 4px #3BAFDD;
      -moz-box-shadow: 0 0 0 4px #3BAFDD;
      box-shadow: 0 0 0 4px #3BAFDD; }
    @media only screen and (max-width: 1200px) {
      .companies-crossjob .companies-box img {
        width: 200px; } }
    @media only screen and (max-width: 1040px) {
      .companies-crossjob .companies-box img {
        width: 150px; } }
    @media only screen and (max-width: 400px) {
      .companies-crossjob .companies-box img {
        width: 125px; } }
.companies-crossjob .companies-box-mainpage {
  justify-content: space-between; }

/*koniec sekcji pracodawcy IT w detalu wydarzenia*/
/*początek sekcji Crossjob na stronie glownej Crossweb*/
#container-crossjob {
  margin: 0 auto;
  max-width: 1240px; }
  @media only screen and (max-width: 767px) {
    #container-crossjob {
      padding: 10px; } }

.container-joboffert .tabRow {
  max-width: 1230px;
  font-size: 16px;
  color: #454545;
  border: 1px solid #B4E0F2;
  flex-wrap: wrap;
  margin: 11px auto;
  -webkit-box-shadow: 0 0 6px 0 rgba(106, 109, 113, 0.29);
  box-shadow: 0 0 6px 0 rgba(106, 109, 113, 0.29);
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s; }
  .container-joboffert .tabRow:hover {
    background-color: #E8F3F7;
    -webkit-box-shadow: 0 0 0 4px #3BAFDD;
    -moz-box-shadow: 0 0 0 4px #3BAFDD;
    box-shadow: 0 0 0 4px #3BAFDD; }
  @media only screen and (max-width: 1300px) {
    .container-joboffert .tabRow {
      margin: 11px 15px; } }
  @media only screen and (max-width: 500px) {
    .container-joboffert .tabRow {
      margin: 11px 5px; } }
  .container-joboffert .tabRow .tabRow-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 75px; }
  .container-joboffert .tabRow div.title-box {
    width: calc(100% - 75px - 60px - 200px - 140px - 150px); }
    @media only screen and (max-width: 1200px) {
      .container-joboffert .tabRow div.title-box {
        width: calc(100% - 75px - 60px - 200px - 140px - 100px); } }
    @media only screen and (max-width: 990px) {
      .container-joboffert .tabRow div.title-box {
        width: calc(100% - 75px - 170px - 140px - 80px); } }
    @media only screen and (max-width: 767px) {
      .container-joboffert .tabRow div.title-box {
        width: calc(100% - 75px - 32px - 100px - 40px); } }
    @media only screen and (max-width: 500px) {
      .container-joboffert .tabRow div.title-box {
        width: calc(100% - 50px - 80px - 30px); } }
    .container-joboffert .tabRow div.title-box .job-title {
      font-size: 18px;
      font-weight: 900;
      color: #1991C1; }
      @media only screen and (max-width: 767px) {
        .container-joboffert .tabRow div.title-box .job-title {
          font-size: 16px; } }
      @media only screen and (max-width: 500px) {
        .container-joboffert .tabRow div.title-box .job-title {
          font-size: 15px; } }
    .container-joboffert .tabRow div.title-box .technology {
      line-height: 1;
      margin: 0;
      color: #7D7D7D;
      font-size: 14px;
      font-weight: 400; }
      @media only screen and (max-width: 767px) {
        .container-joboffert .tabRow div.title-box .technology {
          font-size: 13px;
          line-height: 1.2; } }
      @media only screen and (max-width: 500px) {
        .container-joboffert .tabRow div.title-box .technology {
          display: none; } }
  .container-joboffert .tabRow div.job-salary {
    max-width: 200px;
    width: 100%;
    display: flex;
    align-items: center;
    font-size: 17px;
    color: #7D7D7D; }
    @media only screen and (max-width: 767px) {
      .container-joboffert .tabRow div.job-salary {
        width: 32px; } }
    @media only screen and (max-width: 650px) {
      .container-joboffert .tabRow div.job-salary {
        display: none; } }
    .container-joboffert .tabRow div.job-salary img {
      margin-right: 6px;
      width: 32px; }
      @media only screen and (max-width: 767px) {
        .container-joboffert .tabRow div.job-salary img {
          margin-right: 0; } }
    .container-joboffert .tabRow div.job-salary .pay-scales {
      font-weight: 700; }
      @media only screen and (max-width: 767px) {
        .container-joboffert .tabRow div.job-salary .pay-scales {
          display: none; } }
      .container-joboffert .tabRow div.job-salary .pay-scales span {
        font-weight: 400;
        font-size: 16px; }
    .container-joboffert .tabRow div.job-salary .contract-type {
      font-size: 16px; }
      @media only screen and (max-width: 767px) {
        .container-joboffert .tabRow div.job-salary .contract-type {
          display: none; } }
  .container-joboffert .tabRow div.job-online {
    max-width: 60px;
    width: 100%;
    text-transform: uppercase; }
    @media only screen and (max-width: 990px) {
      .container-joboffert .tabRow div.job-online {
        display: none; } }
    .container-joboffert .tabRow div.job-online .special {
      font-size: 11px;
      color: #8A8C8F; }
  .container-joboffert .tabRow div.logo {
    display: flex;
    max-width: 75px;
    width: 100%;
    max-height: 75px; }
    @media only screen and (max-width: 500px) {
      .container-joboffert .tabRow div.logo {
        width: 50px; } }
    .container-joboffert .tabRow div.logo img {
      max-width: 75px;
      width: 100%;
      background-color: #FFF; }
  .container-joboffert .tabRow div.city {
    max-width: 140px;
    width: 100%;
    display: flex;
    flex-direction: column;
    font-size: 18px;
    color: #8A8C8F; }
    @media only screen and (max-width: 767px) {
      .container-joboffert .tabRow div.city {
        width: 100px;
        font-size: 16px; } }
    @media only screen and (max-width: 500px) {
      .container-joboffert .tabRow div.city {
        width: 80px;
        font-size: 15px; } }
    .container-joboffert .tabRow div.city span {
      font-weight: 300;
      font-size: 16px; }
      @media only screen and (max-width: 500px) {
        .container-joboffert .tabRow div.city span {
          font-size: 14px; } }
  @media only screen and (max-width: 1300px) {
    .container-joboffert .tabRow .colTab img {
      max-width: 80px; } }
  @media only screen and (max-width: 767px) {
    .container-joboffert .tabRow .colTab img {
      max-width: 60px; } }
  .container-joboffert .tabRow .special {
    font-weight: 400;
    display: block;
    height: auto;
    font-size: 12px;
    border: 1px solid #B4B4B4;
    padding: 1px 3px;
    margin: 0; }
    @media only screen and (max-width: 500px) {
      .container-joboffert .tabRow .special {
        font-size: 9px; } }

/*koniec sekcji Crossjob na stronie glownej Crossweb*/
#cats-contentbox {
  overflow: visible;
  margin-bottom: 30px; }
  @media only screen and (max-width: 500px) {
    #cats-contentbox {
      padding: 10px;
      box-sizing: border-box; } }
  #cats-contentbox a.event_param:first-child, #cats-contentbox .arrow-city:first-child {
    margin-left: 0; }
  #cats-contentbox .btn-detail {
    margin: 0 12px 6px 0; }
  @media only screen and (max-width: 1200px) {
    #cats-contentbox .form-box .font-detail {
      min-width: 67px; } }
  #cats-contentbox .form-box.form-topicsbox {
    width: 450px; }
    @media only screen and (max-width: 767px) {
      #cats-contentbox .form-box.form-topicsbox {
        width: 100%; } }
    #cats-contentbox .form-box.form-topicsbox .items {
      display: flex;
      flex-wrap: wrap; }
  #cats-contentbox .form-box.form-city, #cats-contentbox .form-box.form-topicsbox {
    position: relative;
    display: flex;
    align-items: baseline; }
    #cats-contentbox .form-box.form-city .items, #cats-contentbox .form-box.form-topicsbox .items {
      position: relative; }
      #cats-contentbox .form-box.form-city .items > span, #cats-contentbox .form-box.form-topicsbox .items > span {
        display: block;
        float: left;
        margin-right: 3px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        border-radius: 5px;
        background-color: #8A8C8F;
        border: 1px solid #8A8C8F;
        color: #FFF;
        line-height: 30px;
        padding: 0 12px;
        font-size: 14px; }
      #cats-contentbox .form-box.form-city .items .btn-detail, #cats-contentbox .form-box.form-topicsbox .items .btn-detail {
        margin: 0 10px 6px 0; }
      #cats-contentbox .form-box.form-city .items .arrow-city, #cats-contentbox .form-box.form-topicsbox .items .arrow-city {
        color: #1991C1;
        font-weight: 700;
        font-size: 23px; }
  #cats-contentbox .form-box.form-city {
    padding-right: 40px; }
    @media only screen and (max-width: 767px) {
      #cats-contentbox .form-box.form-city {
        padding: 0; } }
    #cats-contentbox .form-box.form-city > .items {
      display: flex;
      flex-wrap: wrap; }
    #cats-contentbox .form-box.form-city .selectbox {
      position: absolute;
      width: calc(100% - 3px);
      top: 0;
      left: 0;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: 0.4s;
      -moz-transition: 0.4s;
      -o-transition: 0.4s;
      transition: 0.4s; }
      #cats-contentbox .form-box.form-city .selectbox.active {
        opacity: 1;
        visibility: visible; }
      #cats-contentbox .form-box.form-city .selectbox input[type="text"] {
        width: 100%;
        box-sizing: border-box;
        padding: 0 15px;
        line-height: 30px;
        height: 41px;
        border: 0;
        -webkit-box-shadow: 0 0 13px 0 rgba(106, 109, 113, 0.29);
        box-shadow: 0 0 13px 0 rgba(106, 109, 113, 0.29);
        color: #A2A2A2; }
      #cats-contentbox .form-box.form-city .selectbox .items {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background-color: #FFF;
        z-index: 9;
        padding: 12px 0;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
        opacity: 0;
        visibility: hidden;
        border: 1px solid #50819A; }
        #cats-contentbox .form-box.form-city .selectbox .items.active {
          opacity: 1;
          visibility: visible; }
        #cats-contentbox .form-box.form-city .selectbox .items .item {
          cursor: pointer;
          padding: 0 15px;
          line-height: 30px;
          -webkit-transition: 0.4s;
          -moz-transition: 0.4s;
          -o-transition: 0.4s;
          transition: 0.4s;
          display: none; }
          #cats-contentbox .form-box.form-city .selectbox .items .item.active {
            display: block; }
          #cats-contentbox .form-box.form-city .selectbox .items .item:hover {
            background-color: #DDDEDF; }
  #cats-contentbox .form-box.form-topic {
    display: none; }
  #cats-contentbox .form-box.topics-listbox {
    display: none;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #8A8C8F; }
    #cats-contentbox .form-box.topics-listbox.active {
      display: block; }
    #cats-contentbox .form-box.topics-listbox input[type="text"] {
      background-color: #FFF;
      border: none;
      border-radius: 0;
      color: #A2A2A2;
      box-sizing: border-box;
      -webkit-box-shadow: 0 0 13px 0 rgba(106, 109, 113, 0.29);
      box-shadow: 0 0 13px 0 rgba(106, 109, 113, 0.29);
      font-size: 16px;
      height: 40px;
      width: 310px;
      padding: 0 15px;
      margin: 0 4px 6px 0;
      font-family: 'Lato'; }
      @media only screen and (max-width: 500px) {
        #cats-contentbox .form-box.topics-listbox input[type="text"] {
          width: 100%; } }
    #cats-contentbox .form-box.topics-listbox .topics-items {
      display: flex;
      flex-wrap: wrap;
      align-items: center; }
      #cats-contentbox .form-box.topics-listbox .topics-items a.active {
        -webkit-box-shadow: 0 0 0 4px #3BAFDD;
        -moz-box-shadow: 0 0 0 4px #3BAFDD;
        box-shadow: 0 0 0 4px #3BAFDD; }
    #cats-contentbox .form-box.topics-listbox .selectbox {
      position: relative;
      margin-right: 6px; }
      @media only screen and (max-width: 500px) {
        #cats-contentbox .form-box.topics-listbox .selectbox {
          width: 100%;
          margin: 0 0 8px 0; } }
      #cats-contentbox .form-box.topics-listbox .selectbox.noactive {
        display: none; }
    #cats-contentbox .form-box.topics-listbox .items, #cats-contentbox .form-box.topics-listbox .items-special {
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      background-color: #FFF;
      z-index: 9;
      padding: 12px 0;
      -webkit-transition: 0.4s;
      -moz-transition: 0.4s;
      -o-transition: 0.4s;
      transition: 0.4s;
      opacity: 0;
      visibility: hidden;
      border: 0;
      color: #A2A2A2;
      -webkit-box-shadow: 0 0 13px 0 rgba(106, 109, 113, 0.29);
      box-shadow: 0 0 13px 0 rgba(106, 109, 113, 0.29); }
      #cats-contentbox .form-box.topics-listbox .items.active, #cats-contentbox .form-box.topics-listbox .items-special.active {
        opacity: 1;
        visibility: visible; }
      #cats-contentbox .form-box.topics-listbox .items .item, #cats-contentbox .form-box.topics-listbox .items-special .item {
        cursor: pointer;
        padding: 0 15px;
        line-height: 30px;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
        display: none; }
        #cats-contentbox .form-box.topics-listbox .items .item.active, #cats-contentbox .form-box.topics-listbox .items-special .item.active {
          display: block; }
        #cats-contentbox .form-box.topics-listbox .items .item:hover, #cats-contentbox .form-box.topics-listbox .items-special .item:hover {
          background-color: #DDDEDF; }
    #cats-contentbox .form-box.topics-listbox .items-special .item {
      display: block; }
  #cats-contentbox .form-box.topics-listbox-video {
    margin-top: 0;
    padding-top: 0;
    border: none; }
  #cats-contentbox .second-line {
    margin: 0 0 0 57px; }
    #cats-contentbox .second-line a {
      margin-top: 3px; }
  #cats-contentbox.podcast .form-box.form-topicsbox {
    width: 460px;
    margin-right: 20px; }
    @media only screen and (max-width: 500px) {
      #cats-contentbox.podcast .form-box.form-topicsbox {
        width: 100%; } }
  #cats-contentbox.podcast .form-box .btn-detail {
    margin: 0 5px 6px 0; }
  #cats-contentbox.podcast .form-box.topics-listbox {
    margin-top: 0;
    padding-top: 0;
    border: none;
    display: flex; }

#btn-showtopics {
  height: 40px;
  display: flex;
  align-items: center; }
  @media only screen and (max-width: 990px) {
    #btn-showtopics {
      float: left !important; } }

.watch-button {
  display: flex;
  align-items: center;
  max-width: 120px;
  min-width: 95px;
  width: 100%;
  height: 30px;
  padding: 3px 10px;
  margin-left: 15px;
  font-size: 16px;
  font-weight: 300;
  color: #05688B;
  position: relative; }
  .watch-button:hover {
    border-radius: 5px;
    background-color: #DDDEDF; }
  @media only screen and (max-width: 1040px) {
    .watch-button {
      clear: both;
      margin-left: 0;
      padding-left: 0; } }
  .watch-button .new {
    font-size: 10px;
    color: #949699;
    position: absolute;
    top: 0;
    left: 65px; }
  .watch-button #btn-addnew-favlist {
    display: block;
    background: url(../img/icon-star-blue.png) no-repeat left;
    width: auto;
    height: 20px;
    background-size: contain;
    margin-right: 5px;
    padding-left: 25px;
    cursor: pointer; }
    .watch-button #btn-addnew-favlist.active {
      background: url(../img/icon-star-blue2.png) no-repeat left;
      background-size: contain; }
    .watch-button #btn-addnew-favlist:hover {
      width: auto; }
  .watch-button a {
    color: #1991C1; }

#btn-favlist.btn-detail {
  margin: 2px; }
  @media only screen and (max-width: 500px) {
    #btn-favlist.btn-detail {
      margin-bottom: 20px; } }
#btn-favlist .items {
  opacity: 0;
  visibility: hidden;
  max-width: 335px;
  position: absolute;
  top: calc(100% + 10px);
  right: -2px;
  background-color: #FFF;
  border: 1px solid #CBCCCE;
  padding: 10px;
  text-align: left; }
  @media only screen and (max-width: 990px) {
    #btn-favlist .items {
      right: 0; } }
  #btn-favlist .items.active {
    opacity: 1;
    visibility: visible;
    top: 42px;
    z-index: 1; }
  #btn-favlist .items div {
    height: 27px;
    overflow: hidden; }
  #btn-favlist .items .info {
    display: block;
    line-height: 1.4; }
  #btn-favlist .items a {
    display: inline-block;
    text-align: left;
    position: relative;
    height: 27px; }
    #btn-favlist .items a:before {
      content: "";
      display: block;
      width: 100%;
      height: 1px;
      background-color: #50819A;
      position: absolute;
      bottom: 4px;
      left: 0;
      opacity: 0; }
    #btn-favlist .items a:hover {
      text-decoration: none; }
      #btn-favlist .items a:hover:before {
        opacity: 1; }
    #btn-favlist .items a i {
      font-size: 5px;
      line-height: 22px;
      margin: 0 5px; }

.ui-tooltip {
  box-shadow: none;
  font-size: 14px; }

.popupbox {
  position: fixed;
  bottom: 50px;
  left: 50px;
  max-width: 600px;
  padding: 15px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #8A8C8F;
  background-color: #FFF;
  z-index: 101;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s; }
  .popupbox.active {
    opacity: 1;
    visibility: visible; }
  .popupbox div {
    display: none; }

input[type="text"]:focus {
  outline: none; }

#search-container {
  width: 100%;
  background-color: #DDDEDF;
  padding: 20px;
  margin-bottom: 40px;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box; }
  #search-container .content {
    width: 1240px;
    margin: 0 auto; }
    #search-container .content input[type="text"] {
      background-color: #FFF;
      border: none;
      border-radius: 0;
      color: #A2A2A2;
      box-sizing: border-box;
      -webkit-box-shadow: 0 0 13px 0 rgba(106, 109, 113, 0.29);
      box-shadow: 0 0 13px 0 rgba(106, 109, 113, 0.29);
      font-size: 16px;
      height: 40px;
      max-width: 310px;
      width: 100%;
      padding: 0 15px;
      margin: 0 4px 0 0;
      font-family: 'Lato'; }
    #search-container .content .detail-filter {
      color: #5A5B5D;
      height: 40px;
      display: flex;
      align-items: center; }

.training-contentform .form-city {
  display: flex; }
  .training-contentform .form-city .btn-detail {
    margin: 0 12px 6px 0; }
    .training-contentform .form-city .btn-detail.arrow-city {
      padding: 0; }

/* global */
a {
  text-decoration: none !important;
  color: #088BBF; }
  a:hover {
    text-decoration: underline; }
  a img {
    border: 0; }
  a.gray {
    background-color: #8A8C8F; }

li a {
  color: #05688B; }

.event-list .font-detail {
  font-size: 18px;
  margin: 24px 0 16px; }

.series-list .series-list-only {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }

.speaker-list .speaker-list-only {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }

.event-detail {
  padding-top: 30px;
  clear: both; }
  @media only screen and (max-width: 500px) {
    .event-detail {
      padding-top: 0; } }
  @media only screen and (max-width: 500px) {
    .event-detail.event-detail-organizer {
      display: flex;
      flex-wrap: wrap; } }
  .event-detail.event-detail-partner .speaker-box-button {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none; }
    .event-detail.event-detail-partner .speaker-box-button:hover {
      background-color: initial;
      -webkit-transition: none;
      -moz-transition: none;
      -o-transition: none;
      transition: none; }
    .event-detail.event-detail-partner .speaker-box-button .btn-detail {
      float: left;
      overflow: hidden;
      width: 289px;
      position: relative;
      margin: 2px 15px 15px 4px;
      height: 62px; }
  .event-detail .speaker-box img, .event-detail .user-box img {
    width: 66px; }
  .event-detail .company-logo {
    width: 150px;
    float: left;
    margin: 5px 15px 5px 5px;
    border: 1px solid #B4E0F2;
    box-sizing: border-box;
    -webkit-box-shadow: 0 0 6px 0 rgba(106, 109, 113, 0.29);
    box-shadow: 0 0 6px 0 rgba(106, 109, 113, 0.29);
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    transition: 0.4s; }
    .event-detail .company-logo:hover {
      -webkit-box-shadow: 0 0 0 4px #3BAFDD;
      -moz-box-shadow: 0 0 0 4px #3BAFDD;
      box-shadow: 0 0 0 4px #3BAFDD; }
  .event-detail .company-type {
    font-weight: 400;
    padding-bottom: 30px; }
  .event-detail .company-city {
    font-weight: 400; }
  .event-detail .company-offert {
    font-weight: 400; }
  .event-detail #sidebar {
    margin-top: 200px;
    padding: 15px;
    justify-content: flex-start; }
  .event-detail #content {
    width: 100%; }
    @media only screen and (max-width: 500px) {
      .event-detail #content {
        margin-top: 0; } }
  .event-detail.podcast #sidebar {
    margin-top: 50px;
    height: 384px;
    padding: 15px; }
  .event-detail.podcast h2 .title {
    display: block;
    margin-top: 50px; }
  .event-detail.podcast .topics div {
    display: flex; }
    .event-detail.podcast .topics div:first-child a:first-child {
      margin-left: 10px; }
  .event-detail.podcast .topics a {
    margin: 0 12px 0 0; }
  .event-detail.podcast .topics i {
    line-height: 40px;
    font-size: 12px;
    font-style: normal;
    opacity: 0.7;
    margin: 0 12px 0 0px; }
  .event-detail.podcast .datebox {
    margin-top: 25px; }
    .event-detail.podcast .datebox div {
      margin-right: 15px; }
      .event-detail.podcast .datebox div i {
        margin-right: 5px; }
  .event-detail.podcast .speakers {
    margin-top: 20px; }
    .event-detail.podcast .speakers .event-speakers {
      margin: 12px 0 0 0;
      padding: 0; }
    .event-detail.podcast .speakers .event-label {
      float: none; }
  .event-detail.podcast .links {
    margin-top: 30px; }
    .event-detail.podcast .links .event-label {
      width: 120px; }
    .event-detail.podcast .links a {
      display: inline-block;
      margin-right: 15px; }
  .event-detail.podcast .description {
    max-width: 800px; }
    @media only screen and (max-width: 500px) {
      .event-detail.podcast .description {
        font-size: 14px; } }

.training-detail {
  padding-top: 30px;
  clear: both; }
  .training-detail .event-label {
    width: 170px; }
  .training-detail .event-speakers {
    padding-left: 185px; }

.trainingbrand-detail #sidebar {
  margin-top: 187px; }

@media only screen and (max-width: 1300px) {
  .speaker-detal {
    margin: 0 16px; } }
.speaker-detal .specialization {
  margin-bottom: 5px;
  padding-right: 10px; }
@media only screen and (max-width: 500px) {
  .speaker-detal .serie-logo {
    float: none; } }
@media only screen and (max-width: 400px) {
  .speaker-detal article {
    font-size: 14px; } }
@media only screen and (max-width: 400px) {
  .speaker-detal article div p {
    font-size: 14px; } }
.speaker-detal article .speaker-detal-profession {
  width: auto;
  margin-bottom: 10px; }
  .speaker-detal article .speaker-detal-profession .profession {
    width: auto; }
.speaker-detal article .speaker-detal-specialization {
  margin-bottom: 30px; }
.speaker-detal .manage-profile {
  margin: 20px 0;
  font-size: 18px; }
  .speaker-detal .manage-profile a {
    color: #1991C1; }
    .speaker-detal .manage-profile a:hover {
      color: #05688B; }
.speaker-detal h2 {
  color: #454545;
  margin: 40px 0 10px; }

/* blog detal */
.blog-detal #content {
  float: none; }
.blog-detal .post-image {
  display: block;
  width: 100%;
  max-width: 900px;
  height: auto;
  border: 12px solid #DDDEDF; }
  @media only screen and (max-width: 990px) {
    .blog-detal .post-image {
      width: 95%; } }
.blog-detal .blog-list {
  margin-top: 60px; }
.blog-detal .meta {
  margin: -10px 0 15px; }
.blog-detal .meta-img {
  line-height: 40px; }
  .blog-detal .meta-img .img {
    display: block;
    float: left;
    margin-right: 10px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden; }
    .blog-detal .meta-img .img img {
      display: block;
      width: 100%; }

#sidebar {
  float: right;
  width: 300px;
  height: 474px;
  background: #EFEFEF;
  padding: 15px;
  box-sizing: border-box; }
  #sidebar .font-detail {
    color: #414141;
    font-size: 24px;
    font-weight: 700;
    border-bottom: 1px solid #BCBDC0;
    padding-bottom: 15px;
    margin: 12px 0; }
    #sidebar .font-detail a {
      color: #414141; }
  #sidebar img {
    width: 270px;
    height: auto;
    border: 1px solid #B4E0F2; }
  #sidebar .serie-links a {
    display: flex;
    align-items: center; }
    #sidebar .serie-links a.serie-links-events {
      color: #088BBF;
      padding: 0 0 10px 0; }
    #sidebar .serie-links a.follow-the-cykle {
      color: #088BBF;
      margin-top: 8px; }

.clear {
  clear: both; }

.left {
  float: left; }

.right {
  float: right; }

.hidden {
  display: none !important; }

#content {
  line-height: 22px;
  max-width: 924px;
  float: left;
  padding-bottom: 5px;
  margin: 0 auto; }
  @media only screen and (max-width: 990px) {
    #content {
      width: 98% !important;
      margin-top: 15px;
      float: none; } }
  #content .working-btn {
    display: flex;
    justify-content: space-between; }

.line {
  background-color: #CBCCCE;
  width: 1px;
  height: 1px; }

/* event list, training list */
.tab-row .date {
  width: 137px;
  padding: 0 0 0 15px;
  box-sizing: border-box;
  line-height: 1.1;
  font-size: 22px;
  font-weight: 900; }
  @media only screen and (max-width: 1300px) {
    .tab-row .date {
      padding-right: 0; } }
  @media only screen and (max-width: 1200px) {
    .tab-row .date {
      font-size: 20px; } }
  @media only screen and (max-width: 990px) {
    .tab-row .date {
      padding-left: 5px; } }
  @media only screen and (max-width: 767px) {
    .tab-row .date {
      width: 100px;
      font-size: 16px; } }
  @media only screen and (max-width: 500px) {
    .tab-row .date {
      font-size: 12px;
      width: 75px; } }
  .tab-row .date .num {
    border-right: 2px solid #1991C1;
    box-sizing: border-box;
    padding-right: 8px; }
    @media only screen and (max-width: 500px) {
      .tab-row .date .num {
        padding-left: 3px;
        padding-right: 4px; } }
  .tab-row .date .name {
    padding-left: 8px; }
    @media only screen and (max-width: 500px) {
      .tab-row .date .name {
        padding-left: 4px; } }
  .tab-row .date .second {
    font-size: 16px; }
    @media only screen and (max-width: 767px) {
      .tab-row .date .second {
        font-size: 13px; } }
    .tab-row .date .second .num {
      padding-left: 6px;
      border-right: none; }
      @media only screen and (max-width: 1200px) {
        .tab-row .date .second .num {
          padding-left: 1px; } }
      @media only screen and (max-width: 767px) {
        .tab-row .date .second .num {
          padding-left: 0; } }
      @media only screen and (max-width: 500px) {
        .tab-row .date .second .num {
          padding-left: 2px;
          font-size: 10px; } }
    .tab-row .date .second .name {
      padding-left: 10px; }
      @media only screen and (max-width: 500px) {
        .tab-row .date .second .name {
          padding-left: 8px;
          font-size: 10px; } }
.tab-row .title {
  font-size: 18px;
  font-weight: 900;
  width: calc(100% - 125px - 137px - 110px - 85px - 138px); }
  @media only screen and (max-width: 1200px) {
    .tab-row .title {
      width: calc(100% - 125px - 115px - 100px - 80px - 100px); } }
  @media only screen and (max-width: 990px) {
    .tab-row .title {
      width: calc(100% - 135px - 135px - 30px);
      font-size: 16px; } }
  @media only screen and (max-width: 767px) {
    .tab-row .title {
      width: calc(100% - 100px - 100px - 20px);
      font-size: 15px; } }
  @media only screen and (max-width: 500px) {
    .tab-row .title {
      width: calc(100% - 75px - 75px - 15px);
      font-size: 12px;
      line-height: 1.2; } }
.tab-row .city {
  width: 135px;
  font-size: 18px; }
  @media only screen and (max-width: 1200px) {
    .tab-row .city {
      width: 115px;
      font-size: 16px; } }
  @media only screen and (max-width: 767px) {
    .tab-row .city {
      width: 100px;
      font-size: 15px; } }
  @media only screen and (max-width: 500px) {
    .tab-row .city {
      width: 75px;
      font-size: 12px; } }
.tab-row .topic {
  width: 480px;
  font-size: 14px;
  font-weight: 400; }
.tab-row .type {
  width: 110px;
  font-size: 18px; }
.tab-row .cost {
  width: 100px;
  padding-right: 0;
  font-size: 18px; }
.tab-row .brand {
  width: 135px;
  padding-left: 0;
  padding-right: 2px; }
  @media only screen and (max-width: 1040px) {
    .tab-row .brand {
      width: 100px; } }
  @media only screen and (max-width: 767px) {
    .tab-row .brand {
      width: 85px; } }
.tab-row .brand-logo {
  width: 55px;
  padding-left: 0; }
  .tab-row .brand-logo img {
    width: 55px; }
.tab-row .event-circlelevel span {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #DDDEDF;
  margin: 0 2px; }
.tab-row .event-circlelevel span.active {
  background-color: #4C9AC1; }

.brand-list .tab-row .title {
  width: 360px; }
  @media only screen and (max-width: 1300px) {
    .brand-list .tab-row .title {
      width: 24%; } }
  @media only screen and (max-width: 1040px) {
    .brand-list .tab-row .title {
      width: 22%; } }
  @media only screen and (max-width: 767px) {
    .brand-list .tab-row .title {
      width: 23%; } }
.brand-list .tab-row .city {
  width: 80px; }
.brand-list .tab-row .topic {
  width: 170px; }
  @media only screen and (max-width: 1040px) {
    .brand-list .tab-row .topic {
      width: 18%; } }
.brand-list .tab-row .type {
  width: 90px; }
  @media only screen and (max-width: 1300px) {
    .brand-list .tab-row .type {
      display: none; } }
  @media only screen and (max-width: 1040px) {
    .brand-list .tab-row .type {
      display: block; } }
@media only screen and (max-width: 500px) {
  .brand-list .tab-row .brand-logo {
    display: none; } }

.training-list .tab-row .cost {
  padding-right: 9px; }
.training-list .tab-row .type {
  padding-right: 0; }

div.tab-row {
  min-height: 75px;
  max-width: 1230px;
  border: 1px solid #B4E0F2;
  margin: 11px auto;
  -webkit-box-shadow: 0 0 6px 0 rgba(106, 109, 113, 0.29);
  box-shadow: 0 0 6px 0 rgba(106, 109, 113, 0.29);
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s; }
  div.tab-row:hover {
    background-color: #E8F3F7;
    -webkit-box-shadow: 0 0 0 4px #3BAFDD;
    -moz-box-shadow: 0 0 0 4px #3BAFDD;
    box-shadow: 0 0 0 4px #3BAFDD; }
  @media only screen and (max-width: 500px) {
    div.tab-row {
      margin: 11px 4px; } }
  div.tab-row .promo {
    color: #D66561; }

div.separator + .tab-row {
  border-top: 0; }

@media only screen and (max-width: 500px) {
  div.colTab {
    line-height: 20px; } }
div.colTab img {
  float: right;
  width: 25px; }

.special-box {
  display: flex;
  position: absolute;
  margin: -1px 0 0 -1px;
  top: 0; }
  .special-box .special {
    display: flex;
    font-size: 11px;
    text-align: center;
    padding: 0 2px;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #FFF; }
    .special-box .special.new {
      background: #ECD213;
      margin: 0 5px 0 0; }
    .special-box .special.spons {
      background: #D66561;
      margin: 0 5px 0 0; }
    .special-box .special.cancel {
      background: #8A8C8F;
      margin: 0 5px 0 0; }

.special {
  display: flex;
  font-size: 11px;
  text-align: center;
  padding: 0 2px;
  letter-spacing: 0;
  text-transform: uppercase;
  color: #FFF;
  width: fit-content;
  width: -moz-fit-content; }
  .special.new {
    background: #ECD213; }
  .special.spons {
    background: #D66561; }
  .special.cancel {
    background: #8A8C8F; }

.img .special.new {
  position: absolute; }

.patronat {
  background-color: #ECD213;
  color: #FFF;
  text-transform: uppercase;
  font-weight: 900;
  font-size: 14px;
  display: inline-flex;
  line-height: 1;
  padding: 3px;
  height: max-content; }
  @media only screen and (max-width: 500px) {
    .patronat {
      font-size: 12px; } }

.legend {
  clear: both;
  margin-top: 20px; }
  .legend span {
    position: inherit;
    display: inline; }

.info-registration div {
  font-size: 14px;
  color: #979797;
  text-align: right; }

/* part */
.container-part {
  width: 100%;
  text-align: center;
  margin: -20px 0 30px 0; }
  @media only screen and (max-width: 767px) {
    .container-part {
      margin-bottom: 10px; } }
  @media only screen and (max-width: 1300px) {
    .container-part img {
      width: 100%; } }

.home .container-part {
  margin: 10px 0 10px 0; }

.part-cook {
  padding: 5px 5px 5px 10px;
  bottom: 0;
  position: fixed;
  background-color: #FFF;
  font-size: 12px;
  max-width: 400px;
  right: 0;
  min-height: 100px;
  border: 1px solid #DDDEDF; }

.part-cook-ok {
  float: right;
  font-size: 16px;
  color: #454545;
  cursor: pointer;
  border: 2px solid #8A8C8F;
  background-color: #FFF;
  padding: 2px 12px 3px 12px;
  border-radius: 5px;
  font-weight: 700;
  position: fixed;
  bottom: 0;
  right: 0;
  margin: 0 10px 10px 0; }
  .part-cook-ok:hover {
    border: 2px solid #949699 !important;
    background-color: #DDDEDF !important; }

/* event detal */
a.button-back {
  display: block;
  letter-spacing: 0;
  line-height: 30px; }
  a.button-back:hover {
    text-decoration: underline; }

.event-image {
  display: block;
  width: 100%;
  max-width: 924px;
  height: auto;
  box-sizing: border-box; }

.description .event-var {
  padding: 0;
  white-space: normal; }
  @media only screen and (max-width: 500px) {
    .description .event-var {
      margin-top: 10px; } }
  .description .event-var ul li {
    padding-left: 0; }
    .description .event-var ul li.ql-indent-1 {
      padding-left: 2.5em; }
.description p {
  margin: 0; }
@media only screen and (max-width: 500px) {
  .description .event-label {
    float: none; } }

.event-label {
  color: #414141;
  font-size: 18px;
  float: left;
  width: 160px;
  padding-right: 5px; }
  @media only screen and (max-width: 500px) {
    .event-label {
      width: 115px;
      font-size: 16px; } }

.event-var {
  font-size: 17px;
  overflow: hidden;
  margin-bottom: 12px; }
  @media only screen and (max-width: 767px) {
    .event-var {
      overflow: hidden; } }
  @media only screen and (max-width: 500px) {
    .event-var {
      font-size: 16px; } }

.event-speakers {
  max-width: 761px;
  padding: 12px 0 0 164px;
  margin-bottom: 32px; }
  @media only screen and (max-width: 500px) {
    .event-speakers {
      padding: 30px 0; } }

.speaker-box, .user-box {
  float: left;
  overflow: hidden;
  width: 295px;
  position: relative;
  margin: 0 15px 15px 4px;
  background-color: #FFF;
  border: 1px solid #B4E0F2;
  height: 66px;
  -webkit-box-shadow: 0 0 6px 0 rgba(106, 109, 113, 0.29);
  box-shadow: 0 0 6px 0 rgba(106, 109, 113, 0.29);
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s; }
  .speaker-box:hover, .user-box:hover {
    background-color: #E8F3F7;
    -webkit-box-shadow: 0 0 0 4px #3BAFDD;
    -moz-box-shadow: 0 0 0 4px #3BAFDD;
    box-shadow: 0 0 0 4px #3BAFDD; }
  @media only screen and (max-width: 500px) {
    .speaker-box, .user-box {
      width: 100%;
      margin-right: 0; } }
  .speaker-box .speaker-name, .user-box .speaker-name {
    position: absolute;
    top: 10px;
    left: 80px;
    line-height: 17px;
    font-size: 18px;
    font-weight: 700;
    padding-right: 10px; }
    .speaker-box .speaker-name a, .user-box .speaker-name a {
      color: #088BBF; }
    .speaker-box .speaker-name .speaker-detail, .user-box .speaker-name .speaker-detail {
      color: #7D7D7D;
      font-size: 14px;
      font-weight: 400;
      margin: 5px 0; }
  .speaker-box.noactive, .user-box.noactive {
    display: none; }

.socialmedia {
  height: auto;
  clear: both;
  display: flex;
  justify-content: space-between; }
  @media only screen and (max-width: 767px) {
    .socialmedia {
      height: auto;
      flex-wrap: wrap;
      margin: 10px 0; } }
  .socialmedia .socialmedia-part {
    display: flex;
    align-items: center; }
    .socialmedia .socialmedia-part .socialmedia-box {
      margin: 5px 3px;
      height: 25px; }
      .socialmedia .socialmedia-part .socialmedia-box.google-calendar {
        margin: 5px 20px 5px 0; }
        .socialmedia .socialmedia-part .socialmedia-box.google-calendar img {
          width: 139px;
          margin-top: -3px; }
      .socialmedia .socialmedia-part .socialmedia-box.social-twitter {
        width: 60px; }
      .socialmedia .socialmedia-part .socialmedia-box.social-facebook {
        width: 130px; }
  .socialmedia .special {
    margin-right: 0;
    position: static; }

.announcement {
  border-radius: 0;
  margin: 15px 0;
  display: none; }

.event-update {
  margin: 10px 0;
  display: flex;
  align-items: center;
  font-weight: 700;
  width: fit-content; }
  .event-update a {
    font-size: 16px;
    color: #088BBF; }
    .event-update a:hover {
      color: #05688B; }
    @media only screen and (max-width: 990px) {
      .event-update a {
        padding: 5px;
        text-align: center;
        line-height: 1; } }

.event-update-form {
  display: none; }
  .event-update-form textarea {
    width: 700px;
    resize: auto; }
    @media only screen and (max-width: 990px) {
      .event-update-form textarea {
        max-width: 700px;
        width: 100%; } }
  .event-update-form .announcement {
    display: none;
    border-radius: 0;
    margin: 15px 0; }

.old-event {
  background-color: #CBCCCE;
  padding: 7px 0 5px 7px;
  text-align: center;
  margin-top: 13px; }

/* blog list */
.blog-list #sidebar {
  margin-top: -24px; }
.blog-list article {
  margin: 20px 0; }
  @media only screen and (max-width: 767px) {
    .blog-list article {
      margin: 40px 0;
      display: flex;
      flex-wrap: wrap; } }
  .blog-list article p {
    margin-top: 2px; }
  .blog-list article img {
    float: left;
    max-width: 350px; }
  .blog-list article .article-img {
    float: left;
    overflow: hidden;
    max-height: 180px;
    border: 12px solid #DDDEDF;
    margin-right: 12px; }
  .blog-list article .title a {
    line-height: 30px; }
  .blog-list article .meta {
    margin-top: 11px; }
.blog-list #content {
  float: none; }

/* header nowy RD*/
header {
  max-width: 1240px;
  width: 100%;
  height: 100px;
  margin: 0 auto;
  padding: 20px 0;
  box-sizing: border-box;
  font-size: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  @media only screen and (max-width: 1300px) {
    header {
      padding: 15px; } }
  @media only screen and (max-width: 990px) {
    header {
      align-items: center;
      padding: 20px;
      font-size: 20px;
      height: 65px; } }
  header .header-package {
    position: absolute;
    right: 80px;
    top: 44px;
    width: auto;
    padding: 15px 20px;
    background-color: #FFF;
    border: 1px solid #CBCCCE;
    z-index: 1;
    display: none;
    text-align: left;
    box-shadow: 0 0 4px 1px #CBCCCE;
    color: #05688B;
    font-size: 16px; }
    header .header-package a {
      padding: 0 0 10px 0;
      display: block; }
  header .arrow-down {
    width: 20px;
    height: auto;
    margin: 0;
    cursor: pointer; }
  @media only screen and (max-width: 990px) {
    header .logo-main {
      z-index: 0; } }
  header .logo-main .logo-claim {
    width: 253px;
    margin-right: 140px;
    margin-block-start: 3px; }
    @media only screen and (max-width: 1300px) {
      header .logo-main .logo-claim {
        margin: 3px 0 0 0; } }
    @media only screen and (max-width: 1200px) {
      header .logo-main .logo-claim {
        width: 170px; } }
    @media only screen and (max-width: 400px) {
      header .logo-main .logo-claim {
        width: 114px; } }
  header nav {
    position: relative;
    width: 760px; }
    @media only screen and (max-width: 1300px) {
      header nav {
        width: 740px; } }
    @media only screen and (max-width: 1200px) {
      header nav {
        width: 720px; } }
    @media only screen and (max-width: 1040px) {
      header nav {
        width: 700px; } }
    @media only screen and (max-width: 990px) {
      header nav {
        display: none; } }
    header nav ul {
      display: flex;
      list-style: none;
      padding-inline-start: 0;
      margin-block-start: 0px;
      margin-block-end: 1px;
      align-items: center; }
      @media only screen and (max-width: 990px) {
        header nav ul {
          flex-direction: column;
          align-items: normal; } }
      header nav ul li {
        padding: 0 12px; }
        @media only screen and (max-width: 990px) {
          header nav ul li {
            padding: 8px 20px; } }
        header nav ul li.li-login-header {
          width: 157px; }
          header nav ul li.li-login-header .unlogged-user {
            display: none; }
            @media only screen and (max-width: 990px) {
              header nav ul li.li-login-header .unlogged-user {
                display: flex;
                width: 30px; } }
        header nav ul li a:hover {
          text-decoration: none;
          border-bottom: 4px solid #ECD213;
          padding: 0 0 6px 0; }
        header nav ul li.current a {
          border-bottom: 4px solid #ECD213;
          padding: 0 0 6px 0; }
        header nav ul li .header-element {
          margin-left: 0;
          color: #949699; }
          @media only screen and (max-width: 1300px) {
            header nav ul li .header-element {
              margin-left: 40px; } }
          @media only screen and (max-width: 1200px) {
            header nav ul li .header-element {
              margin-left: 20px; } }
          @media only screen and (max-width: 1040px) {
            header nav ul li .header-element {
              margin-left: 0; } }
          @media only screen and (max-width: 990px) {
            header nav ul li .header-element {
              color: #05688B; } }
        header nav ul li.desktop-small-on {
          display: none; }
          @media only screen and (max-width: 990px) {
            header nav ul li.desktop-small-on {
              display: block; } }
        header nav ul li.li-for-employer-header {
          padding-left: 72px; }
          @media only screen and (max-width: 1300px) {
            header nav ul li.li-for-employer-header {
              padding-left: 12px; } }
        header nav ul li.mobileOff {
          display: block;
          width: auto; }
          @media only screen and (max-width: 990px) {
            header nav ul li.mobileOff {
              display: none; } }
      header nav ul .line {
        display: none;
        background-color: #F4F4F4;
        height: 2px; }
        @media only screen and (max-width: 990px) {
          header nav ul .line {
            display: block;
            width: 270px;
            margin: 20px; } }
        @media only screen and (max-width: 500px) {
          header nav ul .line {
            width: 220px; } }
      header nav ul .hamburger-logo {
        display: none; }
        @media only screen and (max-width: 990px) {
          header nav ul .hamburger-logo {
            display: block;
            padding: 35px 20px; } }
        header nav ul .hamburger-logo img {
          width: 40px; }
  header .header-part {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative; }
    header .header-part .logged {
      width: max-content;
      display: flex;
      flex-wrap: nowrap;
      margin-right: 20px;
      cursor: pointer; }
      @media only screen and (max-width: 990px) {
        header .header-part .logged {
          margin-right: 0; } }
      header .header-part .logged .li-login-header {
        list-style: none; }
        header .header-part .logged .li-login-header .unlogged-user {
          display: none; }
          @media only screen and (max-width: 990px) {
            header .header-part .logged .li-login-header .unlogged-user {
              display: flex;
              width: 30px;
              margin-right: 20px; } }
        header .header-part .logged .li-login-header .header-login:hover {
          border-bottom: 4px solid #ECD213;
          padding: 0 0 6px 0;
          color: #949699; }
        @media only screen and (max-width: 990px) {
          header .header-part .logged .li-login-header .header-login {
            display: none; } }
    header .header-part #top-searchbox {
      float: right;
      position: relative; }
      header .header-part #top-searchbox a {
        display: block;
        width: 25px;
        height: 25px;
        position: relative;
        background: url(../img/header_search.svg) no-repeat center right; }
        header .header-part #top-searchbox a:hover {
          background: url(../img/header_search-navyblue.svg) no-repeat center right; }
      header .header-part #top-searchbox .formbox {
        width: 0;
        height: 35px;
        position: absolute;
        right: calc(100% - 2px);
        top: -4px;
        overflow: hidden;
        -webkit-transition: all 0.7s;
        /* Safari */
        transition: all 0.7s;
        z-index: 40; }
        header .header-part #top-searchbox .formbox.active {
          width: 255px; }
      header .header-part #top-searchbox form {
        position: absolute;
        right: 3px;
        top: 0; }
        header .header-part #top-searchbox form fieldset {
          padding: 0;
          border: none;
          width: 250px; }
          @media only screen and (max-width: 400px) {
            header .header-part #top-searchbox form fieldset {
              max-width: 220px; } }
          header .header-part #top-searchbox form fieldset input {
            width: 100%;
            padding: 0 12px;
            box-sizing: border-box;
            height: 35px;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            border-radius: 0; }
    header .header-part .hamburger-menu {
      width: 25px;
      height: 25px;
      margin-left: 20px;
      cursor: pointer;
      background: url("../img/header_menu.svg") no-repeat center right; }
      header .header-part .hamburger-menu:hover {
        background: url("../img/header_menu-navyblue.svg") no-repeat center right; }
    header .header-part aside .mobile-menu-off {
      width: 30px;
      height: 30px;
      margin-left: 270px;
      display: none;
      cursor: pointer;
      z-index: 3;
      background: url(../img/header_menu_close-navyblue.svg) no-repeat center right; }
      @media only screen and (max-width: 990px) {
        header .header-part aside .mobile-menu-off {
          top: 16px;
          right: 10px; } }
      @media only screen and (max-width: 400px) {
        header .header-part aside .mobile-menu-off {
          top: 23px;
          right: 12px; } }
    header .header-part aside .only-desktop {
      display: none;
      font-size: 20px;
      background-color: #FFF;
      padding: 75px 0 0 0;
      height: 100vh;
      width: 335px;
      position: absolute;
      top: -40px;
      right: -15px;
      z-index: 20;
      margin: 0; }
      @media only screen and (max-width: 990px) {
        header .header-part aside .only-desktop {
          display: none;
          position: absolute;
          top: -15px;
          right: -14px;
          height: 920px;
          padding: 65px 0;
          width: 320px; } }
      @media only screen and (max-width: 767px) {
        header .header-part aside .only-desktop {
          right: 76px; } }
      @media only screen and (max-width: 650px) {
        header .header-part aside .only-desktop {
          right: -14px; } }
      header .header-part aside .only-desktop li {
        padding: 8px 20px;
        list-style: none; }
        header .header-part aside .only-desktop li a:hover {
          border-bottom: 4px solid #ECD213;
          padding: 0 0 5px 0; }
      header .header-part aside .only-desktop .line {
        background-color: #F4F4F4;
        height: 2px;
        width: 270px;
        margin: 20px; }
      header .header-part aside .only-desktop .hamburger-logo {
        padding: 35px 20px; }
        header .header-part aside .only-desktop .hamburger-logo img {
          width: 40px; }
      header .header-part aside .only-desktop .desktop-off {
        display: none; }
        @media only screen and (max-width: 990px) {
          header .header-part aside .only-desktop .desktop-off {
            display: block;
            max-width: 280px;
            width: 100%;
            padding: 8 25px; } }

/* form */
.content-form {
  max-width: 1240px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto 0 auto;
  clear: both; }

.form-city .all-training {
  width: 125px; }

.form-topic .second-line-home {
  display: flex;
  flex-wrap: wrap; }
  .form-topic .second-line-home .btn-detail {
    margin: 0 12px 6px 0; }
  .form-topic .second-line-home a.active {
    background-color: #8A8C8F;
    border: 1px solid #8A8C8F;
    color: #FFF;
    text-decoration: none; }
  @media only screen and (max-width: 1200px) {
    .form-topic .second-line-home a.topicoff-first {
      display: none; } }
  @media only screen and (max-width: 1040px) {
    .form-topic .second-line-home a.topicoff-second {
      display: none; } }
  @media only screen and (max-width: 990px) {
    .form-topic .second-line-home a.topicoff-third {
      display: none; } }
  @media only screen and (max-width: 767px) {
    .form-topic .second-line-home a.topicoff-last {
      display: none; } }
.form-topic .second-line-topic {
  margin-left: 72px;
  display: none;
  float: none;
  flex-wrap: wrap; }
  @media only screen and (max-width: 1200px) {
    .form-topic .second-line-topic {
      margin-left: 83px; } }
  .form-topic .second-line-topic a {
    margin: 0 12px 5px 0; }
    .form-topic .second-line-topic a.active {
      background-color: #8A8C8F;
      border: 1px solid #8A8C8F;
      color: #FFF;
      text-decoration: none; }
    .form-topic .second-line-topic a.topicoff {
      display: none; }
    @media only screen and (max-width: 1200px) {
      .form-topic .second-line-topic a.topicon-first {
        display: flex;
        align-items: center; } }
    @media only screen and (max-width: 1040px) {
      .form-topic .second-line-topic a.topicon-second {
        display: flex;
        align-items: center; } }
    @media only screen and (max-width: 990px) {
      .form-topic .second-line-topic a.topicon-third {
        display: none; } }
    @media only screen and (max-width: 767px) {
      .form-topic .second-line-topic a.topicon {
        display: flex;
        align-items: center; } }
.form-topic .all {
  width: auto; }
.form-topic .all-training {
  width: 125px; }
.form-topic .arrow-topic {
  padding: 0;
  width: 40px; }
  .form-topic .arrow-topic.active {
    background-color: #8A8C8F;
    border: 1px solid #8A8C8F; }

.second-line {
  margin: 0 0 0 143px;
  display: none; }
  @media only screen and (max-width: 990px) {
    .second-line {
      margin: 0; } }

.second-line-training {
  margin: 0 0 0 158px;
  display: none; }

/* page */
.page #content {
  float: none; }
  .page #content img {
    border: 13px solid #DDDEDF;
    float: left;
    margin-bottom: 50px;
    margin-right: 20px; }

/* series list */
.serie-list-detal {
  float: left;
  width: 290px;
  height: 260px;
  background-color: #DDDEDF;
  margin: 7px;
  padding-top: 14px; }
  .serie-list-detal img {
    width: 155px; }
  .serie-list-detal a {
    display: block;
    line-height: 24px; }
    .serie-list-detal a:hover {
      text-decoration: none; }

.serie-img {
  text-align: center;
  height: 155px;
  overflow: hidden;
  margin-bottom: 15px; }

.serie-title {
  height: 60px;
  padding: 0 17px; }

.serie-desc {
  padding-left: 18px; }

/* speaker list */
.speaker-list-detal {
  float: left;
  width: 290px;
  height: 260px;
  background-color: #DDDEDF;
  margin: 7px;
  padding-top: 14px; }
  .speaker-list-detal img {
    width: 155px; }
  .speaker-list-detal a {
    display: block;
    line-height: 24px; }
    .speaker-list-detal a:hover {
      text-decoration: none; }

.speaker-list-img {
  text-align: center;
  height: 155px;
  overflow: hidden;
  margin-bottom: 15px; }

.speaker-list-title {
  height: 60px;
  padding-left: 17px; }

.speaker-list-desc {
  padding-left: 18px; }

.speaker-list-search {
  margin-left: 10px;
  display: flex;
  align-items: center;
  flex-wrap: wrap; }
  .speaker-list-search .font-detail {
    margin: 0 5px 0 0; }
  .speaker-list-search .speaker-list-input {
    width: 350px;
    padding: 10px;
    margin: 2px 10px 3px 5px;
    border: 0;
    height: 40px; }
    @media only screen and (max-width: 500px) {
      .speaker-list-search .speaker-list-input {
        margin: 10px 10px 10px 0; } }

/* serie detal */
.serie-logo {
  float: left;
  width: 290px;
  margin: 10px 0; }
  .serie-logo img {
    max-width: 245px;
    border: 1px solid #B4E0F2;
    -webkit-box-shadow: 0 0 6px 0 rgba(106, 109, 113, 0.29);
    box-shadow: 0 0 6px 0 rgba(106, 109, 113, 0.29); }

/*
////////////////////
/// speaker detal //
//////////////////// */
.social-box {
  margin-top: 25px;
  display: flex;
  flex-wrap: wrap; }
  .social-box .social-icon-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: #088BBF;
    color: white;
    border-radius: 3px;
    margin-right: 8px;
    margin-bottom: 8px;
    text-decoration: none; }
  .social-box .social-icon-link i {
    font-size: 22px; }
  .social-box .x-icon-custom {
    font-family: serif;
    font-weight: bold;
    font-size: 22px;
    line-height: 1; }
  .social-box .social-icon-link:hover {
    color: white;
    text-decoration: none; }
  .social-box a {
    display: flex;
    width: 40px;
    height: 40px;
    margin-right: 8px;
    float: left; }
    .social-box a.link-website {
      background: #1991C1;
      padding-top: 14px;
      padding-bottom: 24px;
      padding-left: 3px;
      height: 28px;
      text-align: left;
      width: 38px;
      text-transform: uppercase;
      text-decoration: none;
      box-sizing: border-box; }

.manage-profile {
  margin: 20px 0;
  font-size: 18px;
  color: #1991C1; }
  .manage-profile a {
    color: #1991C1; }

/* edytor */
.ql-editor img {
  max-width: 100%; }
.ql-editor p {
  padding: 0;
  margin: 0; }

/* form */
input {
  border: 0;
  font-size: 16px;
  height: 37px;
  padding-left: 10px;
  background-color: #FFF;
  border: solid #CBCCCE 1px;
  border-radius: 3px; }

textarea {
  border: 0;
  font-size: 16px;
  background-color: #FFF;
  border: solid #CBCCCE 1px;
  border-radius: 3px; }

/* add event */
.add-event .content {
  max-width: 700px;
  float: none;
  margin: 0 auto; }
.add-event .form-row input {
  width: 400px; }
  @media only screen and (max-width: 500px) {
    .add-event .form-row input {
      width: 100%;
      box-sizing: border-box; } }
.add-event textarea {
  border: 1px solid #8A8C8F;
  border-radius: 0;
  width: 400px; }
  @media only screen and (max-width: 500px) {
    .add-event textarea {
      width: 100%;
      box-sizing: border-box; } }
.add-event label {
  width: 170px;
  display: block;
  float: left;
  padding-top: 9px; }
.add-event .submit {
  max-width: 580px;
  clear: both; }
.add-event .note {
  padding-left: 21px; }

.form-row {
  margin-top: 15px; }
  .form-row .checkbox {
    padding-top: 10px;
    display: inline-block; }
    .form-row .checkbox input {
      height: auto;
      width: auto; }

/* home page */
#container-slide {
  width: 100%;
  height: 360px;
  background-position: center;
  background-image: url("../img/main-img.jpg");
  background-position-y: -120px; }

.content-slide {
  max-width: 1240px;
  width: 98%;
  overflow: hidden;
  margin: 0 auto 0 auto;
  text-align: center;
  color: #FFF;
  font-weight: 400;
  padding: 12px 0 7px 0;
  clear: both; }
  .content-slide span {
    font-size: 24px;
    padding-left: 17px; }
  .content-slide .data-title {
    font-weight: 700;
    margin-bottom: 10px; }
  .content-slide .data-separator {
    color: #454545;
    margin: 40px 0 18px 0; }

#container-events-title {
  width: 100%;
  background-color: #DDDEDF; }
  #container-events-title .button {
    margin-top: 5px; }

#container-events .content-events {
  max-width: 1240px;
  width: 98%;
  overflow: hidden;
  margin: 0 auto 0 auto;
  padding: 0;
  clear: both; }
  #container-events .content-events .tab-row {
    background-color: #E8F3F7;
    /*&.button nie ma? {
      color: $navy-blue-medium;
      line-height: 30px;
      border: 2px solid $navy-blue-medium;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      border-radius: 5px;
      padding: 0 20px;
      background: $white;
      margin: 0 auto;
      width: 210px;
      text-align: center;
      &:hover {
        background-color: $grey-silver;
        border-color: $grey-silver;
      }
    }*/ }
    #container-events .content-events .tab-row a {
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 75px;
      position: relative; }

.container-main-website {
  padding: 15px 0 40px;
  margin: 0 auto;
  box-sizing: border-box; }
  @media only screen and (max-width: 1200px) {
    .container-main-website {
      padding: 15px 10px 40px; } }
  @media only screen and (max-width: 767px) {
    .container-main-website {
      padding: 10px 10px 30px; } }

#container-aboutwebsite {
  max-width: 1240px;
  display: flex;
  justify-content: space-between; }
  @media only screen and (max-width: 1040px) {
    #container-aboutwebsite {
      flex-wrap: wrap; } }
  @media only screen and (max-width: 990px) {
    #container-aboutwebsite {
      padding: 10px 10px 30px;
      height: auto; } }
  #container-aboutwebsite .font-detail {
    width: 340px;
    padding: 40px 15px 40px 0;
    margin: 0;
    color: #8A8C8F;
    font-size: 46px;
    font-weight: 700;
    line-height: 56px;
    box-sizing: border-box; }
    @media only screen and (max-width: 1300px) {
      #container-aboutwebsite .font-detail {
        font-size: 36px; } }
    @media only screen and (max-width: 1200px) {
      #container-aboutwebsite .font-detail {
        width: 100%;
        margin: 0 10px 0 0;
        padding: 0; } }
    @media only screen and (max-width: 500px) {
      #container-aboutwebsite .font-detail {
        font-size: 30px;
        line-height: 1.2; } }
    #container-aboutwebsite .font-detail span {
      color: #1991C1; }
  #container-aboutwebsite .aboutwebsite-btn-all {
    display: flex;
    justify-content: flex-end; }
    @media only screen and (max-width: 1040px) {
      #container-aboutwebsite .aboutwebsite-btn-all {
        width: 100%;
        justify-content: space-between;
        flex-wrap: wrap; } }
    @media only screen and (max-width: 767px) {
      #container-aboutwebsite .aboutwebsite-btn-all {
        justify-content: center; } }
    #container-aboutwebsite .aboutwebsite-btn-all .aboutwebsite-btn-background {
      display: flex;
      justify-content: center;
      width: 206px;
      height: 296px;
      margin: 10px;
      padding: 5px;
      background-color: #F4F4F4;
      -webkit-box-shadow: 0 0 6px 0 rgba(106, 109, 113, 0.29);
      box-shadow: 0 0 6px 0 rgba(106, 109, 113, 0.29);
      box-sizing: border-box;
      -webkit-transition: 0.4s;
      -moz-transition: 0.4s;
      -o-transition: 0.4s;
      transition: 0.4s; }
      #container-aboutwebsite .aboutwebsite-btn-all .aboutwebsite-btn-background:hover {
        -webkit-box-shadow: 0 0 0 4px #3BAFDD;
        -moz-box-shadow: 0 0 0 4px #3BAFDD;
        box-shadow: 0 0 0 4px #3BAFDD; }
      @media only screen and (max-width: 1200px) {
        #container-aboutwebsite .aboutwebsite-btn-all .aboutwebsite-btn-background {
          width: 180px;
          height: 259px; } }
      @media only screen and (max-width: 767px) {
        #container-aboutwebsite .aboutwebsite-btn-all .aboutwebsite-btn-background {
          width: 150px;
          height: 216px; } }
      @media only screen and (max-width: 400px) {
        #container-aboutwebsite .aboutwebsite-btn-all .aboutwebsite-btn-background {
          width: 130px;
          height: 187px;
          margin: 8px; } }
      #container-aboutwebsite .aboutwebsite-btn-all .aboutwebsite-btn-background .aboutwebsite-btn {
        display: flex;
        justify-content: space-around;
        align-items: flex-end;
        flex-wrap: wrap;
        text-decoration: none; }
        @media only screen and (max-width: 1200px) {
          #container-aboutwebsite .aboutwebsite-btn-all .aboutwebsite-btn-background .aboutwebsite-btn .aboutwebsite-img {
            width: 150px; } }
        @media only screen and (max-width: 767px) {
          #container-aboutwebsite .aboutwebsite-btn-all .aboutwebsite-btn-background .aboutwebsite-btn .aboutwebsite-img {
            width: 120px; } }
        @media only screen and (max-width: 400px) {
          #container-aboutwebsite .aboutwebsite-btn-all .aboutwebsite-btn-background .aboutwebsite-btn .aboutwebsite-img {
            width: 110px; } }
        #container-aboutwebsite .aboutwebsite-btn-all .aboutwebsite-btn-background .aboutwebsite-btn .aboutwebsite-name {
          font-size: 20px; }
          @media only screen and (max-width: 400px) {
            #container-aboutwebsite .aboutwebsite-btn-all .aboutwebsite-btn-background .aboutwebsite-btn .aboutwebsite-name {
              font-size: 17px; } }
        @media only screen and (max-width: 400px) {
          #container-aboutwebsite .aboutwebsite-btn-all .aboutwebsite-btn-background .aboutwebsite-btn .arrow-circle {
            width: 18px; } }

#container-map {
  background-color: #E9E9E9; }
  #container-map .content-map {
    max-width: 1240px;
    width: 98%;
    margin: 0 auto 0 auto;
    padding: 18px 0 18px 0;
    clear: both; }
    #container-map .content-map #cats-contentbox {
      margin-bottom: 0;
      padding: 0 0 17px 0; }
      @media only screen and (max-width: 1200px) {
        #container-map .content-map #cats-contentbox {
          padding: 0; } }

#container-box {
  background-color: #E9E9E9; }
  #container-box h2 span {
    color: #8A8C8F; }
  #container-box .speaker-part {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 60px; }
    #container-box .speaker-part .speaker-box {
      width: 293px;
      height: 64px;
      margin: 7px; }
    #container-box .speaker-part .btn-detail {
      margin: 7px; }
    #container-box .speaker-part .speaker-name {
      left: 80px;
      top: 10px; }
    #container-box .speaker-part .events-number {
      position: absolute;
      top: 40px;
      left: 80px; }
  #container-box .button {
    float: left;
    height: 66px;
    width: 295px;
    padding: 0;
    margin: 0;
    text-align: center;
    line-height: 62px; }
    @media only screen and (max-width: 1300px) {
      #container-box .button {
        width: 23%; } }
    @media only screen and (max-width: 990px) {
      #container-box .button {
        width: 45%; } }
    @media only screen and (max-width: 500px) {
      #container-box .button {
        width: 100%; } }
  #container-box img {
    width: 64px; }

.content-box {
  max-width: 1240px;
  width: 98%;
  overflow: hidden;
  margin: 0 auto 0 auto;
  clear: both;
  box-sizing: border-box; }

#container-newsletter {
  min-height: 143px;
  background-color: #A5AAAE;
  padding: 0; }
  @media only screen and (max-width: 500px) {
    #container-newsletter {
      height: auto; } }
  #container-newsletter .newsletter-title {
    float: left;
    margin-bottom: 5px; }
    @media only screen and (max-width: 500px) {
      #container-newsletter .newsletter-title {
        font-size: 12px; } }
    #container-newsletter .newsletter-title span {
      display: block; }
      @media only screen and (max-width: 500px) {
        #container-newsletter .newsletter-title span {
          font-size: 15px; } }
  #container-newsletter #newsletterForm {
    margin: 10px 0 0; }
    @media only screen and (max-width: 500px) {
      #container-newsletter #newsletterForm {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-end;
        width: 100%; } }
  #container-newsletter input {
    width: 310px;
    margin: 0 20px;
    border: none; }
    @media only screen and (max-width: 500px) {
      #container-newsletter input {
        margin: 0 auto; } }
  #container-newsletter .btn-detail {
    float: right;
    height: 40px;
    border: 2px solid #FFF;
    padding: 10px 15px; }
    @media only screen and (max-width: 500px) {
      #container-newsletter .btn-detail {
        margin: 10px auto 0 auto; } }

.content-newsletter {
  max-width: 1240px;
  overflow: hidden;
  padding: 50px 10px;
  margin: 0 auto;
  clear: both; }
  @media only screen and (max-width: 767px) {
    .content-newsletter {
      padding: 20px 15px; } }
  @media only screen and (max-width: 767px) and (max-width: 500px) {
    .content-newsletter {
      padding: 15px; } }

#container-blog .content-blog {
  max-width: 1240px;
  margin: 0 auto; }
  @media only screen and (max-width: 500px) {
    #container-blog .content-blog .font-detail {
      margin: 15px;
      box-sizing: border-box;
      width: auto; } }
  #container-blog .content-blog .blog-img {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    #container-blog .content-blog .blog-img .blog-box {
      width: 362px;
      height: 393px;
      border: 1px solid #B4E0F2;
      background-color: #FFF;
      padding: 20px;
      margin: 15px;
      box-sizing: border-box;
      display: flex;
      flex-wrap: wrap;
      -webkit-box-shadow: 0 0 0 4px #FFF;
      -moz-box-shadow: 0 0 0 4px #FFF;
      box-shadow: 0 0 0 4px #FFF;
      -webkit-transition: 0.4s;
      -moz-transition: 0.4s;
      -o-transition: 0.4s;
      transition: 0.4s; }
      #container-blog .content-blog .blog-img .blog-box:hover {
        -webkit-box-shadow: 0 0 0 4px #3BAFDD;
        -moz-box-shadow: 0 0 0 4px #3BAFDD;
        box-shadow: 0 0 0 4px #3BAFDD; }
      @media only screen and (max-width: 1300px) {
        #container-blog .content-blog .blog-img .blog-box {
          max-width: 362px;
          max-height: 393px; } }
      #container-blog .content-blog .blog-img .blog-box .blog-title {
        color: #088BBF;
        font-size: 24px;
        font-weight: 700;
        margin-top: 10px; }
      #container-blog .content-blog .blog-img .blog-box .blog-autor {
        color: #949699;
        font-size: 14px;
        display: flex;
        align-items: end; }
    #container-blog .content-blog .blog-img img {
      max-width: 315px;
      width: 100%;
      max-height: 195px; }
  #container-blog .content-blog .btn-detail {
    color: #949699;
    border: 2px solid #949699;
    margin: 40px auto; }
    #container-blog .content-blog .btn-detail:hover {
      background-color: #949699;
      color: #FFF; }
    @media only screen and (max-width: 767px) {
      #container-blog .content-blog .btn-detail {
        margin: 20px auto; } }

.blog-links {
  float: left; }
  @media only screen and (max-width: 767px) {
    .blog-links {
      display: flex;
      flex-wrap: wrap; } }
  .blog-links a {
    display: block;
    margin-bottom: 13px; }
    @media only screen and (max-width: 500px) {
      .blog-links a {
        font-size: 14px; } }

/* bottom */
.close-btn {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 24px;
  cursor: pointer;
  color: #8A8C8E;
  transition: color 0.3s; }

.close-btn:hover {
  color: #454545; }

/* login */
@media only screen and (max-width: 767px) {
  .user-menu {
    padding-top: 0; } }
.user-menu .user-link {
  cursor: pointer; }

#event-user-btns {
  position: relative; }
  @media only screen and (max-width: 500px) {
    #event-user-btns {
      margin-top: 15px; } }
  #event-user-btns .icon-loading {
    position: absolute;
    left: -40px;
    top: 0; }
  #event-user-btns .info {
    line-height: 36px;
    margin: 0 15px; }
  #event-user-btns .info-no {
    line-height: 36px; }
  #event-user-btns select {
    border-radius: 0; }
    #event-user-btns select option {
      background-color: #DDDEDF; }
  #event-user-btns .btn-detail {
    border-radius: 0;
    margin-left: 10px; }
    @media only screen and (max-width: 500px) {
      #event-user-btns .btn-detail {
        width: 140px;
        font-size: 14px;
        margin: 0 2px;
        line-height: 1; } }
  #event-user-btns .btn-register-nologged {
    display: block;
    width: 196px;
    line-height: 36px;
    text-align: center;
    background-color: #8A8C8F; }

.fileUpload {
  position: relative;
  overflow: hidden;
  line-height: 31px;
  background-color: #DDDEDF;
  border: none;
  border-radius: 0;
  padding: 0;
  width: 165px;
  margin-bottom: 15px; }
  .fileUpload:hover {
    background-color: #50819A;
    text-decoration: none; }
  .fileUpload span.btn-detail {
    text-align: center;
    display: block;
    width: 100%; }
  .fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0); }

#event_usersbox .item {
  width: 230px;
  height: 65px;
  margin: 0 20px 40px 0; }
  #event_usersbox .item > .fr {
    width: 170px; }
  #event_usersbox .item .img {
    display: block;
    width: 50px;
    height: 50px; }
    #event_usersbox .item .img img {
      display: block;
      max-width: 100%; }
  #event_usersbox .item .name {
    display: block;
    font-size: 19px;
    color: #4C9AC1; }
  #event_usersbox .item:hover .name {
    text-decoration: underline; }
  #event_usersbox .item .work {
    font-size: 16px;
    color: #454545; }

.icon-loading {
  display: block;
  width: 33px;
  height: 33px;
  background: url(../img/icon-loading.gif) no-repeat;
  opacity: 0; }

.login-social-box .icon-loading {
  display: block;
  float: right;
  margin: 0 20px 0 0;
  opacity: 0; }

#userlogged-box {
  position: absolute;
  right: 0;
  top: 45px;
  width: 200px;
  padding: 15px 30px;
  background-color: #FFF;
  border: 1px solid #CBCCCE;
  box-shadow: 0 0 4px 1px #CBCCCE;
  border-top: 0;
  z-index: 10;
  display: none;
  text-align: right; }
  #userlogged-box .line {
    background-color: #F4F4F4;
    height: 2px;
    width: 200px;
    margin: 12px 0;
    padding: 0 30px;
    box-sizing: border-box; }

#userbox {
  max-width: 160px;
  display: flex;
  align-items: center; }
  @media only screen and (max-width: 990px) {
    #userbox {
      padding: 8px 20px;
      width: 100%;
      max-width: none; } }
  @media only screen and (max-width: 400px) {
    #userbox {
      padding: 8px 15px; } }
  #userbox #userlogged-box a {
    display: block;
    border: none;
    line-height: 28px;
    padding-left: 10px;
    font-size: 16px;
    color: #05688B; }
  #userbox .user-link {
    cursor: pointer;
    display: flex;
    align-items: center;
    flex-wrap: wrap; }
    #userbox .user-link .name {
      display: none; }
    #userbox .user-link .logged-user {
      width: 30px; }
    #userbox .user-link .img {
      display: block;
      float: left;
      min-width: 32px;
      height: 32px;
      overflow: hidden;
      border-radius: 50%;
      margin: 3px 5px 0; }
      #userbox .user-link .img .img-icon {
        width: 32px;
        height: 32px; }

.job-alert-row {
  min-height: 110px;
  height: auto;
  max-width: 1230px;
  background-color: #4C9AC1;
  color: #FFF;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 11px auto;
  padding: 15px;
  box-sizing: border-box; }
  .job-alert-row:hover {
    background-color: #1991C1; }
  @media only screen and (max-width: 767px) {
    .job-alert-row {
      flex-wrap: wrap; } }
  .job-alert-row .job-alert-text {
    display: flex;
    flex-wrap: wrap; }
  .job-alert-row form {
    padding: 10px; }
    @media only screen and (max-width: 767px) {
      .job-alert-row form {
        margin-top: 15px; } }
    .job-alert-row form input {
      border: 1px solid #FFF; }
      .job-alert-row form input:hover {
        border: 1px solid #FFF;
        background-color: #FFF;
        color: #50819A; }
    .job-alert-row form input[type=text] {
      height: 35px;
      width: 250px;
      margin-bottom: 0; }
    .job-alert-row form input[type=submit] {
      display: inline-flex;
      margin-left: 5px; }
      @media only screen and (max-width: 500px) {
        .job-alert-row form input[type=submit] {
          margin: 8px 0; } }
    .job-alert-row form .job-alert-input {
      display: flex;
      flex-direction: row; }
      @media only screen and (max-width: 500px) {
        .job-alert-row form .job-alert-input {
          flex-direction: column;
          align-items: center; } }
    .job-alert-row form .job-alert-agree {
      font-size: 10px; }
      .job-alert-row form .job-alert-agree a {
        color: #FFF;
        text-decoration: underline; }

/* register page */
#registerpage-box #crossweb-registerbox {
  display: block;
  position: relative;
  max-width: 600px;
  top: auto;
  right: auto;
  padding: 28px;
  z-index: 1; }
#registerpage-box .submit-btn {
  display: block;
  width: 133px;
  height: 33px;
  line-height: 28px;
  background-color: #4C9AC1;
  text-align: center;
  margin-left: 8px;
  cursor: pointer; }

#crossweb-registerbox .g-recaptcha {
  margin-bottom: 5px; }

.add-event-recaptcha {
  margin: 20px 65px 20px 0; }

.add-event-form .error-info {
  margin-top: 12px; }
.add-event-form .submit .btn-detail {
  border-radius: 0; }

.add-event .form-row input.error {
  border: 1px solid #D66561; }

@media only screen and (max-width: 1300px) {
  #sidebar {
    width: 24%; } }
@media only screen and (max-width: 1300px) {
  #sidebar img {
    width: 90%; } }
#sidebar #newsletterForm .error {
  margin: 0; }

#newsletterForm .error {
  display: none;
  margin-top: 8px; }

#speakers-pagersbox {
  margin: 20px 0;
  display: flex;
  justify-content: center; }
  #speakers-pagersbox ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }
    #speakers-pagersbox ul li {
      float: left;
      margin-right: 5px; }

.serie-list-detal a.event-addcycletofav {
  display: inline-block;
  position: relative;
  padding-left: 20px;
  margin-left: 10px; }
  .serie-list-detal a.event-addcycletofav svg {
    width: 20px; }
  .serie-list-detal a.event-addcycletofav .icon {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0; }
    .serie-list-detal a.event-addcycletofav .icon.active {
      opacity: 1; }
  .serie-list-detal a.event-addcycletofav .icon-full {
    opacity: 0;
    position: absolute;
    left: 0;
    bottom: 0; }
    .serie-list-detal a.event-addcycletofav .icon-full.active {
      opacity: 1; }

.trainingband-containerbox {
  position: relative; }

.trainingbrand-detail article {
  background-color: #DDDEDF;
  margin-left: 290px;
  padding: 40px;
  height: 191px; }
  .trainingbrand-detail article .item {
    margin-bottom: 30px; }
  .trainingbrand-detail article img {
    margin-right: 30px;
    width: 25px; }
.trainingbrand-detail .event-label {
  width: 160px; }

#brand-eventsbox {
  width: 300px;
  box-sizing: border-box;
  background-color: #DDDEDF;
  padding: 20px 12px; }
  #brand-eventsbox .itemsbox a {
    display: block;
    padding: 10px 0;
    border-bottom: 1px solid #000; }
  #brand-eventsbox > a {
    display: block;
    margin-top: 15px;
    text-transform: uppercase; }

.event-var .event-circlelevel {
  line-height: 18px;
  padding-top: 4px; }
  .event-var .event-circlelevel span {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #DDDEDF;
    margin: 0 2px; }
    .event-var .event-circlelevel span.active {
      background-color: #4C9AC1; }

#trainingbrand-gallerybox {
  width: 832px; }
  #trainingbrand-gallerybox .bigimg {
    width: 566px;
    padding-right: 11px;
    box-sizing: border-box; }
    #trainingbrand-gallerybox .bigimg a {
      display: block; }
      #trainingbrand-gallerybox .bigimg a img {
        display: block;
        max-width: 100%; }
  #trainingbrand-gallerybox .rightbox {
    width: 266px; }
    #trainingbrand-gallerybox .rightbox a {
      display: block;
      width: 133px;
      padding: 0 11px 13px 0;
      box-sizing: border-box; }
      #trainingbrand-gallerybox .rightbox a img {
        display: block; }
      #trainingbrand-gallerybox .rightbox a.btn-showall {
        display: block;
        background-color: #4C9AC1;
        width: 255px;
        height: 78px;
        line-height: 78px;
        margin-top: 1px;
        text-align: center;
        box-sizing: content-box;
        padding: 0; }
        #trainingbrand-gallerybox .rightbox a.btn-showall:hover {
          text-decoration: none; }

#btn-show-waitinglist {
  display: inline-block;
  line-height: 35px; }

#waiting-userslistbox {
  display: none; }
  #waiting-userslistbox.active {
    display: block;
    margin-top: -70px; }

#btn-showalleventusers {
  display: inline-block;
  padding: 0 15px;
  line-height: 35px; }

/* rejestracja na szkolenia */
#training_signupbox {
  width: 1024px;
  margin-bottom: 30px; }
  #training_signupbox .colbox:first-child {
    width: 55%;
    box-sizing: border-box; }
  #training_signupbox .colbox:nth-child(2) {
    width: 45%;
    padding-left: 25px;
    padding-top: 40px;
    box-sizing: border-box; }
  #training_signupbox form fieldset {
    border: none;
    padding: 0;
    margin: 0;
    margin-bottom: 12px;
    width: 100%; }
    #training_signupbox form fieldset:nth-child(2) {
      width: 49%;
      float: left;
      padding-right: 3%; }
    #training_signupbox form fieldset:nth-child(3) {
      width: 48%;
      padding-left: 0; }
    #training_signupbox form fieldset input[type="text"] {
      width: 100%;
      background-color: #FFF;
      padding: 0 12px;
      line-height: 32px;
      height: 32px;
      box-sizing: border-box; }
    #training_signupbox form fieldset .error[type="text"] {
      border: 1px solid #D66561;
      background-color: #DDDEDF; }
    #training_signupbox form fieldset textarea {
      width: 100%;
      height: 160px;
      padding: 12px;
      box-sizing: border-box;
      resize: none; }
    #training_signupbox form fieldset.check-fieldset {
      line-height: 13px;
      margin-bottom: 20px; }
      #training_signupbox form fieldset.check-fieldset input {
        margin: 5px 8px 0 0;
        height: auto; }
      #training_signupbox form fieldset.check-fieldset label {
        margin: 0; }
  #training_signupbox input[type="submit"] {
    width: 150px;
    float: right;
    background-color: #FFF;
    border-radius: 3px;
    line-height: 30px;
    height: 31px;
    cursor: pointer;
    padding: 20px 0 46px 0;
    margin: 0;
    border: 5px solid #4C9AC1;
    text-transform: uppercase;
    z-index: 11; }
    #training_signupbox input[type="submit"]:hover {
      background-color: #4C9AC1;
      color: #FFF; }
  #training_signupbox .g-recaptcha {
    float: left; }

#register-choicebox a.btn-box {
  display: block;
  width: 100%;
  line-height: 45px;
  background-color: #FFF;
  border: 1px solid #50819A;
  margin: 0;
  text-align: center; }
  #register-choicebox a.btn-box:hover {
    text-decoration: none; }
#register-choicebox a.btn-fb {
  background-color: #50819A; }
  #register-choicebox a.btn-fb:hover {
    color: #FFF; }
#register-choicebox .labelbox {
  margin: 20px 0;
  text-align: center;
  position: relative; }
  #register-choicebox .labelbox:before {
    content: "";
    width: calc(50% - 40px);
    height: 1px;
    background-color: #50819A;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto; }
  #register-choicebox .labelbox:after {
    content: "";
    width: calc(50% - 40px);
    height: 1px;
    background-color: #50819A;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto; }
#register-choicebox fieldset {
  border: none;
  padding: 0;
  margin-top: 20px; }
  #register-choicebox fieldset input {
    height: auto;
    float: left; }
  #register-choicebox fieldset label {
    float: right;
    width: calc(100% - 30px);
    margin: 0; }
    #register-choicebox fieldset label * {
      font-size: 14px; }
#register-choicebox .bottom {
  border-top: 1px solid #50819A;
  margin-top: 40px;
  padding-top: 20px;
  text-align: center; }
#register-choicebox .infobox {
  margin-top: 15px; }

@media only screen and (max-width: 990px) {
  .tabletOff {
    display: none !important; } }

@media only screen and (max-width: 990px) {
  .tabletOn {
    display: inline !important; } }

@media only screen and (max-width: 990px) {
  .tabletOnB {
    display: inline-block !important; } }

@media only screen and (min-width: 1021px) {
  .desktopOff {
    display: none !important; } }
@media only screen and (min-width: 990px) {
  .desktopOff-990 {
    display: none !important; } }
@media only screen and (max-width: 1040px) {
  .brand {
    margin-top: 0; } }
@media only screen and (max-width: 500px) {
  .brand {
    margin-top: -10px; } }
@media only screen and (max-width: 500px) {
  .brand img {
    width: 220px; } }

@media only screen and (max-width: 767px) {
  .phoneOff {
    display: none !important; } }

@media only screen and (max-width: 767px) {
  .phoneOn {
    display: inline !important; } }

.mobile-block {
  display: block; }

.speaker-profile-detail .speaker-profile-link {
  position: relative;
  color: #454545;
  padding: 20px;
  font-size: 22px;
  font-weight: 400;
  border: 0;
  padding: 10px 0;
  margin-right: 32px; }
  @media only screen and (max-width: 767px) {
    .speaker-profile-detail .speaker-profile-link {
      padding: 8px 0;
      margin-right: 16px;
      font-size: 18px; } }
  .speaker-profile-detail .speaker-profile-link.speaker-profile-link-active {
    font-weight: 700; }
    .speaker-profile-detail .speaker-profile-link.speaker-profile-link-active::after {
      content: "";
      position: absolute;
      bottom: 0px;
      left: 0;
      width: 100%;
      height: 4px;
      background-color: #ECD213;
      transform: translateY(50%);
      z-index: 1;
      border-radius: 3px; }

.event-detail-video {
  display: flex;
  flex-direction: column;
  align-items: center; }
  .event-detail-video h2 {
    margin: 23px 0 24px; }
  .event-detail-video .video-grid {
    width: 100%; }
    .event-detail-video .video-grid:last-of-type {
      margin-top: 32px;
      margin-bottom: 20px; }
  .event-detail-video .show-more-btn {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    padding: 8px 12px;
    color: #05688B;
    border: 1px solid #05688B;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color .3s, color .3s;
    margin: 32px 0 20px; }
    .event-detail-video .show-more-btn:hover {
      background-color: #05688B;
      color: #FFF; }

.serie-detal #content {
  max-width: none; }
.serie-detal article {
  margin-top: 20px;
  margin-bottom: 10px; }
  @media only screen and (max-width: 400px) {
    .serie-detal article {
      font-size: 14px; } }
@media only screen and (max-width: 500px) {
  .serie-detal .serie-logo {
    float: none; } }
.serie-detal .icon {
  display: flex;
  align-items: center;
  font-size: 14px;
  border: 1px solid #E9E9E9;
  width: fit-content;
  padding: 2px 10px 2px 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  margin: -5px 0 10px 0; }
.serie-detal .icon .btn-ds {
  margin-right: 20px; }
.serie-detal .icon img {
  width: 18px; }
.serie-detal .cycled-detail {
  display: flex;
  align-content: center;
  flex-direction: column;
  justify-content: space-between;
  min-height: 250px;
  margin-top: 11px; }
.serie-detal .event-speakers {
  margin: 0;
  padding: 0; }
.serie-detal article {
  margin-top: 0; }
.serie-detal h4 {
  margin-bottom: 5px; }
.serie-detal .author-box {
  margin-right: 20px; }

/*# sourceMappingURL=app-style.css.map */