body {
 margin: 50px;
 padding: 0;
 color: #111;
 font-size: 16px;
 background-color: #242424;
 font-family: 'Poppins', sans-serif;
}


* {
 scrollbar-width: thin;
 scrollbar-color: #FFA851 #222;
}


::-webkit-scrollbar { 
 width: 0em; 
 height: 0em;
}


#menu {
 height: 89%;
 width: 19%;
 float: left;
 text-align: center;
 background-color: #292929;
 border-radius: 40px;
 position: fixed;
}


#menu .logi {
 top: 2%;
 left: 5%;
 border-radius: 99ex;
 background-color: #313131;
 position: absolute;
}


#menu .logi a {
 color: #FFF;
 font-size: 18px;
 padding: 10px 40px 10px 40px;
}


#menu .logi a:hover {
 border-radius: 99ex;
}


#menu .logo {
 top: 12%;
 height: 100px;
 width: 100px;
 margin: 0 auto;
 background-image: url(../icon/logo.png);
 background-size: cover;
 position: relative;
}


#menu h1 {
 top: 14%;
 color: #FFF;
 font-size: 22px;
 font-weight: normal;
 text-align: center;
 position: relative;
}


#menu ul {
 top: 22%;
 width: 100%;
 margin: 0;
 padding: 0;
 list-style-type: none;
 position: relative;
}


#menu a {
 color: #FFF;
 font-size: 16px;
 display: block;
 padding: 7% 0px 7% 0px;
 text-decoration: none;
}


#menu .l_c_1 {
 background-color: #313131;
}


#menu a:hover {
 background-color: #313131;
}


#menu p {
 top: 13%;
 margin: 0;
 padding: 0;
 color: #FFF;
 font-size: 16px;
 position: relative;
}


#menu .copyright {
 bottom: 0;
 height: 50px;
 width: 100%;
 color: #FFF;
 font-size: 16px;
 text-align: center;
 position: absolute;
}


#header {
 height: 0px;
 width: 0px;
 float: right;
 text-align: center;
 background: url(../background/background-header.jpg) center;
 background-size: cover;
 border-radius: 40px;
 position: relative;
}


#header a {
 top: 0px;
 color: #FFF;
 font-size: 0px;
 text-decoration: none;
 position: relative;
}


#header .l_x_1 {
 height: 220px;
 width: 100%;
 background-color: rgba(41, 41, 41, 0.77);
 border-radius: 38px;
}


#video {
 top: 0vh;
 width: 77%;
 float: right;
 padding-bottom: 190px;
 margin-bottom: 50px;
 position: relative;
 background-color: #292929;
 border-radius: 40px;
}


#video .l_z_o video {
 top: 60px;
 left: 50%;
 height: 600px;
 width: 91%;
 transform: translate(-50%, 0);
 position: relative;
 border-radius: 20px;
 background-color: #313131;
}


#video .title {
 color: #F9F9F9;
 font-size: 18px;
 width: 60%;
 font-weight: bold;
 margin-left: 5%;
 margin-top: 84px;
 position: relative;
 word-wrap: break-word;
}


#video .like {
 bottom: 34px;
 right: 5%;
 float: right;
 text-align: center;
 position: relative;
}


#video .like .like-btn {
 border: 0;
 color: #FFF;
 font-size: 20px;
 padding: 10px 20px 10px 40px;
 border-top-left-radius: 99ex;
 border-bottom-left-radius: 99ex;
 background-size: cover;
 cursor: pointer;
 background-color: #313131;
 position: relative;
}


#video .like .like-btn .like-icon {
 top: 12px;
 height: 18px;
 width: 18px;
 background-image: url(../icon/like.png);
 background-size: cover;
 position: absolute;
}


#video .like .dislike-btn {
 border: 0;
 color: #FFF;
 font-size: 20px;
 padding: 10px 20px 10px 40px;
 border-top-right-radius: 99ex;
 border-bottom-right-radius: 99ex;
 cursor: pointer;
 background-size: cover;
 background-color: #313131;
 position: relative;
}


