:root {
	--cvet-red: #ff6164;
	--cvet-blue: #34acf7;
	--cvet-green: #5ae1ab;
	--cvet-yellow: #f8db53;
	--cvet-pink: #fda3d3;
	--red-dark: #f0474a;
	--blue: #679fec;
	--white: #fff;
	--black: #000;
	--gray-01: #424344;
	--gray-02: #63666a;
	--gray-03: #d8dce1;
	--gray-04: #e8e8e8;
	--gray-05: #f8f8f8;
  --font-family: "Fira Sans", sans-serif;
  --second-family: "Sigmar", sans-serif;

  --count-video-list: 1;
}

@font-face {
  font-family: "Fira Sans";
  src: local('Fira Sans'), local('Fira-Sans'),
       url('../fonts/FiraSans/FiraSansLight.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Fira Sans";
  src: local('Fira Sans'), local('Fira-Sans'),
       url('../fonts/FiraSans/FiraSans.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Fira Sans";
  src: local('Fira Sans'), local('Fira-Sans'),
       url('../fonts/FiraSans/FiraSans-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}


@font-face {
  font-family:'Sigmar';
  src: local('Sigmar'), local('Sigmar'),
       url('../fonts/Sigmar/Sigmar.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

html {
  font-size: 12px;
}

*{
  box-sizing: border-box;
}

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

body {
  margin:0;
  padding:0;
  font-family: 'Fira Sans', sans-serif;
  background-color: #f8f8f8;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
  height: 100vh;

}

main {
  margin-bottom: auto;
  padding-top: 54px;
}

.main-blure {
  filter: blur(5px);
}

img {
  max-width: 100%;
}

.container {
  max-width: 1180px;
  padding:0px 20px;
  margin: 0 auto;
  position: relative;
  /* overflow: hidden; */
}

.list-reset {
  list-style: none;
  display: -ms-flexbox;
  display: flex;

}