@font-face {
font-family: OpenSans-Regular;
src: url('../fonts/OpenSans-Regular.ttf');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: OpenSans-SemiBold;
src: url('../fonts/OpenSans-SemiBold.ttf');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: OpenSans-Bold;
src: url('../fonts/OpenSans-Bold.ttf');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: OpenSans-Italic;
src: url('../fonts/OpenSans-Italic.ttf');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: OpenSans-SemiBoldItalic;
src: url('../fonts/OpenSans-SemiBoldItalic.ttf');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: OpenSans-BoldItalic;
src: url('../fonts/OpenSans-BoldItalic.ttf');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: Gloock-Regular;
src: url('../fonts/Gloock-Regular.ttf');
font-weight: normal;
font-style: normal;
}

* {
margin: 0;
padding: 0;
outline: none;
}

body {
background: #f4f4f4;
font-size: 18px;
line-height: 26px;
font-family: OpenSans-Regular, Arial, sans-serif;
font-weight: normal;
color: #000;
letter-spacing: 1px;
text-align: left;
}

body.fixed {
width: 100%;
position: fixed;
top: 0;
left: 0;
overflow-y: scroll;
}

h1 {
font-family: Gloock-Regular;
font-weight: normal;
font-size: 48px;
line-height: 58px;
color: #101010;
padding: 0 0 30px 0;
}

h2 {
font-family: OpenSans-SemiBold;
font-weight: normal;
font-size: 32px;
line-height: 40px;
color: #101010;
padding: 0 0 10px 0;
}

h2.title {
font-family: Gloock-Regular;
font-weight: normal;
font-size: 34px;
line-height: 44px;
}

h2.notfound {
text-align: center;
padding: 40px 0;
}

h3 {
font-family: OpenSans-SemiBold;
font-weight: normal;
font-size: 24px;
line-height: 34px;
color: #101010;
padding: 0 0 10px 0;
}

h3.title {
font-size: 24px;
line-height: 34px;
padding: 0 0 10px 0;
}

h4 {
font-family: OpenSans-SemiBold;
font-weight: normal;
font-size: 19px;
line-height: 29px;
color: #101010;
padding: 0 0 8px 0;
}

img {
border: 0;
}

p {
padding: 0 0 10px 0;
}

ul {
list-style: none;
padding: 0 0 10px 0;
}

ul li {
background: url('../images/li-tag.svg') left 7px no-repeat;
background-size: 10px;
list-style-type: none;
padding: 0 0 10px 20px;
margin: 0;
}

strong, b {
font-family: OpenSans-Bold;
font-weight: normal;
}

em, i {
font-family: OpenSans-Italic;
font-weight: normal;
}

em strong, strong em, i strong, i strong, em b, b em, i b, i b {
font-family: OpenSans-BoldItalic;
font-weight: normal;
}

.notes {
font-size: 10px;
font-style: italic;
}

.clr {
clear: both;
}

.center {
text-align: center;
}

a {
color: #606060;
text-decoration: none;
transition: color 0.4s;
}

.inputbox {
background: transparent;
display: inline-block;
width: 100%;
max-width: calc(100% - 40px);
font-size: 19px;
line-height: 24px;
font-family: OpenSans-Regular;
font-weight: normal;
letter-spacing: 1px;
color: #fff;
text-align: left;
border: solid 1px #fff;
border-radius: 22px;
padding: 10px 25px 10px 15px;
margin: 0 0 30px 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
transition: border-color 0.4s;
}

.inputbox.active {
border-color: #7fe3c1;
}

.inputbox.error {
border-color: #f00;
}

.mandatory {
font-family: OpenSans-Bold;
font-weight: normal;
font-size: 24px;
line-height: 24px;
color: #f00;
}

.bg_inputbox {
width: 330px;
position: relative;
}

.bg_inputbox.mandatory::after {
content: '*';
position: absolute;
top: 16px;
right: 8px;
}

.checkbox, .radio {
display: none;
}

.radio + label {
cursor: pointer;
margin: 0 10px;
}

.checkbox + label .pseudo, .radio + label .pseudo {
background: #fff;
display: inline-block;
width: 25px;
height: 25px;
border: solid 4px #fff;
vertical-align: middle;
cursor: pointer;
border-radius: 50%;
margin: 0 10px 0 0;
user-select: none;
}

.checkbox + label .pseudo {
background: #fff url('../images/checkbox.svg') center -100px no-repeat;
background-size: 20px;
border-width: 1px;
border-radius: 0;
}

