@import url('/css/main.css');
@import url('/css/header.css');
@import url('/css/footer.css');
@import url('/css/advantages.css');
@import url('/css/fonts.css');
@import url('/css/about.css');
@import url('/css/delivery.css');
@import url('/css/simpleLightbox.min.css');
@import url('/css/contacts.css');
@import url('/css/modal.css');
@import url('/css/splide-core.min.css');
*{
   margin: 0;
   padding: 0;
   box-sizing: border-box;
}
a{
   text-decoration: none;
}

body{
   font-family: "Open Sans", sans-serif;
   font-optical-sizing: auto;
   font-weight: 400;
   font-style: normal;
   overflow-x: hidden;
}

.container{
   max-width: 1170px;
   margin: auto;
}
@media(max-width: 1170px){
   .container{
      padding: 0 15px;
   }
}
.shine{
   position: relative;
   overflow: hidden;
}
.shine:before {
   content: ""; /* отображает псевдоэлемент */
   position: absolute; /* абсолютное позиционирование */
   top: 0; /* верхняя координата */
   left: 0; /* левая координата */
   width: 2em; /* относительная ширина */
   height: 100%; /* высота как у оригинала */
   background-color: rgba(240, 240, 240, 0.2); /* белый цвет с полупрозрачностью */
   transform: translateX(-0.5em) skewX(-45deg);
   overflow: hidden;

   animation: movingFlare 3s infinite;
}

.shine-black:before{
   background-color: rgba(55, 55, 55, 0.1); /* черный цвет с полупрозрачностью */
}
@keyframes movingFlare {
   0% {
      left: -30px;
      margin-left: 0px;
   }
   30% {
      left: 110%;
      margin-left: 80px;
   }
   100% {
      left: 110%;
      margin-left: 80px;
   }
}