@import url('https://fonts.googleapis.com/css2?family=Lato&family=Oswald&display=swap');
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,button,a{
margin:0;padding:0;
}
li {
list-style-type:none;
}
body {
background-color: #fff;
color: #FE5746;
font-family: 'Lato', sans-serif;
font-size: 13px;
}
input,
button {
font-family: 'Lato', sans-serif;
}
img {
border:0 none;
}
a, a:visited {
color:#fff;
text-decoration:none;
transition: 0.1s ease;
}
a:hover {
color: #ff0000;
}
h1,
h2 {
color: #fff;
font-family: 'Oswald', sans-serif;
font-weight: normal;
text-transform: uppercase;
}
h1 {
font-size: 24px;
margin: 1px 3px 0 3px;
text-align: center;
}
h2 {
font-size: 22px;
margin: 15px 3px 0 3px;
}
.clear-line {
clear: both;
}

@media all and (min-width:1020px) {
h1, h2 {
text-align: left;
}
}

.wrapper {
background-color: #5b2a23;
overflow: hidden;
margin: 0 auto;
width: 100%;
}
.center {
padding: 0 5px;
/*overflow: hidden;*/
margin: 0 auto;
position: relative;
}
.center:after {
clear: both;
content: '';
display: table;
}

.header {
background:#fff;
background-image:-webkit-gradient(linear, left bottom, left top, from(#fff), color-stop(63%, #ffddcc), to(#ffccbb));
background-image:-webkit-linear-gradient(bottom, #fff 0%, #ffddcc 63%, #ffccbb 100%);
background-image:-moz-linear-gradient(bottom, #fff 0%, #ffddcc 63%, #ffccbb 100%);
background-image:-o-linear-gradient(bottom, #fff 0%, #ffddcc 63%, #ffccbb 100%);
background-image:linear-gradient(to top, #fff 0%, #ffddcc 63%, #ffccbb 100%);
/*overflow: hidden;*/
}
.header-lt {
overflow: hidden;
}
.logo {
display: inline-block;
vertical-align: top;
margin-top: 10px;
width: 211px; height: 80px;
}
.menu-button {
background-color: #771111;
width: 20px;
height: 20px;
padding: 10px;
display: block;
float: right;
margin: 10px 3px 10px 3px;
cursor: pointer;
border-radius: 50px;
}
.menu-button:hover, 
.menu-button.active {
background-color:#ff0000;
}
.menu-button img {
width: 20px;
height: auto;
}
.header-rt {
display: none;
margin: 10px auto 0 auto;
/*overflow: hidden;*/
}

.header-menu li { 
display: block; 
text-align: center; 
}
.header-menu li a { 
display: block; 
color: #5b2a23; 
font-size: 14px; 
line-height: 36px; 
height: 36px; 
text-transform: uppercase; 
font-family: 'Oswald', sans-serif; 
overflow: hidden; 
}
.header-menu li a img { 
width: 14px; 
}
.header-menu li.cat-btn a, li.mod-btn a, li.chan-btn a { 
background-image: none;
border-bottom: 4px solid #000;
}
.header-menu li a:hover { 
border-bottom: 4px solid #ff0000;
color:#000;
}

.search { 
padding-top: 5px;
background-color: none; 
overflow: hidden; 
border-bottom: 4px solid #ff0000; 
position: relative; 
}
.search input, 
.search button { 
background: none; 
display: block; 
border: 0 none; 
outline: none; 
height: 40px; 
line-height: 40px; 
}
.search input { 
width: 96%; 
padding: 0 2%; 
font-size: 16px; 
color: #5b2a23; 
}
.search input:focus { 
color:#771111;
}
.search button { 
position: absolute; 
padding-top:5px; 
right: 10px; 
width: 20px; 
cursor: pointer; 
top: 1px;
}
.search button img { 
width: 20px; 
}
.search button:hover { 
opacity: 0.8; 
}

@media all and (min-width:400px) {
.menu-button {padding: 13px;}
.header-menu li a {height: 35px;line-height: 35px;}
.pages li, .pages li a, .pages li span {
height: 30px;
line-height: 30px;
min-width: 10px;
padding: 0 10px;
font-size: 14px;
}
.player {height: 250px;}
.on-player-pl {display: block;}
}

@media all and (min-width:560px) {
.header-menu li a {
height: 35px;
line-height: 35px;
}
.header-menu ul {
display: table;
width: 100%;
}
.header-menu li {
display: table-cell;
vertical-align: top;
width: auto !important;
}
.header-menu li a {
padding: 0 20px;
}
 }

@media all and (min-width:660px) {
.header-menu li a {height: 35px;line-height: 35px;}
.header-menu li a img {width: 16px;}
}

@media all and (min-width:720px) {
.header-menu li a { font-size: 18px; }
.header-menu li a img { width: 18px; }
}

@media all and (min-width:800px) {
.header-menu, .search {
float: left;
}
.header-menu {
width: 66%;
}
.search {
/*width: 19%;*/
width: 25.7%;
}
.header-menu li a { 
height: 90px; 
line-height: 90px; 
font-size: 16px; 
padding: 0 10px; 
}
.header-menu li a img { 
width: 16px; 
}
.header-menu li.home-btn a {
padding: 0 20px;
}
.search button {
right: 15px;
}
.search input, .search button {
height: 85px;
line-height: 85px;
}
.search input {
width: 92%;
padding: 0 4%;
}
.player {
height: 450px;
}
}

@media all and (min-width:1078px) {
.header-lt {
float: left;
}
.menu-button {
display: none;
}
.header-rt {
display: block !important;
width: 740px;
float: right;
}
.header-menu li a { padding: 0; }
.search input, .search button {
height: 85px;
line-height: 85px;
margin-top: 0;
}
.search button {
right: 15px;
top: 1px;
width: 26px;
}
.search button img { width: 20px; }
.search {
width: 160px;
float: right;
}
}

@media all and (min-width:1550px) {
.header-rt {
width: 1100px;
}
.header-menu li a {
height: 95px;
line-height: 95px;
font-size: 20px; 
}
.header-menu li a img {
 width: 22px;
}
.header-menu li.home-btn a {
padding: 0 25px;
}
.search input, .search button {
height: 90px;
line-height: 90px;
margin-top: 0;
}
.search button {
right: 20px;
top: 9;
width: 26px;
}
.search button img {
width: 26px;
}
}

.popular-searches { 
display: none; 
background-color: none; 
color: #ffccbb; 
padding: 20px 0 10px 3px; 
}
.popular-searches ul { 
overflow: hidden; 
height: 42px; 
}
.popular-searches li { 
font-size: 14px; 
display: block; 
float: left; 
margin: 5px 15px 0 0; 
font-weight: bold; 
line-height: 16px; 
}
.popular-searches li a { 
color: #ff0000; 
}
.popular-searches li a:hover { 
color: #ffddcc; 
}

@media all and (min-width:320px) {
.popular-searches { 
display: block; 
}
}

.title-sort h1 {
float: left;
line-height: 45px;
}
.title-sort span {
float: left;
line-height: 45px;
font-size: 22px;
margin: 1px 3px 0 3px;
color: #ffccbb;
}

.thumbs-block {
overflow: hidden;
padding-top: 4px;
}
.thumb-bl {
float: left;
width: 50%;
}
.thumb {
background-color: #ffddcc;
margin: 0px 0px 0 0px;
overflow: hidden;
position: relative;
padding-bottom: 0px;
border: 1px solid #ffccbb;
}
.thumb:hover {
background-color: #fff; 
border: 1px solid #ffddcc;
}
.thumb-pic {
position: relative;
display: block;
}
.thumb-pic img {
background-color: #000;
width: 100%;
height: auto;
max-height: 320px;
display: block;
}
.thumb .title {
background-color: rgba(0,0,0,0.7); 
display: block; 
margin: -19px 8px 0 8px; 
position: absolute; 
font-size: 14px; 
font-weight: bold; 
overflow: hidden; 
height: 16px; 
line-height: 16px; 
padding: 0 8px; 
border-radius: none;
}
.thumb ul {
overflow: hidden;
padding: 0 0px;
height: 19px;
}
.thumb li {
display: block; 
margin: 3px 5px 0 5px; 
font-size: 12px; 
line-height: 14px; 
overflow: hidden; 
float: left;
color: #000;
text-transform: capitalize;
}
.thumb li img, .thumb li span {
display: block;
float: left;
}
.thumb li img {
width: 12px;
margin-right: 2px;
}
.thumb li a {
color: #000;
font-weight: bold;
text-transform: capitalize;
}
.thumb li a:hover {
color: #ff0000;
}
.thumb-tags {
max-height: 19px;
overflow: hidden;
}
.thumb .num{
background-color: rgba(0,0,0,0.6);
color: #fff;
position: absolute;
top: 3px;
right: 3px;
display: block;
padding: 0 8px;
font-size: 11px;
height: 18px;
line-height: 18px;
}

.pages {
overflow: hidden;
padding-top: 20px;
margin-bottom: 10px;
text-align: center;
}
.pages ul {
overflow: hidden;
padding-top: 4px;
}
.pages li {
display: block;
float: left;
margin: 6px 3px 0 3px;
color: #ffddcc;
height: 25px;
line-height: 25px;
font-size: 12px;
text-transform: capitalize;
display: block;
padding: 0 8px;
}
.pages li a, .pages li span {
background-color: #FE5746;
color: #fff;
height: 25px;
line-height: 25px;
font-size: 12px;
display: block;
padding: 0 8px;
border-radius: 50px;
}
.pages ul.prev-next li a {
background-color: #FE5746;
}
.pages li.active a {
background-color: #FE5746 !important;
color: #fff;
}
.pages li a:hover {
background-color: #ff0000 !important;
color: #fff;
}
.pages ul.prev-next {
float: right;
}
.pages ul.pages-num {
float: left;
}

@media all and (min-width:500px) {
.pages li, .pages li a, .pages li span {
height: 40px;
line-height: 40px;
min-width: 20px;
font-size: 16px;
}
.player {
height: 300px;
}
}

@media all and (min-width:938px) {
.pages {
padding-top: 30px;
}
.pages li, .pages li a, .pages li span {
font-size: 18px;
}
.footer {
text-align: left;
}
.footer-tb {
display: table;
width: 100%;
}
.footer-tb-l, .footer-tb-r {
display: table-cell;
vertical-align: top;
}
.footer-tb-l {
width: 50%;
}
.footer ul {
text-align: right;
}
.footer li {
margin: 0 0 0 40px;
}
}

.ad-spots {
border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
overflow: hidden;
margin-top: 10px;
padding: 10px 0 10px 0;
text-align: center;
font-size: 0;
}
.ad-spot {
background-color: #000;
display: inline-block;
vertical-align: top;
width: 300px;
height: 250px;
overflow: hidden;
margin: 6px 1px 0 1px;
}
.ad-spot-2,
.ad-spot-3,
.ad-spot-4,
.ad-spot-5 {
display: none;
}
.ad-spots-long {
overflow: hidden;
margin-top: 2px;
text-align: center;
}
.ad-spot-long {
display: inline-block;
vertical-align: top;
width: 728px;
height: 90px;
overflow: hidden;
}
.ad-spot-long-2 {
display: none;
}

@media all and (min-width:660px) {
.ad-spot-2 {
display: inline-block;
}
}

@media all and (min-width:938px) {
.ad-spot {
margin: 6px 3px 0 3px;
}
.ad-spot-3 {
display: inline-block;
}
}

/*
@media all and (min-width:1244px) {
.ad-spot-4 {
display: inline-block;
}
}
*/

@media all and (min-width:1602px) {
.ad-spot-5 {
display: inline-block;
}
}

@media all and (min-width:1290px) {
.ad-spot-4, .ad-spot-long-2{
display: inline-block;
}
}

.thumb-tubes a:hover {
color: #fff;
}
.thumb-tubes .title {
text-transform: uppercase;
font-size: 12px;
color: #fff;
}
.thumb-tubes .title img {
background: none;
width: 10px;
display: inline;
}

@media all and (min-width:420px) {
.thumb-tubes .title {
font-size: 14px;
}
.thumb-tubes .title img {
width: 12px;
}
}

@media all and (min-width:700px) {
.thumb-tubes .title {
font-size: 14px;
}
.thumb-tubes .title img {
width: 12px;
}
.player {
height: 400px;
}
}

.list-block {
color:#000;
background-color: #ffccbb;
margin-top: 10px;
padding: 20px 2px;
border-bottom: 1px solid #ff0000;
border-top: 1px solid #ff0000;
}
.list-block ul {
display: block;
float: left;
width: 100%;
}
.list-block li {
height: 30px;
line-height: 30px;
font-size: 14px;
text-transform: capitalize;
border-bottom: none;
margin: 0 18px 0 0;
overflow: hidden;
border-bottom: 1px dashed #ff0000;
}
.list-block li a {
color: #771111;
}
.list-block li a:hover {
color: #000;
}
.list-block li span {
color: #553322;
font-weight: bold;
font-size: 16px;
}

@media all and (min-width:360px) {
.list-block ul {
width: 50%;
}
.list-block li {
font-size: 12px;
}
}

@media all and (min-width:400px) {
.list-block li {
font-size: 14px;
}
}

@media all and (min-width:600px) {
.list-block ul {
width: 33.3333%; }
}

@media all and (min-width:938px) {
.list-block ul {
width: 16.6666%;
}
.list-block li {
font-size: 12px;
}
}

@media all and (min-width:1244px) {
.list-block li {
font-size: 13px;
}
}

@media all and (min-width:1550px) {
.list-block li {
font-size: 14px;
}
}


@media all and (min-width:600px) {
.thumb-bl {
width: 33.3333%;
}
.thumb-tubes .title {
font-size: 12px;
}
.thumb-tubes .title img {
width: 10px;
}
.pages li, .pages li a, .pages li span {
height: 50px;
line-height: 50px;
min-width: 30px;
}
.player {
height: 350px;
}
}

@media all and (min-width:976px) {
.thumb-bl {
width: 322px;
}
.thumb-pic img {
width: 320px;
height: 200px;
}
}

@media all and (min-width:1244px) {
.footer-tb-l {
width: 40%;
}
}

.footer {
padding: 20px 2px 40px 2px;
text-align: center;
background:#fff;
background-image:-webkit-gradient(linear, left bottom, left top, from(#fff), color-stop(63%, #ffddcc), to(#ffccbb));
background-image:-webkit-linear-gradient(bottom, #fff 0%, #ffddcc 63%, #ffccbb 100%);
background-image:-moz-linear-gradient(bottom, #fff 0%, #ffddcc 63%, #ffccbb 100%);
background-image:-o-linear-gradient(bottom, #fff 0%, #ffddcc 63%, #ffccbb 100%);
background-image:linear-gradient(to top, #fff 0%, #ffddcc 63%, #ffccbb 100%);
}
.footer .logo {
float: none;
}
.footer-tb-l, .footer-tb-r {
padding-top: 20px;
}
.footer-tb-r p {
font-size: 12px;
line-height: 20px;
}
.footer-tb-r span, a {
color: #5b2a23;
}
.footer-tb-r span.wht {
color: #771111;
}
p.copy {
color: #771111;
}
p.copy span {
color: #ff0000;
}
.footer ul {
overflow: hidden;
}
.footer li {
display: inline-block;
vertical-align: top;
margin: 5px 10px 0 10px;
}
.footer li a {
color: #ff0000;
}
.footer li a:hover {
color: #fff;
}


@media all and (min-width:986px) {
.center {padding: 0; width: 966px;}
.header-lt {padding: 0;}
.header-rt {margin: 0 3px 0 0;}
.video-ad-spot-2 {display: block;}
}

@media all and (min-width:1308px) {
.center {
width: 1288px;
}
.player {
height: 560px;
}
.header-rt {
width: 1040px;
}
.search {
width: 280px;
}
}

@media all and (min-width:1630px) {
.center {width: 1610px;}
.player {height: 725px;}
.video-ad-spot-2, .video-ad-spot-3 {display: block;}
}

.goup {
background-color: #ffccbb;
cursor: pointer;
position: fixed;
bottom: 50px;
right: 5px;
opacity: 0;
height: 30px;
width: 30px;
padding: 10px;
border-radius: 50px;
}
.goup:hover {
opacity:1;
-webkit-transform:translate(0) rotate(360deg);
transform:translate(0) rotate(360deg);
transition:-webkit-transform .50s ease-in-out;
transition:transform .50s ease-in-out;
transition:transform .50s ease-in-out,
-webkit-transform .50s ease-in-out;
}
.goup img {width: 30px;}
@media all and (min-width:600px) {
.goup {opacity: 1;}
}

/*
.thumb:hover .play {
opacity: 0.8;
}
*/

.video-ad-spots-bl .adv_block, .ad-spots .adv_block, .ad-spots-long .adv_block{
color: #ccc;
position: related;
height: 18px;
line-height: 18px;
padding-top: 2px;
text-transform: uppercase;
text-align:center;
text-shadow: 0 1px 0 #000;
font:14px/1.2 Arial, Helvetica, sans-serif;
}

.lazyload,
.lazyloading {
opacity: 0;
}
.lazyloaded {
opacity: 1;
transition: opacity 300ms;
}