::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: #a3a3a3;
  border: 0px none #ffffff;
  border-radius: 50px;
}
::-webkit-scrollbar-thumb:hover {
  background: #ffffff;
}
::-webkit-scrollbar-thumb:active {
  background: #7c070b;
}
::-webkit-scrollbar-track {
  background: #4b4b4b;
  border: 0px none #ffffff;
  border-radius: 50px;
}
::-webkit-scrollbar-track:hover {
  background: #4b4b4b;
}
::-webkit-scrollbar-track:active {
  background: #333333;
}
::-webkit-scrollbar-corner {
  background: transparent;
}
body{
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:0;
    background-size: cover;
    overflow-x: hidden !important;
}
@keyframes rot {
    0%{-webkit-transform: rotateY(0deg);transform: rotateY(0deg);}
    100%{-webkit-transform: rotateY(360deg);transform: rotateY(360deg);}
}
@keyframes pojaw {
    from{
        opacity:0;
    }
    to{
        opacity:1;
    }
}

@keyframes pojaw05{
    0%{opacity:0;}
    33%{opacity:1;}
    66%{opacity:1;}
    100%{opacity:1;}
}
@keyframes pojaw1{
    0%{opacity:0;}
    33%{opacity:0;}
    66%{opacity:1;}
    100%{opacity:1;}
}
@keyframes pojaw2{
    0%{opacity:0;}
    33%{opacity:0;}
    66%{opacity:0;}
    100%{opacity:1;}
}

