.navigation-block-block{
  position: relative;
  background-attachment: scroll;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 2rem;
  padding-bottom: 2rem;
  margin-top: 0;
  margin-bottom: 0;
  overflow: hidden;
  font-family: 'Roboto Slab', serif;
}

.navigation-block-block .video-container {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	z-index: 0;
	overflow: hidden;
}

.navigation-block-video-background {
  background: #FFFFFF;
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: -99;
}
.navigation-block-video-foreground,
.navigation-block-video-background video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

@media (min-aspect-ratio: 16/9) {
  .navigation-block-video-foreground { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
  .navigation-block-video-foreground { width: 300%; left: -100%; }
}
@media (min-aspect-ratio: 16/9) {
  .navigation-block-video-foreground { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
  .navigation-block-video-foreground {
  	width: 300%;
  	left: -100%;
  	height: 150%;
    top: -15%;
  }
}

.navigation-block-block.txt_lt *{
  color: #FFFFFF;
}

.navigation-block-block.txt_drk *{
  color: #1d2231;
}

.navigation-block-block.filter_drk:before{
  content: '';
  width: 100%;
  height: 100%;
  top:0;
  position: absolute;
  background: rgba(21,21,21,0.6);
}

.navigation-block-block.filter_lt:before{
  content: '';
  width: 100%;
  height: 100%;
  top:0;
  position: absolute;
  background: rgba(255,255,255,0.6);
}

.navigation-block-block .navbar-nav li {
  padding-left: 2rem;
  position: relative;
  line-height:2em;
}

.navigation-block-block .navbar-nav li:before {
  content: '';
  width: 15px;
  height: 15px;
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translateY(-50%);
  background-color: #3a3f4c;
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.navigation-block-block .navbar-nav li:hover:before {
  content: '';
  opacity: 1;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

/*-- Revised styles --*/

main .navigation-block-block .current-page-ancestor a, main .navigation-block-block .current-page-parent a {
    color: #1c2232;
}


.navigation-block-block .navbar-nav li.current_page_item:before {
    content: '';
    width: 15px;
    height: 15px;
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    background-color: #3a3f4c;
    opacity: 1;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}