#video .like .dislike-btn .unlike-icon {
 top: 12px;
 height: 18px;
 width: 18px;
 background-image: url(../icon/unlike.png);
 background-size: cover;
 position: absolute;
}


#video .like span {
 color: #FFA851;
 font-size: 16px;
 margin-left: 22px;
 margin-right: 12px;
 font-family: 'Noto Sans Chorasmian', sans-serif;
 position: relative;
}


#video .wyswietlenia {
 height: 0px;
 width: 140px;
 bottom: 25px;
 margin-left: 5%;
 position: relative;
}


#video .wyswietlenia h1 {
 margin: 0;
 padding: 0;
 top: 40px;
 width: 270px;
 color: #B3B3B3;
 font-size: 16px;
 font-weight: normal;
 position: relative;
}


#video .wyswietlenia h2 {
 margin: 0;
 padding: 0;
 top: 40px;
 width: 270px;
 color: #B3B3B3;
 font-size: 16px;
 font-weight: normal;
 position: relative;
}


#video .opis {
 left: 5%;
 height: auto;
 width: 77%;
 color: #F9F9F9;
 font-size: 16px;
 margin-bottom: -100px;
 position: relative;
}


#video .opis .logo {
 top: 95px;
 height: 40px;
 width: 40px;
 background-image: url(../icon/logo.png);
 background-size: cover;
 position: relative;
}


#video .opis p {
 left: 6%;
 top: 55px;
 margin: 0;
 width: 100%;
 word-wrap: break-word;
 position: relative;
}


#video .comment .dodaj {
 left: 5%;
 width: 77%;
 color: #F9F9F9;
 font-size: 16px;
 margin-top: 250px;
 font-weight: normal;
 position: relative;
}


#video .comment .nick_admin {
 top: 4px;
 height: 33px;
 width: 33px;
 font-size: 22px;
 color: #FFF;
 float: left;
 text-align: center;
 background-color: #313131;
 background-size: cover;
 position: absolute;
 border-radius: 99ex;
 z-index: 2;
 border: 10px solid #313131;
}


#video .comment .y_w_1 {
 top: 30px;
 left: 5%;
 float: left;
 clear: both;
 position: relative;
}


#video .add {
 top: 4px;
 height: 33px;
 width: 33px;
 font-size: 22px;
 color: #FFA851;
 float: left;
 text-align: center;
 background-color: #313131;
 background-size: cover;
 position: relative;
 border-radius: 99ex;
 border: 10px solid #313131;
}


#video .add2 {
 top: 4px;
 height: 33px;
 width: 33px;
 font-size: 22px;
 color: #FFA851;
 float: left;
 text-align: center;
 background-color: #313131;
 background-size: cover;
 position: relative;
 border-radius: 99ex;
 border: 10px solid #313131;
}


#video .comment .y_w_2 {
 top: 55px;
 left: 5%;
 float: left;
 clear: both;
 position: relative;
}


#video .comment input {
 border: 0;
 outline: 0;
 color: #FFA851;
 height: 24px;
 width: 400px;
 margin-left: 16px;
 padding: 18px 50px 18px 30px;
 font-size: 16px;
 background-color: #313131;
 border-radius: 20px;
}


#video .comment .textarea {
 border: 0;
 outline: 0;
 resize: none;
 color: #FFF;
 width: 595px;
 font-size: 16px;
 margin-left: 16px;
 padding: 24px 50px 70px 30px;
 background-color: #313131;
 border-radius: 20px;
}


#video .comment button {
 top: 154px;
 right: 0;
 bottom: 0;
 border: 0;
 color: #FFF;
 height: 52px;
 width: 180px;
 font-size: 16px;
 background-color: #313131;
 border-radius: 20px;
 position: absolute;
}


#video .comment ::placeholder {
 opacity: 1;
 color: #FFF;
}