@keyframes loading{
    from{
        width:70%;
    }
    to{
        width:98%;
    }
}
.load_pre > .load_sign:nth-of-type(2){
    animation-name: pojaw05;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    opacity:0;
}
.load_pre > .load_sign:nth-of-type(3){
    animation-name: pojaw1;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    opacity:0;
}
.load_pre > .load_sign:nth-of-type(4){
    animation-name: pojaw2;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    opacity:0;
}
.whole{
    position:relative;
    top:50%;
    margin-top:-160px;
}
table{
    padding:0;
}
#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background: black;
    background-image:radial-gradient(circle,black,black,black,black,black,rgb(0, 16, 30));
    z-index:999; 
}
#status {
    width:170px;
    height:170px;
    margin:0 auto;
    margin-top:5px;
    animation-timing-function: "ease-in";
    background-image:url("../graphics/git.png"); 
    background-repeat:no-repeat;
    background-position:center;
    background-size: contain;
    animation-iteration-count: infinite; 
    -webkit-animation-name:pojaw, rot; 
            animation-name:pojaw, rot;
    -webkit-animation-duration:2.5s, 3s;
            animation-duration:2.5s, 3s;
    -webkit-animation-iteration-count:1, 20;
            animation-iteration-count: 1,20;
            margin-bottom:16px;
}
h1{
    font-size:inherit;
}
a{
    color:rgba(255,255,255,1);
}
ul, menu, dir {
    display: block;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0;
}
.load_stripe_out{
    width:180px;
    height:10px;
    margin:0 auto;
    margin-top:5px;
}
.progress{
    height:8px;
}
.load_sign{
    color:white;
    
}
.load_pre{
    width:280px;
    margin:0 auto;
    margin-top:5px;
    margin-bottom:7px;
    text-align: center;
}
.bg-silver{
    background-color:#0c65ff;
    animation-name: loading;
    animation-duration: 2s;
    animation-timing-function: "ease-in";
    animation-fill-mode: forwards;  
    animation-iteration-count: 1;
    animation-delay: 0.8s;
    width:20%;
}
.eighty > wave{
    top:-64px;
}
.eighty{
    width:100%;
    top:50%;
    position: relative;
}
.k{
    margin-left:-14px !important;
}
wave canvas{
    cursor:pointer;
}
.na{
    position: absolute;
    bottom:0px;
    left:0px;
    right:0px;
    height:42px;
    text-align: center;
    font-size:26px;
    border-top: solid 2px black;
    background-color:rgba(30,30,30,0.8);
    background:linear-gradient(to right,black,rgba(30,30,30,0.7),black,black,rgba(30,30,30,0.7),black);
    border-bottom-right-radius: 20px;
    -webkit-box-shadow: 0px 0px 23px 6px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 23px 6px rgba(0,0,0,0.75);
box-shadow: 0px 0px 23px 6px rgba(0,0,0,0.75);
}
.na >div{
    display:inline-block;
    font-size:inherit;
    margin-left:10px;
    margin-right:10px;
}
.lift{
    width:100%;
    height:183px;
}
.righ{
    width:100%;
    height:183px;
    background-color:black;
    text-align: center;
}
.na > div > span{
    cursor:pointer;
    color:rgba(255,255,255,0.9);
}
.na > div > div > span{
    cursor:pointer;
    color:rgba(255,255,255,0.9);
}
.gall{
    height:100%;
    display:inline-block;
}
#menu{
    width:100%;
    background:url("../graphics/scena.jpg");
    background-size:cover;
}
#muzyka{
    background:url("../graphics/scena.jpg");
    background-size:cover;
}
#lektor{
    background:url("../graphics/scena.jpg");
    background-size:cover;
}
#aktor{
    background:url("../graphics/scena.jpg");
    background-size:cover;
}
#gall{
    background:url("../graphics/scena.jpg");
    background-size:cover;
}
#gall1{
    background:url("../graphics/muz.png");
}
#omnie{
    background:url("../graphics/muz.png");
}
#contact{
    background:url("../graphics/scena.jpg");
    background-size: cover;
    background-position: center;
}
.omnietxt {
    padding: 10px;
    width: 100%;
    font-size: 1.1em;
    line-height: 20px;
    color: rgba(233,233,233,0.8);
    overflow:auto;
    height:600px;
    font-family: 'Lato';
}
.omnietxt > p{
    text-indent:20px;
    margin:0;
}
.okkk{
    height:100%;
    display:table;
}
 #menu .fp-controlArrow{
    display:none !important;
}
#menu  nav{
    width:100%;
    position:relative;
    margin-top:10px;
}
#menu1s .fp-tableCell{
    /*display:block;*/
    /*vertical-align:auto;*/
}
.showw{
    width:auto;
    height:700px;
    text-align: center;
    margin-bottom:10px;
    padding-bottom:3px;
    position:relative;
    overflow: hidden;
}
.showw >img{
    margin:0 auto;
    height:100%;
}
.thickbox{
    display:none;
}
.supe{
    background-color:rgba(0,0,0,0.5);
    border:solid 2px rgba(20,20,20,0.97);
    box-sizing:content-box;
    padding-bottom:10px;
    position:relative;
}
.item > img{
    height:100px;
    width:auto;
}
.thumbs{
    width:100%;
    overflow:hidden;
    position:relative;
}
.odc{
    height:100%;
}
.prev1{
    z-index:10;
    height:100px;
    width:60px;
    text-align: center;
    position:absolute;
    left:0;
    bottom:120px;
    padding-top:30px;
    background-color:rgba(0,0,0,0.71);
    font-size:40px;
    color:white;
    cursor:pointer;
    border-top-right-radius:30%;
    border-bottom-right-radius:30%;
    border:solid 2px black;
}
.next1{
    z-index:10;
    height:100px;
    width:60px;
    text-align: center;
    position:absolute;
    right:0;
    bottom:120px;
    padding-top:30px;
    background-color:rgba(0,0,0,0.71);
    font-size:40px;
    color:white;
    cursor:pointer;
    border-top-left-radius:30%;
    border-bottom-left-radius:30%;
    border:solid 2px black;
}
.demoCon{
    display:block;
    width:auto;
    height:40px;
    float:right;
    box-sizing:border-box;
}
.h100{
    height:100%;
}
.insted{
    position:absolute;
    width:0;
    height:0;
    display:none;
    
}
.galeon{
    background:rgba(0,0,0,0.3);
    text-align:center;
}
#close-button-urs {
    top: 20px;
    right: 2%;
    right: calc(2% + 6px);
    width: 30px;
    height: 30px;
    position: fixed;
}

.ulkacon{
    display:none;
    width:100%;
    overflow:scroll;
    position: fixed;
    background:rgba(0,0,0,0.7);
    z-index:300;
    height:100%;
    top:0px;
    left:0px;
}
.ulkacon a{
    height:140px;
    width:auto;   
    display:inline-block;
    overflow:hidden;
    margin: 4px 6px;
    box-shadow: 0 0 4px -1px #000;
}
.gra{
    height:100%;
    width:100%;
    padding-top:2px;
    position:relative;
    padding-bottom:2px;
    background:linear-gradient(to right,black,white,red,white,black);
}
.closse{
    top:5px;
    right:20px;
    height:30px;
    width:30px;
    display: table;
    z-index:50;
    position:absolute;
    background-color:black;
    cursor:pointer;
}
.closse:hover span{
    color:white;
    
}
.closse >span{
    display:table-cell;
    vertical-align: middle;
    font-size:25px;
    color:red;
}
.ulkacon img{
    height:140px;
    width:auto;   
    display:block;
    overflow:hidden;
    box-shadow: 0 0 4px -1px #000;
}
.navi{
    width:100%;
    position:relative;
}
#owl-demo{
    padding-bottom: 10px;
}

