.headtopsearch-text, body
{ background-color: rgb(14,14,14); }

.headtop, .headtoplangslist a span,  .thumbswrapper article a, .pagesnav, h1, h2, .footerbottom, .mediavideocolumn, aside, .catslinkscolumns a
{ background-color: rgb(34,34,34); }

.headtopsearch, .headtopsearch button, .headtoplangs-button, .headtoplangslist, .headtoplink, .asidesq, figure, .pagesnav a, .pagesnav span, .catslinkscolumns a span, .bottomvideotags a
{ background-color: rgb(54,54,54); }

body, .catslinkscolumns a span
{ color: rgb(194,194,194); }

a:hover, a.mainlogo span, .video-info a
{ color: rgb(184,154,224); }

.pagesnav a.active, .headtoplangs-button.active, .headtoplangslist a span.active, .headtoplangslist a.active span, .headtopsearch button:hover, .headtoplink:hover, .headtoplangs-button:hover, .headtoplangslist a span:hover, .pagesnav a:hover, .catslinkscolumns a:hover, .bottomvideotags a:hover
{ background-color: rgb(154,124,194); color: rgb(255,255,255); }

.thumbswrapper article a:hover .thvideoname
{ border-color: rgb(154,124,194); }

a.mainlogo:hover, .thumbswrapper article .thvideolength, .headtoplangs-button, input::placeholder, input, .headtopsearch button, a, a.mainlogo, h1, h2, .video-info span
{ color: rgb(234,234,234); }

.thumbswrapper article .thvideolength
{ background-color: rgba(0,0,0,0.7); color: rgb(255,255,255); }

.headtoplangslist
{ box-shadow: 0 5px 15px -3px rgba(0,0,0,0.2); }

.catslinkscolumns a:hover span
{ background-color: rgba(0,0,0,0.2); color: rgb(255,255,255); }


body,html,div,p,a,ul,li,input,button,form,header,main,article,section,footer,aside,figure,textarea,span,img,h1,h2,h3 { margin: 0; padding: 0; }
header, article, aside, section { display: block; }

@font-face{font-family: 'Inter'; font-weight: normal; font-style: normal; src: url(../fonts/Inter_18pt-Regular.ttf) format("truetype"); font-display: swap; }
@font-face{font-family: 'Inter'; font-weight: bold; font-style: normal; src: url(../fonts/Inter_18pt-Bold.ttf) format("truetype"); font-display: swap; }

@font-face{font-family: 'Line Awesome Free'; font-weight: bold; font-style: normal; src: url(../fonts/la-solid-900.woff2) format("truetype"); font-display: swap; }

body, input, button { font-family: 'Inter', sans-serif; }

:after, :before { font-family: 'Line Awesome Free'; text-rendering: optimizeLegibility !important; font-style: normal; height: inherit; line-height: inherit; }

li { list-style-type: none; }

img { display: block; }

a { text-decoration: none; }

h1 { font-weight: bold; text-transform: uppercase; font-size: 22px; line-height: 24px; margin: 4px 4px 0 4px; padding: 10px; overflow: hidden; border-radius: 4px; }
h2 { font-weight: bold; text-transform: uppercase; margin: 40px 4px 0 4px; font-size: 22px; line-height: 24px; padding: 10px; overflow: hidden; border-radius: 4px; }


.headtop { text-align: center; padding-bottom: 4px; }
.headtop .centercont { overflow: visible;  } 

.mainlogo { font-weight: bold; margin: 4px 10px 0 4px; overflow: hidden; text-transform: uppercase; display: inline-block; vertical-align: top; height: 40px; line-height: 40px; font-size: 22px; }
.headtop .mainlogo { float: left; }

