.banner-container {
  /* width: 100%;
  max-width: 1200px; */
  position: relative;
  margin: 0 auto;
}

.bkgd-image-style {
  position: relative;
  /* width: 100%; */
}

.video-wrapper {
  /* width: 100%; */
  /* position: absolute; */
  padding:0px;
  /* margin-top: -60px; */
  width: 100%;
  /* height: 100%; */
  /* background-color: yellow; */
  top: -60px;
  height: auto;
  /* background-color: green; */
}

a.play-pause-button {
  width: 50px;
  height: 50px;
}


.embed-container {
  z-index: 1;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  /* max-width: 100%; */
  /* background-color: green; */
}
.embed-container iframe, .embed-container object, .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.embed-container:hover + .video-control {
  opacity: 0.5;
}
.embed-container iframe #player .controls-wrapper {
  display: none;
}

/* video button style */
.center {
  height: 100%;
  width: 100%;
  text-align: center;
}

.center .video-control {
  opacity: 0;
  margin: 0;
  position: absolute;
  width: 100px;
  height: 100px;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: opacity 0.3s;
}

.video-control:hover {
  opacity: 1;
}
.video-control:before, .video-control:after {
  content: '';
  width: 100%;
  height: 100%;
  /* max-width: 131px; */
  /* background-repeat: no-repeat; */
  background-size: 100%;
  display: block;
  position: absolute;
}
.video-control:before {
  background: url("assets/icons/1.png");
  /* background-position: 53% 98%; */
  /* background-size: 332%; */
  /*content: "\ea1c";*/
}
.video-control:after {
   background: url("assets/icons/2.png");
  /* background-position: -292px -292px; */
  /* background-size: 332%; */
  /*content: "\ea1d";*/
}
.video-control.paused:after, .video-control.playing:before {
  opacity: 0;
}

.video-control-show {
  opacity: 0.5;
}
.video-control span{
  position: absolute;
  display: block;
  height: 60%;
  bottom:0;
  width: 100%;
  z-index: 1;
  text-align: center;
  vertical-align: middle;
  /* color: orange; */
  /* -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); */
  /* background-color: blue; */
}

/* audio button style */
.audio-control{
  right: 0;
}
.center .audio-control {
  opacity: 1;
  position: absolute;
  width: 100px;
  height: 200px;
  /* top: 6.3%;
  right: -2.7%; */
  padding: 0px;
  top:0;
  right:0
  margin: 0px;
  -ms-transform: translate(-0%, -50%);
  transform: translate(-50%, -50%);
  transition: opacity 0.3s;
}
.audio-control:hover {
  /* opacity: 1; */
}
.audio-control:before, .audio-control:after {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  /* max-width: 36px; */
  background-repeat: no-repeat;
  background-size: 100%;
  display: block;
}

/* .center .audio-control:before{

  background: url("assets/icons/3.png");

}
.center .audio-control:before span{
  opacity: .2;
  color: green;
} */

/* .center .audio-control:after #titleWhite {
  opacity: .2;
}
.center .audio-control:before #titleWhite {
  opacity: 1;
} */

.center .audio-control span{
  /* color:#F1F3F6; */
  /* opacity: .2; */
  position: absolute;
  display: block;
  height: 30%;
  bottom:0;
  width: 100%;
  z-index: 1;
  text-align: center;
  vertical-align: middle;
  opacity: 1;

  /* -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); */
  /* background-color: blue; */
}

.center .audio-control span:hover, .center .audio-control:hover{
  /* background: url("assets/icons/2.png"); */
  opacity: 1;
  color: #ffffff;
    /* font-size: 3; */
    /* background-position: 69% -1%; */
  /* background-size: 254%; */
}
.center .audio-control span:before, .center .audio-control:before{
  /* background: url("assets/icons/3.png"); */
  opacity: .5;
  /* color:red;
    font-size: 1; */
    /* background-position: 69% -1%; */
  /* background-size: 254%; */
}
.center .audio-control span:after, .center .audio-control:after{
  /* background: url("assets/icons/4.png"); */
  opacity: 1;
  /* color: green;
  font-size: 2; */
    /* background-position: 69% -1%; */
  /* background-size: 254%; */
}



















/* VIMEO */
.top {
  padding:0;
  margin:0;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  position: relative;
  /* background-color:green; */
}

iframe {
  /* opacity:.5; */
  z-index: -1;
  padding:0;
  margin:0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100% auto;
    height: 960px;
  /* height: 100%; */
  /* background-color:blue; */
}

.wrapper {
  padding:0;
  width: 100%;
  /* height: 100%; */
  margin:0;
  position: relative;
  padding-bottom: 200%;
  transform: translateY(-35.95%);
  /* background-color: yellow; */
}
.audio-control.unmuted:after, .audio-control.muted:before {
  opacity: 0;
}

/* default style */