#komentarze {
 width: 77%;
 height: auto;
 float: right;
 padding-bottom: 110px;
 margin-bottom: 60px;
 position: relative;
 border-radius: 40px;
 background-color: #292929;
}


#komentarze p {
 top: 50px;
 left: 5%;
 padding: 0;
 width: 400px;
 color: #F9F9F9;
 font-size: 18px;
 margin: 20px 0px 5px 0px;
 position: relative;
 font-family: 'Nunito', sans-serif;
}


#komentarze span {
 left: 5%;
 padding: 0;
 top: 50px;
 color: #F9F9F9;
 font-size: 16px;
 position: relative;
 font-family: 'Nunito', sans-serif;
}


#komentarze .logo {
 top: 150px;
 left: 5%;
 height: 40px;
 width: 40px;
 position: relative;
 background-size: cover;
 background-image: url(../icon/icon-komentarze.png);
}


#komentarze .nick {
 top: 95px;
 width: 50%;
 color: #FFF;
 font-size: 16px;
 margin-left: 150px;
 position: relative;
 word-wrap: break-word;
}


#komentarze .id {
 margin: 0;
 padding: 0;
 top: 95px;
 margin-left: 150px;
 color: #B3B3B3;
 font-size: 15px;
 font-weight: normal;
 position: relative;
}


#komentarze .data {
 top: 95px;
 font-size: 15px;
 margin-left: 150px;
 color: #B3B3B3;
 position: relative;
}


#komentarze .comment {
 top: 110px;
 width: 77%;
 font-size: 16px;
 margin-left: 150px;
 padding-bottom: 5%;
 line-height: 22px;
 color: #FFF;
 position: relative;
 word-wrap: break-word;
}


#komentarze .reakcje button {
 border: 0;
 left: 144px;
 position: relative;
 background-color: rgba(255, 255, 255, 0.0);
}


#komentarze .reakcje span {
 top: 45px;
 cursor: pointer;
 display: block;
 font-size: 15px;
 position: relative;
 padding: 6px 20px 6px 25px;
}


#komentarze .like-img {
 left: 4px;
 top: 66px;
 height: 16px;
 width: 16px;
 cursor: pointer;
 background-image: url(../icon/like.png);
 background-size: cover;
 position: relative;
 z-index: 99;
}


#komentarze .dislike-img {
 left: 4px;
 top: 68px;
 height: 16px;
 width: 16px;
 cursor: pointer;
 background-image: url(../icon/unlike.png);
 background-size: cover;
 position: relative;
 z-index: 99;
}


#komentarze .logo_admin {
 top: 150px;
 left: 5%;
 height: 40px;
 width: 40px;
 position: relative;
 background-size: cover;
 background-image: url(../icon/icon-admin.png);
}


#komentarze .admin {
 top: 95px;
 width: 50%;
 color: #FFA851;
 font-size: 16px;
 margin-left: 150px;
 position: relative;
 word-wrap: break-word;
}


#komentarze a {
 outline: 0;
 color: #DBA45C;
 text-decoration: none;
}


#komentarze img {
 height: 381px;
 width: 677px;
}


#komentarze-niedostepne {
 width: 70%;
 left: 5%;
 margin-top: 250px;
 position: relative;
}


#komentarze-niedostepne p {
 padding: 0;
 top: 10px;
 color: #F9F9F9;
 font-size: 17px;
 position: absolute;
}


#komentarze-niedostepne span {
 padding: 0;
 color: #F9F9F9;
 font-size: 17px;
 position: absolute;
}


#komentarze-block {
 top: 210px;
 height: 0px;
 width: 77%;
 margin-bottom: 140px;
 position: relative;
}


#komentarze-block p {
 left: 12.5%;
 margin: 0;
 padding: 0;
 color: #F9F9F9;
 font-size: 17px;
 position: relative;
}


#komentarze-block span {
 left: 12.5%;
 color: #F9F9F9;
 font-size: 17px;
 position: relative;
}


