/* roboto-regular - latin_cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'),
       url('../fonts/roboto-v20-latin_cyrillic-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin_cyrillic-regular.woff') format('woff'); /* Legacy iOS */
}

/* roboto-500 - latin_cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('../fonts/roboto-v20-latin_cyrillic-500.woff2') format('woff2'),
       url('../fonts/roboto-v20-latin_cyrillic-500.woff') format('woff');
}

/* roboto-700 - latin_cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('../fonts/roboto-v20-latin_cyrillic-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin_cyrillic-700.woff') format('woff');
}

/* roboto-900 - latin_cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: local('Roboto Black'), local('Roboto-Black'),
       url('../fonts/roboto-v20-latin_cyrillic-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin_cyrillic-900.woff') format('woff');
}

html 
{
    box-sizing: border-box;
}

.html_lock {
  touch-action: none; /*для телефона*/
  height: 100%;
}

*,
*::before,
*::after
{
    box-sizing: inherit;
}

body
{
    font-family: "Roboto", sans-serif;
    font-size: 20px; 
    line-height: normal;

     min-width: 280px; 
     margin: 0; 

     color: #1f1f24;
     background-color: #fff;
}

.lock {
    overflow: hidden;
  }

img 
{
    max-width: 100%; 
}

a
{   
    position: relative;
    text-decoration: none; 

    color: inherit; 
}

.visually-hidden
{
    position: absolute !important;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px); 
    clip: rect(1px, 1px, 1px, 1px);

    width: 1px; 
    height: 1px; 
    padding: 0;

    border: 0;
}

.fixed-container
{
    width: 1170px; 
    margin: 0 auto;
}

  @media(max-width: 1240px) {
    .fixed-container {
      width: 985px;
      padding-left: 20px;
      padding-right: 20px;
      margin: 0 auto;
    }
}
  @media (max-width:  992px){
    .fixed-container {
      width: 768px;
      padding-left: 20px;
      padding-right: 20px;
      margin: 0 auto
    }
  }

  @media (max-width: 767px){
      .fixed-container {
      padding-left: 20px;
      padding-right: 20px;
      width: 577px;
      margin: 0 auto
    }
  }

  @media (max-width: 576px){
    .fixed-container {
      padding-left: 20px;
      padding-right: 20px;
      width: 376px;
      margin: 0 auto
    }
  }

      @media (max-width: 375px){
      .fixed-container {
      width: 280px;
      padding-left: 0;
      padding-right: 0;
      margin: 0 auto;
    }
  }