/* -----------------------Navbar----------------- */
.nav-item {
  font-family: 'Advent Pro';
  font-weight: bold;
  font-size: 13pt;
  padding: 10px;
}

#navpara {
  color: grey;
  transition: .3s;
}

#navpara:hover {
  color: #4a432e;
  padding: 0px 10px 0px 10px;
}

/* ------------------------------------------------------------ */



/* -----------------------carousal-------------------------- */

#emp-carousel-indicators{  bottom: 100px;}

#emp-carousel-indicators li {
  background-color: grey;
  width: 20px;
  height: 20px;
  transition: .4s;
}

#emp-carousel-caption {
  margin-bottom: 300px;
}

#emp-carousel-indicators li:hover {
  background-color: grey;
  width: 30px;
  height: 30px;
}

.mbackground1 {
  background-image: url("../images/welcome/carausal/1.jpg");
  height: 800px;

  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.mbackground2 {
  background-image: url("../images/welcome/carausal/2.jpg");
  height: 800px;

  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.mbackground3 {
  background-image: url("../images/welcome/carausal/3.jpg");
  height: 800px;

  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media only screen and (max-height: 1080px) {
  #emp-carousel-caption {
      margin-bottom: 430px;
  }
  .mbackground1 {
      height: 846px;
  }
  .mbackground2 {
      height: 846px;
  }
  .mbackground3 {
      height: 846px;
  }
  .modal{top: 300px;}
}
@media only screen and (max-width: 767px) {

  .modal{top: 0px;}
}
@media only screen and (max-height: 668px) {

  .modal{top:0px;}
}

@media only screen and (max-height: 823px) {
  #emp-carousel-caption {
      margin-bottom: 230px;
  }

  .mbackground1 {
      height: 700px;
  }

  .mbackground2 {
      height: 700px;
  }

  .mbackground3 {
      height: 700px;
  }
}
@media only screen and (max-height: 731px) {
  #emp-carousel-caption {
      margin-bottom: 200px;
  }

  .mbackground1 {
      height: 610px;
  }

  .mbackground2 {
      height: 610px;
  }

  .mbackground3 {
      height: 610px;
  }
}
@media only screen and (max-height: 736px) {
  #emp-carousel-caption {
      margin-bottom: 230px;
  }

  .mbackground1 {
      height: 613px;
  }

  .mbackground2 {
      height: 613px;
  }

  .mbackground3 {
      height: 613px;
  }
}



#btncar{padding: 20px;
border: 2px solid #606060;
background-color: transparent;
font-weight: bold;
text-decoration: none;
transition: .3s;}

#btncar:hover{background-color: #606060;
  color: white;}


/* ------------------------------------------------------------ */


/* pop up*/

.popback1 {
  background-image: url("../images/welcome/popup/2.jpg");
  height: 200px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: .5s;

  -webkit-box-shadow: 0px 3px 15px -9px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 3px 15px -9px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 3px 15px -9px rgba(0, 0, 0, 0.75);
}

.popback1:hover {
  -webkit-box-shadow: 0px 3px 53px -20px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 3px 53px -20px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 3px 53px -20px rgba(0, 0, 0, 0.75);
}

.popback2 {
  background-image: url("../images/welcome/popup/1.jpg");
  height: 200px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: .5s;
  -webkit-box-shadow: 0px 3px 15px -9px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 3px 15px -9px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 3px 15px -9px rgba(0, 0, 0, 0.75);
}

.popback2:hover {
  -webkit-box-shadow: 0px 3px 53px -20px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 3px 53px -20px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 3px 53px -20px rgba(0, 0, 0, 0.75);
}