.checkbox:checked + label .pseudo {
background-position: center;
}

.radio:checked + label .pseudo {
background: #101010;
}

.button {
background: #101010;
display: block;
max-width: 400px;
font-family: Gloock-Regular;
font-weight: normal;
font-size: 28px;
line-height: 30px;
color: #fff;
text-align: center;
cursor: pointer;
border: solid 1px #101010;
border-radius: 40px;
padding: 17px 30px;
position: relative;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
user-select: none;
transition: color 0.4s, background-color 0.4s;
}

.bg_line {
width: 100%;
}

.win_line {
width: 100%;
max-width: 1220px;
margin: 0 auto;
}

.line {
position: relative;
z-index: 500;
padding: 0 10px;
}

body .bg_cover {
background: rgba(0, 0, 0, 0.6);
width: 100%;
height: 0;
opacity: 0;
overflow: hidden;
position: fixed;
top: 0;
left: 0;
z-index: 1500;
transition: opacity 0.4s, height 0s 0.4s;
}

body.fixed .bg_cover {
height: 100%;
opacity: 1;
transition: opacity 0.4s, height 0s 0s;
}

.bg_top {
background: #101010;
width: 100%;
position: fixed;
left: 0;
top: 0;
box-shadow: 0 10px 50px -10px rgba(0, 0, 0, 0.6);
z-index: 2000;
}

.bg_top .win_line {
max-width: none;
height: 150px;
overflow: hidden;
transition: height 0.4s;
}

.bg_top.small .win_line {
height: 65px;
}

.bg_top .line {
width: 100%;
max-width: 1240px;
padding: 0;
margin: 0 auto;
}

.bg_top .logo {
background: url('../images/logo.svg') center no-repeat;
background-size: contain;
display: block;
width: 310px;
height: 72px;
margin: 10px auto;
transition: height 0.4s;
}

.bg_top.small .logo {
height: 45px;
}

.bg_top .menu_top {
display: flex;
justify-content: center;
list-style: none;
border-top: solid 4px #fff;
margin: 15px 0 0 0;
}

.bg_top .menu_top li {
background: none;
list-style: none;
padding: 0;
margin: 0;
}

.bg_top .menu_top li a {
background-color: transparent;
display: block;
font-family: OpenSans-SemiBold;
font-weight: normal;
font-size: 20px;
line-height: 30px;
color: #fff;
padding: 10px 20px;
text-transform: uppercase;
transition: color 0.4s, background-color 0.4s;
}

.bg_top .menu_top li.active a {
background-color: #fff;
color: #101010;
}

.bg_top .menu_open {
width: 35px;
height: 0;
position: absolute;
top: 15px;
left: 10px;
overflow: hidden;
cursor: pointer;
transition: top 0.4s, height 0.2s;
}

.bg_top .menu_open.active {
height: 44px;
}

.bg_top .menu_open div {
background: #fff;
width: 100%;
height: 4px;
margin: 8px 0;
transition: margin-left 0.4s ease-out, opacity 0.4s;
}

.bg_top.small .menu_open {
top: 1px;
}

.bg_top .menu_close {
font-family: OpenSans-SemiBold;
font-weight: normal;
font-size: 64px;
line-height: 64px;
height: 0;
color: #fff;
overflow: hidden;
cursor: pointer;
position: absolute;
top: 2px;
left: 10px;
transition: height 0.2s, opacity 0.4s;
}

.bg_top .menu_close.active {
height: 64px;
}

.bg_top .btn_search {
background: url('../images/icon-search.svg') center no-repeat;
background-size: 30px;
width: 35px;
height: 35px;
position: absolute;
top: 20px;
right: 10px;
cursor: pointer;
transition: top 0.4s, opacity 0.4s;
}

.bg_top.small .btn_search {
top: 6px;
}

.bg_top .bg_search {
background: #fff;
height: 0;
overflow: hidden;
position: absolute;
top: 15px;
right: 10px;
transition: top 0.4s, height 0.2s;
}

.bg_top.small .bg_search {
top: 1px;
}

.bg_top .search {
display: flex;
width: 400px;
}

