.popup-video {
  display: flex;
  flex-direction: column;
  padding: 2em 0;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 10;
}

.popup-video.left {
  align-items: flex-start;
}

.popup-video.center {
  align-items: center;
}

.popup-video.right {
  align-items: flex-end;
}

.popup-video.top {
  justify-content: flex-start;
}

.popup-video.middle {
  justify-content: center;
}

.popup-video.bottom {
  justify-content: flex-end;
}


.popup-video__icon {
  cursor: pointer;
  display: inline-block;
  height: 6em;
  position: relative;
  transition: all .35s ease;
  width: 6em;
}

.popup-video__icon i {
  font-size: 6em;
}

.popup-video__icon svg {
  height: 6em;
  width: 6em;
}

.popup-video__icon:hover {
  transform: scale(1.07);
}

.popup-video__icon .hs_cos_wrapper_type_icon {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.popup-video__icon i[class*=fa] {
  display: inline-block;
  font-style: normal;
}

.popup-video__url {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.modal.video-popup {
  padding: 0;
  max-width: 960px;
  background-color: #162958;
}

.modal.video-popup .vidyard-player-container,
.modal.video-popup div[class^="vidyard-inner-container"] {
  max-height: 100% !important;
  max-width: 100% !important;
}

.popup-video--video-mask{
  padding: 0;
  display: block;
  position: relative;
}
.popup-video__button-circle{
  width: 130px;
  position: absolute;
  top: 50%;
  left: 8%;
  transform: translateY(-50%);
}

.popup-video__button-circle.halign-center {
  left: 50%;
  transform: translate(-50%, -50%);
  margin-left: 0;
}

.popup-video__button-circle.halign-left {
  left: 8%;
  right: auto;
}

.popup-video__button-circle.halign-right {
  right: 8%;
  left: auto;
}

.popup-video__button-circle svg{
  width: 100%;
  height: auto;
}
.popup-video__button-circle text{
  font-size: 56px;
}
.popup-video__button-circle a{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.popup-video__button-circle .group-text{
  animation: learn_more_rotation 20s infinite linear;
  transform-origin: center center;
}

.popup-video__button-circle svg g.icon path {
  transition: fill 0.2s ease-in-out;
}

.popup-video__button-circle:hover svg g.icon path {
  fill: #0F1F47;
}

.popup-video__button-circle:active svg g.icon path, .popup-video__button-circle:focus svg g.icon path {
  fill: #061027;
}

@keyframes learn_more_rotation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.c-page-edge-video {
  width: 100%;
}

@media only screen and (min-width: 768px) {}


@media only screen and (min-width: 1024px) {
  .l-page-edge-video {
    position: relative;
  }


  .l-page-edge-video__wrapper {
    position: relative;
    width: 70vw;
  }

  .l-page-edge-video__wrapper--left {
    left: calc(-50vw + 100%);
  }

  .c-page-edge-video {
    width: 100%;
  }
}

@media only screen and (min-width: 1280px) {
.l-page-edge-video__wrapper {
    position: relative;
    width: 65vw;
  }

}


@media only screen and (min-width: 1440px) {
.l-page-edge-video__wrapper {
    position: relative;
    width: 60vw;
  }
  
}

@media only screen and (min-width: 1920px) {
.l-page-edge-video__wrapper {
    position: relative;
    width: 50vw;
    top: 50px;
  }
}

@media only screen and (max-width: 480px) {

  /*
  .l-page-edge-video {
    display: flex;
  }
  */

  .popup-video__button-circle {
    width: 90px;
  }
  
  .popup-video__button-circle.halign-left {
  left: 2%;
  right: auto;
}

.popup-video__button-circle.halign-right {
  right: 2%;
  left: auto;
}
  

  .popup-video {
    max-height: 280px;
    background-position: 0 0 !important;
  }
}