#owl-demo .item{
  margin: 3px;
  width:auto;
}
.midd{
    width:100%;
    height:33%;
    margin-top:100px;
    text-align: center;
    overflow:hidden;
    position:relative;
    visibility:hidden;
}
.iko{
    display:inline-block;
    height:100%;
    width:auto;
}
.owl-item{
    float:left;
    height:100px;
    width:auto !important;
}
#owl-demo .item img{
  display: block;
  height:100px;

}
.demaimg{
    display:none;
    width:auto;
    height:40px;
    text-align: center;;
}
.demaimg > li{
    padding-top:13px;
    display:inline-block;
    width:auto;
    height:40px;
    color:rgba(255,255,255,0.9);
    font-family: 'Lato';
    font-size:14px;
    text-transform: uppercase;
    cursor:pointer;
    margin-left:10px;
    margin-right:10px;
    border-radius:5em;
    padding-left:5px;
    padding-right:5px;
}
.demaimg > li >a{
    display:table-cell;
    vertical-align:middle;
}
.demaimg > li:hover{
    background-color:rgba(255,255,255,0.05);
}
#commUl{
    display:table;
    height:40px;
    float:right;
}
.ndem{
    width:100%;
    height:40px;
    position:relative;
}
.ndemmcon{
    position:absolute;
    top:20px;
    text-align:center;
}
.odmn{
    position:relative;
}
#commUl > li{
    display:table-cell;
    height:40px;
    width:auto;
    font-size:19px;
    text-align:center;
    color:rgba(255,255,255,0.9);
    vertical-align: middle;
    padding-left:7px;
    padding-right:7px;
}
#commUl > li >a >div >i:hover{
    color:#3b5998;
}
#commUl > li:nth-child(2) >a >div >i:hover{
    color:red;
}
.pod{
    width:65%;
    text-align: right;
    margin:0 auto;
}
.navi > li{
    font-family: 'Lato';
    text-transform: uppercase;
    font-size:12px;
    text-align: center;
    color:rgba(255,255,255,1);
    cursor:pointer;
    overflow:hidden;
    padding: 0.75em 2em;
    border-radius: 2em;
    display: inline-block;
    color: #fff;
    transition: all 0.15s ease;
    box-sizing: border-box;
    border: 1px solid #4fc08d;
    margin-left:6px;
    margin-right: 6px;
}
.img-moj{
    border-radius:5px;
    border:solid grey 2px;
    display:inline-block;
}
a:hover, a:focus,a:active, a:visited {
    color: white !important;
    text-decoration:none !important;
}
.navi > li >a{
    display:table-cell;
    width:100%;
    height:100%;
    vertical-align: middle;
    letter-spacing: 2px;
    text-align:center;
}
.navi > li:hover >a{
    color:rgba(233, 233,228,0.81) !important; 
}
.demaCon{
    position: relative;
}
.demaCon:hover >span{
    color:rgba(233, 233,228,0.81) !important;
}
iframe{
    width:65%;
    height:600px;
    margin:0 auto;
    border-radius:50px;
}
.nameofaman{
    width:100%;
    text-align: center;
    font-family:'Lato';
    text-transform: uppercase;
    color:rgba(255,255,255,0.9);
    font-size:60px;
    letter-spacing: 0.5em;
    cursor: pointer;
    text-shadow:2px 2px 20px black;
    margin-bottom:40px;
}
.choice > li:first-child{
    border-left:none;
}
.center{
    text-align:center;
    width:90%;
    margin:0 auto;
}
.tyt{
    width:100%;
    text-align: center;
    font-family:'Lato';
    text-transform: uppercase;
    color:rgba(255,255,255,0.9);
    font-size:60px;
    letter-spacing: 0.5em;
    cursor: pointer;
    padding-left:40px;
    margin-bottom:30px;
}
.tytul{
    width:100%;
    text-align: center;
    font-family:'Lato';
    text-transform: uppercase;
    color:rgba(255,255,255,0.9);
    font-size:50px;
    letter-spacing: 0.5em;
    cursor: pointer;
    padding-left:40px;
    margin-bottom:50px;
}
.set{
    margin:0 auto;
    height:100% !important;
    width:auto !important;
}
.loading{
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-21px;
    margin-top:-21px;
    z-index:20;
    display:none;
    color:white;
}
.vjs-control-bar{
    background-color:rgba(20,20,20,1) !important;
}
.ulmucon{
    text-align:center;
}
.lista{
    position:absolute;
    top:0px;left:0px;
    right:0px;
    height:40px;
    background-color:black;
    color:white;
    text-align:center;
    border:1px solid white;
}
.littledot:active{
    border-color:red;
}
.littledot{
    font-family:'Lato';
    font-size:12px;
    color:rgba(255,255,255,0.9);
    text-transform: uppercase;
    height:82px;
    width:94%;
    float:left;
    padding:9px;
    text-align: center;
    overflow:hidden;
    border-width: 1px;
    border-bottom:dotted 1px white;
    cursor:pointer;
    transition:transform ease-in 0.15s;
    border-radius:3px;
    
}
.teatr{
    height:600px;
    overflow:auto;
    width:100%;
    color:white;
    overflow-x: hidden;
}
.one-fif {
    width: 100%;
    height: auto;
    border-bottom: solid 1px rgba(60,60,60,0.7);
    padding-top: 3px;
    padding-bottom: 3px;
    display: table;
    color: rgba(233,233,233,0.8);
}
.empi {
    font-weight: bold;
    color: rgba(233,120,233,0.8);
}
.fifleft {
    width: 20%;
    float: left;
    height: 100%;
    text-align: left;
    padding-left: 30px;
    display: inline-block;
}
.fifright {
    width: 80%;
    float: left;
    height: 100%;
    text-align: left;
    padding-left: 30px;
    display: inline-block;
}
.littledot:hover{
    background:rgba(30,30,30,0.8);
    transition:background 0.4s;
}
.videocon{
    position:relative;
    width:100%;
    height:400px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border:dotted 1px rgba(50,50,50,0.7);
    -webkit-box-shadow: 0px 0px 30px 20px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 30px 20px rgba(0,0,0,0.75);
box-shadow: 0px 0px 30px 20px rgba(0,0,0,0.75);
}
.inslittle{
    height:64px;
    width:102px;
    float:left;
    margin-right:9px;
}
.littledot > div{
    width:auto;
    height:100%;
    vertical-align: middle;
    overflow:auto;
    border-radius:3px;
    text-align: left;
    padding:10px;
    overflow:hidden;
}
.littledot > div > div{
    width:100%;
    height:100%;
    display:table;
    overflow:hidden;
}
.littledot > div > div > div{
    width:100%;
    height:100%;
    display:table-cell;
    vertical-align:middle;
    overflow:hidden;
}
.songscon{
    width:100%;
    height:400px;
    position:relative;
    background-color:rgba(0,0,0,0.06);
}
.pokrywa{
    background-color:rgba(255,255,255,0.02);
    padding:30px;
    border-radius:5px;
    -webkit-box-shadow: 0px 0px 101px 34px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 101px 34px rgba(0,0,0,0.75);
box-shadow: 0px 0px 101px 34px rgba(0,0,0,0.75);
}
.group{
    overflow:auto;
    height:100%;
    width:100%;
    border-top: rgba(120,120,120,0.75);
    border-bottom: rgba(120,120,120,0.75);
}