.headtopsearch { overflow: hidden; margin: 4px 4px 0 0; padding: 4px; border-radius: 4px; }
.headtopsearch form { position: relative; overflow: hidden; }
.headtopsearch-text { border-radius: 4px; overflow: hidden; height: 32px; line-height: 32px; padding: 0 50px 0 15px; }
.headtopsearch input { font-weight: bold; text-transform: uppercase; background: none; border: 0 none; width: 100%; outline: 0 none; font-size: 14px; height: inherit; line-height: normal; text-align: left; }
.headtopsearch button { overflow: hidden; position: absolute; top: 2px; right: 2px; border-radius: 4px; border: 0 none; cursor: pointer; outline: 0 none; width: 28px; font-size: 16px; height: 28px; line-height: 28px; }
.headtopsearch button:before { content: "\f002"; font-weight: 900; }

.headtoplangs { float: right; position: relative; }
.headtoplangs-button { border-radius: 4px; margin: 4px 4px 0 0; padding: 0 10px 0 34px; border: 0 none; text-transform: uppercase; background-repeat: no-repeat; background-position: 10px center; background-size: 18px 12px; font-size: 0; display: block; height: 40px; line-height: 40px;  float: right; cursor: pointer; }
.headtoplangs-button:after { font-weight: bold; content: '\f107';  margin-left: 5px; display: block; float: right; width: 12px; font-size: 12px; height: inherit; line-height: inherit; }
.headtoplangs-button.active:after { transform: rotate(-180deg); }
.headtoplangslist { padding: 6px 8px 10px 8px; border-radius: 0 0 0 4px; display: none; position: absolute; top: 48px; right: 0; width: 310px; z-index: 10000; text-align: left; }
.headtoplangslist a { display: block; float: left; width: 50%; }
.headtoplangslist a span { border-radius: 4px; margin: 4px 2px 0 2px; background-repeat: no-repeat; background-position: 10px center; background-size: 16px 11px; height: 38px; line-height: 38px; font-size: 14px; text-transform: uppercase; display: block; padding: 0 10px 0 32px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.lang-en { background-image: url(../icons/en.png); }
.lang-cs { background-image: url(../icons/cs.png); }
.lang-da { background-image: url(../icons/da.png); }
.lang-de { background-image: url(../icons/de.png); }
.lang-el { background-image: url(../icons/el.png); }
.lang-es { background-image: url(../icons/es.png); }
.lang-fr { background-image: url(../icons/fr.png); }
.lang-ko { background-image: url(../icons/ko.png); }
.lang-it { background-image: url(../icons/it.png); }
.lang-hu { background-image: url(../icons/hu.png); }
.lang-nl { background-image: url(../icons/nl.png); }
.lang-ja { background-image: url(../icons/ja.png); }
.lang-no { background-image: url(../icons/no.png); }
.lang-pl { background-image: url(../icons/pl.png); }
.lang-ru { background-image: url(../icons/ru.png); }
.lang-pt { background-image: url(../icons/pt.png); }
.lang-sk { background-image: url(../icons/sk.png); }
.lang-sl { background-image: url(../icons/sl.png); }
.lang-fi { background-image: url(../icons/fi.png); }
.lang-sv { background-image: url(../icons/sv.png); }
.lang-hi { background-image: url(../icons/hi.png); }
.lang-ch { background-image: url(../icons/ch.png); }
.lang-tr { background-image: url(../icons/tr.png); }
.lang-vi { background-image: url(../icons/vi.png); }
.lang-ur { background-image: url(../icons/ur.png); }
.lang-th { background-image: url(../icons/th.png); }
.lang-ar { background-image: url(../icons/ar.png); }

.headtopclear { clear: both; }

.headtoplink { border-radius: 4px; margin: 4px 4px 0 4px; float: left; clear: both; font-weight: bold; text-transform: uppercase; font-size: 14px; line-height: 40px; height: 40px; display: block; vertical-align: top; padding: 0 10px; }
.headtoplink:before { content: '\f03d'; width: 20px; font-size: 26px; height: inherit; line-height: inherit; display: inline-block; vertical-align: top; margin-right: 12px; }

.mainwrap { overflow: hidden; min-height: 700px; }
.centercont { overflow: hidden; margin: 0 auto; min-width: 320px; max-width: 1300px; } 


.thumbswrapper { overflow: hidden; padding: 0 2px; clear: both; }

.thumbswrapper article { overflow: hidden; display: block; width: 50%; float: left; }
.thumbswrapper article a { display: block; margin: 4px 2px 0 2px; overflow: hidden; border-radius: 4px; }
.thumbswrapper article figure { border-radius: 4px; position: relative; overflow: hidden; width: 100%; }
.ratio-16x9{ padding-top: 56.25%; }
.ratio-4x3 { padding-top: 75%; }
.thumbswrapper article img { border-radius: 4px; position: absolute; top: 0; left: 0; width: 100%; height: auto; z-index: 2; }
.thvideoname { border-bottom: 2px solid transparent; line-height: 33px; height: 35px; padding: 0 10px; overflow: hidden; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; }

.thumbswrapper article .thvideolength { height: 20px; line-height: 20px; padding: 0 5px; border-radius: 4px; font-size: 12px; position: absolute; bottom: 5px; left: 5px; z-index: 3; }
.thumbswrapper article .thvideolength:after { font-weight: bold; content: '\f017'; margin-right: 2px; display: block; float: left; width: 14px; font-size: 14px; margin-top: 1px; height: inherit; line-height: inherit; }


.thumbswrapper-cats article .thvideoname { font-size: 16px; text-transform: uppercase; text-align: center; font-weight: bold; }

.pagesnav { clear: both; text-align: center; overflow: hidden; padding: 0 2px 4px 2px; font-size: 0; margin: 4px 4px 0 4px; border-radius: 4px; }
.pagesnav a, .pagesnav span { text-transform: uppercase; display: inline-block; vertical-align: top; margin: 4px 2px 0 2px; border-radius: 4px; min-width: 24px; height: 40px; line-height: 40px; font-weight: bold; padding: 0 8px; font-size: 14px; }

aside { border-radius: 4px; font-size: 0; margin: 4px 4px 0 4px; padding: 4px 2px; overflow: hidden; text-align: center; clear: both; }
.asidesq { width: 300px; height: 250px; overflow: hidden; margin: 0 2px; display: inline-block; vertical-align: top; border-radius: 4px; }
.asidesq iframe { border-radius: 4px; }
.asidesq-2, .asidesq-3, .asidesq-4 { display: none; }   


.catslinkscolumns { overflow: hidden; padding: 0 2px; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; column-gap: 2px; }
.catslinkscolumns li { padding: 4px 2px 0 2px; overflow: hidden; }
.catslinkscolumns a { text-transform: capitalize; font-size: 15px; display: block; line-height: 40px; height: 40px; border-radius: 4px; padding: 0 5px; overflow: hidden; }
.catslinkscolumns a:before { content: '\f02b'; font-weight: bold; margin-right: 1px; display: block; float: left; width: 18px; font-size: 18px; margin-top: 1px; }
.catslinkscolumns a span { display: inline-block; vertical-align: top; padding: 0 5px 0 3px; font-size: 12px; border-radius: 4px; margin: 5px 5px 0 5px; height: 30px; line-height: 30px; }
.catslinkscolumns a span:before { content: '\f04b'; font-weight: bold; margin-right: 1px; display: block; float: left; width: 15px; font-size: 15px; }

.mediavideotab { overflow: hidden; }
.mediavideocolumn { overflow: hidden; border-radius: 4px; padding-bottom: 10px; margin: 4px 4px 0 4px; }

.playerwrap { background-color: rgb(0,0,0); position: relative; overflow: hidden; padding-bottom: 56.25%; border-radius: 4px; }
.playerwrap iframe, .playerwrap video, .playerwrap source, .fluid_video_wrapper { border-radius: 4px !important; border: 0 none !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; z-index: 10 !important; }

.bottomvideotags { overflow: hidden; padding: 6px 6px 0 10px; }
.bottomvideotags a { display: block; float: left; margin: 4px 4px 0 0; height: 34px; line-height: 34px; border-radius: 4px; padding: 0 10px; font-size: 14px; }
.bottomvideotags a:before { content: '\f02b'; font-weight: bold; margin-right: 1px; display: block; float: left; width: 18px; font-size: 18px; margin-top: 1px; }

.footerbottom { overflow: hidden; text-align: center; position: relative; padding: 10px 0 20px 0; margin-top: 40px; }
.footerbottom p { margin: 5px 10px 0 10px; font-size: 14px; line-height: 20px; }  


@media all and (min-width:640px) {
    .headtop .mainlogo { font-size: 28px; }
    .headtoplangs-button { padding: 0 10px 0 42px; background-position: 15px center; background-size: 24px 16px; }
    .asidesq-2 { display: inline-block; }
}

@media all and (min-width:770px) {
    .headtop {  padding-top: 4px; }
    .headtop .mainlogo { font-size: 24px; height: 50px; line-height: 50px; margin-top: 0; }
    .headtopclear { display: none; clear: none; }
    .headtoplink { float: left; clear: none; height: 50px; line-height: 50px; margin-top: 0; }
    .headtopsearch { margin: 0; }
    .headtopsearch-text { height: 42px; line-height: 42px; }
    .headtopsearch button { width: 34px; height: 34px; line-height: 34px; font-size: 18px; top: 4px; right: 4px; }
    .headtoplangs-button { height: 50px; line-height: 50px; margin-left: 4px; margin-top: 0; }
    .headtoplangslist { top: 54px; } 
    .thumbswrapper article { width: 33.3333%; }
    .catslinkscolumns { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; }

}

@media all and (min-width:1024px) {
    .headtoplink { padding: 0 18px; font-size: 15px; }
    .headtop .mainlogo { font-size: 28px; }
    .headtopsearch-text { padding-left: 20px; }
    .headtopsearch input { font-size: 15px; }
    .headtoplangs-button { background-position: 20px center; padding: 0 20px 0 57px; font-size: 15px; font-weight: bold; }
    .headtoplangslist { border-radius: 4px; right: 4px; width: 628px; }
    .headtoplangslist a { width: 25%; }
    .thumbswrapper article { width: 25%; }
    .thvideoname { padding: 0 12px; font-size: 16px; }
    .thumbswrapper article .thvideolength {height: 22px; line-height: 22px; font-size: 13px; }
    .thumbswrapper article .thvideolength:after { font-size: 15px; width: 15px; }
    .catslinkscolumns { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; }
    .catslinkscolumns a { font-size: 16px; }
    .catslinkscolumns a:before { margin-right: 3px; width: 20px; font-size: 20px; }
    .asidesq-3 { display: inline-block; }
    .mediavideowrap { overflow: hidden; padding: 4px 4px 0 4px; }
    .mediavideowrap h1 { margin: 0; }
    .mediavideotab { display: table; width: 100%; margin-top: 4px; }
    .mediavideocolumn { display: table-cell; vertical-align: top; }
    .vertical-line { display: table-cell; vertical-align: top; width: 4px; }
    .mediavideowrap aside { display: table-cell; vertical-align: top; padding: 0 0 4px 0; width: 308px; min-width: 308px; max-width: 308px; }
    .mediavideowrap aside .asidesq { margin: 4px 4px 0 4px; }
}

@media all and (min-width:1280px) {
    .catslinkscolumns { -webkit-column-count: 5; -moz-column-count: 5; column-count: 5; }
    .asidesq-4 { display: inline-block; }
    .bottomvideotags a { font-size: 16px; }
    .bottomvideotags a:before { margin-right: 2px; width: 20px; font-size: 20px; margin-top: 2px; }
}


@media all and (min-width:1650px) {
    .centercont { max-width: 1624px; } 
    .thumbswrapper article { width: 20%; }
}

@media all and (max-width:1024px) {* { -webkit-tap-highlight-color: transparent; -webkit-focus-ring-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}}