.webinar-wrapper {
  max-width: 90em;
  margin: 0 auto;
  padding: 2%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  box-sizing: unset;
}
.webinar-wrapper {
  display: -ms-grid;
  display: grid;
  grid-gap: 3%;
  -ms-grid-columns: auto;
  grid-template-columns: repeat(1, auto);
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}
.webinar-wrapper > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.webinar-wrapper .ev__grid-item {
  width: 90%;
  float: none;
  margin: 5% auto;
  -ms-grid-column-span: 1;
  grid-column: span 1;
  grid-row: auto;
  animation: scaleIn 600ms cubic-bezier(0.71, 0.55, 0.62, 1.57) 100ms both;
}
.webinar-wrapper .ev__card-container {
  width: 100%;
  margin: 0em auto;
  font-family: "Roboto", sans-serif;
  font-size: 1em;
  transition: width 200ms linear 0s;
  perspective: 1000px;
  height: 28em;
}
.webinar-wrapper .ev__wrapper.frontback-cards .ev__card-container {
  height: 29em;
}
.webinar-wrapper .ev__flip-animation {
  position: relative;
  transform-style: preserve-3d;
  transition: transform 550ms linear 0s;
}
.webinar-wrapper .ev__card-container .ev__flip-animation {
  transform: rotateY(
    0deg);
}
.webinar-wrapper .ev__item-card, 
.webinar-wrapper .ev__item-card-details {
  display: -ms-grid;
  display: grid;
  grid-gap: 0;
  -ms-grid-columns: auto 0 auto;
  grid-template-columns: repeat(2, auto);
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  min-height: 28em;
}
.webinar-wrapper .ev__item-card > *:nth-child(1), 
.webinar-wrapper .ev__item-card-details > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.webinar-wrapper .ev__item-card > *:nth-child(2), 
.webinar-wrapper .ev__item-card-details > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.webinar-wrapper .ev__wrapper.frontback-cards .ev__item-card {
  z-index: 2;
  transform: rotateY(
    0deg);
}
.webinar-wrapper .ev__wrapper.frontback-cards .ev__item-card, 
.webinar-wrapper .ev__wrapper.frontback-cards .ev__item-card-details {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  width:100%;
}
.webinar-wrapper .ev__item-summary {
  width: 100%;
  background-color: #eaedef;
  padding: 1.5rem;
  box-sizing: border-box;
  margin-top: -0.2em;
  min-height: 12em;
}
.webinar-wrapper .ev__item-summary {
  -ms-grid-column-span: 2;
  grid-column: span 2;
  -ms-grid-row: 3;
  grid-row: 3;
}
.webinar-wrapper .ev__title {
  font-family: 'ff-meta-headline-web-pro',sans-serif;
  font-size: 1.5em;
  transform-origin: 10% 100%;
  font-weight: 600;
  color: #2E3138;
  animation: scaleInUp 800ms cubic-bezier(0.71, 0.55, 0.62, 1.57) 1s both;
  margin: 0;
}
.webinar-wrapper .ev__presenter,
.webinar-wrapper .ev__street-address, 
.webinar-wrapper .ev__locality {
  margin: 0.3em 0;
  color: #2E3138;
  opacity: 0.85;
  transform-origin: 10% 100%;
  animation: scaleInUp 800ms cubic-bezier(0.71, 0.55, 0.62, 1.57) 1s both;
}
.webinar-wrapper .ev__presenter {
  font-family: 'ff-meta-headline-web-pro',sans-serif;
  font-size: 1.2em;
  margin: 0 0 0 0;
  font-family: ff-meta-web-pro, sans-serif;
  font-weight: 300 ;
  font-style: normal;
}
.webinar-wrapper .ev__image-wrapper {
  float: left;
  height: 13em;
  order: -1;
  position: relative;
}
.webinar-wrapper .ev__image-wrapper {
  -ms-grid-column-span: 2;
  grid-column: span 2;
  -ms-grid-row: 1;
  grid-row: 1;
}
.webinar-wrapper .ev__featured-image {
  width: 100%;
  border-radius: 0.45em 0.45em 0 0;
  object-fit: cover;
  height: 100%;
  margin: 0 0 20px 0;
}
.webinar-wrapper .ev__image-wrapper::after {
  content: "";
  position: absolute;
  display: block;
  margin: auto;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient( to top, rgba(47, 42, 149, 0.4) 0%, rgba(0, 0, 0, 0) 100% );
}
.webinar-wrapper .ev__item-time-date {
  float: left;
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}
.webinar-wrapper .ev__item-time-date {
  -ms-grid-column-span: 2;
  grid-column: span 2;
  -ms-grid-row: 2;
  grid-row: 2;
}
.webinar-wrapper .ev__item-time-date {
  z-index: 100;
  font-family: 'ff-meta-headline-web-pro',sans-serif;
  width: 75%;
  height: 2.5em;
  font-size: 0.9em;
  color: #2E3138;
  background-color: #fff;
  margin: -1.5em 0 -1.5em 1em;
  font-weight: 400;
  border-radius: 0.3em;
  text-align: center;
  animation: scaleIn 0.8s cubic-bezier(0.71, 0.55, 0.62, 1.57) 0.8s both;
}
.webinar-wrapper .ev__date,
.webinar-wrapper .ev__time {
  position: relative;
  top: 0.7em;
  padding: 0.6rem;
}
.webinar-wrapper .ev__item-buttons {
  display: flex;
  width: 100%;
}
.webinar-wrapper .ev__item-buttons {
  -ms-grid-column-span: 2;
  grid-column: span 2;
  -ms-grid-row: 4;
  grid-row: 4;
}
.webinar-wrapper .ev__wrapper .ev__front-buttons,
.webinar-wrapper .ev__wrapper .ev__back-arrow {
  display: none;
}
.webinar-wrapper .ev__wrapper.frontback-cards .ev__front-buttons, 
.webinar-wrapper .ev__wrapper.frontback-cards .ev__back-arrow {
  display: block;
}
.webinar-wrapper .ev__btn-details,
.webinar-wrapper .ev__btn-tickets {
  display: block;
  color: #1b0654;
  float: left;
  width: 50%;
  font-size: 1rem;
  box-sizing: border-box;
  border: none;
  padding: 1rem;
  font-family: 'ff-meta-headline-web-pro',sans-serif;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin: 0;
  transition: color 200ms ease-in 0s;
  line-height:normal;
  font-weight: 400;
}
.webinar-wrapper .ev__btn-details {
  color: #fff;
}
.webinar-wrapper .ev__grey {
  background-color: #2f2a95;
  border-radius: 0 0 0 0.45em;
  transition: background-color 200ms ease-in 0s;
}
.webinar-wrapper .ev__grey:hover {
  background-color: #1b0654;
}
.webinar-wrapper .ev__info,
.webinar-wrapper .ev__btn-tickets, 
.webinar-wrapper .ev__button-detals {
  text-decoration: none;
  text-align: center;
  cursor: pointer;
}
.webinar-wrapper .ev__blue {
  background-color: #00c1de;
  background: linear-gradient(
    90deg, #00c1de, #00c1de, #00d2e8, #00c1de, #00c1de);
  background-size: 400% 400%;
  background-position: 0% 50%;
  border-radius: 0 0 0.45em 0;
}
.webinar-wrapper .ev__blue:hover {
  animation: gradientMove 6s ease infinite;
}
.webinar-wrapper .ev__wrapper.frontback-cards .ev__item-card-details {
  margin-top: 0;
}
.webinar-wrapper .ev__bio-block,
.webinar-wrapper .ev__scroll-block, 
.webinar-wrapper .ev__more-info {
  background-color: #eaedef;
  width: 100%;
  box-sizing: border-box;
  -ms-grid-column-span: 2;
  grid-column: span 2;
  grid-row: auto;
}
.webinar-wrapper .ev__bio-block {
  border-radius: 0.45em 0.45em 0 0;
  padding: 1em 1.5em 0.2em;
}
.webinar-wrapper .ev__bio-band {
  color: #888;
  opacity: 0.6;
  font-size: 1.1em;
  font-family: ff-meta-headline-web-pro, sans-serif ;
  font-weight: 700 ;
  font-style: normal;
  margin: 0 0 0 0 ;
}
.webinar-wrapper .ev__bio-title {
  font-size: 1.5em;
  color: #2E3138;
  margin: 0.6em 0 0.4em;
  font-family: 'ff-meta-headline-web-pro',sans-serif;
}
.webinar-wrapper .ev__scroll-block {
  height: 20em;
  overflow: auto;
  border-bottom: 2px solid #ccc;
}
.webinar-wrapper .ev__scroll-block p {
  line-height: 150% !important;
  height: 0%;
  color: #2E3138;
  opacity: 0.85;
  font-size: 1em;
  padding: 0 1em 0 1.5em;
  margin: 0 0 -0.35em;
  font-family: ff-meta-web-pro, sans-serif;
  font-weight: 300;
  font-style: normal 
} 
.webinar-wrapper .ev__more-info {
  padding: 0.5em 1em;
  display: none;
}
.webinar-wrapper .ev__more-info p:nth-child(1) {
  margin-bottom: 2em;
}
.webinar-wrapper .ev__card-container.addFlip .ev__flip-animation, 
.webinar-wrapper .ev__card-container.addFlip .ev__flip-animation ~ .ev__backCard {
  transform: rotateY(
    180deg);
}
.webinar-wrapper .ev__wrapper.frontback-cards .ev__item-card-details {
  z-index: 1;
  transform: rotateY(
    180deg);
}
@media screen and (min-width: 27.5rem){
  .webinar-wrapper .ev__grid-item {
    width: 70%;
  }
}
@media screen and (min-width: 38.75rem){
  .webinar-wrapper {
    padding: 4%;
    -ms-grid-columns: auto 6% auto;
    grid-template-columns: repeat(2, auto);
    grid-gap: 6%;
  }
  .webinar-wrapper .ev__grid-item {
    width: 100%;
    margin: 0 auto 8%;
  }
}

@media screen and (min-width: 57.18rem){
  .webinar-wrapper {
    -ms-grid-columns: auto 4% auto 4% auto;
    grid-template-columns: repeat(3, auto);
    grid-gap: 4%;
  }
  .webinar-wrapper .ev__grid-item {
    width: 100%;
    margin: 0 auto 6%;
  }
}
@media screen and (min-width: 82.5rem){
  .webinar-wrapper {
    -ms-grid-columns: auto 3% auto 3% auto 3% auto;
    grid-template-columns: repeat(4, auto);
    grid-gap: 3%;
  }
  .webinar-wrapper .ev__grid-item {
    width: 100%;
    margin: 0 auto 7%;
  }
}
@media screen and (max-width: 1000px){
  .webinar-wrapper {
    grid-gap: 0 3%;
  }
}

@media screen and (max-width: 345px){
  .webinar-wrapper .ev__btn-details {
    min-height: 64px;
  }
}