.chg-popup {
	/* display: none; */
}

.chg-popup--container {

}

.chg-popup--overlay {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.86);
	z-index: 100;

	display: none;
}

.chg-popup--container {
	width: 90%;
	max-width: 1200px;
	padding: 0 20px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	position: relative;

}

.chg-popup {
	position: relative;
    overflow: hidden;
    max-width: 90%; 
    margin: 0 auto; 
    padding: 0;
}

@media screen and (max-width: 800px) {
	.chg-popup--container {
		width: 100% !important;
	}

	.chg-popup {
	    max-width: 100% !important;
	}
}

.chg-popup--close {
  position: relative; 
  top: 0; 
  display: block;
  width: 33px;
  height: 33px;
  cursor: pointer;
}
.chg-popup--close:hover {
  opacity: 1;
}
.chg-popup--close:before, .chg-popup--close:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 34px;
  width: 2px;
  background-color:  #fff;
}
.chg-popup--close:before {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.chg-popup--close:after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.plyr__controls {
	z-index: 200 !important;
}

.qrter-video-player {
	position: relative;
}

.qrter-video--cta {
	display: inline-block;
	color: #fff;
	position: absolute;
	padding: 10px 20px;
	border-radius: 10px;
	z-index: 100;
}

.qrter-video--cta__top-left {
	top: 70px;
	left: 70px;
}

.qrter-video--cta__top-right {
	top: 70px;
	right: 70px;
}
.qrter-video--cta__bottom-left {
	bottom: 70px;
	left: 70px;
}
.qrter-video--cta__bottom-right {
	bottom: 70px;
	right: 70px;
}

.qrter-video--cta__top-middle {
	top: 70px;
	left: 50%;
	transform: translateX(-50%);
}
.qrter-video--cta__bottom-middle {
	bottom: 70px;
	left: 50%;
	transform: translateX(-50%);
}

.qrter-video--cta__center {
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.qrter-video-player--video {
	max-width: 100%;
}

@media screen and (max-width: 500px) {
	.qrter-video--cta__first {
		display: none;
	}
}