@charset "utf-8";
/* CSS Document */
body {
	background-image: url(images/bg1.jpg);
	background-repeat: no-repeat;

}

body, html {
  height: auto;
  margin: 0;
}

.footer {
	text-align: center;
}

.Table_01 {
	text-align: center;
	font-family: montserrat;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	color: #FFF;
}

.parallax2 {
    /* The image used */
    background-image: url("images/bg2.jpg");

    /* Set a specific height */
    min-height: 400px; 

    /* Create the parallax scrolling effect */
	position:relative;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.parallax3 {
    /* The image used */
    background-image: url("images/bg3.jpg");

    /* Set a specific height */
    min-height: 400px; 

    /* Create the parallax scrolling effect */
	position:relative;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.parallax4 {
    /* The image used */
    background-image: url("images/bg4.jpg");

    /* Set a specific height */
    min-height: 400px; 

    /* Create the parallax scrolling effect */
	position:relative;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.parallax5 {
    /* The image used */
    background-image: url("images/bg6.jpg");

    /* Set a specific height */
    min-height: 400px; 

    /* Create the parallax scrolling effect */
	position:relative;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.parallax6 {
    /* The image used */
    background-image: url("images/bg7.jpg");

    /* Set a specific height */
    min-height: 400px; 

    /* Create the parallax scrolling effect */
	position:relative;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

 

/* Меню битрейта */
/* Remove margins and padding from the list, and add a black background color */
ul.topnav1 {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #fa4d60;
}

ul.topnav2 {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #b570a2;
}
ul.topnav3 {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #64bcee;
}
ul.topnav4 {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #fa824a;
}
ul.topnav5 {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #e32cbb;
}

ul.topnav1 li {float: left;}
ul.topnav2 li {float: left;}
ul.topnav3 li {float: left;}
ul.topnav4 li {float: left;}
ul.topnav5 li {float: left;}

ul.topnav1 li a {
  display: inline-block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  transition: 0.2s;
  font-size: 23px;
}
ul.topnav2 li a {
  display: inline-block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  transition: 0.2s;
  font-size: 23px;
}
ul.topnav3 li a {
  display: inline-block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  transition: 0.2s;
  font-size: 23px;
}
ul.topnav4 li a {
  display: inline-block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  transition: 0.2s;
  font-size: 23px;
}
ul.topnav5 li a {
  display: inline-block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  transition: 0.2s;
  font-size: 23px;
}


ul.topnav1 li a:hover {background-color: #555;}
ul.topnav2 li a:hover {background-color: #555;}
ul.topnav3 li a:hover {background-color: #555;}
ul.topnav4 li a:hover {background-color: #555;}
ul.topnav5 li a:hover {background-color: #555;}