#navibar-fixed {
	position: fixed !important;
	width: 100%;
	z-index: 9999999999;
	border-bottom:2px solid #363b66 !important;
}

@media(max-width: 767px){
	#navibar-fixed {
		padding-left: 0px !important;
		padding-right: 0px !important;
	} 
}

#page-start-content {
	top: 60px;
}

#bg-darkblue {
	background-color: #2e2d77 !important;
}

div#bread-crumb-page {
	top: 90px !important;
	position: relative !important;
	color: white !important;
}

.navbar-dark .navbar-nav .color-dark-blue {
	color: #2e2d77 !important;
}

.hero {
  background: #2e2d77;
}



@media (max-width: 767px) {
  .hero .hero-img-wrap img {
    max-width: 700px !important;
    left: -170px;
  }
}

@media (max-width: 470px) {
  .hero .hero-img-wrap img {
    max-width: 550px !important;
    left: -130px;
  }
}

@media (max-width: 400px) {
  .hero .hero-img-wrap img {
    max-width: 500px !important;
    left: -120px;
  }
}

@media (max-width: 365px) {
  .hero .hero-img-wrap img {
    max-width: 400px !important;
    left: -78px;
  }
}

@media (max-width: 323px) {
  .hero .hero-img-wrap img {
    max-width: 400px !important;
    left: -98px;
  }
}

@media (max-width: 290px) {
  .hero .hero-img-wrap img {
    max-width: 350px !important;
    left: -77px;
  }
}

@media (max-width: 270px) {
  .hero .hero-img-wrap img {
    max-width: 350px !important;
    left: -97px;
  }
}

@media (max-width: 245px) {
  .hero .hero-img-wrap img {
    max-width: 350px !important;
    left: -106px;
  }
}