/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

#body .white-font h1, #body .white-font h2, #body .white-font h5, #body .white-font h3, #body .white-font h4, #body .white-font p { color: #fff; }
.black-overlay { position: relative; }
.black-overlay::before {
  content: "";
  z-index: 1;
  height: 100%; width: 100%;
  position: absolute;
  top: 0; left: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.black-overlay div { position: relative; z-index: 100; }
.black-overlay-04::before { background-color: rgba(0, 0, 0, 0.4); }
.black-overlay-05::before { background-color: rgba(0, 0, 0, 0.5); }
.black-overlay-06::before { background-color: rgba(0, 0, 0, 0.6); }
.black-overlay-07::before { background-color: rgba(0, 0, 0, 0.7); }
.black-overlay-08::before { background-color: rgba(0, 0, 0, 0.8); }

.no-padding { padding: 0px; }
.no-margin { margin: 0px; }

#body .has-movie {
  position: relative;
  background-color: black;
  overflow: hidden;
}

#body .has-movie video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

#body .has-movie .container {
  position: relative;
  z-index: 2;
}

#body .has-movie .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}

#body .has-movie .multicol {
  z-index: 3;
}

.white-font {
	position: relative;
}

.white-font::before {
	content: "";
  z-index: 1;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

.white-font div {
	position: relative;
	z-index: 100;
}
#body .container-grid { position: relative; }
#body .overlay .container, .overlay .multicol {
  position: relative;
  z-index: 3;
}

#body .overlay.overlay-dark-5 .overlay-wrap {
  background: rgba( 0, 0, 0, 0.5);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}


#body .overlay.overlay-dark-6 .overlay-wrap {
  background: rgba( 0, 0, 0, 0.6);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}

#body .overlay.overlay-dark-7 .overlay-wrap {
  background: rgba( 0, 0, 0, 0.7);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}

#body .overlay.overlay-dark-75 .overlay-wrap {
  background: rgba( 0, 0, 0, 0.75);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}

#body .overlay.overlay-dark-8 .overlay-wrap {
  background: rgba( 0, 0, 0, 0.8);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}


#body .overlay.overlay-light-5 .overlay-wrap {
  background: rgba( 255, 255, 255, 0.5);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}

#body .overlay.overlay-light-6 .overlay-wrap {
  background: rgba( 255, 255, 255, 0.6);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}

#body .overlay.overlay-light-7 .overlay-wrap {
  background: rgba( 255, 255, 255, 0.7);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}

#body .overlay.overlay-light-75 .overlay-wrap {
  background: rgba( 255, 255, 255, 0.75);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}

#body .overlay.overlay-light-8 .overlay-wrap {
  background: rgba( 255, 255, 255, 0.8);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}
#body section { position: relative; }

#body .black-overlay { position: relative; }
#body .black-overlay::before {
  content: "";
  z-index: 1;
  height: 100%; width: 100%;
  position: absolute;
  top: 0; left: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
#body .black-overlay div { position: relative; z-index: 100; }
#body .black-overlay-04::before { background-color: rgba(0, 0, 0, 0.4); }
#body .black-overlay-05::before { background-color: rgba(0, 0, 0, 0.5); }
#body .black-overlay-06::before { background-color: rgba(0, 0, 0, 0.6); }
#body .black-overlay-07::before { background-color: rgba(0, 0, 0, 0.7); }
#body .black-overlay-08::before { background-color: rgba(0, 0, 0, 0.8); }

#body .no-padding { padding: 0px; }
#body .no-margin { margin: 0px; }

#body .has-movie {
  position: relative;
  background-color: black;
  overflow: hidden;
}

#body .has-movie video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

#body .has-movie .container {
  position: relative;
  z-index: 2;
}

#body .has-movie .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}

#body .has-movie .multicol {
  z-index: 3;
}