@media (max-width: 1000px)

{

body {
 margin: 50px;
 padding: 0;
 color: #111;
 font-size: 20px;
 background-color: #242424;
 font-family: 'Poppins', sans-serif;
}


* {
 scrollbar-width: thin;
 scrollbar-color: #FFA851 #222;
}


::-webkit-scrollbar { 
 width: 0em; 
 height: 0em;
}


#menu {
 top: 16vh;
 height: 0px;
 width: 0px;
 float: left;
 background-color: #292929;
 border-radius: 40px;
 position: fixed;
}


#menu .logi {
 left: 20px;
 top: 20px;
 position: absolute;
}


#menu .logi a  {
 color: #FFF;
 font-size: 0px;
 font-weight: bold;
 text-decoration: none;
 padding: 12px 62px 12px 61px;
 text-align: center;
 position: relative;
 border-radius: 40px;
 background-color: #313131;
}


#menu .logo {
 top: 100px;
 height: 0px;
 width: 0px;
 margin: 0 auto;
 background-image: url(../icon/logo.png);
 background-size: cover;
 position: relative;
}


#menu h1 {
 top: 110px;
 color: #FFF;
 font-size: 0px;
 font-weight: normal;
 text-align: center;
 position: relative;
}


#menu ul {
 top: 160px;
 width: 100%;
 margin: 0;
 padding: 0;
 list-style-type: none;
 position: relative;
}


#menu a {
 color: #FFF;
 font-size: 0px;
 display: block;
 padding: 7% 0px 7% 0px;
 text-decoration: none;
}


#menu p {
 top: 100px;
 margin: 0;
 padding: 0;
 color: #FFF;
 font-size: 0px;
 position: relative;
}


#menu .copyright {
 bottom: 0;
 height: 50px;
 width: 100%;
 color: #FFF;
 font-size: 0px;
 text-align: center;
 position: absolute;
}


#header {
 height: 220px;
 width: 90%;
 float: right;
 text-align: center;
 background: url(../background/background-header.jpg) center;
 background-size: cover;
 border-radius: 40px;
 position: absolute;
}


#header a {
 top: 85px;
 color: #FFF;
 font-size: 50px;
 text-decoration: none;
 position: relative;
}


#header .l_x_1 {
 height: 220px;
 width: 100%;
 background-color: rgba(41, 41, 41, 0.77);
 border-radius: 38px;
}


#video {
 top: 13.4vh;
 width: 100%;
 float: right;
 padding-bottom: 190px;
 margin-bottom: 88px;
 position: relative;
 background-color: #292929;
 border-radius: 40px;
}


#video .l_z_o video {
 top: 60px;
 left: 50%;
 height: 500px;
 width: 87%;
 transform: translate(-50%, 0);
 position: relative;
 border-radius: 20px;
 background-color: #313131;
}


#video .title {
 color: #F9F9F9;
 font-size: 23px;
 width: 60%;
 font-weight: bold;
 margin-left: 7%;
 margin-top: 84px;
 position: relative;
 word-wrap: break-word;
}


#video .like {
 bottom: 34px;
 right: 6.5%;
 float: right;
 text-align: center;
 position: relative;
}


#video .like .like-btn {
 border: 0;
 color: #FFF;
 font-size: 24px;
 padding: 12px 40px 12px 40px;
 border-top-left-radius: 99ex;
 border-bottom-left-radius: 99ex;
 cursor: pointer;
 background-size: cover;
 background-color: #313131;
 position: relative;
}


#video .like .like-btn .like-icon {
 top: 15px;
 height: 20px;
 width: 20px;
 background-image: url(../icon/like.png);
 background-size: cover;
 position: absolute;
}


#video .like .dislike-btn {
 border: 0;
 color: #FFF;
 font-size: 24px;
 padding: 12px 40px 12px 40px;
 border-top-right-radius: 99ex;
 border-bottom-right-radius: 99ex;
 cursor: pointer;
 background-size: cover;
 background-color: #313131;
 position: relative;
}


