@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{font-family:'Roboto';font-style:normal;font-weight:700;font-display:swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{font-family:'Roboto';font-style:normal;font-weight:900;font-display:swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmYUtfBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{font-family:'Roboto';font-style:normal;font-weight:300;font-display:swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{font-family:'Roboto';font-style:normal;font-weight:500;font-display:swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html,body,div,main,span,applet,object,iframe,caption,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,
tt,var,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,dl,dt,dd,ol,ul,li,fieldset,form,label,
legend{vertical-align:baseline;font-size:100%;outline:0;padding:0;margin:0;border:0;}
:focus{outline:0;}
a{font:normal 11px 'Roboto',sans-serif;outline:none;cursor:pointer;}
a:link,a:visited,a:active{text-decoration:none;color:#07519a;}
a.qc-cmp2-persistent-link:link,a.qc-cmp2-persistent-link:visited,a.qc-cmp2-persistent-link:active{text-decoration:none;color:#f1fa4b;}
a:hover{text-decoration:none;}
img,picture{border:none;text-decoration:none;}
ol,ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{font-weight:normal;text-align:left;}
blockquote:before,blockquote:after,q:before,q:after{content: "";}
blockquote,q{quotes: "" "";}
ul{padding: 0 0 0 2px;margin:0;margin-left: 1px;list-style: none;}
ul li{padding-left:10px;line-height:170%;}
ol li{line-height:170%;}
fieldset{border:0;padding:5px 0;}
h1{font-size:200%;}h2{font-size:155%;}h3{font-size:125%;}h4{font-size:100%;}h5{font-size:120%;}h6{font-size:110%;}th{padding:4px;text-align:left;}
fieldset{border:none;} fieldset a{font-weight:bold;}
input,select{font: normal 11px 'Roboto',sans-serif;}
hr{border-top:1px solid #f9f9f9;border-right:0;border-left:0;border-bottom:0;height:1px;}
.clearfix{clear:both;}

html{margin-bottom:1px;}
body{background:#505050;line-height:1;color:black;overflow-y:scroll;overflow-x:auto;box-sizing:border-box;
font:normal 12px 'Roboto',sans-serif;height:100%;}
#mainbody{min-height:100vh !important;min-width:100vw !important;overflow:auto !important; position:static !important;}

#mainbody[data-panel="open"] #mobilecontainer{margin-left:230px;}
#mainbody[data-panel="open"]{overflow-x:hidden;}
#mainbody[data-panel="open"] #mobilemenu{visibility:visible;left:0px;}
#mainbody[data-panel="open"] .ntopmenu{width:100%;height:auto;z-index:200;}

.itemaction{ cursor : pointer ; }

#overwindow{display:none;position:fixed;width:100%;height:100%;top:0px;left:0px;background-color:rgba(0,0,0,0.6);
z-index:100000;max-width:100%;box-sizing:border-box;max-height:100%;}
.newloginpanel{display:flex;position:absolute;width:450px;max-width:100%;height:auto;max-height:100%;top:50%;left:50%;
font-size:1.2rem;padding:2.5em 1em 1em 1em;transform:translate( -50% , -50% );background-color:#505050;margin:0 auto;
border:1px solid black;color:white;flex-direction:column;flex-wrap:nowrap;align-items:stretch;box-sizing:border-box;}
.newloginpanelclose{position:absolute;top:5px;right:5px;width:1.5em;height:1.5em;cursor:pointer;}
.newloginpanelclose svg{display:block;stroke:white;fill:white;pointer-events:none;}
.newloginpanelclose:hover svg{stroke:red;fill:red;}
.loginchecklabel{padding-bottom:1em;display:flex;align-items:flex-start;flex-direction:row;flex-wrap:nowrap;}
.loginchecklabel a{font-size:1em;color:white;text-decoration:none;font-weight:bold;}
.loginchecklabel input[type="checkbox"]{font-size:1em;width:1.2em;height:1.2em;vertical-align:middle;max-width:1.2em;max-height:1.2em;min-width:1.2em;min-height:1.2em;margin-right:0.5em;}
.logintextlabel{padding-bottom:1em;display:block;}
.logintextlabel input[type="text"]{display:block;font-size:1em;width:calc( 100% - 10px );}
.logintextlabel input[type="password"]{display:block;font-size:1em;width:calc( 100% - 10px );}
.logintextlabel select{display:block;font-size:1em;width:100%;padding:1px 2px;}
.newloginpanel[data-way="wiochac"] .logintextlabel{padding-bottom:0.6em;}
.newloginpanel[data-way="wiochac"] .loginchecklabel{padding-bottom:0.6em;}

.LOGINBUTTON{min-height:3em;border:1px solid #aaa;padding-left:3em;text-align:center;color:#555;cursor:pointer;
margin-bottom:1em;background-size:2.5em;background-position:0.5em;display:flex;justify-content:center;
align-items:center;font-weight:600;background-color:white;background-repeat:no-repeat;}
.GOOGLELOGIN,.GOOGLECREATE,.GOOGLEBIND{background-image:url('https://cdn.wiocha.pl/img/google_logo.svg');}
.FBLOGIN,.FBCREATE,.FBBIND{background-image:url('https://cdn.wiocha.pl/img/facebook_logo.svg');}
.CHANGEPASS{background-image:url('https://cdn.wiocha.pl/img/changepass.svg');}
.CHANGEMAIL{background-image:url('https://cdn.wiocha.pl/img/changeemail.svg');}
.CHANGENOTS{background-image:url('https://cdn.wiocha.pl/img/changenotset1.svg'),
                             url('https://cdn.wiocha.pl/img/changenotset.svg');
background-size:1.25em,2em;background-position:1.8em 0.1em,0.5em;}
.CHANGEAVATAR{background-image:url('https://cdn.wiocha.pl/img/changeavatar.svg');}
.SELECTAVATAR{position:relative;}
.SELECTAVATAR>input[type="file"]{position:absolute;left:0px;top:0px;width:100%;height:100%;opacity:0;z-index:1;}
.WIOCHALOGIN,.WIOCHACREATE{background-image:url('https://cdn.wiocha.pl/img/apple-touch-icon192.png');}
.LOGINBUTTON:hover{background-color:#c1c5d0;}

.newloginpanel .UPLOGIN{display:none;}
.newloginpanel[data-way="wiocha"] .UPLOGIN{display:block;}
.newloginpanel[data-way="wiocha"] .loginchecklabel.UPLOGIN{display:flex;}
.newloginpanel[data-way="wiocha"] .LOGINBUTTON{display:none;}
.newloginpanel[data-way="wiochac"] .UPLOGIN{display:block;}
.newloginpanel[data-way="wiochac"] .loginchecklabel.UPLOGIN{display:flex;}
.newloginpanel[data-way="wiochac"] .LOGINBUTTON{display:none;}
.UPSUBMIT,.CRSUBMIT,.ARPANEL,.FPPANEL,.ARSUBMIT,.FPSUBMIT,.CPSUBMIT,.CMSUBMIT,.NSSUBMIT,.AVSUBMIT{ font-size:1.1em; }
input[type="button"].UPSUBMIT:hover,input[type="button"].CRSUBMIT:hover,
input[type="button"].ARPANEL:hover,input[type="button"].FPPANEL:hover,
input[type="button"].ARSUBMIT:hover,input[type="button"].FPSUBMIT:hover{background-color:#c1c5d0;}
.newloginpanelerror{padding:0px 0px 1rem 0px;color:#e10707;font-weight:bold;text-align:center;}
.newloginpanelinfo{padding:0px 0px 1rem 0px;color:#1ee107;font-weight:bold;text-align:center;}
.newloginpanel[data-way="wiochac"] .CRSUBMIT,
.newloginpanel[data-way="wiochac"] .ARPANEL,
.newloginpanel[data-way="wiocha"] .FPPANEL,
.newloginpanel[data-way="wiocha"] .UPSUBMIT,
.newloginpanel[data-way="wiochac"] .ARSUBMIT,
.newloginpanel[data-way="wiocha"] .FPSUBMIT{ margin-bottom:0.6em; }
.newloginpanel.showinfo .LOGINBUTTON,
.newloginpanel.showinfo .loginchecklabel,
.newloginpanel.showinfo .logintextlabel{display:none;}
.newloginpanel.showinfo .newloginpanelinfo{display:block;}

.newloginpanel.remindform .FPSUBMIT,.newloginpanel.remindform .ARSUBMIT, 
.newloginpanel.remindform .logintextlabel{display:block;}
.newloginpanel .token{display:block; margin:0.3em auto;}

.binds{display:flex;height:auto;max-width:100%;flex-direction:row;flex-wrap:wrap;justify-content:space-around;align-items:center;font-size:1rem;}
.binds .LOGINBUTTON{ width: 340px; max-width:100%; flex:0 0 340px;box-sizing:border-box;font-size:1em;}
.edits{display:flex;height:auto;max-width:100%;flex-direction:row;flex-wrap:wrap;justify-content:space-around;align-items:center;font-size:1rem;}
.edits .LOGINBUTTON{ width: 340px; max-width:100%; flex:0 0 340px;box-sizing:border-box;font-size:1em;}

.grayed{color:#888888;font-weight:500;}
.ltgrayed{color:#CCCCCC;font-weight:500;}
.ltreded{color:#FF5050;font-weight:500;}
.ltblued2{color:#0BF3EF;font-weight:500;}
.greened{color:#10AA10;font-weight:500;}
.reded{color:#AA1010;font-weight:500;}
.blued{color:#1010AA;font-weight:500;}
.ltblued{color:#2579c5;font-weight:500;}

.doublecolumncentered{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:stretch;align-items:center;}
.doublecolumncentered>div{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;margin:0.2em auto;}
.doublecolumncentered>div>div{display:none;}
.doublecolumncentered>div>div:first-child{text-align:right;margin-right:0.5em;display:inline-block;}
.doublecolumncentered>div>div:nth-child(2){text-align:left;display:inline-block;}

.errormes{font-size:1.5em;text-align:center;color:red;font-weight:bold;}

.comdiv{vertical-align:top;margin:0px;padding:0px;text-align:right;width:100%;}
.mobile .comdiv{ padding : 5px 0 ;}

.newcomment{width:100%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:stretch;text-align:left;
padding-bottom:0.2em;border-bottom:1px solid #505050;font-size:1rem;box-sizing:border-box;max-width:100%;}
.usercomments .newcomment{border-bottom:1px solid #202020;}
.newcomment.answer{padding-left:5%;}
.newcommentarea{width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:stretch;padding:0.2em;overflow:hidden;}
#bestcom .newcommentarea{padding:0.25em;width:calc( 100% - 4px );}
.newcommentcarea{flex:1 1 100%;display:flex;flex-direction:column;margin-left:4px;max-width:calc( 100% - 85px );}
.newcommentcinfo{flex: 1 1 auto;width:100%;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;}
.mobile .newcommentcinfo{flex-wrap:wrap;flex:0 0 auto;}
.newcommentdate{display:inline-block;text-align:left;color:#999999;font-size:0.9em;align-self:flex-start;padding-right:0.5em;}
a.userlink{color:#AAAAAA;font-weight:500;text-decoration:none;display:inline-block;font-size:0.9em;align-self:flex-start;padding-right:0.5em;}
a.absurdlink{color:#ff0000;font-weight:500;text-decoration:none;display:inline-block;font-size:0.9em;align-self:flex-start;}
.mobile .newcommentdate{font-size:1em;}
.mobile a.absurdlink{font-size:1em;width:100%;padding:0.4em 0 0 0;}
.mobile a.userlink{font-size:1em;}
.newcommentocena{display:flex;text-align:right;color:white;font-size:0.9em;margin-right:5px;margin-left:auto;align-items:center;}
.mobile .newcommentocena{margin:0;display:flex;align-items:center;width:100%;}
.newcommentbody{flex:1 1 100%;width:auto;font-size:1em;color:white;padding-top:1em;overflow-wrap:break-word;word-wrap:break-word;hyphens:auto;}
.mobile .newcommentbody{padding-left:5px;}
.newcommentanswer{flex:1 1 100%;text-align:right;font-size:1em;font-weight:bold;}
.newcommentanswer>a{font-size:inherit;font-weight:inherit;display:block;color:red;}
.mobile .newcommentanswer>a{padding:0.4em;}
.newcommentanswer>a:hover{color:red;}
.comvalp{color:#00ff00;font-size:1.3em;border:2px solid #00ff00;margin:0.1em 0.2em 0.1em 0.2em;border-radius:10%;
width:1em;height:1em;display:inline-block;text-align:center;line-height:1em;cursor:pointer;order:7;}
.comvalp:hover{color:white;background-color:#00ff00;}
.comvalm{color:#ff0000;font-size:1.3em;border:2px solid #ff0000;margin:0.1em 0.2em 0.1em 0.2em;border-radius:10%;
width:1em;height:1em;display:inline-block;text-align:center;line-height:1em;cursor:pointer;font-weight:800;order:6;}
.comvalm:hover{color:white;background-color:#ff0000;}
.mobile .comvalm{margin:0.3em 0.5em;margin-left:auto;font-size:1.5em;width:1.5em;}
.mobile .comvalp{margin:0.3em 0.5em;font-size:1.5em;width:1.5em;}


.comment{
  width: 866px ;
  vertical-align: top ;
  background-color: #303030 ;
  margin: 0px 0px 0px 0px ;
  padding: 5px 5px 5px 5px ;
  text-align: center ;
  border : 1px solid black ;
}
.comuser{
  text-align: left ;
  font-size: 150% ;
  color: #909090 ;
  line-height : 20px ;
}
.comocena{
  line-height : 20px ;
  text-align: right ;
  vertical-align: middle ;
  color: #909090 ;  
}
.comdate{
  color: #909090 ;
}
.comtext{
  padding-top: 10px ;
  font-size: 125% ;
}
.ltreded2{
  color: red;
}
.headerband{color:#FFFFFF;height:22px;text-align:center;background-color:#505050;position:fixed;
width:100%;z-index:65534;top:0px;-webkit-transform: translateZ(0);}
.footerband{color:#FFFFFF;height:22px;text-align:center;background-color:#505050;position:fixed;width:100%;
max-width:100%;z-index:65535;bottom:0px;}

.headerinfo{width:990px;margin:0 auto;height:19px;font-weight:bold;padding-top:2px;text-align:left;
background-color:#505050;font-size:15px;-webkit-transform: translateZ(0);}
.mobile .headerinfo{ max-width : 100%; }
.headerinfo a{font-size:inherit;}
.footerband .headerinfo{width:auto;text-align:right;display:inline-block;max-width:100%;overflow:hidden;}

.warningband{height:200px;max-width:100%;}
.mobile .warningband{height:auto;}

.pagewrap{width:990px;margin:0 auto;text-align:center;}


div.mainlist{
  width: 100% ;
  height: 100% ;
  text-align: center ;
  color: #E0E0E0 ;
}


a#usermenui{color:#0af3ef;font-weight:bold;}
a#usermenui:hover + div {display:block;}
#usermenu{position:absolute;top:15px;width:360px;display:none;overflow:hidden;}
#usermenu:hover{display:block;}
#usermenud{background-color:rgba(51,51,51,0.9);padding:5px 0px 5px 0px;border:2px solid #aaa;border-radius:5px;}
#usermenud > ul{display:inline-block;width:50%;vertical-align:top;margin:0;box-sizing:border-box;}
#usermenud > ul > li.menuitem{padding:2px;color:white;font:14px 'Roboto',sans-serif;display:block;cursor:pointer;}
#usermenud > ul{padding:0px 2px;}
#usermenud > ul:last-child > li{text-align:center;}
#usermenud > ul:first-child > li.menuitem{text-align:left;margin-left:0.1em;}
#usermenud > ul:last-child > li.menuitem{text-align:right;margin-right:0.1em;}
#usermenud > ul > li.menuitem:hover{background-color:#666;}
#usermenud > ul > li > a {color:white;}
#usermenud > ul > li > a.cum{color:#ff2020;font-weight:bold;}

div.ranga { background:url('https://cdn.wiocha.pl/img/rangi4.jpg'); 
            width:95px; height:18px; margin:auto; text-align:right; 
            padding-right:5px; font-weight:bold; font-size:12px; color:white;}
div.rangas { background:url('https://cdn.wiocha.pl/img/rangis.jpg'); 
            width:73px; height:14px; margin:auto; text-align:right; 
            padding-right:5px; font-weight:bold; font-size:10px; color:white; line-height:12px;}

div.avatar{display:flex;width:auto;margin:0 auto;max-width:100%;flex-direction:column;align-items:center;}
.mobile div.avatar{margin:0 2px;}
div.avatar>*{margin:1px auto;}
div.avatar.left{align-items:left;}
.avatar img{width:80px;height:80px;border:0px;}
.avatar.small img{width:60px;height:60px;border:0px;}
.avatar.big img{width:100px;height:100px;border:0px;}
.avatar a{font-weight:bold;color:#0af3ef;font-size:14px;}
.avatar.small a{font-size:12px;}
.avatar.big a{font-size:16px;}
.avatar .ranga{background-image:url('https://cdn.wiocha.pl/img/rangi4.jpg');width:80px;height:18px;margin:auto;
text-align:right;font-weight:bold;font-size:12px;color:white;background-size:100%;background-repeat:no-repeat;
padding:0;padding-right:3px;box-sizing:border-box;}
.avatar.small .ranga{width:60px;height:14px;font-size:10px;}
.avatar.big .ranga{width:100px;height:16px;font-size:14px;}

img.avatar{width:80px;height:80px;border:0px;}
img.avatar.small{width:60px;height:60px;border:0px;}


div#searchfield{
  width : 21px; 
  height : 21px;
  overflow : hidden ;
  background-color : white ;
  float : right ;
  text-align : right ;
  position : relative ;
  transition : width 1s ;
}

div#searchfield.active {
  width : 284px; 
}

div#searchfield input[type=image].lupa {
  width : 21px;
  height : 21px;
  display : inline-block ;  
  position : relative ;
  left : 0px;
  top : 0px; 
}

div#searchfield input[type=image].bordo {
  display: inline-block ;
  height: 23px;
  width : 60px;
  position : absolute ;
  top : -1px ;
  left : 204px ;
  margin: 0px; 
}

div#searchfield input[type=text] {
  width : 202px;
  height : 18px;
  margin : 0px;
  display : inline-block ;
  position : absolute ;
  top : 0px ;
  left : 0px ;
  padding-bottom: 1px;
}

div.imagetitle{
  text-align : left ;
  float      : left ;
  max-width  : 680px ;
}
div.imagetitleadult{
  text-align : left ;
  float      : left ;
  max-width  : 680px ;
}
div.imagetitle a{
  color: white ;
  font-size : 22px ;
  font-weight : normal ;  
}

div.imagetitleadult a{
  color: red ;
  font-size : 22px ;
  font-weight : normal ;  
}

div.imagecat{
  text-align : right ;
  font-size: 90% ;
  float : right ;
  max-width : 300px ;
}
div.imagecat a{
  text-align : right ;
  color: white ;
  font: normal 18px Verdana, Geneva, Arial, sans-serif;
  text-decoration: none ;
}

div.imagedesc{
  clear : left ;
  float : left ;
  font-size: 14px ;
  color: white ;
  text-align: left ;
  max-width : 990px ;
}

div.imagedesc a{  
  font-size   : 14px ;
  font-weight : normal ;
  color       : white ;
}

span.imagedesc{
  font-size   : 14px ;
  font-weight : normal ;
  color       : white ;
}

div.imagell{
  float      : right;
  color      : red;
  font-size  : 12px ;
  text-align : right ;
  clear      : right ;
}
div.imagediv{
  padding	   : 20px 5px 1px 5px ;
  margin           : 1px 45px 1px 45px ;
  text-align       : center ;
  background-color : #000000 ;
  font-size        : 200% ;
  max-width        : 990px;
}
div.upimagediv{
  padding	   : 20px 5px 1px 5px ;
  margin           : 1px 5px 1px 5px ;
  text-align       : center ;
  background-color : #000000 ;
  font-size        : 200% ;
  max-width        : 890px;
}
img.imageitself,picture.imageitself{
  max-width : 858px ; 
  aspect-ratio: attr(width) / attr(height) ;
  display:block;
}
.greenedp{
  color: #10AA10 ;
  font-weight: 500 ;
  cursor : pointer ;
}
.rededp{
  color: #AA1010 ;
  font-weight: 500 ;
  cursor : pointer ;
}
.editbutsr{ color: #AA1010 ; font-weight: 500 ; cursor : pointer ; }
.editbutsr a{ color: #AA1010 ; font-weight: 500 ; cursor : pointer ; }
.editbutsr a:hover{ color: #AA1010 ; font-weight: 500 ; cursor : pointer ; background-color: white ;}

.editbuttons{
  padding: 0 0 5px ;
  margin : 0 10px ;
  font-size: 11px;
  background-color: #000000 ;
  max-width : 988px ;
  text-align : right ;
  word-spacing: 10px ;
}
.editbuttons a{ color : #B0B0B0 ; font-weight: 500 ; }
.editbuttons a:hover{ color : red ; }

.adultbuttons{
  margin : 0 auto ;
  font-size: 14px ;
  text-align : center ;
}
.adultbuttons{width:100%;max-width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;padding:1rem 0;}
.adultbuttons>span{flex:0 0 80%;}
.adultbuttons>div{flex:0 0 40%;}
.mobile .adultbuttons>div{flex:0 0 80%;}
.adultbuttony{ color : #B0B0B0 ; font-weight: 500 ; height:auto; min-height:4.5em; display: block; background-color: black; border:#404040; padding:20px 10px 5px 10px; margin:5px auto;}
.adultbuttonn{ color : #B0B0B0 ; font-weight: 500 ; height:auto; min-height:4.5em; display: block; background-color: black; border:#404040; padding:20px 10px 5px 10px; margin:5px auto;}
.adultbuttons:hover{ color : red ; }

.zgloszenieleft { text-align:left; float:left; }
.zgloszenieright { text-align:right; float:right; }
.clear { clear:both ; }
.userwpis {  }
.userdata { color:green; }
.adminwpis {  }
.admindata { color:red; }

#userlisthead{background:  #404040; width:100%; height: 40px; }
#userlistmain{background: #505050; width: 100%; height: 400px;position:relative;z-index:-1;}
#userlistnavi{position:relative; z-index:100;}
#userlistnavi ul{list-style: none;height: 30px; display: block; padding-left:30px;}
#userlistnavi li{cursor:pointer;display: inline; width: 21%; height: 28px; margin:10px 5px 0px 5px; background:#404040; float: left; text-align: center; font-size: 14px; font-weight:bold;line-height:28px; border:2px solid black ;}
#userlistnavi .klik {background: #505050; border: 2px solid black; border-bottom:2px solid #505050;}
.userlistpanel { padding:20px;border:2px solid black;position:relative;top:0px;background: #505050; }

.vioitem { border:1px solid black ; width: 950px; margin:0 auto ; font-size:12px; height:auto ; 
           line-height : 20px ;}
.viodate { width : 100px ; float:left ;border: 1px solid black ;} 
.viomail { width : 160px ; float:left ;border: 1px solid black ; text-align: left ; padding-left:2px;} 
.vioid { width : 40px ; float:left ;border: 1px solid black ; text-align: left ; padding-left:2px;} 
.viotitle{ width : 250px ; float:left ;border: 1px solid black ; text-align: left ; padding-left:2px;} 
.viosmall { width : 20px ; float:left ;border: 1px solid black ; } 
div.sharecountf { border:1px solid #C1C1C1; background:#FFFFFF; font-size:11px; color:black; display:inline-block;
                 padding:1px 3px 1px 4px; margin:1px 2px 0px 2px; font-family:"verdana",sans-serif;
                 color: #333333; min-width:12px; text-align:center; height:14px; 
    line-height:14px;
    font-size:11px; 
    font-family:'lucida grande',tahoma,verdana,arial,sans-serif;    
                 }
.pluginCountButtonNub {
    height: 0;
    left: -10px;
    position: relative;
    top: -13px;
    width: 5px;
    z-index: 2;
    line-height:14px;
    font-size:11px; 
    font-family:'lucida grande',tahoma,verdana,arial,sans-serif;    
}
.pluginCountButtonNub s, .pluginCountButtonNub i {
    border-color: transparent #D7D7D7;
    border-style: solid;
    border-width: 4px 5px 4px 0;
    display: block;
    position: relative;
    top: 1px;
    left:0px;
}
.pluginCountButtonNub i {
    border-right-color: #FFFFFF;
    left: 2px;
    top: -7px;
}

div.sharebutton{ border:1px solid #CAD4E7; display:block; float:left;
                 border-radius:3px; cursor:pointer; 
                 line-height:1.28; padding:1px 0px 0px 2px;
                 font-size:11px; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
                 background-color:#ECEEF5; margin-left:5px; margin-top:0px; margin-right:4px; }
.sharebutton div{ background: url("https://static.ak.fbcdn.net/rsrc.php/v1/y7/r/ql9vukDCc4R.png") no-repeat scroll -1px -47px transparent;
                  font-size:11px; font-family:'lucida grande',tahoma,verdana,arial,sans-serif; padding: 0px 2px 2px 16px; 
                  display:block;  border-collapse:collapse; color:#3B5998; line-height:1.28; }
div.nsharebutton{ display:block; float:left;
                  border-radius:3px; cursor:pointer; 
                  line-height:1.28; padding:6px 0px 0px 2px;
                  font-size:12px; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
                  margin-left:5px; margin-top:0px; margin-right:4px; 
                  background:none;border:none;font-weight:bold;
                 }
td.knag { font-weight:bold; border-bottom: 2px solid white; padding-bottom:3px; }

div.friendlist { position:absolute; width:300px; height:572px; border:1px solid black;
                 background:#505050; overflow:hidden; z-index:65000;}
div.flcontent { height:528px; overflow:hidden; cursor:default; position:relative; top:22px;}
div.flscroll{ width:10px; background:url('https://cdn.wiocha.pl/img/scrolljj.png'); position:absolute; right:0px; height:100%; float:right; top:21px; border-radius: 2px; cursor:default; }
div.flscrollp{ width:10px; background:url('https://cdn.wiocha.pl/img/scrollj.png'); position:absolute; right:0px; border-radius: 2px; cursor:default; }
div.flscrollp:hover{ background:url('https://cdn.wiocha.pl/img/scroll.png'); }
.flcontent li { padding:0px 0px 3px 0px; display:flex;flex-direction:row;flex-wrap:nowrap; border-bottom:1px solid black ; margin-bottom:2px;}
div.flbar { display:block;text-align:center;border:1px solid black;background:#C0C0C0; padding:2px;color:black; height:14px; position:absolute; width:100%; }

div.online { float:left; height:18px; padding-top:5px; width:8px; text-align:right; }
div.usun { float:right; text-align:right; max-width:120px; 
           height:25px; overflow:hidden; margin-right:5px; width:120px; padding-top:9px; }
div.usun1 { float:right; text-align:right; max-width:150px; 
           height:18px; overflow:hidden; margin-right:5px; width:150px; padding-top:3px; }
div.mailab { float:left; text-align:left; max-width:70px; 
             height:17px; overflow:hidden; margin-left:5px; margin-top:5px; width:70px; }
div.line1 { float:left; max-width:200px; height:1px; overflow:hidden; width:200px; }
.usun a { font-weight:bold; font-size:11px; }
.usun1 a { font-weight:bold; font-size:11px; }
div.uname { float:left; text-align:left; width:215px; height:20px; overflow:hidden; 
            margin-left:5px; }
.uname a { color: #0AF3Ef; font-weight:bold; font-size:14px; }
div.ubuttons { float:left; text-align:right; width:227px; height:18px; overflow:hidden;
               margin-left:5px; vertical-align:bottom; margin-top:5px; }
a.ubuttonp  { color: #404040; font-weight:bold; font-size:11px; padding:3px; 
              background: #B5FFA7; height:15px; width:80px; display:inline-block; 
              text-align:center; vertical-align:middle; }
a.ubuttono  { color: #404040; font-weight:bold; font-size:11px; padding:3px; 
              background:#FD878A; height:15px; width:80px; display:inline-block; 
              text-align:center; vertical-align:middle; }
div.col2 { width:49%; max-width:49%; display:inline-block; margin: 0px auto ; }
div.col2l { width:49%; max-width:49%; display:inline-block; margin: 0px auto ; text-align: right ; padding:2px ; }
div.col2r { width:49%; max-width:49%; display:inline-block; margin: 0px auto ; text-align: left ; padding:2px; }
div.rigthfr { float:left; }
div.relt{ width:25px; float:left; height:20px; }
div.relt1{ width:50px; float:left; height:22px; padding-top:2px; background: url('https://cdn.wiocha.pl/img/emoty/killer1.gif') 2px 4px no-repeat ; }
div.relt2{ width:50px; float:left; height:22px; padding-top:2px; background: url('https://cdn.wiocha.pl/img/emoty/pila1.gif') 0px 0px no-repeat ; }

div.rlleft{ width:200px; margin:0 auto; height:22px; float:left; }
div.rlright{ margin:0 auto; height:22px; float:left; }

div.hadv{ width:470px; margin: 0 auto; float: left; text-align:center; height:300px; }
div.nhadv{ width:470px; margin: 0 auto; float: right; text-align:center; vertical-align:middle ; min-height:250px; padding-top:25px;}

div.uphadv{ width:420px; margin: 0 auto; float: left; text-align:center; height:300px; }
div.upnhadv{ width:420px; margin: 0 auto; float: right; text-align:center; vertical-align:middle ; height:250px; padding-top:25px;}
.userpagelmenu{ width:12%; min-width:90px; height:500px;float:left; text-align:left; }
div.userpagecontent{ width:100%; max-width:86%; float:right; overflow:hidden; }

.mobile .userpagelmenu{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;
justify-content:space-between;width:100%;height:auto;float:none;}
.mobile .upmenuitems{display:flex;flex-direction:column;align-items:stretch;position:absolute;
right:3px;width:auto;height:auto;font-size:1.5em;z-index:10;}
.upmenutogglewrapper{width:35px;height:35px;background-color:black;padding:3px;align-self:flex-end;}
.upmenutogglewrapper>svg{display:block;pointer-events:none;stroke:white;stroke-width:3px;}
.mobile .upmenuitems > .upmenuspacerv{display:none;}
.mobile .upmenuitems > .upmenuspacer{display:none;}
.mobile .upmenuitems > .upmenuitem{display:none;background-color:black;margin:0;padding:3px 10px;text-align:right;
font-size:1em;line-height:1em;}
.mobile .upmenuitems > .upmenuitemr{background-color:black;display:inline-block;margin:0;padding:3px 10px;text-align:right;
font-size:1em;line-height:1em;}
.mobile .upmenuitems[data-menu="open"] > .upmenuitem{display:inline-block;}
.mobile .upmenuitems > .upmenuitem > a{font-size:inherit;}
.mobile .upmenuitems > .upmenuitemr > a{font-size:inherit;}

div.linksdivarea{
  text-align : left ;
  margin : 1px 45px 1px 45px ;
}

div.uplinksdivarea{
  text-align : left ;
  margin : 1px 2px 1px 2px ;
  max-width : 890px; 
}

div.username{
  color: #0AF3Ef; 
  font-size:12px;
  font-weight:bold;
}
input.addpictureinput{
  color : white ;
  background : black ;
  border : 1px dotted white ;
  width : 600px;
  font-size : 22px ;
}
select.addpictureinput{
  color : white ;
  background : black ;
  border : 1px dotted white ;
  width : 220px;
  font-size : 18px ;
}
.addpanel { 
  padding:20px;
  border:2px solid black;
  position:relative;
  top:0px;
  background: #505050; 
  font-size : 14px ;
}
.addpanelinfo{
  width: 600px;
  max-width:100%;
  margin:0 auto;
  text-align:left ;
}
div.upbutton{
  border:1px white solid;
  border-radius : 3px; 
  color:white;
  font-weight:bold;
  text-align:center;
  cursor:pointer;
  padding:3px;
  float : left ;
  max-width:200px;
  margin:5px;
}
span.upbutton{
  border:1px white solid;
  border-radius : 3px; 
  color:white;
  font-weight:bold;
  text-align:center;
  cursor:pointer;
  padding:3px;
  max-width:200px;
  margin:5px;
}
div.usertable{
  width       : 830px ;
  overflow    : hidden ;
  font-size   : 14px ; 
  line-height : 16px ;
  padding     : 10px ;    
  padding-left: 50px ;
  text-align  : left; 
}
.usertable a{
  font-size : 14px ;
  font-weight : bold ;
  color : #0AF3Ef;
}
.usertable h1{
  position : relative ;
  left : -10px ;
  font-size : 11px ;
  font-weight : 500 ;
  text-decoration: underline ;
  margin-bottom: 3px;
}

.userfetable{
  width       : 100% ;
  display : flex ;
  flex-direction : row ;
  flex-wrap:wrap;
  justify-content : space-between ;
  align-items : center ;
  overflow    : hidden ;
  font-size   : 14px ; 
  line-height : 16px ;
  padding     : 10px ;
  text-align  : left; 
}
.mobile .userfetable{justify-content:center; }

.userfetable a{
  font-size : 14px ;
  font-weight : bold ;
  color : #0AF3Ef;
}
.userfetable h1{
  position : relative ;
  left : -10px ;
  font-size : 11px ;
  font-weight : 500 ;
  text-decoration: underline ;
  margin-bottom: 3px;
}

.userfelist{padding:15px 0;flex: 0 0 150px;}
.mobile .userfelist{padding:15px 0; flex: 0 0 48%;}

td.uptd{
//  background: #113C69; 
}
div.upmenuitems {
  font-size : 100% ;
}
div.upmenuavatar {
  width:90px;
  height:135px; 
  text-align:center;
}
div.upmenuspacer {
  border-top:1px solid #808080;
  height:1px;
}
div.upmenuspacerv{
  border-top:1px solid #ffc000;
  height:1px;
}
div.upmenuitem{
  color: #AAAAAA ;
  font-weight: 500 ;
  margin-bottom:3px;
  margin-top:3px; 
}
div.upmenuitemr{
  color: #FF5050 ;
  font-weight: 500 ;
  margin-bottom:3px;
  margin-top:3px; 
}
.upmenuitem a{
  color: #AAAAAA ;
  font-weight : bold ;
}
.upmenuitemr a{
  color: #FF2020 ;
  font-weight : bold ;
}

.actadiv div{
  height : 50px; 
  text-align : right ;
  margin: 50px; 
}
.actadiv a { 
  width : 100% ;
  font-size : 20px ;
  font-weight : bold ;
  color : white ;
}  

#imblisthead{ width:100%; height: 40px; }
#imblistmain{background: #505050; width: 100%; height: 400px;position:relative;z-index:-1;}
#imblistnavi{position:relative; z-index:100; top:2px;}
#imblistnavi ul{list-style: none;height: 30px; display: block; padding-left:30px;}
#imblistnavi li a{cursor:pointer;display: inline; width: 120px; height: 28px; margin:10px 5px 0px 5px; background:#404040; float: left; text-align: center; font-size: 14px; font-weight:bold;line-height:28px; border:1px solid black ; color:gray; }
#imblistnavi .klik a{background: #404040; border: 1px solid black; border-bottom:1px solid #404040; color:white;}

#imblistheadd{ width:100%; height: 40px; }
#imblistmaind{background: #303030; width: 100%; height: 400px;position:relative;z-index:-1;}
#imblistnavid{position:relative; z-index:100; top:2px;}
#imblistnavid ul{list-style: none;height: 30px; display: block; padding-left:30px;}
#imblistnavid li { padding-left: 5px; }
#imblistnavid li a{cursor:pointer;display: inline; width:15%; height: 28px; margin:10px 3px 0px 3px; background:#303030; float: left; text-align: center; font-size: 14px; font-weight:bold;line-height:28px; border:1px solid black ; color:gray; }
#imblistnavid .klik a{background: #303030; border: 1px solid black; border-bottom:1px solid #303030; color:white;}

div.partieshead{ width:100%; height: 40px; }
div.partiesmain{background: #505050; width: 100%; height: 400px;position:relative;z-index:-1;}
div.partiesnavi{position:relative; z-index:100; top:2px;}
div.partiesnavi ul{list-style: none;height: 30px; display: block; padding-left:30px;}
div.partiesnavi li {cursor:pointer;display: inline; width: 120px; height: 28px; margin:10px 5px 0px 5px; background:#404040; float: left; text-align: center; font-size: 14px; font-weight:bold;line-height:28px; border:1px solid black ; color:gray; }
div.partiesnavi .klik {background: #404040; border: 1px solid black; border-bottom:1px solid #404040; color:white;}
div.partiesdiv { margin:0px; margin-top:1px; background:#404040; text-align: left; font-size: 14px; font-weight:bold; line-height:18px;  border:1px solid black ; color:#CCCCCC; 
                 padding: 10px; }
div.partiesdiv a{ font-size: 14px; font-weight:bold;line-height:28px; color:yellow;}
div.partiesdiv h1{ margin-top:5px; font-size: 16px; font-weight:bold; color:#0AF3EF; }
div.partiesdiv h2{ margin-bottom:5px; font-size: 12px; font-weight:bold; color:gray; }
div.partiesspacer { border-bottom:1px solid gray; margin-top:10px; margin-bottom:10px; }

div.usertab{ margin:0 auto; text-align:center; }
div.usertabline{ margin: 0 auto; display:block; font-size:12px; }
div.usertabline span{ max-width: 5%; width:25px; text-align: right; display:inline-block; }
div.usertabline a{ color: #0AF3Ef; font-size:14px;font-weight:bold; display:inline-block ; max-width:30%; width: 170px; text-align:left; margin-left:10px; }
div.usertabline span.usertablinepoints{ max-width:10%; width:50px; font-weight: bold; } 
div.usertabline span.usertablinerpoints{ max-width:10%; width: 50px; font-weight: bold; color:#0AF3EF; margin-right:10px; } 
div.usertabline span.usertablineranga{ width: 100px; max-width: 20%; } 
div.usertabline div{ display:inline-block; }


a.prevnextnext{
  vertical-align:middle ;
  display:inline-block ;
  margin:0 auto; 
  width:51px;
  height:52px;
  background: url("https://cdn.wiocha.pl/img/prawy1.png");
}

a.prevnextnext:hover{
  background: url("https://cdn.wiocha.pl/img/prawy2.png");
}

a.prevnextprev{
  vertical-align:middle ;
  display:inline-block ;
  margin:0 auto; 
  width:51px;
  height:52px;
  background: url("https://cdn.wiocha.pl/img/lewy1.png");
}

a.prevnextprev:hover{
  background: url("https://cdn.wiocha.pl/img/lewy2.png");
}



div.imageheader{
  padding: 10px 10px 10px 10px ;
  margin : 0px 45px 0px 45px ;
  font-size: 200% ;
  font-weight: 500 ;
  background-color: #000000 ;
  min-height: 43px ;
  max-width : 920px ;
}

div.upimageheader{
  padding: 10px 5px 10px 5px ;
  margin : 0px 5px 0px 5px ;
  font-size: 200% ;
  font-weight: 500 ;
  background-color: #000000 ;
  min-height: 43px ;
  max-width : 890px ;
}


div.soinfo{ color: white; font-weight:bold; font-size:12px; 
            background-color: #000; margin:10px 45px 0px 45px; 
            padding:10px 0px 0px 0px;}
div.showother { border: 1px solid black; background-color: #000; 
                margin:0px 45px 0px 45px;
                padding:10px 0px 0px 0px; max-height:150px; }                
.showother ul{ max-height:150px; overflow:hidden; vertical-align:top; }
.showother li{ padding:2px; border:1px solid white; margin-left:14px; margin-right:14px; display: inline-block; background-color: #000000; vertical-align:top; }
.showother img{ vertical-align: top; }
.showother div{ height:1px; }
img.sofader{ position:relative; top:-20px; width:100%; height:20px; }

div.darkscreen{ position:fixed; margin: auto; height:100%; width:100%; 
                text-align:center; padding-top:200px;
                background:black; opacity:0.5; filter:alpha(opacity=50);
                z-index:1; }
div.lightscreen{ position:fixed; margin: auto; height:100%; width:100%; 
                text-align:center; z-index:65535; vertical-align:middle; }
div.loginpaneln{
  background-color: #404040 ;
  color : #FFFFFF ;
  border : 1px solid gray ;
  border-radius: 8px 8px 8px 8px; 
  display : block ;
  height : 270px ;  
  padding : 0px 0px 0px 0px ;
  margin : 0px 0px 0px 0px ;
  outline-style : none ;
  width : 400px ;
  overflow : hidden ;
  z-index: 100 ;
  word-spacing : 3px ;
}

div.lpld { float: left ; height:20px; text-align:right; width:150px; padding-top:2px;
           font-size:12px; padding-bottom:5px; }
div.lprd { float: right ; height:20px; text-align:left; width:240px; padding-top:2px;
           vertical-align:middle; padding-bottom:5px; }
div.lpmd { height:22px; text-align:center; width:390px; padding-top:2px;
           vertical-align:baseline; padding-bottom:5px; font-size:12px; }
span.playweb{ display:inline-block; width:20px; height:28px; cursor:pointer; float:right; margin-left:4px; }


#nextcomid{ font-size:12px; font-weight:bold; width:100%; text-align:center; }
div.youtubeplay { 
  position:absolute;
  top:0px;
  left : 0px ;
  width:100%;
  height:100%;
  cursor:pointer ;
  background: url("https://cdn.wiocha.pl/img/youtube_play1.png") no-repeat center center transparent;
}
div.youtubeplay:hover { 
  background: url("https://cdn.wiocha.pl/img/youtube_play2.png") no-repeat center center transparent;
}
div.viponoff{
  cursor:pointer;
  margin:0 auto;
  text-align:center;
  font-size:14px;
  font-weight:bold;
  color:white;
  border:1px solid white;
  width: 250px;
}
div.mikolaj{
  margin:0 auto;
  text-align : center;
  padding-top:10px;
  font-size: 14px;
  font-weight: bold; 
  color: #ff1010; 
}
div.wosplike{
  margin: auto; 
  margin-top:-350px;
  width:750px;
  height:350px;
}
div.wospwiocha{
  margin:0 ;
  padding:0px 20px 0px 30px;
  height:45px;
  text-align:left;
}
div.wosplinki{
  width:400px;
  text-align:left;
  margin: 0 auto; 
  padding-top:65px; 
  padding-left:10px; 
  height:100px;
}
div.wosplinki a{
  display:block;
  padding-top:10px; 
  color:blue; 
  font-size:16px; 
  font-weight: bold;
}
div.wosplinki a:hover{
  color:#FE0000; 
}
div.wospkawusia{
  margin:0 ;
  padding:90px 10px 0px 30px;
  height:130px;
  text-align:left;
}
div.qhlc{
  text-align:left;
  float:right;
  width: 830px;
}
div.qhrc{
  text-align:left;
  float:left;
  padding-left:3px;
}
div.botinfo{
  width:900px;
  max-width:900px;
  background:#ffff98;
  color:red ;
}
div.statheader{
  width:1010px;
  margin:0 auto;
  color:white;
  word-spacing: 20px; 
  padding:5px; 
}
div.statdata{
  width:1060px;
  max-width:1060px ;
  margin:0 auto;
  overflow-x: auto ;
  height: 730px;
}
div.paginationdiv{
  margin: 0 auto ;
  text-align: center ;
}
div.paginationdiv div{
  border: 1px solid black ;
  font: bold 12px arial,verdana,tahoma,helvetica,sans-serif;
  height : 17px ;
  margin-left: 3px;
  padding: 2px 5px 2px 5px ;
  text-align: center;
  display:inline-block; 
  min-width: 20px; 
  background-color: #505050 ;
}
div.pagenbdiv{
}
div.pagenbdiv a{
  font: bold 12px arial,verdana,tahoma,helvetica,sans-serif;
  color: white ;
}
div.pagenbdivna{
  color: #A0A0A0 ;
}
div.pagenbdivna a{
}
div.pagenbdivcurr{
  color: #ff8300 ;
}
div.pagenbdivcurr a{
  font: bold 12px arial,verdana,tahoma,helvetica,sans-serif;
  color: #ff8300 ;
}
div.adminuserdiv{
  width: 800px;
  margin: 0 auto; 
  padding : 5px; 
  font: bold 12px arial,verdana,tahoma,helvetica,sans-serif;
}
div.audiv1{
  width: 300px ; 
  text-align: right; 
  display: inline-block ;
}
div.audiv2{
  width: 150px ; 
  display: inline-block ;
}
div.audiv3{
  width: 150px ; 
  display: inline-block ;
}
div.usercomments{
  width:890px;
  max-width: 99%; 
  text-align:center ;
  min-height : 100px ;
}
div.usercomment{
  padding: 3px ;
  border: 1px solid black ;
  background-color: #303030; 
  min-height : 100px ;
  text-align: left; 
  max-width : 99%; 
}
div.usercommenti{
  padding: 3px ;
  margin-left:10%;
  border: 1px solid black ;
  background-color: #303030; 
  min-height: 100px ;
  text-align: left ;
  max-width : 89%; 
}
div.usercomment a{
  font: 11px Verdana,Arial,Helvetica;
  color: #909090;  
}
div.commentavatar{
  width:80px; 
  padding: 0px ;
  margin: 0px 5px 0px 0px ;
  float: left ;
}
div.commentavatar img{
  border:1px solid black; 
  width:80px; 
  height:80px;
}
div.commentrightdiv{
  padding: 3px; 
  vertical-align: top ;
  margin: 0px; 
}
div.commenttopdiv{
}
div.commenttopdiv a{
  color : #888888 ;
  font-weight : 500 ;
  text-decoration : none ;
  display: inline-block ;
  float : left ;
}
div.commenttopdiva{
}
div.commenttopdiva a{
  color : red ;
  font-weight : 500 ;
  text-decoration : none ;
  display : inline-block ;
  float : left ;
}
div.commentbodydiv{
  padding: 5px ;
  color : white ;
  font-size: 14px; 
  text-align: left ;
  min-height : 30px; 
}
div.commentdatediv{
  text-align : left ;
  color : #888888 ;
  font-size: 10px; 
  clear : right ;  
}
div.commentocenadiv{
  float : right ;
  vertical-align: middle ;
}
div.commentocenadiv img{
  cursor:pointer ;
  vertical-align:middle ;
}
div.commentocenadiv span{
  vertical-align: middle ;
}
div.commentansdiv{
  clear : both ;
}
div.cookieinfo{
  position:fixed ;
  bottom:0px; 
  left:0px;
  background:#505050;
  width:100%; 
  padding:20px;
  border: 1px solid black;
}
div.cookieinfo span{
  color:white;
  font-weight:bold;
  cursor:pointer ;
  margin-left: 20px;
}

div.cookieinfo1{
  position:fixed ;
  bottom:0px; 
  left:0px;
  background:#505050;
  width:100%; 
  max-height:30%;
  min-height : 250px; 
  height : 30% ;
  z-index:65535 ;
  padding-top:20px;  
  border: 1px solid black;
}

div.cookieinfo2{
  position : absolute ;
  padding-top: 0.2% ;
  left : 50% ;
  transform:translateX( -50% );
  height : 100% ;
  top : 0px ;
  width : 990px ; 
  max-width : 100% ;
  font-weight : bold ;
}
div.cookieinfo2 > span{
  color:white;
  font-weight:bold;
  cursor:pointer ;
  margin-left: 20px;
  position : absolute ;
  top : 1px;
  right : 20px; 
  font-size : 20px ;
}
div.cookieinfo2 > .absurddiv{
  position : absolute ;
  box-sizing : border-box ;
  overflow-y : scroll ;
  margin : 25px auto 15px auto ;
  padding : 0px ;
  width : 990px ;
  max-width : 100% ;
  height : calc( 100% - 80px ) ;
  top:0px;
  font-weight : 400 ;
}
div.cookieinfo3 > .absurddiv{
  position : absolute ;
  overflow-y : scroll ;
  position : absolute ;
  height : 50% ;
  max-height : 50% ;
  left : 50% ;
  transform:translateX( -50% );
  padding : 0px ;
  width : 990px ;
  max-width : 100% ;
}
.akceptuje{
  position : absolute ;
  box-sizing : border-box ;
  bottom : 10px ;
  right : 10% ;
  width : 45% ;
  text-align : center ;
  height : 40px ;
  background-color : #05FF05 ;  
  color : white ;
  font-size : 16px ;
  font-weight : bold ;
  padding-top : 10px ;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
  cursor : pointer ;
}
.pozniej{
  position : absolute ;
  box-sizing : border-box ;
  bottom : 10px ;
  left : 10% ;
  width : 30% ;
  text-align : center ;
  height : 40px ;
  color : #a1a1a1 ;
  font-size : 14px ;
  font-weight : bold ;
  padding-top : 11px ;
  cursor : pointer ;
}


  div.absurddiv{
    margin: 0 auto;
    margin-top:2px ;
    margin-bottom: 5px ; 
    padding:15px 10px 15px 10px; 
    max-width: 990px;
    background-color: #303030;
    border: 1px solid black; 
  }

  div.searchdiv{  
    text-align: left ;
    vertical-align: middle ;
    padding: 2px ;
    padding-top: 10px; 
  }

div.righthalfpage{
  position: relative ;
  left : 680px; 
  height : 10px; 
}
div.tinfopanel { text-align:center; margin: 0 auto ; padding-top: 20px ; padding-bottom:20px; }
div.tinfopanel table{ margin: 0 auto; }
div.tinfopanel div{ margin: 0 auto; }



#facecontainer {
  height:1px;
  text-align:left;
  position:absolute;
  left:10px;
  top:27px;
  display : none ;
}
@media all and (min-width:1340px){
  #facecontainer {
    display : block ;
  }
}
.sky{width:160px;height:600px;background:none;margin:0 auto;display:none;z-index:2;overflow:hidden;
     position:absolute;top:150px;max-height:600px;overflow-y:hidden;max-width:300px !important;}
.fskys .sky{position:fixed;top:80px;}
.skyl{left:15px;}
.skyr{right:15px;}
@media all and (min-width:1340px){
  div.sky { display : inline-block;}
}
#mobilecontainer {
  margin-left : 0px ;
  transition : margin-left 0.2s linear 0s;  
  width : 100% ;
  min-width : 300px;
}
nav.mobilemenu {
  visibility : hidden ;
  height : 100% ;
  position : fixed ;
  left : -230px;
  top : 0px ;
  max-width : 230px;
  width : 100% ;
  overflow-y: auto !important ;
  z-index: 65535 ;
  transition : left 0.2s linear 0s, visibility 0.2s linear 0s;
  background-color : #404040 ;
  border : none ;
  padding-top : 22px; 
}


nav.vis {
  visibility : visible ;
  left: 0px;
}

#mobilemenu > ul {
  display : block ;
  vertical-align : top ;
  background-color : rgba( 64 , 64 , 64 , 1 );
  padding: 5px 0px 5px 0px ;
  border: none ;
}

#mobilemenu > ul > li {
  padding : 2px ;
  display : block ;
}

#mobilemenu > ul > li:hover {
  background-color: #666 ;
}

#mobilemenu > ul > li > a {
  color : white ;
  font: 1.5rem tahoma,verdana,arial ;
  display : block ;
  padding : 2px; 
}

#mobilemenu > ul > li > a.cum {
  color : #ff2020 ;
  font-weight : bold ;
}

#mobilemenu > ul > li > a:hover {
  background-color: #666 ;
}


ul#mobsubmenu1 {
  display : none ;
  vertical-align : top ;
  background-color : rgba( 51 , 51 , 51 , 0.9 );
  padding: 5px 0px 5px 10px ;
}

ul#mobsubmenu1.vis {
  display : block ;
}

#mobsubmenu1 > li {
  padding : 2px ;
  display : block ;
}

#mobsubmenu1 > li > a {
  color : white ;
  font: 1rem tahoma,verdana,arial ;
  display : block ;
  padding : 2px; 
}

#mobsubmenu1 > li > a.cum {
  color : #ff2020 ;
  font-weight : bold ;
}

#mobsubmenu1 > li > a:hover {
  background-color: #666 ;
}

ul#mobsubmenu2 {
  display : none ;
  vertical-align : top ;
  background-color : rgba( 51 , 51 , 51 , 0.9 );
  padding: 5px 0px 5px 10px ;
}

ul#mobsubmenu2.vis {
  display : block ;
}

#mobsubmenu2 > li {
  padding : 2px ;
  display : block ;
}

#mobsubmenu2 > li > a {
  color : white ;
  font: 1rem tahoma,verdana,arial ;
  display : block ;
  padding : 2px; 
}

#mobsubmenu2 > li > a.cum {
  color : #ff2020 ;
  font-weight : bold ;
}

#mobsubmenu2 > li > a:hover {
  background-color: #666 ;
}

a.arr {
  background: url( 'https://cdn.wiocha.pl/img/arrow-right-menu.png' ) no-repeat scroll 210px center rgba(51,51,51,0.9);
}

a.arr:hover {
  background: url( 'https://cdn.wiocha.pl/img/arrow-right-menu.png' ) no-repeat scroll 210px center rgb(102,102,102);
}

div.mobilepaginationdiv{
  margin: 0 auto ;
  padding : 10px; 
  text-align: center ;
}
div.mobilepaginationdiv > a{
  color : white ;
  border: 3px solid white ;
  border-radius : 5px;
  font: bold 1.4rem arial,verdana,tahoma,helvetica,sans-serif;
  padding: 5px 8px 5px 8px ;
  margin: 1%; 
  text-align: center;
  display:inline-block; 
  max-width : 40%;
}

div.mobilepaginationdivs{
  margin: 0 auto ;
  padding : 10px; 
  text-align: center ;
}
div.mobilepaginationdivs > a{
  color : white ;
  border: 3px solid white ;
  border-radius : 5px;
  font: bold 1.5rem arial,verdana,tahoma,helvetica,sans-serif;
  padding: 5px 8px 5px 8px ;
  margin: 1%; 
  text-align: center;
  display:inline-block; 
  max-width : 12%;
}
div.ytsmart{
  width : 468px;
  margin : 0 auto ;
  height : 60px;
  border : none ;
  background : none ;
  position : relative ;
  top : -88px; 
  margin-bottom : -60px;
}
img.ytwrapper{ 
  aspect-ratio: attr(width) / attr(height);
}
.shareall {
  display : inline ;
  position : absolute ;
  left : -50px;
  top : 0px ;
  overflow: hidden ;  
  width : 36px ;
  max-height : 310px; 
  transition : height 0.5s;
  z-index : 1 ;
  text-align : left ;
}
.shareall > span{
  opacity : 0.4 ;
}
.shareall:hover > span {
  opacity : 1 ;
}
.komimg {
  background: url( 'https://cdn.wiocha.pl/img/kom3.png' ) no-repeat;
  width:32px;
  height:32px;
  background-size:32px 32px;
  display:inline-block;
  margin:2px;
  cursor : pointer ;
  aspect-ratio: 1 ;
}
.vioimg {
  background: url( 'https://cdn.wiocha.pl/img/vio.svg' ) no-repeat;
  width:32px;
  height:32px;
  background-size:32px 32px;
  display:inline-block;
  margin:0px;
  cursor : pointer ;
  border-radius:3px;
}
.favspan {
  background: url( 'https://cdn.wiocha.pl/img/fav2.png' ) 0px 0px;
  width:32px;
  height:32px;
  background-size:32px 32px;
  display:inline-block;
  margin:2px;
  cursor : pointer ;
  -webkit-filter: grayscale(80%); 
  -moz-filter: grayscale(80%); 
  -ms-filter: grayscale(80%); 
  -o-filter: grayscale(80%); 
  filter: grayscale(80%); 
  aspect-ratio : 1 ;
}
.favactive {
  -webkit-filter: grayscale(0%); 
  -moz-filter: grayscale(0%); 
  -ms-filter: grayscale(0%); 
  -o-filter: grayscale(0%); 
  filter: grayscale(0%); 
}
.sharefb {cursor:pointer;width:32px;height:32px;display:inline-block;margin:2px;
background: url( 'https://cdn.wiocha.pl/img/ikony.png' ) -384px 0px;border-radius:4px;background-size:416px 32px;
filter:grayscale(100%);filter:gray;}
.mobile .sharefb,.sharefb:hover{filter:none;}
.mobile .absurdfooterleft .sharefb{float:right;margin-right:10px;
  position:relative;bottom:0px;padding:0px;border-radius:3px;vertical-align:bottom;}


.mobile .absurdfooterleft > * {flex:0 0 auto;}

.sharebuttonu {
  background: url( 'https://cdn.wiocha.pl/img/fb-share3.png' );
  height:29px;
  width:208px;
  background-size:cover;
  display:inline-block;
  margin:1px 10px 1px 0px;
  cursor : pointer ;
  border-radius : 4px; 
  vertical-align:middle;
}

.sendbuttonu {
  background: url( 'https://cdn.wiocha.pl/img/fb-send.png' );
  height:28px;
  width:74px;
  background-size:cover;
  display:inline-block;
  float:right;
  margin:1px -2px 2px 0px;
  cursor : pointer ;
  border-radius : 4px; 
}

.sharegoogle {
  background: url( 'https://cdn.wiocha.pl/img/ikony.png' ) -224px 0px;
  width:32px;
  height:32px;
  background-size:416px 32px;
  display:inline-block;
  margin:2px;
  cursor : pointer ;
  -webkit-filter: grayscale(100%); 
  -moz-filter: grayscale(100%); 
  -ms-filter: grayscale(100%); 
  -o-filter: grayscale(100%); 
  filter: grayscale(100%); 
  filter: gray;
  border-radius : 4px; 
}
.sharegooglecolor {
  background: url( 'https://cdn.wiocha.pl/img/ikony.png' ) -224px 0px;
  width:32px;
  height:32px;
  background-size:416px 32px;
  display:inline-block;
  margin:2px;
  cursor : pointer ;
  border-radius : 4px; 
}
.sharegoogle:hover {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
  filter: none;
  border-radius : 4px; 
}
.sharewykop {
  background: url( 'https://cdn.wiocha.pl/img/ikony.png' ) -320px 0px;
  width:32px;
  height:32px;
  background-size:416px 32px;
  display:inline-block;
  margin:2px;
  cursor : pointer ;
  -webkit-filter: grayscale(100%); 
  -moz-filter: grayscale(100%); 
  -ms-filter: grayscale(100%); 
  -o-filter: grayscale(100%); 
  filter: grayscale(100%); 
  filter: gray;
  border-radius : 4px; 
}
.sharewykopcolor {
  background: url( 'https://cdn.wiocha.pl/img/ikony.png' ) -320px 0px;
  width:32px;
  height:32px;
  background-size:416px 32px;
  display:inline-block;
  margin:2px;
  cursor : pointer ;
  border-radius : 4px; 
}
.sharewykop:hover {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
  filter: none;
  border-radius : 4px; 
}
.sharepinterest {  
  background: url( 'https://cdn.wiocha.pl/img/ikony.png' ) -128px 0px;
  width:32px;
  height:32px;
  background-size:416px 32px;
  display:inline-block;
  margin:2px;
  cursor : pointer ;
  -webkit-filter: grayscale(100%); 
  -moz-filter: grayscale(100%); 
  -ms-filter: grayscale(100%); 
  -o-filter: grayscale(100%); 
  filter: grayscale(100%); 
  filter: gray;
  border-radius : 4px; 
}
.sharepinterestcolor {  
  background: url( 'https://cdn.wiocha.pl/img/ikony.png' ) -128px 0px;
  width:32px;
  height:32px;
  background-size:416px 32px;
  display:inline-block;
  margin:2px;
  cursor : pointer ;
  border-radius : 4px; 
}
.sharepinterest:hover {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
  border-radius : 4px; 
}
.sharetweeter {
  background: url( 'https://cdn.wiocha.pl/img/ikony.png' ) -160px 0px ;
  width:32px;
  height:32px;
  background-size:416px 32px;
  display:inline-block;
  margin:2px;
  cursor : pointer ;
  -webkit-filter: grayscale(100%); 
  -moz-filter: grayscale(100%); 
  -ms-filter: grayscale(100%); 
  -o-filter: grayscale(100%); 
  filter: grayscale(100%); 
  filter: gray;
  border-radius : 4px; 
}
.sharetweetercolor {
  background: url( 'https://cdn.wiocha.pl/img/ikony.png' ) -160px 0px ;
  width:32px;
  height:32px;
  background-size:416px 32px;
  display:inline-block;
  margin:2px;
  cursor : pointer ;
  border-radius : 4px; 
}
.sharetweeter:hover {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
  border-radius : 4px; 
}
.shareinsta {
  background: url( 'https://cdn.wiocha.pl/img/insta2.webp' ) 0px 0px ;
  background-size:32px 32px;
  width:32px;
  height:32px;
  display:inline-block;
  margin:2px;
  cursor : pointer ;
  -webkit-filter: grayscale(100%); 
  -moz-filter: grayscale(100%); 
  -ms-filter: grayscale(100%); 
  -o-filter: grayscale(100%); 
  filter: grayscale(100%); 
  filter: gray;
  border-radius : 4px; 
}
.shareinstacolor {
  background: url( 'https://cdn.wiocha.pl/img/insta2.webp' ) 0px 0px ;
  width:32px;
  height:32px;
  background-size:32px 32px;
  display:inline-block;
  margin:2px;
  cursor : pointer ;
  border-radius : 4px; 
}
.shareinsta:hover {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
  border-radius : 4px; 
}

.sharelinkedin {
  background: url( 'https://cdn.wiocha.pl/img/ikony.png' ) -192px 0px;
  width:32px;
  height:32px;
  background-size:416px 32px;
  display:inline-block;
  margin:2px;
  cursor : pointer ;
  -webkit-filter: grayscale(100%); 
  -moz-filter: grayscale(100%); 
  -ms-filter: grayscale(100%); 
  -o-filter: grayscale(100%); 
  filter: grayscale(100%); 
  filter: gray;
  border-radius : 4px; 
}
.sharecopyurl {
  background-color: #2579c5;
  background-image: url( 'https://cdn.wiocha.pl/img/copy.svg' );
  background-size: 100%;
  width:32px;
  height:32px;
  display:inline-block;
  margin:2px;
  cursor : pointer ;
  -webkit-filter: grayscale(100%); 
  -moz-filter: grayscale(100%); 
  -ms-filter: grayscale(100%); 
  -o-filter: grayscale(100%); 
  filter: grayscale(100%); 
  filter: gray;
  border-radius : 4px; 
}
.sharecopyurl:hover {
  filter:none;
}
.sharelinkedincolor {
  background: url( 'https://cdn.wiocha.pl/img/ikony.png' ) -192px 0px;
  width:32px;
  height:32px;
  background-size:416px 32px;
  display:inline-block;
  margin:2px;
  cursor : pointer ;
  border-radius : 4px; 
}
.sharelinkedin:hover {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
  border-radius : 4px; 
}
.sharevkontakte {
  background: url( 'https://cdn.wiocha.pl/img/ikony.png' ) -96px 0px;
  width:32px;
  height:32px;
  background-size:416px 32px;
  display:inline-block;
  margin:2px;
  cursor : pointer ;
  -webkit-filter: grayscale(100%); 
  -moz-filter: grayscale(100%); 
  -ms-filter: grayscale(100%); 
  -o-filter: grayscale(100%); 
  filter: grayscale(100%); 
  border-radius : 4px; 
}
.sharetumblr {
  background: url( 'https://cdn.wiocha.pl/img/ikony.png' ) -32px 0px;
  width:32px;
  height:32px;
  background-size:416px 32px;
  display:inline-block;
  margin:2px;
  cursor : pointer ;
  -webkit-filter: grayscale(100%); 
  -moz-filter: grayscale(100%); 
  -ms-filter: grayscale(100%); 
  -o-filter: grayscale(100%); 
  filter: grayscale(100%); 
  filter: gray;
  border-radius : 4px; 
}
.sharetumblrcolor {
  background: url( 'https://cdn.wiocha.pl/img/ikony.png' ) -32px 0px;
  width:32px;
  height:32px;
  background-size:416px 32px;
  display:inline-block;
  margin:2px;
  cursor : pointer ;
  border-radius : 4px; 
}
.sharetumblr:hover {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
  filter: none;
  border-radius : 4px; 
}
.shareodnoklassniki {
  background: url( 'https://cdn.wiocha.pl/img/ikony.png' ) -64px 0px;
  width:32px;
  height:32px;
  background-size:416px 32px;
  display:inline-block;
  margin:2px;
  cursor : pointer ;
  -webkit-filter: grayscale(100%); 
  -moz-filter: grayscale(100%); 
  -ms-filter: grayscale(100%); 
  -o-filter: grayscale(100%); 
  filter: grayscale(100%); 
  filter: gray;
}
.sharelivejournal {
  background: url( 'https://cdn.wiocha.pl/img/ikony.png' ) -352px 0px;
  width:32px;
  height:32px;
  background-size:416px 32px;
  display:inline-block;
  margin:2px;
  cursor : pointer ;
  -webkit-filter: grayscale(100%); 
  -moz-filter: grayscale(100%); 
  -ms-filter: grayscale(100%); 
  -o-filter: grayscale(100%); 
  filter: grayscale(100%); 
  filter: gray;
}
.sharelivejournal:hover {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
  filter: none;
}
.sharereddit {
  background: url( 'https://cdn.wiocha.pl/img/ikony.png' ) -288px 0px;
  width:32px;
  height:32px;
  background-size:416px 32px;
  display:inline-block;
  margin:2px;
  cursor : pointer ;
  -webkit-filter: grayscale(100%); 
  -moz-filter: grayscale(100%); 
  -ms-filter: grayscale(100%); 
  -o-filter: grayscale(100%); 
  filter: grayscale(100%); 
  filter: gray;
}
.sharelosuj {
  background: url( 'https://cdn.wiocha.pl/img/kostka3.png' );
  background-size : 32px 32px;
  background-repeat : no-repeat ;
  background-position : center ;
  width:32px;
  height:32px;
  display:inline-block;
  margin:2px;
  cursor : pointer ;
  -webkit-filter: grayscale(80%); 
  -moz-filter: grayscale(80%); 
  -ms-filter: grayscale(80%); 
  -o-filter: grayscale(80%); 
  filter: grayscale(80%); 
}
.sharelosuj:hover {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
  border-radius : 4px; 
}


  div.absurddivdiv{
    margin: 0 auto;
    background:black ;
    max-width: 890px;
  }
  div.absurdheaderdiv{
    margin:0px;
    min-height:43px;
    padding: 5px ;    
    border-bottom: 1px solid #505050;
    color: white;
    text-align: left ;
  }

  div.absurdtitle{
    display:inline-block;
    max-width:680px;
    text-align:left;
    color:white;    
    margin: 0px; 
  }
  div.absurdtitle a{
    color:white;    
  }  
  span.absurdtitlespan{
    font-size: 2em;
    font-weight: normal ;
  }
  div.absurdtitleadult{
    display:inline-block;
    max-width:680px;
    text-align:left;
    font-weight: normal ;
    color:red;    
    margin: 0px; 
  }
  div.absurdtitleadult a{
    color:red;    
  }  
  div.absurdcat{
    float:right;
    max-width:300px;
    text-align:right;
  }
  div.absurdcat a{
    color:white;
    font: 18px Verdana,Geneva,Arial,sans-serif ;
  }
  div.absurddesc{
    display:inline-block;
    font-size:14px;
    text-align:left;
    max-width:890px;
    margin:0px; 
  }
  div.absurdll{
    color:red;
    float:right;
    font-size:12px;
    text-align:right;
  }
  div.absurdgallerydiv{
    margin:0px;
    min-height:60px;
    padding: 0px ;    
    border-bottom: 1px solid #505050;
    color: white;
    text-align: left ;
    overflow:hidden ;
    position:relative;
    height: 150px; 
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .absurdgallerydiv a{ display:inline-block; max-height:150px; overflow:hidden; vertical-align:top;}  
  .absurdgallerydiv ul{ max-height:150px; overflow:hidden; vertical-align:top; position:relative; padding-top:3px; }
  .absurdgallerydiv li{ padding:3px 3px 3px 3px; margin-left:16px; margin-right:16px; display: inline-block; background-color: #000000; vertical-align:top;}
  .absurdgallerydiv img{ display:block; vertical-align: top; }
  div.gscroller{
    margin:0px;
    text-align: left ;
    overflow:hidden ;
    position:relative;
    height: 150px; 
    display:inline-block; 
    width:828px;
    vertical-align:top;
    max-width : 89%; 
  }
  div.gscrollleft { height:150px; background:red; width:20px; display:inline-block; background: url("https://cdn.wiocha.pl/img/glewa1.png") center center no-repeat; }
  div.gscrollleftia { height:150px; background:red; width:20px; display:inline-block; background: url("https://cdn.wiocha.pl/img/glewa2.png") center center no-repeat; }
  div.gscrollleft:hover { background: url("https://cdn.wiocha.pl/img/glewa3.png") center center no-repeat; }
  div.gscrollright { height:150px; background:yellow; width:20px; display:inline-block; background: url("https://cdn.wiocha.pl/img/gprawa1.png") center center no-repeat; }
  div.gscrollrightia { height:150px; background:yellow; width:20px; display:inline-block; background: url("https://cdn.wiocha.pl/img/gprawa2.png") center center no-repeat; }
  div.gscrollright:hover { background: url("https://cdn.wiocha.pl/img/gprawa3.png") center center no-repeat; }

a.gallerynext{
  vertical-align:middle ;
  display:inline-block ;
  margin:0 auto; 
  width:20px;
  height:52px;
  background: url("https://cdn.wiocha.pl/img/gprawa1.png");
}

a.gallerynext:hover{
  background: url("https://cdn.wiocha.pl/img/gprawa3.png");
}

a.galleryprev{
  vertical-align:middle ;
  display:inline-block ;
  margin:0 auto; 
  width:20px;
  height:52px;
  background: url("https://cdn.wiocha.pl/img/glewa1.png");
}

a.galleryprev:hover{
  background: url("https://cdn.wiocha.pl/img/glewa3.png");
}



  img.sofader{ position:relative; top:-20px; width:100%; height:20px; }
  div.absurdimagediv{
    margin:0px;
    padding: 20px 5px 1px;
    text-align:center;
    position : relative ;
  }

  div.absurdimagediv img{
    max-width: 750px;
    margin: 0 auto;
  }

  div.absurdimagediv picture{
    max-width: 750px;
    margin: 0 auto;
  }

  div.absurdimagewrapper {
    width:770px;
    display:inline-block;
    vertical-align:middle;
    position:relative;
    max-width:100%;
  }

  div.absurdfooter{
    vertical-align:baseline;
    color:white;
    font-size: 0.8rem;
    text-align: left;
    padding:3px; 
    line-height:25px;
  }
  .absurdfooterleft{
    display:inline-block;
    padding-left:5px;
    vertical-align:baseline;
    font-size : 1em ;
    height:22px;
  } 
  .absurdfooterleft a{
    font-size: 0.8rem ;
    color : #888888 ;
    font-weight : bold ;
  }
  .absurdfooterleft a.baned{
    color : #FF5050 ;
    font-weight : bold ;
  }
  .absurdfooterleft a.notbanned{
    color : #00FFFF ;
    font-weight : bold ;
  }
  .absurdfooterleft span{
    color : #888888 ;
    font-weight : bold ;
  }
  .absurdfooterleft img{
    vertical-align: baseline;
  }

  
  .videoframewrapper {
    position : relative ;
    padding-bottom : 56% ;
    padding-top : 0px ; 
    height : auto ;
    overflow : hidden ;
  }
  .videoframewrapper iframe, .videoframewrapper object, .videoframewrapper embed, .videoframewrapper > div{
    width : 100%; 
    height : 100%; 
    position : absolute ;
    left : 0 ;
    top : 0 ;
  }

  .absurdfooterright{
    display:inline-block;
    float:right;
    padding-right:5px;
    vertical-align:bottom;
    height:22px;
    font-size:1em;
  } 
  .absurdfooterright a{
    color : white ;
    font-weight:bold ;
    font-size:1em;
  }
  .absurdfooterright span{
    font-weight:bold ;
  }
  .absurdfooterright img{
    vertical-align: baseline;
  }

  .votevalue[data-vall="-1"]{color: #FF0000;}
  .votevalue[data-vall="1"]{color: #00FF00;}
  .mobile .votevalue{flex:0 0 auto;font-size:1.5rem;vertical-align:middle;}

  div.absurdalewdiv{
    cursor:pointer;
    color:#f5d836;
    font-size:12px;
    font-weight:bold;
    height : auto;
    margin : 0;
    padding:0px;
    width: auto;
  }  

  .absurdmobilefooter{
    display : none ;
    max-width : 100% ;
    font-size : 1rem ;
    background-color: black ;
    text-align : left ;
    min-height : 40px; 
  }
  
  .mobile .absurdmobilefooter{display:block;}

  .absurdmobilefooterl1{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;
    align-items:center;font-size:1rem;padding:6px 3px;}
  .absurdmobilefooterl1>*{flex:0 0 auto;}
  .absurdmobilefooterl1 a{font-size:inherit;color:#888888;font-weight:bold;}
  .absurdmobilefooterl1 a.banned{color:#FF5050;font-weight:bold;}
  .absurdmobilefooterl1 .username{font-size:inherit;color:#888888;font-weight:bold;padding-left:0px;}
  .absurdmobilefooterl1 .username.banned{color:#FF5050;}
  .absurdmobilefooterl1 span{padding-left:0.5rem;font-size:inherit;}


  .absurdmobilefooterl2{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:flex-start;
    align-items:center;
    font-size:0.85rem;
    padding:3px;
  }
  
  .absurdmobilefooterl2>*{
    flex:0 0 32px;height:32px;line-height:32px;margin:0px 5px;padding:0px;border-radius:6%;
  }
  .absurdmobilefooterl2>.sharefb{margin-left:auto;}
  .absurdmobilefooterl2>.favspan{margin-left:auto;}

.mobshare {cursor:pointer;background-size:100%;background-repeat:no-repeat;background-position:center;
background-image: url( 'https://cdn.wiocha.pl/img/share.svg' );}
.nomobshare .mobshare{display:none;}


  
  .mobvoteimg {
    width : 28px; 
  }
  
  .mobilevotebutton{
    display:inline-block;width:32px;height:32px;line-height:32px;font-size:32px;text-align:center;vertical-align:middle;color:#00FF00;margin:0px 5px;padding:0px; border:2px solid gray; border-radius:6%;
  }
  
  .mobilevotebutton.voteup{
    color:black;border:2px solid #00ff00; background-color:#00ff00;text-shadow:1px 1px white, -1px 1px white, -1px -1px white, 1px -1px white;
  }
  .mobilevotebutton.votedown{
    color:black;border:2px solid #ff0000; background-color:#ff0000;text-shadow:1px 1px white, -1px 1px white, -1px -1px white, 1px -1px white;
  }
  
  a.faceinst {
    display : inline-block ;
    width: auto ;
    max-width : 40% ;
    margin: 0 auto ;    
  }
  a.faceinst > img {
    width : 100px ;
    height : 100px; 
    border-radius : 12px ;
  }
  
  
  input.shareinput{ 
    width:90%;
    height:25px;
    box-sizing:border-box;
    vertical-align:top;
    margin-right:3px;
    font-size:14px;
  }
  div.newaddgeneral{
    width : 100% ;
    max-width: 100% ;    
    font-size : 14px ;
    font-weight : bold ;
    color : white ;
  }

  div.newaddgeneralbuttoncontainer{
    display : flex ;
    width : 100% ;
    flex-flow : row wrap ;
    text-align : center ;        
    margin : 0 auto ;
  }
    
  a.newaddbutton{
    display : inline-block ;    
    color : white ;
    background : black ;
    box-sizing : border-box ;
    border-radius : 20px;
    padding : 10px; 
    margin : 5px auto ;
    width : 150px ;
    height : auto ;
    max-width : 150px;
    min-width : 150px;
    font-size : 1rem ;
    font-weight : bold ;
  }

  div.newaddbutton{
    display : inline-block ;    
    color : white ;
    background : black ;
    box-sizing : border-box ;
    border-radius : 20px;
    padding : 10px; 
    margin : 5px auto ;
    width : auto ;
    height : auto ;
    max-width : 90%;
    min-width : 150px;
    font-size : 1rem ;
    font-weight : bold ;
  }
  
  div.newaddmain{
    width : 100% ;
    max-width : 100% ;
    font-size : 1rem ;
    color : white ;
  }
  div.newaddinputs{
    width : 80%;
    min-width:800px;
    text-align : left ;
    margin : 0 auto ;
  }
  div.newaddinputs>input,div.newaddinputs>select{
    background : white ;
    font-size : 1rem;
    color : black ;
    border-radius : 5px; 
    margin : 5px; 
    display : inline-block ;
    max-width : 85%; 
    width : 100%;
  }
  span.newaddinputlabel{
    display : inline-block ;
    width : 200px;
    margin : 5px; 
    max-width : 10%;
  }
  div.newadditemdiv{
    width : 750px; 
    max-width : 750px; 
    min-width : 750px; 
    margin: 0 auto ;
    position : relative ;
    overflow : hidden ;
  }
  img.newaddedpicture{
    display : block ;
    width : auto ;
    height : auto ;
    max-width : 100% ;
    margin: 0 auto ;
  }
  div.imageshower{
    position : absolute ;
    bottom : 0px; 
    width : 100% ;
  }
  div.imageshowerinterior{
    position : static ;
    margin : 0 auto ;
    text-align : center ;
    color : white ;
    padding : 10px;     
    background: -webkit-linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,1)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,1)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,1)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,1)); /* Standard syntax */    
    box-sizing : border-box ;
  }
  div.imageshowerinterior:hover{
    color : yellow ;
    background: -webkit-linear-gradient(rgba(255,127,39,0.5),rgba(255,127,39,1)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgba(255,127,39,0.5),rgba(255,127,39,1)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgba(255,127,39,0.5),rgba(255,127,39,1)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgba(255,127,39,0.5),rgba(255,127,39,1)); /* Standard syntax */    
  }
  #watermark{
    position : absolute ;
    top:0px;
    left:0px;
    background: url('https://cdn.wiocha.pl/img/watermark_new.png'); 
    width : 200px;
    height : 50px; 
    border : 1px dotted white ;
    box-sizing : border-box ;
  }

  .absurdsharediv{margin:0px;padding:3px;text-align:left;vertical-align:bottom;background:#303030;
    display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;}
  .mobile .absurdsharediv{padding:8px;}

.topfooter{ 
  font-size : 2em ;
  color : white ;
  display : flex ;
  flex-direction : row ;
  justify-content : space-between ;
}

.topfooter > div {
  flex : 0 0 auto ;
  font-size : 1em ;
}

.rlogs{
  position : fixed ;
  width:100vw;
  height:98vh;
  background : white ;
  display : none ;
  bottom:1vh;
  left:50%;
  transform:translateX( -50% );
  flex-direction : row ;
  flex-wrap : nowrap ;
  justify-content : stretch ;
  align-items : stretch ;
  font-size : 16px ;
}
.rlogs > div{
  font-size : 1em ;
  flex : 0 0 10em;
  border-right : 1px solid black ;
  padding-right : 0.5em ;
  text-align : right ;
  display : flex ;
  flex-direction : column ;
  flex-wrap : nowrap ;
  justify-content : stretch ;
  align-items : stretch ;
}
.rlogs > div > div:nth-child(0){ max-height : 1.5em ; min-height : 1.5em ; }
.rlogs > div > div:nth-child(1){ max-height : 1.5em ; min-height : 1.5em ; }
.rlogs > div > div:nth-child(2){ max-height : 1.5em ; min-height : 1.5em ; }
.rlogs > div > div:nth-child(3){ max-height : 1.5em ; min-height : 1.5em ; }
.rlogs > div > div:nth-child(4){ max-height : 1.5em ; min-height : 1.5em ; }
.rlogs > div > div:nth-child(5){ max-height : 15em ; min-height : 15em ; }
.rlogs > div > div:nth-child(6){ max-height : 15em ; min-height : 15em ; }

.rlogsc:hover > .rlogs{ display:flex; }
.rlogs:hover{ display : flex ; }

.wrapwidth{
  width : 990px;
  min-width : 990px; 
  max-width : 990px;
}
.mobile .wrapwidth{
  width : 100%;
  max-width : 100%;
  min-width : 100%;
}
.ntitleband{
  font-size : 2em ;
  background-color : black ;
  height : auto ;
  vertical-align : top ;
  padding : 0 ;
  margin : 0 ;
}
.upper.ntitleband{ font-size : 1.7em ; position : fixed ; top : 1.3rem ; width : 100%; z-index:20;}
.upperf.ntitleband{ font-size : 1.7em ; position : fixed ; top : 1.3rem ; width : 100%; z-index:20;}
.ntitlebanner{
  font-size : 1em ;
  height:auto;
  margin : 0 auto ;
  padding : 0.3em 0 ;
  position : relative ;
  background-color : black ;
  display : flex ;
  flex-direction : row ;
  flex-wrap : wrap ;
}
.mobile .ntitlebanner{ padding : 0.1em 0 ; }
.nmenutogglewrapper{ display : none ; font-size:1em; }
.mobile .nmenutogglewrapper{ 
  flex : 0 0 2.5em ;
  height : auto ;
  align-self : stretch ;
  display : block ;
}
img.nmenutoggle, svg.nmenutoggle{
  height : auto ;
  display : block ;
  cursor:pointer;
  width : 100% ;
  aspect-ratio : attr( width ) / attr( height ) ;
  stroke:white;
  fill:white;
}
.logolink{
  font-size : 1em ;
  flex : 1 1 auto ;
  min-width : 30% ;
  max-width : 40% ;
}
.logolink img{
  display : block ;
  height : 100% ;
  width : auto ;
  aspect-ratio: 376 / 80 ;
}
.upper .logolink{
  display : none ;
  height : 3.5em ;
}
.mobile .logolink{
  flex : 1 1 auto;
  max-height : 2em ;
  max-width : calc( 100% - 3em );
}
.mobile .logolink >img {
  display : block ;
  width : auto ;
  height : 100% ;
  max-height : 100% ;
  max-width : 100% ;
  margin : 0 auto ;
}
.ntopmenuwrapper{
  font-size : 1em ;
  flex : 1 1 auto ;
  min-width : 60% ;
  max-width : 60% ;
  display:flex ;
  flex-direction : column ;
  flex-wrap : nowrap ;
  justify-content : space-between ;
  align-self : flex-end ;
}
.mobile .ntopmenuwrapper{min-width:100%;max-width:100%;padding-top:0.2em;}
.upper .ntopmenuwrapper{ flex-direction:row; flex-wrap:nowrap; min-width:100%; max-width:100%; }
.ntopmenu{
  font-size : 1em ;
  display : flex ;
  flex-direction : row ;
  justify-content : space-evenly ;
  flex-wrap : nowrap ;
  order : 1 ;
}
.upper .ntopmenu{ order:0; flex: 1 1 auto ;}
.mobile .ntopmenu{
  flex-direction : column ;
  flex-wrap : nowrap ;
  position : absolute ;
  top : 2em ;
  left : 0px ;
  width : 0px ;
  height : 0px ;
  z-index : 10 ;
  overflow : hidden ;
  transition : width 0.5s ease,height 0.5s ease ;
  justify-content : flex-start ;
  pointer-events : none ;
  background-color : black ;
  padding-left:0.1em;
}

.ntopmenu a,.ntopmenu span{
  font-family : 'Comic Sans MS','Comic Sans',cursive ;
  font-size : 1.05em ;
  font-weight : bold ;
  text-shadow : 0px 2px #cc8600,0px -2px #cc8600,2px 0px #cc8600,-1px 0px #cc8600 ;
  color : black ;
  flex : 0 0 auto ;
  padding : 0.1em ;
  position : relative ;
  pointer-events : all ;
  background: white;
  background-image: linear-gradient(45deg,black,#000001);
  cursor:pointer;
  line-height:1.3em;
}
.desktop .ntopmenu > a {box-sizing:border-box;}
.mobile .ntopmenu a,.mobile .ntopmenu span{
  font-size : 1.2em ;
  background-color : black ;
  font-family : Tahoma,verdana,arial ;
  font-weight : normal ;
  color : white ;
  text-shadow : none ;
}
.desktop .hrefmain{ aspect-ratio: 88.78 / 37.03 ; }
.desktop .hrefwait{ aspect-ratio: 141.08 / 37.03 ; }
.desktop .hrefvideo{ aspect-ratio: 71.25 / 37.03 ; }
.desktop .hrefmemy{ aspect-ratio: 74.88 / 37.03 ; }
.desktop .hreftop{ aspect-ratio: 49.03 / 37.03 ; }
.desktop .hrefadd{ aspect-ratio: 75.45 / 37.03 ; }
.ntopmenu a::after{
  content : " " ;
  position : absolute ;
  left : 0px;
  top : 0px;
  width : 100%;
  height : 100% ;
  background-repeat : no-repeat ;
  background-position : center ;
  background-image : url(https://cdn.wiocha.pl/img/stopka1.png);
  display : none ;
}
.ntopmenu a:nth-child(1)::after{background-image : url(https://cdn.wiocha.pl/img/stopka2.png);}
.ntopmenu a:nth-child(4)::after{background-image : url(https://cdn.wiocha.pl/img/stopka2.png);}
.ntopmenu a:nth-child(2)::after{background-image : url(https://cdn.wiocha.pl/img/stopka3.png);}
.ntopmenu a:nth-child(5)::after{background-image : url(https://cdn.wiocha.pl/img/stopka3.png);}
.ntopmenu a:nth-child(3)::after{background-image : url(https://cdn.wiocha.pl/img/stopka4.png);}
.ntopmenu a:nth-child(6)::after{background-image : url(https://cdn.wiocha.pl/img/stopka4.png);}
.ntopmenu a:hover::after{display:block;}
.ntopmenu a.curroper::after{display:block;}
.mobile .ntopmenu a.curroper::after{display:none;}
.mobile .ntopmenu a.curroper{ color : #e70707 ; }
.mobile .ntopmenu a:hover::after{display:none;}
.nodesktop{ display : none ; }
.mobile .nodesktop{ display : block ; }
.ntopmenu div{ display : none; }
.mobile .ntopmenu .nmenuusermenu{ 
  display : block ; 
  font-family : Tahoma,verdana,arial ;
  font-weight : normal ;
  color : white ;
  text-shadow : none ;
  flex : 0 0 auto ;
  padding : 0.1em ;
  position : relative ;
  pointer-events : all ;
  font-size : 1.2em ;
  background-color : black ;
}
.mobile .ntopmenu .nmenuusermenu a.curroper{ color : #e70707 ; }
.mobile .ntopmenu .nmenuusersubmenu{ 
  font-size : 1em ;
  display : flex ;
  justify-content : space-evenly ;
  flex-direction : column ;
  flex-wrap : nowrap ;
  z-index : 10 ;
  overflow : hidden ;
  transition : width 0.5s ease,height 0.5s ease ;
  justify-content : flex-start ;
  pointer-events : none ;
  width : 0px;
  height : 0px;
  padding-left : 1em ;
}
.mobile .ntopmenu .nmenuusersubmenu a.curroper{ color : #e70707 ; }
.mobile .ntopmenu .uactive.nmenuusersubmenu{ 
  width : 100%;
  height : auto;
}

.mobile .ntopmenu .nmenuusersubmenu a{
  font-size : 1em ;
  background-color : black ;
}

.searchToggleWrapper{ 
  font-size : 1em ;
  flex : 0 0 auto ;
  height : 1em ;
  align-self : flex-end ;
  display : none ;
  margin : 0 0.2em ;
}
.mobile .searchToggleWrapper{ display : block ; }
.mobile .searchToggleWrapper:nth-child(2):last-child{ min-width:100% ; }
.mobile .searchToggleWrapper:nth-child(2):last-child svg{ margin-left: calc( 100% - 1.5em ); margin-right:0; }
.searchToggleWrapper svg{
  flex : 0 0 auto ;
  width : 1em ;
  height : 1em ;
  align-self : flex-end ;
  display : block ;
  cursor:pointer;
  width : auto ;
  fill : white ;
  stroke : none ;
}

.searchToggleWrapper svg:hover{ fill : #e70707; }
.mobile .searchToggleWrapper svg:hover{ fill:white; }

.resultBar{
  font-size : 0.7em ;
  flex : 0 0 100% ;
  display : flex ;
  flex-direction : column ;
  padding: 0 ;
  margin: 0 ;
  flex : 1 1 auto ; flex-wrap : nowrap ;
}
.upper .resultBar{ justify-content : center ; }
.countSearchBar{
  display : flex ;
  flex-direction : row ;
  flex-wrap : nowrap ;
  justify-content : flex-end ;
  padding : 0 ;
  margin : 0 ;
}
.mobile .countSearchBar{
  justify-content : space-between ;
  font-size : 1.5em ;
  flex-wrap : wrap ;
}
.countBar{
  flex : 0 0 auto ;
  font-size : 1em ;
  line-height : 1em ;
  padding-left:0.2em; 
  justify-self : flex-start ;
  color : #888888 ;
}
.mobile .countBar{
  flex : 0 0 auto ;
  box-sizing : border-box ;
}
.countBar>span{
  color : white ;
  font-size : 1em ;
}

div#searchfield{
  flex : 1 1 auto ;
  font-size : 1em ;
  height : 1em ;
  min-width : 1em ;
  float : none ;
  align-self : flex-end ;
  position : relative ;
  background-color : transparent ;
  cursor : pointer ;
  display : block ; 
}
.mobile div#searchfield{
  order : 4 ;
  flex : 0 0 100% ;
  display : none ;
}
.mobile div#searchfield.active{ 
  display : block ; 
  margin : 0.3em 0 ; 
}
form#searchform1{
  font-size : 1em ;
  height : 1em ;
  width : 0px;
  overflow:hidden ;
  position : absolute ;
  right : 0.3em ;
  transition : width 0.5s ease ;
  display : flex ;
  flex-direction : row ;
  flex-wrap : nowrap ;
  justify-content : flex-end ;
  align-items: center ;
  max-width : calc( 100% - 2em );
  width : 30em ;
  max-width : 95% ;
}
.active form#searchform1{
  width : 30em ;
  max-width : 100% ;
}
.mobile .active form#searchform1{
  width : 100% ;
  max-width:100%;
  position:static;
}
.searchButton{
  font-size : 1em ;
  flex: 0 0 1.5em ;
  height: auto;
  margin: 0px;
  color : white ;
  background-color : white ;
  border-radius : 0 ;
  text-align : center ;
  box-sizing : border-box ;
}
.searchButton svg.lupa{
  width : 0.9em ;
  height : 0.9em ;
  margin : 0 auto ;
  padding : 0.05em 0 ;
  display :block ;
  stroke : none ;
  fill : black ;
}
.searchButton svg.lupa:hover{
  fill : #e70707 ;
}
div#searchfield input[type=text] {
  font-size : 0.8em ;
  flex: 0 0 100% ;
  height: auto;
  display: inline-block;
  padding : 0 ;
  margin: 0;
  position : static ;
  max-width : calc( 100% - 7em );
}
.mobile div#searchfield input[type=text] {
  max-width : calc( 100% - 2.15em );
}


.filtersToggleWrapper{ 
  font-size : 1em ;
  flex : 0 0 auto ;
  height : auto ;
  align-self : flex-end ;
  display : none ;
  margin-right : 0.2em ;
  width : auto ;
  height : 1em ;
  color : red ;
  font-weight : bold ;
  position : relative ;
  cursor : pointer ;
}
.mobile .filtersToggleWrapper{ display : block ; }
.filtersToggleWrapper svg{
  flex : 0 0 auto ;
  height : auto ;
  display : inline-block ;
  width : 1em ;
  fill : white ;
  stroke : none ;
  vertical-align : top ;
  aspect-ratio : 1 ;
}

.filtersToggleWrapper span{
  font-size : 1em ;
  line-height : 1em ;
  flex : 0 0 auto ;
  height : 1em ;
  display : inline-block ;
  width : auto ;
  vertical-align : top ;
}

.filtersToggleWrapper svg:hover{ fill : #e70707; }


.filtersBar{
  font-size : 1em;
  display : flex ;
  flex-direction : row ;
  justify-content : space-evenly ;
  height : 0 ;
  overflow : hidden ;
  transition : height 0.5s ease ;
  margin: 0 ;
  padding : 0 ;
  padding-top : 0.2em ;
  height : 1.4em ; 
}  
.upper .filtersBar{
  font-size:0.9em ;
}

.factive.filtersBar{ 
  height : 5.4em ; 
}
.mobile .filtersBar{
  flex-direction : column ;
  align-items:flex-start ;
  transition : height 0.5s ease , padding 0.5s ease;
  padding-top : 0 ;
  height : 0 ;
}
.mobile .factive.filtersBar{
  height : 100% ;
  pointer-events : none ;
  padding-top : 0.3em ;
}
.filtersBar span,.filtersBar label{
  flex : 0 0 auto ;
  font-size : 1em ;
  padding : 0 0.1em ;
  color : #888888 ;
}
.mobile .filtersBar span,.mobile .filtersBar label{
  font-size : 1.5em ;
  pointer-events : all ;
  padding-left : 1em ;
  padding-bottom : 0.5em ;
}

.filtersBar input[type="checkbox"]{ font-size: 1em; width : 1em; height : 1em ; vertical-align:middle; }
.listindicator{ position : absolute; right : 1em ; top :0; font-size:1em ; font-weight : bold ; color : white ; }
.listindicator.inmainlist{ color : #0089fe ; }
.mobile .listindicator{ right:auto;left:1em; }
.catindicator{ position : absolute; right : 1em ; top :0; font-size:1em ; font-weight : bold ; color : white ; }

.wgraneOcontainer{
  position:relative; padding-bottom:calc( 56.25% - 1px );height:auto;transition:padding-bottom 0.4s ease;transition:none;
  overflow:hidden;margin:0px;width:100%;min-width:100%;max-width:100%;max-height:100%;min-height:1px;z-index:5;}
.wgraneOcontainer.ocloser{
  margin-top:20px;overflow:visible;}
.wgraneOcontainer.ocloser::before{
  background:transparent url(<?php echo($repcur[currrep][repnginx]); ?>img/close_min_en.png) right center no-repeat;
  height:20px;position:relative;display:block;max-width:100%;width:100%;top:-20px;right:0px;content:" ";cursor:pointer;overflow:visible; }
.alwplayer{opacity:0;margin:0px;padding:0px;border:none;overflow:hidden;background:transparent;min-height:1px;
  position:absolute;width:100%;height:100%;max-height:none;left:0px;top:0px;opacity:1;}
.wgraneOcontainer>.alwplayer{z-index:66000 !important;}
.wgraneOcontainer.miniature.iphone{ position : static ; }
@keyframes wgraneplayerminshow{0%{opacity:0}to{opacity:1}}
.wgraneOcontainer.miniature{ z-index:1000000;  animation-name:wgraneplayerminshow;animation-duration:2s;}
.wgraneOcontainer.miniature>.alwplayer{z-index:1000000;position:fixed;left:auto;top:auto;right:auto;bottom:auto;}
.wgraneOcontainer.miniature.above>.alwplayer{z-index:100000 !important;}
.wgraneOcontainer.miniature.isplayinga>.alwplayer{z-index:1200000 !important;}
.wgraneOcontainer.miniature.smin3.isplayingm>.alwplayer{z-index:1100000 !important;}
.wgraneOcontainer.miniature.smin4.isplayingm>.alwplayer{z-index:1100000 !important;}
.miniature>.alwplayer.desktop{ 
  width:320px;max-width:320px;height:180px;left:auto;top:auto;right:0px;bottom:30px;max-height:180px;}
.miniature.w998>.alwplayer.desktop{ 
  width:320px;max-width:320px;height:180px;left:0px;top:auto;right:auto;bottom:30px;max-height:180px;}
.miniature.mmpl1>.alwplayer.smartphone,.miniature.mmpl1>.alwplayer.tablet 
{width:320px;max-width:100%;height:180px;left:auto;top:auto;right:0px;bottom:0px;max-height:180px;}
.miniature.mmpl2>.alwplayer.smartphone
{width:100%;height:0;top:0px;right:0px;max-height:240px;padding-bottom:56.25%;max-width:320px}
.miniature.mmpl2>.alwplayer.tablet 
{width:360px;max-width:360px;height:202px;top:0px;right:0px;max-height:202px;padding-bottom:0px;}
.miniature.mmpl2.w998>.alwplayer.smartphone
{opacity:0;width:240px;height:135px;top:0px;right:0px;max-height:135px;padding-bottom:0;max-width:240px;opacity:1;}
.miniature.mmpl2.w998>.alwplayer.tablet 
{width:360px;max-width:360px;height:202px;top:0px;right:0px;max-height:202px;padding-bottom:0px;}
.miniature.mmpl3>.alwplayer.smartphone
{width:100%;height:0px;bottom:0px;right:0px;max-height:240px;padding-bottom:56.25%;max-width:320px;}
.miniature.mmpl3>.alwplayer.tablet 
{width:360px;max-width:360px;height:202px;bottom:0px;right:0px;max-height:202px;padding-bottom:0px;}
@media (min-width:400px){
 .miniature.mmpl2>.alwplayer.smartphone 
   {width:320px;max-width:320px;height:180px;top:0px;right:0px;max-height:180px;padding-bottom:0px;}
 .miniature.mmpl3>.alwplayer.smartphone 
   {width:320px;max-width:320px;height:180px;bottom:0px;right:0px;max-height:180px;padding-bottom:0px;}
}
.fsplayer{transition:height 0.5s;transition:none;position:fixed;width:100%;max-width:100%;height:100%;max-height:100%;left:0px;top:0px;z-index:66050;background-color:black;}
.miniature.closer.cvis > .alwplayer:after{position:absolute;display:block;max-width:100%;font-size:20px;
  height:1em;width:1em;top:0.1em;right:0.08em;
  content:" ";
  background:transparent 
  url("data:image/svg+xml;utf8,%3Csvg%20fill%3D%22%23aaa%22%20id%3D%22Layer_1%22%20version%3D%221.0%22%20viewBox%3D%220%200%2024%2024%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%202C6.5%202%202%206.5%202%2012s4.5%2010%2010%2010%2010-4.5%2010-10S17.5%202%2012%202zm4.9%2013.5l-1.4%201.4-3.5-3.5-3.5%203.5-1.4-1.4%203.5-3.5-3.5-3.5%201.4-1.4%203.5%203.5%203.5-3.5%201.4%201.4-3.5%203.5%203.5%203.5z%22%2F%3E%3C%2Fsvg%3E") right center no-repeat;
  cursor:pointer;transition:height 0.01s linear 0s;transition:none;background-size:contain;z-index:20000; }
.miniature.closer.cvis:hover > .alwplayer:after{
  background:transparent 
  url("data:image/svg+xml;utf8,%3Csvg%20fill%3D%22%23cc8600%22%20id%3D%22Layer_1%22%20version%3D%221.0%22%20viewBox%3D%220%200%2024%2024%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%202C6.5%202%202%206.5%202%2012s4.5%2010%2010%2010%2010-4.5%2010-10S17.5%202%2012%202zm4.9%2013.5l-1.4%201.4-3.5-3.5-3.5%203.5-1.4-1.4%203.5-3.5-3.5-3.5%201.4-1.4%203.5%203.5%203.5-3.5%201.4%201.4-3.5%203.5%203.5%203.5z%22%2F%3E%3C%2Fsvg%3E") right center no-repeat;
}

.miniature.closer.cvis > .alwplayer{overflow:visible;}
.miniature.closer.cvis.mobile.mmpl2 > .alwplayer:after{height:5vh;position:absolute;display:block;max-width:100%;width:100%;
  top:100%;right:0px;content:" ";
  background:transparent 
  url("data:image/svg+xml;utf8,%3Csvg%20fill%3D%22%23aaa%22%20id%3D%22Layer_1%22%20version%3D%221.0%22%20viewBox%3D%220%200%2024%2024%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%202C6.5%202%202%206.5%202%2012s4.5%2010%2010%2010%2010-4.5%2010-10S17.5%202%2012%202zm4.9%2013.5l-1.4%201.4-3.5-3.5-3.5%203.5-1.4-1.4%203.5-3.5-3.5-3.5%201.4-1.4%203.5%203.5%203.5-3.5%201.4%201.4-3.5%203.5%203.5%203.5z%22%2F%3E%3C%2Fsvg%3E") right center no-repeat;
  cursor:pointer;overflow:visible;
  transition:height 0.01s linear 0s;transition:none;height:3vh;z-index:20000;background-size:contain;
  padding : 0 ; margin:0; outline:0; }
iframe.wgraneframe{
  margin:0;padding:0;border:none;overflow:hidden;background:transparent;position:absolute;
  width:100%;height:100%;left:0;top:0;
}
.mobile .miniature.mmpl3 iframe.wgraneframe{
  width:100%;height:150px;max-height:150px;aspect-ratio: 16 / 9 ;max-width:100%; bottom:0px; top:auto;
}
.miniature.mmpl3>.alwplayer.smartphone
{width:100%;height:185px;;bottom:0px;right:0px;max-height:185px;min-height:185px;padding:0;max-width:100%;}

.miniature.closer.mmpl3.cvis > .alwplayer.mobile:after{ font-size:28px; top:0.2em;
  border: 2px solid black;
  background-color: black;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background: black url(data:image/svg+xml;utf8,%3Csvg%20fill%3D%22%23aaa%22%20id%3D%22Layer_1%22%20version%3D%221.0%22%20viewBox%3D%220%200%2024%2024%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%202C6.5%202%202%206.5%202%2012s4.5%2010%2010%2010%2010-4.5%2010-10S17.5%202%2012%202zm4.9%2013.5l-1.4%201.4-3.5-3.5-3.5%203.5-1.4-1.4%203.5-3.5-3.5-3.5%201.4-1.4%203.5%203.5%203.5-3.5%201.4%201.4-3.5%203.5%203.5%203.5z%22%2F%3E%3C%2Fsvg%3E) right center no-repeat !important;
}

.qc-cmp2-persistent-link { z-index: 483640 !important; }

  .mobile .pagewrap{ width : 100% ; }
  .mobile div.absurdimagewrapper { width : 100% ; }
  .mobile div.absurdimagediv { padding: 20px 0px 5px 0px;  }  
  .mobile div.absurdimagediv img{ max-width:100%; width : 100% ; }
  .mobile div.absurdimagediv picture{ max-width:100%; width : 100% ; }
  .mobile div.absurddivdiv { max-width:100%; }
  .mobile span.absurdtitlespan{ font-size: 1rem; }  
  .mobile span.imagedesc { font-size: 0.8rem; }
  .mobile div.absurddesc{ color : #AAAAAA ; }
  .mobile div.absurdcat { display : none ; }
  .mobile div.absurddiv { max-width: 100% ; padding:15px 10px 15px 10px; }
  .mobile div.absurddiv { max-width: 100% ; padding:15px 2px 15px 2px; }
  .mobile div.topmenu{ max-width : 100% ; }
  .mobile div.imagedesc{ max-width : 100% ; }
  .mobile div.botinfo{ max-width : 100%; }
  .mobile div.absurdfooterleft{ font-size : 0.85rem; }
  .mobile div.absurdfooterleft > a { font-size : 0.85rem; }
  .mobile div.upmenuitems{ max-width : 74% ; }
  .mobile div.upmenuavatar{ display : inline-block ; max-width : 25% ; vertical-align: top; }
  .mobile div.upmenuitem{ display : inline-block ; margin : 5px 3px ; width : auto ; }
  .mobile div.upmenuitemr{ display : inline-block ; margin : 5px 3px ; width : auto ; }
  .mobile div.upmenuspacer{ display : block ; }
  .mobile div.upmenuspacerv{ display : block ; }    
  .mobile div.userpagecontent{ width:100%; max-width:100%; padding-top:3px;}
  .mobile div.usertable{ width:100%; max-width:90%; padding: 3px 3px 3px 10px ; }
  .mobile div.usercomments{ max-width: 100%; width:100%; }
  .mobile div.imageheader{ padding: 10px 0px 10px 0px ; margin : 0px ; font-size: 2rem ; min-height: 43px ; max-width : 100% ; }
  .mobile .addpanel { padding:20px 0px 20px 0px ; font-size : 1rem ; }
  .mobile div.imagetitle { max-width : 100%; }
  .mobile div.imagecat { float : none ; max-width : 100% ; text-align : left ; clear : both ; }
  .mobile div.imagedesc { clear : both ; float : none ; padding-top: 8px;}
  .mobile div.imagediv { max-width : 100% ; margin : 1px 0px ; }
  .mobile div.gscroller { max-width : 89% ; }
  .mobile div.col2 { display:block; }  
  .mobile input.addpictureinput{ max-width : 99% ; }
  .mobile div.col2l { display:block; text-align: left ; width: 90%; max-width:100%; }
  .mobile div.col2r { display:block; text-align: left ; width: 90%; max-width:100%; }
  .mobile input.shareinput { width: 100% ; display: block ; max-width: 100%; }
  .mobile a.sharehref{ display: block ; margin : 5px auto ; text-align: center ; max-width: 100%; }
  .mobile div.nsharebutton{ font-size: 1.4rem; max-width:100%; }
    body.mobile.noscroll{ overflow : hidden ; }
    .mobile span.upbutton { display : inline-block ; }
    .mobile div.absurdfooterleft{ display : inline-block; }
    .mobile div.absurdfooterleft img{ vertical-align:middle; }
    .mobile div.absurdfooter{ display : none ; }
    .mobile #userlistnavi ul{ padding-left:3px; }
    .mobile #userlistnavi li{ font-size: 0.8rem; padding:0px 2px 0px 2px; width : auto; font-weight: normal ;}
    .mobile #imblistnavid li { padding: 0px; }
    .mobile #imblistnavid ul { padding-left: 1px; }
    .mobile #imblistnavid li a{ margin:10px 1px 0px 0px; font-size: 0.8rem; width: auto; padding:0px 1px 0px 1px; font-weight:normal; }
  .mobile .userlistpanel { padding:20px 0px 0px 0px ; }  

.uprow{display:flex;flex-direction:row;flex-wrap:nowrap;width:100%;justify-content:center;font-size:1rem;line-height:1.5em;}
.mobile .uprow{justify-content:space-between;}
.uprow>div{flex:0 0 50%;}
.uprow>div:first-child{text-align:right;padding-right:1em;font-size:0.9em;}
.mobile .uprow>div{flex:1 1 auto;}
.mobile .uprow>div:first-child{text-align:left;padding-left:1em;padding-right:0;font-size:0.9em;}
.mobile .uprow>div:last-child{text-align:right;padding-right:1em;}

.age_sign_container{text-align:left;position:absolute;width:7%;top:calc( 100% + 3px );max-width:50px;}
.age_sign{background-color:white;width:100%;height:auto;display:inline-block;border-radius:15%;margin-top:1vmin;margin-left:1vmin;}
.age_sign>svg{display:block;width:100%;height:auto;}

.tdbcontainer{ display:flex !important; flex-direction: column; flex-wrap:nowrap; align-items:center; justify-content:center; position:relative; }
.tdbcontainerf{ opacity:0; transition: opacity 1s 4s;  z-index:-1;display:block; 
  position:absolute;top:50%;left:50%;transform:translate( -50% , -50% );overflow:hidden;margin:0;padding:0;border:none;animation:fadeInFromNone 5s ;}
.tdbcontainerf2{ opacity:0; transition: opacity 1s 4s;  display:block; 
  position:absolute;top:50%;left:50%;transform:translate( -50% , -50% );overflow:hidden;margin:0;padding:0;border:none;animation:fadeInFromNone 5s ;}
.tdbcontainer > iframe { position : absolute !important ; }
@keyframes fadeInFromNone {
  0% {
        opacity: 0;
     }
  80% {
        opacity: 0;
     }
  100% {
    opacity: 1;
  }
}