body{
    width: 100%;
    height: auto;
    margin: 0px;
    padding: 0px;
    overflow-x:hidden ;
}

.zoomInUp{
  animation-delay: 0.2s;
  animation-direction: alternate;
}

.sps--abv {
  background: transparent;
}
.sps--blw {
  background-color: rgba(0,0,0,0.8);
}

    .nav-item{   
        margin-left:20px;
    }

    .nav-link{
        margin-top: 0px !important;
        margin-left: 10px !important;
        color: white !important; 
        text-transform: uppercase !important;
        font-size:12px !important;
        color: rgb(255, 255, 255) !important;
        letter-spacing: 2px !important;
        font-weight: bold !important;
        text-shadow: 2px 3px 10px #000000 !important;
    }

    .nav-link:hover{
        color: teal !important;
    }

    .navbar-brand{
        color: white !important;
        font-size:50px !important;
        font-family: 'Lovers Quarrel', cursive;
        text-transform: none !important;
        font-weight: 200 !important;
        text-shadow:5px 4px 4px black;
    }

    

    .dropdown-menu{
        background: rgba(0,0,0,0.7) !important;
        border: none !important;
        border-radius: 0px !important;
        margin:0px 0px !important ;
        color: white !important;
        text-transform: uppercase !important;
        letter-spacing: 2px !important;
        font-weight: lighter !important;
        text-shadow: 2px 3px 10px #000000 !important;
    }
    
    .dropdown-item{
        color: white !important;
        padding-top:10px !important ;
        text-transform: uppercase !important;
        letter-spacing: 2px !important;
        font-size: 17px !important;
        font-weight: lighter !important;
        text-shadow: 2px 3px 10px #000000 !important;
    }
    
    .dropdown-item:hover{
        background: none !important;
        color: teal !important;
    }

    

    .banner{
      width: 100%;
      
  }
  
  .banner h1{
      text-align: center;
      letter-spacing: 5px;
      text-transform: uppercase;
      color: white;
      text-shadow: 4px 3px 5px #7A7A7A,4px 3px 5px #141414,4px 3px 5px #7A7A7A;
      font-size: 30px;
     font-weight:lighter;
      text-transform: uppercase;
  }

  .text {
    font-family: 'David Libre';
    font-size: 30px;
    line-height: 32px;
    letter-spacing: 8px;
    color: white;
    z-index: 1000;
    text-align: center;
    height: 60px;
    width: auto;
    font-variant: small-caps;
  }
  

  .img-fluid{
    margin: 0px auto !important;
  }
  
 
  
 /* .kit{
      position: relative;
      width: 400px;
      margin: 0px auto;
      padding-top:30px ;
  }
  
  .kit::before{
      
          content: ""; 
          position: absolute; 
          top: 10px; 
          left: -2px; 
          width: 0; 
          height: 0; 
          background: transparent; 
          border: 2px solid transparent; 
          animation: animate 1s linear forwards infinite; 
          
  }
  
  @keyframes animate { 
      0% { 
          width: 0; 
          height: 0; 
          border-top-color: rgb(30, 148, 136); 
          border-right-color: transparent; 
          border-bottom-color: transparent; 
          border-left-color: transparent; 
      } 
  
      50% { 
          width: 100%; 
          height: 0; 
          border-top-color: rgb(30, 148, 136); 
          border-right-color:rgb(30, 148, 136); 
          border-bottom-color: transparent; 
          border-left-color: transparent; 
      } 
  
      100% { 
          width: 100%; 
          height: 100%; 
          border-top-color: #ffffff; 
          border-right-color: #ffffff; 
          border-bottom-color: transparent; 
          border-left-color: transparent; 
      } 
  } 
  
  .kit::after{
      content: "";
      position: absolute;
      background-color: red;
      width:10px;
      height:60%;
      top: 0px;
      left: -15px;
      content: ""; 
      position: absolute; 
      top: 10px; 
      left: -2px; 
      width: 0; 
      height: 0; 
      background: transparent; 
      border: 2px solid transparent; 
      animation: animates 1s linear forwards infinite; 
      
  }
  
  @keyframes animates { 
      0% { 
          width: 0; 
          height: 0; 
          border-top-color: transparent; 
          border-right-color: transparent; 
          border-bottom-color: transparent; 
          border-left-color: rgb(30, 148, 136); 
      } 
  
      50% { 
          width: 0; 
          height: 100%; 
          border-top-color: transparent; 
          border-right-color: transparent; 
          border-bottom-color: rgb(30, 148, 136); 
          border-left-color: rgb(30, 148, 136); 
      } 
  
      100% { 
          width: 100%; 
          height: 100%; 
          border-top-color: transparent; 
          border-right-color: transparent; 
          border-bottom-color: #ffffff; 
          border-left-color: #ffffff; 
      } 
  } */

  
  

    .footer-section {
        background: #151414;
        position: relative;
      }
      .footer-cta {
        border-bottom: 1px solid #373636;
      }
      .single-cta i {
        color: teal;
        font-size: 30px;
        float: left;
        margin-top: 8px;
      }
  
      .cta-text a:hover{
          text-decoration: none;
      }    
      .cta-text {
        padding-left: 15px;
        display: inline-block;
      }
      .cta-text h4 {
        color: #fff;
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 2px;
      }
      .cta-text span {
        color: #757575;
        font-size: 15px;
      }
      .footer-content {
        position: relative;
        z-index: 2;
      }
      .footer-pattern img {
        position: absolute;
        top: 0;
        left: 0;
        height: 330px;
        background-size: cover;
        background-position: 100% 100%;
      }
      .footer-logo {
        margin-bottom: 30px;
      }
      .footer-logo a {
          color: white !important;
          font-size:50px !important;
          font-family: 'Lovers Quarrel', cursive;
          text-transform: none !important;
          font-weight: 200 !important;
          text-shadow:5px 4px 4px black;
      }
  
      .footer-logo a:hover{
          text-decoration: none;
      }
      .footer-text p {
        margin-bottom: 14px;
        font-size: 14px;
        color: #7e7e7e;
        line-height: 28px;
        text-align: justify;
        word-spacing:-1px;
      }
      .footer-social-icon span {
        color: #fff;
        display: block;
        font-size: 20px;
        font-weight: 700;
        font-family: 'Poppins', sans-serif;
        margin-bottom: 20px;
      }
      .footer-social-icon a {
        color: #fff;
        font-size: 16px;
        margin-right: 15px;
      }
      .footer-social-icon i {
        height: 40px;
        width: 40px;
        text-align: center;
        line-height: 38px;
        border-radius: 50%;
        transition: all 0.5s;
      }
  
      .footer-social-icon i:hover{
          transform: scale(1.3,1.3);
          text-shadow: 4px 4px 2px rgba(0,0,0,0.8);
      }
  
      .facebook-bg:hover{
          color: teal;
      }
  
      .instagram-bg:hover{
          color:teal;
      }
  
      .twitter-bg:hover{
          color: teal;
      }
  
      .pinterest-bg:hover{
          color: teal;
      }
  
      .youtube-play-bg:hover{
          color: teal;
      }
      
      .footer-widget-heading h3 {
        color: #fff;
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 40px;
        margin-left: 40px;
        position: relative;
      }
      .footer-widget-heading h3::before {
        content: "";
        position: absolute;
        left: 0;
        bottom: -15px;
        height: 2px;
        width: 50px;
        background: teal;
      }
      .footer-widget ul li {
        display: inline-block;
        width: 50%;
        margin-bottom: 12px;
        transition:all 2s,transform 0.8s;
      }
      .footer-widget ul li:hover{
        transform:translate(10px,0);
        text-shadow: 2px 2px 2px rgba(0,0,0,0.8);
        
      }
      .footer-widget ul li a {
        color: #878787;
        text-transform: capitalize;
      }
  
      .footer-widget a:hover{
          color: teal;
          text-decoration: none !important;
      }
      
      .subscribe-form {
        position: relative;
        overflow: hidden;
      }
      .subscribe-form input {
        width: 100%;
        padding: 14px 28px;
        background: #2E2E2E;
        border: 1px solid #2E2E2E;
        color: #fff;
      }
  
      .subscribe-form input:focus{
          outline: none;
      }
  
      .subscribe-form button {
          position: absolute;
          right: 0;
          background: teal;
          padding: 13px 20px;
          border: 1px solid teal;
          top: 0;
      }
      .subscribe-form button i {
        color: #fff;
        font-size: 22px;
        transform: rotate(-6deg);
      }
      .copyright-area{
        background: #202020;
        padding: 25px 0;
      }
      .copyright-text p {
        margin: 0;
        font-size: 14px;
        color: #878787;
      }
      .copyright-text p a{
        color: teal;
        font-size: 30px;
        font-family:'Lovers Quarrel', cursive;
        font-weight: 500;
      }
      .copyright-text p a:hover{
          text-decoration: underline solid 1px;
      }
      .footer-menu li {
        display: inline-block;
        margin-left: 20px;
      }
      .footer-menu li:hover a{
        color: teal;
      }
      .footer-menu li a {
        font-size: 14px;
        color: #878787;
      }