#video .like .dislike-btn .unlike-icon {
 top: 15px;
 height: 20px;
 width: 20px;
 background-image: url(../icon/unlike.png);
 background-size: cover;
 position: absolute;
}


#video .like span {
 color: #FFA851;
 font-size: 20px;
 margin-left: 25px;
 margin-right: 5px;
 font-family: 'Noto Sans Chorasmian', sans-serif;
 position: relative;
}


#video .wyswietlenia {
 height: 0px;
 width: 140px;
 bottom: 24px;
 margin-left: 7%;
 position: relative;
}


#video .wyswietlenia h1 {
 margin: 0;
 padding: 0;
 top: 40px;
 width: 270px;
 color: #B3B3B3;
 font-size: 22px;
 font-weight: normal;
 position: relative;
}


#video .wyswietlenia h2 {
 margin: 0;
 padding: 0;
 top: 40px;
 width: 470px;
 color: #B3B3B3;
 font-size: 22px;
 font-weight: normal;
 position: relative;
}


#video .opis {
 left: 7%;
 height: auto;
 width: 75%;
 color: #F9F9F9;
 font-size: 20px;
 margin-bottom: -140px;
 position: relative;
}


#video .opis .logo {
 top: 120px;
 height: 45px;
 width: 45px;
 background-image: url(../icon/logo.png);
 background-size: cover;
 position: relative;
}


#video .opis p {
 left: 12%;
 top: 65px;
 margin: 0;
 width: 100%;
 word-wrap: break-word;
 position: relative;
}


#video .comment .dodaj {
 left: 7%;
 width: 77%;
 color: #F9F9F9;
 font-size: 22px;
 margin-top: 320px;
 font-weight: normal;
 position: relative;
}


#video .comment .nick_admin {
 top: 5px;
 height: 42px;
 width: 42px;
 font-size: 28px;
 color: #FFF;
 float: left;
 text-align: center;
 background-color: #313131;
 background-size: cover;
 position: absolute;
 border-radius: 99ex;
}


#video .comment .y_w_1 {
 top: 30px;
 left: 7%;
 float: left;
 clear: both;
 position: relative;
}


#video .add {
 top: 4px;
 height: 42px;
 width: 42px;
 font-size: 28px;
 color: #FFA851;
 float: left;
 text-align: center;
 background-color: #313131;
 background-size: cover;
 position: relative;
 border-radius: 99ex;
}


#video .add2 {
 top: 4px;
 height: 42px;
 width: 42px;
 font-size: 28px;
 color: #FFA851;
 float: left;
 text-align: center;
 background-color: #313131;
 background-size: cover;
 position: relative;
 border-radius: 99ex;
}


#video .comment .y_w_2 {
 top: 55px;
 left: 7%;
 float: left;
 clear: both;
 position: relative;
}


#video .comment input {
 border: 0;
 outline: 0;
 color: #FFA851;
 height: 24px;
 width: 340px;
 margin-left: 20px;
 padding: 26px 80px 26px 40px;
 font-size: 20px;
 background-color: #313131;
 border-radius: 20px;
}


#video .comment .textarea {
 border: 0;
 outline: 0;
 resize: none;
 color: #FFF;
 width: 540px;
 font-size: 20px;
 margin-left: 20px;
 padding: 30px 80px 90px 40px;
 background-color: #313131;
 border-radius: 20px;
}


#video .comment button {
 top: 190px;
 right: 0;
 bottom: 0;
 border: 0;
 color: #FFF;
 height: 62px;
 width: 220px;
 font-size: 20px;
 background-color: #313131;
 border-radius: 20px;
 position: absolute;
}


#video .comment ::placeholder {
 opacity: 1;
 color: #FFF;
}


