/* scroll down */
.logo span{
  display: block;
  margin: 0 auto;
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 20px 32px 0 32px;
 border-color: #B12028 transparent transparent transparent;
  transform: rotate(0deg);
  position: relative;
  top: 100px;
  opacity: 0;
}
 #scrolldown{
  position: relative;
height: 20px;
top: -160px;
width: 130px;
margin: 0 auto;
height: 130px;
border-radius: 50%;
transition: .4s;
padding: 30px;
 }
 #scrolldown:hover{

  cursor: pointer;
 }
 
 #scrolldown span{
margin: 0 auto;
display: block;
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 20px 32px 0 32px;
 border-color: #D2B69C transparent transparent transparent;
  transform: rotate(0deg);
  animation: animate 2s infinite;
 }

 .kv-wrapper:hover .logo span{
  opacity:1

}
 #scrolldown span:nth-child(2)
 {
  animation-delay: -0.1s;
 }
 
 #scrolldown span:nth-child(3)
 {
  animation-delay: -0.5s;
 }
 
 @keyframes animate{
  
  0%{
   opacity: 0;
   transform: rotate(0deg) translate(0px, -40px);
  }
  50%{
   opacity: 1;
  }
  100%{
   opacity: 0;
   transform: rotate(0deg) translate(0px, 40px);
  }
 }

/* kv */
.kv{
    width: 100%;
    height: 100vh;
}
.kv-img{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    }
.logo{
  width: 35%;
  position: absolute;
    z-index: 2;
    top: 50%;
    margin-left: calc( 50% - 17% );
    transform: translateY(-50%);
}
.logo2{
  width: 35%;
  position: absolute;
    z-index: 2;
    top: 50%;
    margin-left: calc( 50% - 29% );
    transform: translateY(-50%);
}
.logo2 img{
  width: 170%;

}
.logo img{
    width: 100%;
}
.kv-background{
        background-color: red;
        height: 100%;
        opacity: .5;
        transition: .5s;

}
.kv-shadow{
  position: absolute;
  background: transparent linear-gradient(90deg, #000000 0%, #00000000 100%) 0% 0% no-repeat padding-box;;
  height: 100%;
  width: 100%;
  opacity: .3;
  top: 0;
}
.kv-wrapper{
    position: relative;
    height: 100%;
    
}
.kv-wrapper:hover .kv-background{
    opacity:0
}

/* kv */

.b2b-nav,.b2b-nav ul,.b2b-nav li,.b2b-nav a{
      height: 0;
      opacity: 0;
  }

  @media (max-width: 768px) {
  .kv{
    display: block;
  }
  .kv li{
    height: 33.33vh;
  }
  .logo span{
    display: none;
  }
  #scrolldown{
    display: none;
  }
  
  }