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

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



/* #baad7b */

@media (min-width: 176px) {
 }

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {

 }

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {

}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {

}

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

}

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {

 }


 .dark .ncComponent-active, .dark  .ncComponent-active h1, .dark  .ncComponent-active h2, .dark  .ncComponent-active  h3, .dark  .ncComponent-active h4, .dark  .ncComponent-active h5, .dark  .ncComponent-active h6  {
color: #111;
}
#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 .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;
}