.bg_top .search .input {
background: transparent;
display: block;
width: calc(100% - 35px);
font-size: 19px;
line-height: 24px;
font-family: OpenSans-Regular;
font-weight: normal;
color: #101010;
text-align: left;
border: 0;
padding: 10px 25px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

.bg_top .search .submit {
background: url('../images/icon-search-black.svg') center no-repeat;
background-size: 30px;
display: block;
width: 35px;
height: 46px;
border: 0;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
transition: opacity 0.4s;
}

.bg_upper {
background: #fff;
width: 100%;
height: 0;
overflow: hidden;
position: fixed;
top: 92px;
left: 0;
box-shadow: 0 10px 50px -10px rgba(0, 0, 0, 0.6);
z-index: 3000;
transition: height 0.4s;
}

.bg_upper .menu_main {
list-style: none;
padding: 20px 0;
}

.bg_upper .menu_main li {
background: none;
list-style: none;
padding: 8px 0;
margin: 0;
}

.bg_upper .menu_main li a {
display: inline-block;
font-family: Gloock-Regular;
font-weight: normal;
font-size: 30px;
line-height: 40px;
color: #101010;
position: relative;
padding-left: 35px;
}

.bg_upper .menu_main li a::before {
content: '';
display: block;
background: url('../images/icon-ellipse.svg') center no-repeat;
background-size: 20px;
width: 20px;
height: 40px;
position: absolute;
top: 0;
left: 0;
transition: filter 0.4s;
}

.bg_upper .menu_main li a.literatura::before {
background: url('../images/icon-rectangle.svg') center no-repeat;
background-size: 20px;
}

.bg_upper .menu_main li a.muzyka::before {
background: url('../images/icon-rectangle-2.svg') center no-repeat;
background-size: 20px;
}

.bg_upper .menu_main li a.wydarzenia::before {
background: url('../images/icon-triangle.svg') center no-repeat;
background-size: 20px;
}

.bg_upper .menu_main li a.top-100::before {
background: url('../images/icon-star.svg') center no-repeat;
background-size: 20px;
}

.bg_upper .menu_main li a.lista::before {
background: url('../images/icon-triangle-2.svg') center no-repeat;
background-size: 20px;
}

.bg_upper .menu_main li a.small {
font-family: OpenSans-Regular;
font-weight: normal;
font-size: 20px;
line-height: 28px;
padding: 0;
}

.bg_upper .menu_main li a.small::before {
display: none;
}

.bg_upper .menu_main li .separator {
background: #606060;
display: block;
width: 100%;
height: 2px;
margin: 10px 0;
}

.bg_upper .menu_main li.active a {
color: #7fe3c1;
}

.bg_playlistbar {
position: fixed;
left: 0;
bottom: 30px;
z-index: 1000;
}

.bg_playlistbar .win_line {
width: calc(100% - 20px);
max-width: 1220px;
padding: 0 10px;
}

.bg_playlistbar .line {
background: #101010;
color: #fff;
border-radius: 40px;
padding: 10px 60px 10px 40px;
}

.bg_playlistbar .bg_items {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 10px 0;
align-items: center;
font-family: Gloock-Regular;
font-weight: normal;
font-size: 24px;
line-height: 32px;
}

.bg_playlistbar .bg_buttons {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 10px 20px;
}

.bg_playlistbar .bg_buttons .button {
background: #fff;
display: block;
font-size: 24px;
line-height: 28px;
color: #101010;
border: 0;
padding: 8px 30px;
}

.bg_playlistbar .playlistclose {
font-size: 40px;
line-height: 44px;
position: absolute;
top: 50%;
right: 15px;
transform: translateY(-50%);
cursor: pointer;
transition: color 0.4s;
}

.bg_contents .win_line {
padding-top: 250px;
}

.bg_contents .line {
min-height: calc(100vh - 283px);
}

.bg_contents .bg_items {
display: flex;
flex-wrap: wrap;
gap: 0 3%;
justify-content: center;
}

.bg_contents .item.main {
display: flex;
justify-content: space-between;
padding-bottom: 50px;
}

.bg_contents .item.main.border {
border-bottom: solid 2px #808080;
margin-bottom: 50px;
}

.bg_contents .item .bg_image {
display: block;
width: 58%;
overflow: hidden;
}

.bg_contents .item .bg_image .image {
display: block;
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 100%;
transition: transform 0.4s;
}

.bg_contents .item.main .bg_text {
width: 38%;
}

.bg_contents .item.main .bg_href {
display: block;
color: #000;
}

.bg_contents .item.main h2.title {
font-size: 48px;
line-height: 58px;
}

.bg_contents .item .bg_text .text {
display: block;
padding-bottom: 20px;
}

.bg_contents .item.other {
width: 31%;
position: relative;
margin-bottom: 80px;
}

.bg_contents .item.other .button {
position: absolute;
left: 0;
bottom: 0;
width: calc(100% - 60px);
}

.bg_contents .item.other .bg_image {
width: 100%;
height: 300px;
margin-bottom: 30px;
}

.bg_contents .item.other .bg_text {
display: block;
color: #000;
padding-bottom: 70px;
}

.bg_top100 .win_line {
max-width: 980px;
padding: 250px 0 100px 0;
}

.bg_top100 .bg_slider {
position: relative;
margin: 20px 0 0 0;
}

.bg_top100 .bg_slider .slider {
height: 295px;
max-width: 100%;
overflow: hidden;
margin: 0 auto;
}

.bg_top100 .bg_slider .box {
width: 99999px;
height: 100%;
transition: transform 0s;
}

.bg_top100 .bg_slider .item {
display: block;
float: left;
width: 295px;
height: 295px;
overflow: hidden;
margin: 0 33px 0 0;
}

.bg_top100 .bg_slider .item .image {
display: block;
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 100%;
transition: transform 0.4s;
}

.bg_top100 .bg_slider .slideprev,
.bg_top100 .bg_slider .slidenext {
background: #101010 url('../images/icon-left.svg') center no-repeat;
background-size: 20px;
width: 60px;
height: 60px;
border-radius: 50%;
position: absolute;
top: 50%;
left: -90px;
cursor: pointer;
transform: translateY(-50%);
transition: background-color 0.4s;
}

.bg_top100 .bg_slider .slidenext {
background: #101010 url('../images/icon-right.svg') center no-repeat;
background-size: 20px;
left: auto;
right: -90px;
}

.bg_top100 .bg_items {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
gap: 60px 40px;
padding: 60px 0 0 0;
}

.bg_top100 .bg_items .item {
width: 100%;
max-width: 450px;
position: relative;
padding-bottom: 100px;
}

.bg_top100 .bg_items .item.type_0 {
max-width: none;
}

.bg_top100 .bg_items .item .bg_text {
color: #000;
}

.bg_top100 .bg_items .item .button {
position: absolute;
left: 0;
bottom: 0;
width: calc(100% - 60px);
}

.bg_content .win_line {
max-width: 950px;
padding-top: 200px;
}

.bg_content h1 {
font-size: 58px;
line-height: 68px;
padding-bottom: 20px;
}

.bg_content .image {
display: block;
width: 100%;
height: auto;
margin-bottom: 30px;
}

.bg_content h2.subtitle {
font-size: 25px;
line-height: 35px;
padding-bottom: 30px;
}

.bg_content .content {
padding-bottom: 30px;
}

.bg_content .content img,
.bg_content .content video {
display: block;
width: 100% !important;
height: auto !important;
margin: 5px 0 !important;
}

.bg_content .content iframe {
display: block;
width: 100% !important;
min-height: 400px !important;
margin: 5px 0 !important;
}

.bg_content .content .alignleft {
float: left;
max-width: 40% !important;
margin: 10px 10px 10px 0 !important;
}

.bg_content .content .alignright {
float: right;
max-width: 40% !important;
margin: 10px 0 10px 10px !important;
}

.bg_content .content .alignleft img, .bg_content .content .alignright img {
max-width: 100% !important;
}

.bg_content .bg_score {
width: 350px;
height: 80px;
border: solid 4px #101010;
border-radius: 50px;
margin: 0 0 50px auto;
}

.bg_content .bg_score.score_0 {
background: url('../images/icon-emptystar.svg') 30px center no-repeat, 
url('../images/icon-emptystar.svg') 90px center no-repeat,
url('../images/icon-emptystar.svg') 150px center no-repeat,
url('../images/icon-emptystar.svg') 210px center no-repeat,
url('../images/icon-emptystar.svg') 270px center no-repeat;
background-size: 50px;
}

.bg_content .bg_score.score_1 {
background: url('../images/icon-halfstar.svg') 30px center no-repeat, 
url('../images/icon-emptystar.svg') 90px center no-repeat,
url('../images/icon-emptystar.svg') 150px center no-repeat,
url('../images/icon-emptystar.svg') 210px center no-repeat,
url('../images/icon-emptystar.svg') 270px center no-repeat;
background-size: 50px;
}

.bg_content .bg_score.score_2 {
background: url('../images/icon-fullstar.svg') 30px center no-repeat, 
url('../images/icon-emptystar.svg') 90px center no-repeat,
url('../images/icon-emptystar.svg') 150px center no-repeat,
url('../images/icon-emptystar.svg') 210px center no-repeat,
url('../images/icon-emptystar.svg') 270px center no-repeat;
background-size: 50px;
}

.bg_content .bg_score.score_3 {
background: url('../images/icon-fullstar.svg') 30px center no-repeat, 
url('../images/icon-halfstar.svg') 90px center no-repeat,
url('../images/icon-emptystar.svg') 150px center no-repeat,
url('../images/icon-emptystar.svg') 210px center no-repeat,
url('../images/icon-emptystar.svg') 270px center no-repeat;
background-size: 50px;
}

.bg_content .bg_score.score_4 {
background: url('../images/icon-fullstar.svg') 30px center no-repeat, 
url('../images/icon-fullstar.svg') 90px center no-repeat,
url('../images/icon-emptystar.svg') 150px center no-repeat,
url('../images/icon-emptystar.svg') 210px center no-repeat,
url('../images/icon-emptystar.svg') 270px center no-repeat;
background-size: 50px;
}

.bg_content .bg_score.score_5 {
background: url('../images/icon-fullstar.svg') 30px center no-repeat, 
url('../images/icon-fullstar.svg') 90px center no-repeat,
url('../images/icon-halfstar.svg') 150px center no-repeat,
url('../images/icon-emptystar.svg') 210px center no-repeat,
url('../images/icon-emptystar.svg') 270px center no-repeat;
background-size: 50px;
}

.bg_content .bg_score.score_6 {
background: url('../images/icon-fullstar.svg') 30px center no-repeat, 
url('../images/icon-fullstar.svg') 90px center no-repeat,
url('../images/icon-fullstar.svg') 150px center no-repeat,
url('../images/icon-emptystar.svg') 210px center no-repeat,
url('../images/icon-emptystar.svg') 270px center no-repeat;
background-size: 50px;
}

.bg_content .bg_score.score_7 {
background: url('../images/icon-fullstar.svg') 30px center no-repeat, 
url('../images/icon-fullstar.svg') 90px center no-repeat,
url('../images/icon-fullstar.svg') 150px center no-repeat,
url('../images/icon-halfstar.svg') 210px center no-repeat,
url('../images/icon-emptystar.svg') 270px center no-repeat;
background-size: 50px;
}

.bg_content .bg_score.score_8 {
background: url('../images/icon-fullstar.svg') 30px center no-repeat, 
url('../images/icon-fullstar.svg') 90px center no-repeat,
url('../images/icon-fullstar.svg') 150px center no-repeat,
url('../images/icon-fullstar.svg') 210px center no-repeat,
url('../images/icon-emptystar.svg') 270px center no-repeat;
background-size: 50px;
}

.bg_content .bg_score.score_9 {
background: url('../images/icon-fullstar.svg') 30px center no-repeat, 
url('../images/icon-fullstar.svg') 90px center no-repeat,
url('../images/icon-fullstar.svg') 150px center no-repeat,
url('../images/icon-fullstar.svg') 210px center no-repeat,
url('../images/icon-halfstar.svg') 270px center no-repeat;
background-size: 50px;
}

.bg_content .bg_score.score_10 {
background: url('../images/icon-fullstar.svg') 30px center no-repeat, 
url('../images/icon-fullstar.svg') 90px center no-repeat,
url('../images/icon-fullstar.svg') 150px center no-repeat,
url('../images/icon-fullstar.svg') 210px center no-repeat,
url('../images/icon-fullstar.svg') 270px center no-repeat;
background-size: 50px;
}

.bg_playlists {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 40px;
padding: 40px 0 50px 0;
}

.bg_playlists .button {
width: 35%;
}

.bg_content .bg_tags {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
border-top: solid 2px #808080;
padding: 40px 0 50px 0;
}

.bg_content .bg_tags .tag {
display: block;
background: url('../images/bg-tag.svg') left center no-repeat;
background-size: cover;
font-family: OpenSans-SemiBold;
font-weight: normal;
font-size: 16px;
line-height: 22px;
color: #333333;
padding: 5px 10px 5px 30px;
transition: color 0.4s;
}

.bg_footer {
background: #101010;
}

.bg_footer .win_line {
padding: 5px 0;
}

.bg_footer .line {
font-size: 17px;
line-height: 24px;
text-align: center;
color: #606060;
}

.disable {
display: none;
}

@media screen and (max-width: 1160px) {

.bg_top .search {
width: 310px;
}

.bg_top100 .bg_slider .slideprev {
left: 10px;
}

.bg_top100 .bg_slider .slidenext {
right: 10px;
}
}

@media screen and (max-width: 1000px) {

.bg_top .win_line {
height: 93px;
}

.bg_top .menu_top {
display: none;
}

.bg_contents .win_line,
.bg_top100 .win_line {
padding-top: 140px;
}

.bg_contents .item.other {
width: 48%;
}

.bg_top100 .bg_slider .slider {
max-width: 623px;
}

.bg_content .win_line {
padding-top: 120px;
}

.bg_content h1 {
font-size: 48px;
line-height: 58px;
}
}

@media screen and (max-width: 780px) {

.bg_contents .item.main, 
.bg_contents .item.main.border {
display: block;
width: 48%;
position: relative;
margin-bottom: 30px;
padding-bottom: 120px;
}

.bg_contents .item.main .bg_image {
width: 100%;
height: 300px;
margin-bottom: 30px;
}

.bg_contents .item.main .bg_text {
width: auto;
padding-bottom: 0;
}

.bg_contents .item.other .bg_text {
padding-bottom: 0;
}

.bg_contents .item.main h2.title {
font-size: 34px;
line-height: 44px;
}

.bg_contents .item.main .button,
.bg_contents .item.other .button {
position: absolute;
left: 0;
bottom: 30px;
width: calc(100% - 60px);
}

.bg_contents .item.other {
border-bottom: solid 2px #808080;
margin-bottom: 30px;
padding-bottom: 120px;
}
}

@media screen and (max-width: 640px) {

.bg_top100 .bg_slider .slider {
max-width: 295px;
}
}

@media screen and (max-width: 600px) {

.bg_contents .item.main,
.bg_contents .item.main.border,
.bg_contents .item.other {
width: 100%;
}

.bg_playlistbar .bg_items {
font-size: 18px;
line-height: 26px;
}

.bg_playlistbar .bg_buttons .button {
font-size: 18px;
line-height: 26px;
}

.bg_content .bg_score {
width: 280px;
height: 70px;
border-width: 3px;
}

.bg_content .bg_score.score_0,
.bg_content .bg_score.score_1,
.bg_content .bg_score.score_2,
.bg_content .bg_score.score_3,
.bg_content .bg_score.score_4,
.bg_content .bg_score.score_5,
.bg_content .bg_score.score_6,
.bg_content .bg_score.score_7,
.bg_content .bg_score.score_8,
.bg_content .bg_score.score_9,
.bg_content .bg_score.score_10 {
background-position: 20px center,
70px center,
120px center,
170px center,
220px center;
background-size: 40px;
}
}

@media screen and (max-width: 470px) {

.bg_top .win_line {
height: 65px;
}

.bg_top .logo {
height: 45px;
}

.bg_top .menu_open {
top: 1px;
}

.bg_top .btn_search {
top: 6px;
}

.bg_top .bg_search {
top: 1px;
}

.bg_top .menu_close {
top: -10px;
}

.bg_upper {
top: 65px;
}
}

@media (hover: hover) {

a:hover {
color: #7fe3c1;
}

.button:hover {
background-color: transparent;
color: #101010;
}

.bg_top .menu_top li a:hover {
background-color: #fff;
color: #101010;
}

.bg_top .menu_open:hover div {
opacity: 0.6;
}

.bg_top .menu_open:hover div:nth-child(3) {
margin-left: 45%;
}

.bg_top .menu_close:hover {
opacity: 0.6;
}

.bg_top .btn_search:hover {
opacity: 0.6;
}

.bg_top .search .submit:hover {
opacity: 0.6;
}

.bg_upper .menu_main li a:hover {
color: #7fe3c1;
}

.bg_upper .menu_main li a:hover::before {
filter: invert(84%) sepia(21%) saturate(681%) hue-rotate(103deg) brightness(96%) contrast(88%);
}

.bg_playlistbar .bg_buttons .button:hover {
background: #606060;
color: #fff;
}

.bg_playlistbar .playlistclose:hover {
color: #606060;
}

.bg_contents .item .bg_image:hover .image {
transform: matrix(1.1, 0, 0, 1.1, -0.05, -0.05);
}

.bg_top100 .bg_slider .item:hover .image {
transform: matrix(1.1, 0, 0, 1.1, -0.05, -0.05);
}

.bg_top100 .bg_slider .slideprev:hover,
.bg_top100 .bg_slider .slidenext:hover {
background-color: #606060;
}

.bg_content .bg_tags .tag:hover {
color: #f4f4f4;
}

}