.portrait-video .vjs-icon-play:before, .portrait-video .video-js .vjs-play-control .vjs-icon-placeholder:before,
.portrait-video .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    content: "" !important;
}

.portrait-video .vjs-big-play-button {
      background-color: transparent !important;
      width: 100%!important;
      height: 100%!important;
      top: 0!important;
      left: 0!important;
      right: 0!important;
      bottom: 0!important;
      background-image: url('https://2270724.fs1.hubspotusercontent-na1.net/hubfs/2270724/Travel%20Week%202022/play-white.png')!important;
      background-repeat: no-repeat!important;
background-position: 50% calc(50%) !important;
  background-size: 20% !important;
      border: none !important; // @stylint ignore
      box-shadow: none !important; // @stylint ignore
            
        }
.portrait-video .video-js .vjs-icon-play:before, .video-js .vjs-big-play-button:before {
    font-size: 40px;
}
.portrait-video .video-js  .vjs-progress-holder {
    font-size: 1.7em;
border-radius: var(--border-radius)!important; 
}
.portrait-video .video-js .vjs-progress-holder .vjs-play-progress, .portrait-video .video-js .vjs-progress-holder .vjs-load-progress,.portrait-video .video-js .vjs-progress-holder .vjs-load-progress div,.portrait-video .video-js .vjs-slider,.portrait-video .vjs-volume-level {
    border-radius: 0px!important;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.5);
}
.portrait-video .video-js .vjs-load-progress {
    background: rgba(255,255,255,0.5);
}
.portrait-video .video-js, .single-video .video-js video, .portrait-video .vjs-poster, .single-video .video-js .vjs-tech {
border-radius: var(--border-radius);
  
}

@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.1);
  100% { transform: scale(1); }
  }
}
.portrait-video .vjs-big-play-button:hover{

  animation: pulse 1s infinite;
  animation-timing-function: linear;}
.vjs-paused .vjs-big-play-button {display:block !important;}
  
.portrait-video video{
    object-fit: cover !important;
  border-radius: var(--border-radius);
  }
.portrait-video .vjs-poster {
    background-size: cover !important;
    background-position: inherit !important;
  }
.portrait-video .video-js .vjs-control-bar {
  -webkit-border-bottom-right-radius: var(--border-radius);
-webkit-border-bottom-left-radius: var(--border-radius);
-moz-border-radius-bottomright: var(--border-radius);
-moz-border-radius-bottomleft: var(--border-radius);
border-bottom-right-radius: var(--border-radius);
border-bottom-left-radius: var(--border-radius);
}
.portrait-video .vjs-big-play-centered .vjs-big-play-button {
    /* top: 50%; */
    /* left: 50%; */
    margin-top: 0 !important;
    margin-left: 0 !important;
}
.vid-text {
    text-align: center;
}
.cols-opt .vid-text {
    text-align: left;
}
.portrait-video .cta-wrap {
    margin-top: 40px;
    display: flex;
    justify-content: center;
}
.portrait-video .cols-opt .cta-wrap {
    margin-top: 40px;
    display: flex
;
    justify-content: flex-start;
}
.portrait-video .cols-opt .pre-header {
    align-items: center;
    color: var(--color-black);
    display: flex;
    font-size: var(--subheading-16-bold);
    font-weight: 700;
    margin-bottom: 40px;
    justify-content: flex-start;
}

.portrait-video .pre-header {
    align-items: center;
    color: var(--color-black);
    display: flex;
    font-size: var(--subheading-16-bold);
    font-weight: 700;
    margin-bottom: 40px;
    justify-content: center;
}


/*--------------------------------------------------------------
## Netbook
--------------------------------------------------------------*/
@media only screen and (max-width: 1024px) {

}
/*--------------------------------------------------------------
## iPad Pro
--------------------------------------------------------------*/
@media only screen and (max-width: 960px) {

}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 834px) {

}
/*--------------------------------------------------------------
## iPad sm
--------------------------------------------------------------*/
@media only screen and (max-width: 768px) {

}

/*--------------------------------------------------------------
## iPhone
--------------------------------------------------------------*/
@media only screen and (max-width: 480px) {

}
/*--------------------------------------------------------------
## iPhone sm
--------------------------------------------------------------*/
@media only screen and (max-width: 375px) {

}