body{margin:0 auto;font-family:Verdana,Arial;font-size:small;background:#f3f3f3;
word-wrap: break-word;}

.count{float:right;background:rgba(255,255,255,0.7);padding:4px;border-radius:4px;
border:1px solid rgba(0,0,0,0.15);margin:-4px 0 0;}

.count2{background:#f1f1f1;padding:4px;border-radius:4px;border:1px solid #d9d9d9;margin:-4px 0 0;}

div{padding:0;margin:0}

@media screen and (min-width:560px){.tumb{width:50%;padding:5px}}
@media screen and (min-width:640px){.tumb{width:33.33%;padding:6px}}
@media screen and (min-width:1000px){.tumb{width:25%;padding:7px}}
@media screen and (min-width:1200px){.tumb{width:25%;padding:8px}}
@media screen and (min-width:1900px) and (max-resolution:110dpi){.tumb{width:25%;padding:9px}}

.tumb a{color:#3a3a3a;text-decoration:none;margin-bottom:10px;display:block}

a:link,a:active,a:visited{color:#555;text-decoration:none;font-size:15px}

.tumb .img{display:block;position:relative;width:100%}
.tumb .hd:after{content:"HD";font-weight:bold;color:#cfcfcf;background:#000;
border:1px solid #000;border-radius:4px;box-sizing:border-box;display:block;text-align:center;
width:27px;height:19px;line-height:17px;position:absolute;top:2px;right:2px;font-family:Tahoma}

.tumb .img:before{content:"";display:block;padding-top:56%}

.a span{font-size:1.3em}

.tumb{overflow:hidden;min-width:400px;max-width:560px;padding:10px;float:left;box-sizing:border-box}

.tumb > div{padding:8px;background:#f5f5f5;border-radius:4px;
box-shadow:2px 2px 4px #dadada, inset 1px 2px 40px rgba(0,0,0,0.06);
position:relative;border:1px solid #e4e4e4;}

.list{width:100%;box-sizing:border-box;background:#e8e8e8}
.list > div{overflow:hidden;margin:0 auto;max-width:1860px}

.tumb span:first-child{display:block;height:60px;font-size:20px;overflow:hidden;
text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 3px}

@media (min-width:1px){
.tumb span:first-child{font-size:15px;line-height:17px;height:49px;text-align:center;
background:rgba(255,255,255,0.6);border:1px solid #e2e2e2;
box-shadow:inset 0 0 15px rgba(0,0,0,0.06);padding:2px 8px;border-radius:4px;margin:-3px 0 5px;}
}

.tumb > div{overflow:auto;color:#555}

.img img{position:absolute;box-sizing:border-box;height:100%;width:100%;
border:1px solid #a8a8a8;top:0;background:url(/styles/img/screen_bg.png) no-repeat;
background-size:100%;border-radius:4px;background-clip:padding-box}

.votes{float:left;font-size:12px;line-height:12px;height:12px;margin-left:1px;
background:#fafafa;padding:4px 8px 8px;border-radius:4px;border:1px solid #d8d8d8;}

.votes + div{margin-top:8px;float:left;clear:left}

.tumb .date{margin-top:8px;float:left;clear:left;padding:4px 4px 4px 20px;
background:url(/img/date.png) no-repeat 3px 4px rgba(255,255,255,0.7);
border:1px solid #dcdcdc;border-radius:4px;}

.tumb .views{margin-top:8px;float:right;clear:right;padding:4px 4px 4px 20px;
background:url(/img/view.png) no-repeat 3px 4px rgba(255,255,255,0.7);
border-radius:4px;border:1px solid #dcdcdc;}

.duration{position:absolute;bottom:0;right:0;background:rgba(0,0,0,0.5);
padding:1px 4px;color:#fff;font-weight:bold;border-radius:3px 0}

.r45:before{width:63px}

.head{background:#e3e3e3;background:linear-gradient(to bottom,#f5f5f5,#d4d4d4);
border-top:1px solid #fff;border-bottom:1px solid #c8c8c8;color:#333;font-weight:bold;
font-size:16px;padding:0}

.heads{padding:8px;margin:0;text-align:center;font-size:14px;
background:linear-gradient(to bottom,#dcdcdc,#c2c2c2);color:#555;
border-top:1px solid #e6e6e6;border-bottom:1px solid #b5b5b5;text-shadow:0 0 1px #fff}

.head a{display:block;}

.foot{background:#d0d0d0;color:#444;font-size:12px;text-align:center;
padding:13px 65px 17px;border-top:1px solid #c2c2c2;border-bottom:1px solid #b5b5b5;
box-shadow:inset 0 -5px 15px rgba(0,0,0,0.15);}

h1{margin:0}h2,h3{display:inline;margin:0;font-size:15px;font-weight:400;}

.linksss{display:block;width:33%;padding:8px 0;border-radius:4px;text-align:center;
float:left;margin-left:1px;background:linear-gradient(to bottom,#f9f9f9,#e5e5e5);
border:1px solid #dcdcdc;}

@media screen and (max-width:914px)and (min-width:842px){a.linksss{width:32%;padding:8px 4px}}
@media screen and (max-width:841px)and (min-width:766px){a.linksss{width:32%;padding:8px 2px;margin-left:4px}}
@media screen and (max-width:765px)and (min-width:749px){a.linksss{width:32%;padding:8px 0;margin-left:2px}}
@media screen and (max-width:748px)and (min-width:472px){a.linksss{width:49%;padding:8px 0;margin-left:2px}}
@media screen and (max-width:471px){a.linksss{width:94%;padding:8px 2px 8px 20px;text-align:left;
background:url(img/ice.png) no-repeat 2px 9px;background-size:16px}.count2{float:right}}

a.link{background:linear-gradient(to bottom,#e5e5e5,#cfcfcf);color:#333;
border:1px solid #bfbfbf;text-shadow:none;overflow-wrap:break-word;display:block;
text-decoration:none;font-weight:bold;padding:11px;font-size:16px;}

a.link:hover{box-shadow:inset 0 0 12px rgba(0,0,0,0.15)}

a.link.top,a.link.top1{display:table-cell;width:1%}

.main,.pages{background:linear-gradient(to bottom,#f4f4f4,#e1e1e1);color:#333;
padding:11px;font-size:15px;border-bottom:1px solid #d0d0d0;border-top:1px solid #fff;}

.main a{background:rgba(255,255,255,0.6);padding:2px 4px;border-radius:4px;
border:1px dotted #cdcdcd;margin:1px;display:inline-block;}

.error{background:#f0f0f0;color:#555;font-size:15px;padding:15px;}

a.home{padding:8px;background:linear-gradient(to bottom,#f4f4f4,#d7d7d7);
border-top:1px solid #fff;border-bottom:1px solid #ccc;}

video{border-radius:8px;box-shadow:0 0 15px rgba(0,0,0,0.15);border:2px solid #fff;}

.pages{text-align:center;}

.pages a,.pages span{background:linear-gradient(to bottom,#e5e5e5,#cfcfcf);color:#333;
border-radius:4px;margin:1px;border:1px solid #bcbcbc;text-shadow:none;
display:inline-block;padding:10px;}

.pages a:hover{background:#d6d6d6}

.pages span{background:#fff;border:1px solid #dcdcdc;box-shadow:inset 0 0 10px rgba(0,0,0,0.15);color:#000}

.button_dwl{cursor:pointer;background:#d0d0d0;color:#333;
display:inline-block;text-decoration:none;margin:-2px -4px;padding:8px;border-radius:4px;
border:1px solid #b7b7b7;box-shadow:0 0 10px rgba(0,0,0,0.25)}

.button_dwl:hover{background:#bfbfbf}

a.knopka{background:linear-gradient(to bottom,#e5e5e5,#cfcfcf);
border-radius:8px;color:#333;border:1px solid #bfbfbf;box-shadow:inset 0 -8px 18px #c3c3c3;
font-weight:bold;display:block;padding:11px;font-size:15px;}

a.knopka:hover{box-shadow:inset 0 -6px 18px #a7a7a7}

a.knopka:active{background:#bdbdbd}

form{text-align:center}

input,select{padding:12px 4px;border-radius:8px 0 0 8px;background:#eee;border:1px solid #ccc}

input[type="text"]{width:76%;border-radius:8px 0 0 8px;
box-shadow:inset 0 0 10px rgba(0,0,0,0.22);max-width:700px}

input[type="submit"]{background:linear-gradient(to bottom,#e5e5e5,#c9c9c9);
border-radius:0 8px 8px 0;color:#333;width:15%;min-width:64px;max-width:150px;
border:1px solid #bfbfbf;box-shadow:inset 0 -8px 18px #bcbcbc}

@media screen and (max-width:340px){input[type="text"]{width:66%}}
@media screen and (max-width:246px){input[type="text"]{width:48%}}

.video-wrapper {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    aspect-ratio: 16 / 9;
    position: relative;
    overflow: hidden;
    display: block;
}

.video-wrapper video {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@media (max-width: 1024px) {
    .video-wrapper {
        max-width: 100%;
    }
}