/* .header {  
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  transition: transform 400ms cubic-bezier(.25,.37,.17,.96); 
  z-index: 10;
} */

/* .container{
  
} */

/* .links{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  text-align: center;
}

.links a{
  text-decoration: none;
  color: rgb(201, 24, 24);
  font-weight: bold;
  font-size: 20px;
}

.link{
  margin: 0 20px;
}

.link__main{
  width: 4%;
}

.link__side{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 10px 0;
} */

/* When header is not in viewport we hide it */
/* .header[data-scroll="out"] {
  transform: translatey(-100%);
} */

/* When moving up and header we show it */
/* [data-scroll-dir-y="-1"] .header {
  transform: translatey(0);
} */

.header {
/*   
  padding: .5em 4em;
  color: #F0240F;
  background-color: #a1a1a1; */
    /* font-size: 30px; */
}

/* .logo{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 0 20px 0 0;
} */

.logo__v { /*   img */
  /* width: 40%; */
}

/* @media (max-width: 1250px){
  .link__main{
    width: 7%;
  }
}

@media (max-width: 1000px){
  .links a{
    font-size: 40px;
  }

  .links{
    margin: 0;
  }
  .link__main{
    width: 10%;
  }
} */



.header {  
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  transition: transform 400ms cubic-bezier(.25,.37,.17,.96); 
  z-index: 10;
  box-shadow: inset 0 -0.2rem 0 #a95;
}

/* .container{
  
} */

.links{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  text-align: center;
}
.link::before{
  content: '';
  position: absolute;
  left: 0;
  bottom: -5px;
  width: 0;
  height: 5px;
  background-color: red;
  border-radius: 2px;
  transition: width 0.35s;
}
.link:hover::before{
  width: 100%;
}

.link{
  margin: 0 20px;
}

.link__main{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.link__main img{
  width: 80px;
  /* animation: wink 3.25s linear infinite; 
  animation: maga 1s linear infinite;
  animation-delay: 0.2s; */
}
@keyframes maga {
  from {
    box-shadow: 0 0 10px rgb(255, 106, 106),
                0 0 10px rgb(255, 78, 78);
  }
  to {
    background: black;
    box-shadow: none;
  }
}
.footer__contact{
  padding-left: 2em;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.name__adres{
  margin-right: 2em;
  color: rgb(255, 255, 255);
  font-weight: bold;
  font-size: 15px;
  text-shadow: -1px 1px 1px rgb(0, 0, 0);
}
.title__name{
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  text-shadow: -1px 1px 1px rgb(0, 0, 0);
  padding: 0 20px;
}

.link__side{
  color: white;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 10px 5rem 10px 0;

}

.buttons__call__write{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: white;
  font-size: 20px;
  padding: 5px 10px;
  border-radius: 10px;
  background-color:   #43c854;
  margin-right: 1em; 
  text-shadow: -1px 1px 1px rgb(0, 0, 0);
}
.buttons__call__write:nth-child(5n+2){
  background-color: rgb(32, 90, 190);
  margin-left: 1em;
}
.buttons__call__write a{
  color: white;
  text-decoration: none;
}
.link__side i{
  margin-right: 10px;
}
/* When header is not in viewport we hide it */
.header[data-scroll="out"] {
  transform: translatey(-100%);
}

/* When moving up and header we show it */
[data-scroll-dir-y="-1"] .header {
  transform: translatey(0);
}

.header {
  
  padding: .5em 2em;
  /* color: #ffffff; */
  background-color: #515151;
    /* font-size: 30px; */
}

.logo{
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin: 0 20px 0 2rem;
}

/* .logo__v {   img
  width: 40%;
} */

@media (max-width: 1250px){
  .link__main{
    width: 7%;
  }
}

@media (max-width: 1000px){
  .links a{
    font-size: 40px;
  }

  .links{
    margin: 0;
  }
  .link__main{
    width: 50%;
  }
}