.choice{
    width:100%;
    margin:0 auto;
    font-family:'Lato';
    text-transform: uppercase;
    color:rgba(255,255,255,0.8);
    font-size:13px;
    letter-spacing: 0.2em;
    cursor: pointer;
}
.choice1{
    width:100%;
    margin:0 auto;
    font-family:'Lato';
    text-transform: uppercase;
    color:rgba(255,255,255,0.8);
    font-size:14px;
    letter-spacing: 0.2em;
    cursor: pointer;
}
@keyframes pulse{
    0% {
        background-color:rgba(0,0,0,0.25);
    }
    40%{
        background-color:rgba(0,0,0,0.35);
    }
    50%{
        background-color:rgba(0,0,0,0.40);
    }
    100%{
        background-color:rgba(0,0,0,0.25);
    }
}
#menu .slide:first-child, #muzyka .slide:first-child, #lektor .slide:first-child,#aktor .slide:first-child{
    background-color: rgba(0,0,0,0.8);
    animation: pulse 7s infinite;
}
.rev{
    transform:rotateY(180deg); 
}
.choice > li{
    display:inline-block;
    float:none;
    border-left:solid 1px red;
    padding-left:7px;
}
.ozdoba{
    height:30px;
    width:auto;
}
.choice > li:hover{
    border-left:solid 1px blue;
    padding-left:7px;
    
}
.choice1 > li{
    display:inline-block;
    float:none;
    padding-left:7px;
    padding-right:7px;
    font-size:14px;
    padding-top:5px;
    padding-bottom:5px;
    border-radius:5em;
    text-shadow: 3px 3px 20px black;
}
.choice1 > li:hover{
    background-color:rgba(0,0,0,0.35);
}
ul{
    list-style-type: none;
}
input[type=range] {
  height: 18px;
  -webkit-appearance: none;
  width: 100%;
  background-color:transparent;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 3px;
  cursor: pointer;
  box-shadow: 0px 0px 1px #000000;
  background: #787878;
  border-radius: 39px;
  border: 0px solid #010101;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 1px 1px 4px #000031;
  border: 1px solid #1E0409;
  height: 15px;
  width: 15px;
  border-radius: 43px;
  background: #FFFFFF;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -6.5px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #787878;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 3px;
  cursor: pointer;
  box-shadow: 0px 0px 1px #000000;
  background: #787878;
  border-radius: 39px;
  border: 0px solid #010101;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 1px 1px 4px #000031;
  border: 1px solid #1E0409;
  height: 15px;
  width: 15px;
  border-radius: 43px;
  background: #FFFFFF;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 3px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #787878;
  border: 0px solid #010101;
  border-radius: 78px;
  box-shadow: 0px 0px 1px #000000;
}
input[type=range]::-ms-fill-upper {
  background: #787878;
  border: 0px solid #010101;
  border-radius: 78px;
  box-shadow: 0px 0px 1px #000000;
}
input[type=range]::-ms-thumb {
  margin-top: 1px;
  box-shadow: 1px 1px 4px #000031;
  border: 1px solid #1E0409;
  height: 15px;
  width: 15px;
  border-radius: 43px;
  background: #FFFFFF;
  cursor: pointer;
}
#tekt1{
    display:none;
}
#tekt1{
    padding-top:50px;
    padding-bottom:50px;
    background: linear-gradient(to bottom,black,rgba(40,40,40,0.7));
}
footer div{
    width:100%;
    text-align: center;
    color:white;
    background-color:black;
    font-family: inherit;
}
footer div span{
    color:aqua;
}
input[type=range]:focus::-ms-fill-lower {
  background: #787878;
}
input[type=range]:focus::-ms-fill-upper {
  background: #787878;
}
input[type=range] {
    display:inline;
    width: 100%;
}
#fp-nav{
    top:30%;
}
#fp-nav >ul >li a span{
    background:white;
}
.ad{
    position: absolute;
    margin-top:10px;
    margin-left:-17px;
}
.fa-volume-off:before {
    content: "\f026";
}
.title1{
    text-align:left;
    text-transform: uppercase;
    margin:0 auto;
    font-size:30px;
    color:#FFF;
}
.title2{
    color:#FFF;
        text-align:left;
    text-transform: uppercase;
    display:inline-block;
    font-size:26px;
    margin-bottom:30px;
}
.t{
    color:#FFF;
        text-align:left;
    text-transform: uppercase;
    margin:0 auto;
    font-size:16px;
    margin-bottom:5px;
}
.e{
    color:#FFF;
        text-align:left;
    text-transform: uppercase;
    margin:0 auto;
    font-size:16px;
    margin-bottom:5px;
}
.em{
    color:#FFF;
}
.te{
    color:#FFF;
}
.textone{
    border: 1px solid #000000;
    border-radius: 0;
    border-top:none;
    border-left:none;
    border-right:none;
    color: #FFF;
    margin-bottom: 20px;
    margin-top: 10px;
    padding: 0 23px;
    width: 100%;
    height:30px;
    background-color:transparent;
    -webkit-box-shadow: 0px 0px 27px 5px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 27px 5px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 27px 5px rgba(0,0,0,0.75);
;
}
.emailone{
    border: 1px solid #000000;
    border-radius: 0;
    border-top:none;
    border-left:none;
    border-right:none;
    color: #FFF;
    margin-bottom: 20px;
    margin-top: 10px;
    padding: 0 23px;
    width: 100%;
    height:30px;
    background-color:transparent;
    -webkit-box-shadow: 0px 0px 27px 5px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 27px 5px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 27px 5px rgba(0,0,0,0.75);
}
.messageone{
    border: 2px solid #000000;
    border-radius: 0;
    color: #FFF;
    margin-bottom: 20px;
    margin-top: 10px;
    padding: 10px 23px;
    width: 100%;
    height:200px;
    border-top:none;
    border-left:none;
    border-right:none;
    background-color:transparent;
    -webkit-box-shadow: 0px 0px 37px 5px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 37px 5px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 37px 5px rgba(0,0,0,0.75);
}
.subone{
    width:100%;
    margin:0 auto;
    background: #0155eb;
    border: 1px solid #74848e;
    border-radius: 0;
    color: #fff;
    margin-bottom: 20px;
    margin-top: 10px;
    height:30px;
    -webkit-box-shadow: 0px 0px 27px 5px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 27px 5px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 27px 5px rgba(0,0,0,0.75);
}
.form-con{
    width:80%;
    text-align:center;
    margin:0 auto;
    display:block;
}
@media (max-width:1430px){
    .tytul{
        font-size:40px;
    }
    .showw{
        height:400px;
    }
    .nameofaman{
        font-size:40px;
    }

}@media (max-width:1260px){
    #tekt{
        display:none;
    }
    #kip{
        display:none !important;
    }
}
@media (max-width:980px){
    .tytul{
        font-size:40px;
        margin-bottom:20px;
    }
    iframe{
        height:400px;
    }
    .nameofaman{
        font-size:40px;
    }
    .songscon{
        height:200px;
        margin-top:15px;
    }
    .videocon{
        height:200px;
    }
    .fp-controlArrow.fp-prev {
        margin-top:20px;
        left: 1px;
        width: 0;
        border-width: 19px 17px 19px 0px !important;
        border-color: transparent #fff transparent transparent;
    }
    .fp-controlArrow.fp-next {
        margin-top:20px;
        right: 1px;
        border-width:19px 0 19px 17px;
        border-color: transparent transparent transparent #fff;
    }
}
@media (max-width:736px){
    .tytul{
        font-size:25px;
        margin-bottom:20px;
    }
    iframe{
        height:400px;
    }
    .nameofaman{
        font-size:30px;
        height:100px;
    }
    .songscon{
        height:200px;
        margin-top:15px;
    }
    .videocon{
        height:200px;
    }
    .midd{
        height:220px;
        margin-top:40px;
        margin-bottom:40px;
    }
    .choice > li{
        width:100%;
        border:none;
        margin-top:4px;
        margin-bottom:4px;
    }
    .choice1 > li{
        width:100%;
        border:none;
        margin-top:4px;
        margin-bottom:4px;
    }
    .choice >li:hover{
        border:none;
    }
    #tekt1{
        display:block;
    }
    .container {
        padding-right: 25px;
        padding-left: 25px;
        margin-right: auto;
        margin-left: auto;
    }
    .fp-responsive .fp-slide,
    .fp-responsive .fp-section{
        height: auto !important;
    }
    .choice > li > span:hover{
        text-shadow:1px 1px 5px black;
        letter-spacing: 1px;
    }
}
@media (max-width:550px){
    .tytul{
        font-size:20px;
    }
    .tyt{
        font-size:38px;
        letter-spacing: 15px;
    } 
}
@media (min-width:520px) and (max-width:992px){
}
#bg{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;

}
@media (min-width:520px) and (max-width:650px){
}
@media (min-width:420px) and (max-width:530px){

}
#bg{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;

}
#bg1{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;

}
#bg2{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;

}
.slide{
    background-color:rgba(0,0,0,0.5);
}
.sss{
    background-color:transparent;
}
.botpro{
    height:25px;
    background-color: rgba(255,255,255,0.2);
    text-align: left;
    color:black;
}
.chkbot{
    padding-top:4px;
    margin-left:10px;
    margin-right:5px;
}
.now{
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:   rgba(233,233,233,0.8);;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    rgba(233,233,233,0.8);;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    rgba(233,233,233,0.8);;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    rgba(233,233,233,0.8);;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:    rgba(233,233,233,0.8);;
}