#komentarze {
 top: 11vh;
 width: 100%;
 height: auto;
 float: right;
 padding-bottom: 150px;
 margin-bottom: 260px;
 position: relative;
 border-radius: 40px;
 background-color: #292929;
 z-index: 999;
}


#komentarze p {
 top: 70px;
 left: 7%;
 padding: 0;
 width: 400px;
 color: #F9F9F9;
 font-size: 26px;
 margin: 20px 0px 5px 0px;
 position: relative;
 font-family: 'Nunito', sans-serif;
}


#komentarze span {
 left: 7%;
 padding: 0;
 top: 70px;
 color: #F9F9F9;
 font-size: 24px;
 position: relative;
 font-family: 'Nunito', sans-serif;
}


#komentarze .logo {
 top: 170px;
 left: 7%;
 height: 55px;
 width: 55px;
 position: relative;
 background-size: cover;
 background-image: url(../icon/icon-komentarze.png);
}


#komentarze .nick {
 top: 95px;
 width: 50%;
 color: #FFF;
 font-size: 22px;
 margin-left: 160px;
 position: relative;
 word-wrap: break-word;
}


#komentarze .id {
 margin: 0;
 padding: 0;
 top: 95px;
 margin-left: 160px;
 color: #B3B3B3;
 font-size: 21px;
 font-weight: normal;
 position: relative;
}


#komentarze .data {
 top: 95px;
 font-size: 21px;
 margin-left: 160px;
 color: #B3B3B3;
 position: relative;
}


#komentarze .comment {
 top: 110px;
 width: 70%;
 font-size: 22px;
 margin-left: 160px;
 padding-bottom: 6%;
 line-height: 22px;
 color: #FFF;
 position: relative;
 line-height: 40px;
 word-wrap: break-word;
}


#komentarze .reakcje button {
 border: 0;
 left: 148px;
 position: relative;
 background-color: rgba(255, 255, 255, 0.0);
}


#komentarze .reakcje span {
 top: 54px;
 cursor: pointer;
 display: block;
 font-size: 18px;
 padding: 10px 20px 10px 37px;
 position: relative;
}


#komentarze .like-img {
 left: 10px;
 top: 82px;
 height: 20px;
 width: 20px;
 cursor: pointer;
 background-image: url(../icon/like.png);
 background-size: cover;
 position: relative;
 z-index: 99;
}


#komentarze .dislike-img {
 left: 10px;
 top: 84px;
 height: 20px;
 width: 20px;
 cursor: pointer;
 background-image: url(../icon/unlike.png);
 background-size: cover;
 position: relative;
 z-index: 99;
}


#komentarze .logo_admin {
 top: 170px;
 left: 7%;
 height: 55px;
 width: 55px;
 position: relative;
 background-size: cover;
 background-image: url(../icon/icon-admin.png);
}


#komentarze .admin {
 top: 95px;
 width: 50%;
 color: #FFA851;
 font-size: 22px;
 margin-left: 160px;
 position: relative;
 word-wrap: break-word;
}


#komentarze a {
 outline: 0;
 color: #DBA45C;
 text-decoration: none;
}


#komentarze img {
 height: 381px;
 width: 677px;
}


#komentarze-niedostepne {
 width: 70%;
 left: 7%;
 margin-top: 250px;
 position: relative;
}


#komentarze-niedostepne p {
 padding: 0;
 top: 10px;
 color: #F9F9F9;
 font-size: 20px;
 position: absolute;
}


#komentarze-niedostepne span {
 padding: 0;
 color: #F9F9F9;
 font-size: 20px;
 position: absolute;
}


#komentarze-block {
 top: 270px;
 height: 0px;
 width: 77%;
 margin-bottom: 200px;
 position: relative;
}


#komentarze-block p {
 left: 20.8%;
 margin: 0;
 padding: 0;
 color: #F9F9F9;
 font-size: 20px;
 position: relative;
}


#komentarze-block span {
 left: 20.8%;
 color: #F9F9F9;
 font-size: 20px;
 position: relative;
}

}
