/****************************************/
/* Global CSS for DD Modules            */
/****************************************/

section {
  width:100%;
  padding: 125px 0;
}
.container {
  padding:0 20px;
  max-width:1280px;
  margin:0 auto;
}
@media screen and (max-width:767px) {
  section {
    padding:80px 0;
  }
  .container {
    padding:0 15px;
  }
}
@media screen and (max-width:450px) {
  .container {
    padding:0 10px;
  }
}
.back-gradient {
  background:linear-gradient(to bottom,#FAD961,#ff5600);
}
.video-play-btn {
  cursor:pointer;
}
.video-popup {
  position:fixed;
  z-index:999;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.95);
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  transition:opacity 0.25s ease, visibility 0s linear 0.25s;
}
.video-popup.active {
  opacity:1;
  visibility:visible;
  transition:opacity 0.25s ease, visibility 0s linear 0s;
}
.video-popup__video {
  position: fixed;
  z-index: 999;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  max-width: 93%;
  max-height: 93%;
  min-width: 80%;
  opacity:0;
  visibility:hidden;
  transition:opacity 0.25s ease, visibility 0s linear 0.25s;
}
.video-popup.active + .video-popup__video {
  opacity:1;
  visibility:visible;
  transition:opacity 0.25s ease, visibility 0s linear 0s;
}
.video-popup::after {
  content: "\f00d";
  font: normal normal normal 1.5em/1 FontAwesome;
  position: absolute;
  top: 1.5%;
  right: 0.9%;
  color: #FFF;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.page .footer-container-wrapper {
  background: linear-gradient(to bottom,#ff5600 0%,#ff8900 100%);
}
.page .footer-container {
  text-align:left;
}