body{
  overflow-x: hidden !important;
}
.navbar {
  padding: 0 !important;
  box-shadow: none !important;
  display: flex !important;
}

.navbar .logo_toggler {
  align-self: flex-start !important;
}


.dropdown:hover .dropdown-menu {
 display: block;
}

.dropdown {
  position: static !important;
}

.navbar-nav>li {
  margin-right: 1rem;
  padding: .2rem 0;
}

.navbar-nav>li:last-child {
  margin-right: 0 !important;
  padding-right: 0;
}

.dropdown-menu {
  width: 100%;
  position: absolute !important;
  display: none;
  width: 100%;
  border: 0 !important;
  border-radius: 0 !important;
  background-color: #ececec !important;
  transition: 300ms all;
}


.dropdown>.nav-link{
  font-weight: 600;
  font-size: .93rem;
  padding-top: 1.3rem;
  height: 4rem;
}


.dropdown-menu .sub-menu>ul>li{
  padding: 0;
}

.dropdown-menu .sub-menu>ul>li>a{
  font-size: .85rem;
}

.dropdown-menu li .arrow{
  color: rgb(44,138,181);
  cursor: default;
  transition: .2s all ease-in-out;
  transition: all .2s linear;
}

.dropdown-menu li:hover .arrow{
  transform: translateX(15px);
}


/* ANIMATIONG BORDER NAVBAR */

.navbar .nav-link::after,
.dropdown-menu .menu-item::after {
  content: '';
  display: block;
  width: 0;
  height: 2px;
  background: rgb(44,138,181) !important;
  transition: width .4s;
}

.navbar .nav-link:hover::after,
.dropdown-menu .menu-item:hover::after {
  width: 100%;
  transition: width .3s;
}

/* ******** */


/*  CAROUSEL CAPTION  */
.carousel-caption{
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  top: 5% !important;
  bottom: 0 !important;
  left: 50% !important;
  text-shadow: 2px 2px 5px rgba(0,0,0, 1);
}

.carousel-caption .h3-responsive{
  font-weight: 600;
  font-size: 3vw;
  text-align: left;
}

.carousel-caption p{
  font-size: 1.5vw;
  text-align: left;
  line-height: 2vw;
}



/* SLICK NAV STYLING */



.header-logo{
  float: left;
  /* padding:1em; */
}

.header-logo img{
  max-width: 20vw;
  min-width: 13rem;
}

.slicknav_menu{
  background-color: white !important;
}

.slicknav_nav,
.slicknav_nav a{
  color: black !important;
}





/* MEDIA QUERIES */

@media(max-width: 1200px){
  .dropdown-menu{
    right: 50px !important;
    left: 0 !important;
    width: 100%;
    padding: 1rem 3vw !important;
  }
}