/*Navbar Bg chnage on scroll  start*/

.navbar-dark.scrolled{
background-color: rgba(0, 0, 0, 0.9); 
  transition: .5s ease-in-out;
}

.navbar{
  background: rgba(0,0,0,0.6);
  box-shadow: 0px 18px 14px -1px rgba(0,0,0,0.45);
}

@media screen and (max-width: 992px) {
  .navbar{
background-color: rgba(0, 0, 0, 0.9); 
  }
}

/*Navbar Bg chnage on scroll end*/

body , html{
  scroll-behavior: smooth;
}
/*Navbar Styling start*/

.nav-link{
  font-size: 20px;
  margin-left: 20px;
  transition: .5s ease-in-out;
}
.nav-item .active{
  border-top: 2px solid  #fff;
  font-weight: bold  ;
}

nav ul .nav-item{
  position: relative;
  overflow: hidden;
  padding: 8px;
}

.nav-item:after{
  content: '';
  position: absolute;
  padding: 50px;
  display: flex;
  width: 100%;
  background: #7F9F96;
  transition: 1s;
  z-index: -1;
  transform: translateY(15px);
}

.nav-item:hover:after{
  transform: translateY(-50px);
}

/*Navbar Styling end*/


/*Carousel Slider Start*/

.carousel-inner .carousel-caption h2{
  margin-top: -40%;
  
}
.carousel-caption h2{
  color: #7F9F96;
}
#carousel-btn{
  background-color: #7F9F96!important; 
}

.container-fluid{
  margin: 0 !important;
  padding: 0 !important;
}
.carousel-inner .video-fluid{
  width: 100%;
}
/*Carousel Slider end*/


/* ALL Parallax styling start*/

#parallaximg{
  background-image: url(assets/Images/img2.jpg);
  width: 100%;
  height: 650px;
  background-attachment: fixed;
  background-position: center;
}
#parallaximg2{
  background-image: url(assets/Images/img3.jpg);
  width: 100%;
  height: 650px;
  background-attachment: fixed;
  background-position: center;
}
#parallaximg3{
  background-image: url(assets/Images/img16.jpg);
  width: 100%;
  height: 650px;
  background-attachment: fixed;
  background-position: center;
}
#parallaximg4{
  background-image: url(assets/Images/img17.jpg);
  width: 100%;
  height: 650px;
  background-attachment: fixed;
  background-position: center;
}
#parallaximg5{
  background-image: url(assets/Images/img19.jpg);
  width: 100%;
  height: 650px;
  background-attachment: fixed;
  background-position: center;
}

/* ALL Parallax styling end*/


#hrline{
  background-color: #000;
  height: 3px;
  }


/*Contact us styling start*/

  #contactbg{
    background-image: url(assets/Images/img20.jpg);
    background-position: center;  
  }
   
.heading{
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  font-size: 45px;
  color: white;
  border-bottom: 2px dotted #fff;
}
#text , #email , #text1 {
  background-color: transparent;
  width: 100%;
  color: #fff ;
}
#text::placeholder  , #email::placeholder , #text1::placeholder {
   color: #fff;
} 

.icn{
  font-family: monospace;
  font-size: 17px;
  color:#fff;
   
}
.media ul li{
  float: left;
}
.media ul li a{
  color: #fff;
  float: left;
  font-family: monospace;
  font-size: 22px;
  margin-left: 23px;
  margin-right: 10px;
  transition: 0.5s ease-in-out;
}
.media ul li a:hover{
  color: #7f9f96;
}

/*Contact us styling end*/


/*About us styling start*/
   .paragraph{
    font-size: 17px;
    font-family: monospace;
    font-weight: 500;
  }
  .aboutimg{
    width: 100%;
    height: 100%;
  }

/*About us styling End*/



/*Footer styling start*/

.contact{
  font-family: "Times New Roman", Times, serif; 
}
.linkc a {
  color: white;
  text-decoration: none;
  font-family: "Times New Roman", Times, serif;
  transition: 0.5s ease;
}

.linkc a:hover{
  color:#000; 
    text-decoration: none;
}

.social-media ul{
  display: inline-block;
}

.social-media ul li{
  float: left;
  margin-right: 10px;
  margin-left: 10px;
}

.social-media ul li a{
  font-size: 20px;
  color: white;
  letter-spacing: 0.1em;
  background: transparent;
     -moz-transition: all 0.5s ease-in-out 0s;
  -ms-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;

}

.social-media ul li a:hover{

  color: #000;
}

input[type=text]{
  height: 37px;
  border-radius: 3px;
  width: 70%;
  float: left;
}
input[type=text]::placeholder{
  color: #999;
}
button{
  transition: all 0.5s ease-in-out;

}

/*Footer styling end*/

/*Modal */
#myBtn{
  cursor: pointer;
}

.modal {
  display: none; 
  position: fixed;
  z-index: 1; 
  padding-top: 100px; 
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%;
  overflow: auto; 
  background-color: rgb(0,0,0); 
  background-color: rgba(0,0,0,0.4); 
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  border: 1px solid #888;
  width: 80%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}
.modal-content > .modal-header h2{
   padding-left: 5%;
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.close {
  position: absolute;
  font-size: 40px;
  font-weight: bold;
  background-color: #000;
  color: #fff !important;
}

.close:hover,
.close:focus {
  color: #fff !important;  
  text-decoration: none;
  cursor: pointer;
}

.modal-header {
  text-align: left;
  background-color: #5cb85c;
  color: white;
}

.modal-body {padding: 2px 16px;}

.modal-footer {
  padding: 2px 16px;
  background-color: #5cb85c;
  color: white;
}