body
{ background-color: rgb(40,43,48); text-shadow: 1px 1px 0 rgba(0,0,0,0.2); }

body, .mexu-search button, .mexu-tp-list a i, .mexu-categories-list li a span:last-child, .mexu-categories-list li a span:last-child i
{ color: rgb(160,163,168); }

.mexu-head-langs-list ul, .mexu-pages-bl li span, .mexu-pages-bl li a, .mexu-head-langs-selector div, .mexu-head-open-menu, .mexu-head-langs-list li a:hover, .mexu-search input
{ background-color: rgb(30,33,38); }

.mexu-head, .mexu-pages-bl li a:hover, .mexu-pages-bl li.active a, .mexu-pages-bl li a.active, .mexu-footer
{ background-color: rgb(20,23,28); }

.mexu-thumb-dur
{ background-color: rgba(20,23,28,0.8); color: rgb(233,243,238); }

img, .mexu-bn, .mexu-player-bn, .mexu-tp-list span, .mexu-tp-list a 
{ background-color: rgb(70,73,78); }

.mexu-head-langs-selector div, .mexu-head-open-menu, .mexu-head-langs-list ul, .mexu-head-langs-list li a, .mexu-head-menu, .mexu-search input, .mexu-wrapper, .mexu-pages-bl li a, .mexu-pages-bl li.active span, ul.mexu-video-tags li, .mexu-footer
{ border-color: rgb(80,83,88); }

a:hover, h1 i, h2 i, .mexu-tp-list span i, .mexu-tp-list a:hover i, .mexu-head-langs-selector.active div, .mexu-head-langs-selector:hover div, .mexu-search button:hover, .mexu-pages-bl li a:hover, .mexu-pages-bl li.active a, .mexu-pages-bl li a.active, .mexu-logo a span, .mexu-head-menu li a:hover, .mexu-head-menu li.active a, .mexu-head-menu li a.active, .mexu-head-menu li a i, .mexu-sort li a i, .mexu-sort li a:hover, .mexu-sort li.active a, .mexu-sort li a.active, .mexu-thumb-tags a i, .mexu-thumb-dur i, .mexu-categories-list li span.mexu-alpha-letter, .mexu-categories-list li a i, .mexu-tl-list li span.mexu-alpha-letter, .mexu-tl-list li a i, ul.mexu-video-tags li a i, ul.mexu-footer span
{ color: rgb(252,211,5); }

.mexu-search input:focus, .mexu-head-langs-selector.active div, .mexu-head-langs-selector:hover div, .mexu-head-open-menu:hover, .mexu-head-open-menu.active
{ border-color: rgb(252,211,5); }

.mexu-head-langs-selector.active div, .mexu-head-langs-selector:hover div, .mexu-head-open-menu:hover, .mexu-head-open-menu.active, .mexu-tp-list a:hover
{ background-color: rgb(252,211,5); color: rgb(255,255,255); }

a, .mexu-logo a, .mexu-head-open-menu, .mexu-head-langs-selector, .mexu-search input, .mexu-search input::placeholder
{ color: rgb(255,255,255); }


body,html,div,p,a,ul,li,input,button,form,textarea,span,img,h1,h2,h3 { margin: 0; padding: 0; }

body { font-family: 'Source Sans Pro', sans-serif; text-transform: uppercase; }
input { font-family: 'Source Sans Pro', sans-serif; }

li { list-style-type: none; }

img { display: block; }

a { text-decoration: none; }

h1, h2 { display: block; font-weight: normal; }
h1 { font-size: 16px; line-height: 28px; margin: 3px 10px 0 1px; text-transform: capitalize; }
h2 { font-size: 18px; margin: 20px 1px 0 1px; }
 
.mexu-head { margin: 0 auto; text-align: center; min-height: 35px; position: relative; padding-bottom: 5px; }
.mexu-logo { float: left; margin: 5px 5px 0 1px; }
.mexu-logo a { font-size: 18px; height: 30px; line-height: 30px; display: block; overflow: hidden; }

.mexu-head-open-menu { border-width: 1px; border-style: solid; border-radius: 3px; height: 28px; line-height: 28px; width: 28px; margin: 5px 5px 0 0; font-size: 14px; float: right; cursor: pointer; }

.mexu-head-langs { float: right; margin: 5px 1px 0 5px; }
.mexu-head-langs-selector div { border-width: 1px; border-style: solid; border-radius: 3px; height: 28px; line-height: 28px; font-size: 14px; cursor: pointer; padding: 0 10px 0 32px; background-repeat: no-repeat; background-position: 10px center; background-size: 16px 11px; }
.mexu-head-langs-selector div span { display: none; }

.mexu-head-langs-list { display: none; position: absolute; top: 50px; right: 1px; width: 260px; z-index: 10000; }
.mexu-head-langs-list ul { border-left-width: 1px; border-left-style: solid; border-top-width: 1px; border-top-style: solid; overflow: hidden; text-align: left; }
.mexu-head-langs-list li { float: left; width: 50%; }
.mexu-head-langs-list li a { border-right-width: 1px; border-right-style: solid; border-bottom-width: 1px; border-bottom-style: solid; background-repeat: no-repeat; background-position: 10px center; background-size: 16px 11px; height: 35px; line-height: 35px; font-size: 12px; display: block; padding: 0 10px 0 32px; }

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

.mexu-head-bottom { display: none; clear: both; overflow: hidden; }

.mexu-search { margin: 5px 1px 0 1px; }
.mexu-search form { position: relative; }
.mexu-search input, .mexu-search button { display: block; outline: none; }
.mexu-search input { border-width: 1px; border-style: solid; font-size: 14px; text-transform: uppercase; border-radius: 3px; float: left; width: 94%; padding: 0 2% 0 4%; height: 28px; line-height: 28px; }
.mexu-search input::placeholder { opacity: 0.8; }
.mexu-search button { background: none; border: 0 none; position: absolute; top: 0; right: 0; height: 28px; line-height: 28px; width: 28px; cursor: pointer; font-size: 16px; }

.mexu-tp-list { display: none; overflow: hidden; margin: 8px 3px 0 5px; height: 34px; text-transform: capitalize; }
.mexu-tp-list li { float: left; margin: 2px 2px 0 0; }
.mexu-tp-list span, .mexu-tp-list a { display: block; height: 32px; line-height: 32px; font-size: 14px; padding: 0 6px; }
.mexu-tp-list a:hover i { color: inherit; }

.mexu-tp-list-bottom { display: block; margin: 18px 3px 0 1px !important; height: auto !important; float: none !important; width: auto !important; }
.mexu-tp-list-bottom li { margin: 2px 2px 0 0 !important; }

.mexu-wrapper { margin: 0 auto; width: 98%; text-align: left; }

.mexu-top-bl { overflow: hidden; }
.mexu-top-bl h1 { float: left; }

.mexu-sort { float: left; overflow: hidden; margin-left: 1px; margin-top: 3px; }
.mexu-sort li { display: block; float: left; margin: 0 10px 0 0; }
.mexu-sort li a { height: 28px; line-height: 28px; text-align: center; display: block; font-size: 14px; }

.mexu-thumbs-wrap { overflow: hidden; padding-top: 3px; }

.mexu-thumb-bl { float: left; width: 50%; }
.mexu-thumb { overflow: hidden; position: relative; margin: 2px 1px 0 1px; }
.mexu-thumb img { width: 100%; height: auto; max-height: 300px; }
.mexu-thumb-sm-name { text-transform: capitalize; line-height: 28px; height: 28px; font-size: 14px; overflow: hidden; text-align: center; }
.mexu-thumb-name { text-transform: capitalize; line-height: 28px; height: 28px; font-size: 18px; overflow: hidden; text-align: center; }
.mexu-thumb-tags { overflow: hidden; height: 28px; }
.mexu-thumb-tags a { display: block; float: left; margin: 0 7px 0 0; font-size: 13px; height: 28px; line-height: 28px; }
.mexu-thumb-dur { position: absolute; height: 20px; line-height: 20px; padding: 0 5px; font-size: 12px; bottom: 30px; right: 2px; }

.mexu-pages-bl { overflow: hidden; margin-top: 8px; text-align: center; font-size: 0; }
.mexu-pages-bl li { display: inline-block; vertical-align: top; margin: 2px 1px 0 1px; }
.mexu-pages-bl li a, .mexu-pages-bl li span { min-width: 28px; display: block; height: 38px; line-height: 38px; padding: 0 5px; font-size: 14px; }

.mexu-bns-bl { margin-top: 10px; text-align: center; overflow: hidden; font-size: 0; }
.mexu-bn { display: inline-block; vertical-align: top; margin: 10px 5px 0 5px; width: 300px; height: 250px; }
.mexu-bn-2, .mexu-bn-3, .mexu-bn-4, .mexu-bn-5 { display: none; }

.mexu-categories-list { margin-top: 10px; overflow: hidden; font-size: 0; }
.mexu-categories-list ul { overflow: hidden; column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; }
.mexu-categories-list li { overflow: hidden;  padding: 0 5px; page-break-inside: avoid; break-inside: avoid; }
.mexu-categories-list li span.mexu-alpha-letter { font-size: 22px; overflow: hidden; height: 28px; line-height: 28px; display: block; }
.mexu-categories-list li a { text-transform: capitalize; font-size: 13px; display: block; overflow: hidden; height: 28px; line-height: 28px; }
.mexu-categories-list li a span { display: block; }
.mexu-categories-list li a span:first-child { float: left; }
.mexu-categories-list li a span:last-child { float: right; font-size: 10px; }

.mexu-tl-list { margin-top: 10px; overflow: hidden; font-size: 0; }
.mexu-tl-list ul { overflow: hidden; column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; }
.mexu-tl-list li { overflow: hidden; padding: 0 5px; page-break-inside: avoid; break-inside: avoid; }
.mexu-tl-list li a { text-transform: capitalize; font-size: 13px; display: block; overflow: hidden; height: 28px; line-height: 28px; }

.mexu-video-block { overflow: hidden; }
.mexu-player-col { padding: 10px 1px 0 1px; }
.mexu-player { background-color: rgb(0,0,0); position: relative; width: 100%; padding-bottom: 56.25%; }
.mexu-player iframe, .mexu-player object, .mexu-player embed, .mexu-player video, .mexu-player source { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.mexu-right-player-col { font-size: 0; text-align: center; padding-top: 10px; overflow: hidden; }
.mexu-player-bn { display: inline-block; vertical-align: top; margin: 10px 5px 0 5px; width: 300px; height: 250px; }
.mexu-player-bn-2, .mexu-player-bn-3 { display: none; }

ul.mexu-video-tags { overflow: hidden; }
ul.mexu-video-tags li { margin: 10px 15px 0 0; float: left; }
ul.mexu-video-tags li a, ul.mexu-video-tags li span { font-size: 16px; display: block; }
ul.mexu-video-tags li a { height: 28px; line-height: 28px; display: block; }

.mexu-footer { margin-top: 40px; overflow: hidden; text-align: center; padding: 25px 5px; font-size: 16px; }
.mexu-footer a { text-decoration: underline; }
.mexu-footer a:hover { text-decoration: none; }

@media all and (min-width:330px) {
    .mexu-thumb-bl { width: 50%; }
}

@media all and (min-width:400px) {
    .mexu-head-bottom { display: block !important; clear: none; padding: 0 5px; }
    .mexu-head-open-menu { display: none; }
}

@media all and (min-width:500px) {
    .mexu-logo a { font-size: 20px; }
    .mexu-head-langs-selector div span { display: inline; }
    .mexu-categories-list li a, .mexu-tl-list li a { font-size: 14px; }
    .mexu-categories-list li a span:last-child { font-size: 12px; }
}

@media all and (min-width:600px) {
    .mexu-logo a { font-size: 22px; }
    .mexu-categories-list ul, .mexu-tl-list ul { column-count: 3; -moz-column-count: 3; -webkit-column-count: 3; }
}

@media all and (min-width:640px) {
    .mexu-head-langs-list { width: 360px; }
    .mexu-head-langs-list li a { height: 40px; line-height: 40px; font-size: 14px; }
    .mexu-thumb-bl { width: 33.3333%; }
}

@media all and (min-width:700px) {
	.mexu-bn-2, .mexu-player-bn-2 { display: inline-block; }
}

@media all and (min-width:800px) {
    .mexu-categories-list ul, .mexu-tl-list ul { column-count: 4; -moz-column-count: 4; -webkit-column-count: 4; }
}

@media all and (min-width:986px) {
    .mexu-wrapper { width: 966px; }
    .mexu-head { padding: 5px 0 10px 0; height: 45px; }
    .mexu-logo a { height: 40px; line-height: 40px; }
    .mexu-search input { height: 38px; line-height: 38px; padding: 0 4%; width: 92%; }
    .mexu-search button { height: 38px; line-height: 38px; width: 38px; }
    .mexu-head-bottom { padding: 0 15px; }
    .mexu-head-langs-list { top: 60px; }
    .mexu-head-langs-selector div { height: 38px; line-height: 38px; }
    .mexu-tp-list { display: block; float: right; width: 400px; height: 40px; margin-top: 5px; }
    .mexu-tp-list li { margin-top: 0; }
    .mexu-tp-list a { height: 40px; line-height: 40px; padding: 0 10px; }
    h1 { font-size: 26px; line-height: 30px; margin-top: 10px;  }
    h2 { font-size: 24px; }
    .mexu-sort { float: right; margin-top: 10px; }
    .mexu-sort li { margin: 0 5px 0 10px; }
    .mexu-sort li a { height: 30px; line-height: 30px; font-size: 18px; }
    .mexu-thumbs-wrap { padding-top: 8px; }
    .mexu-thumb-bl { width: 322px; }
    .mexu-thumb img { width: 320px; height: 240px; max-height: 240px; }
    .mexu-thumb-name { font-size: 22px; }
    .mexu-thumb-dur { height: 24px; line-height: 24px; font-size: 13px; }
    .mexu-thumb-tags a { margin: 0 10px 0 0; font-size: 14px; }
    .mexu-pages-bl li a, .mexu-pages-bl li span { min-width: 38px; height: 48px; line-height: 48px; font-size: 16px; }
    .mexu-bn-3 { display: inline-block; }
    .mexu-video-block { margin-right: 1px; }
	.mexu-video-tab { display: table; width: 100%; }
	.mexu-player-col, .mexu-right-player-col { display: table-cell; vertical-align: top; }
	.mexu-player-col { padding: 10px 10px 0 5px; }
	.mexu-player { height: 510px; padding-bottom: 0; }
    ul.mexu-video-tags li { margin-right: 20px; }
	ul.mexu-video-tags li a, ul.mexu-video-tags li span { font-size: 18px; }
    .mexu-right-player-col { width: 300px; padding-top: 0; }
    .mexu-right-player-col .mexu-thumb-bl { float: none; width: 300px !important; }
    .mexu-right-player-col .mexu-thumb-bl:last-child { display: none; }
    .mexu-player-bn { margin: 10px 0 0 0; display: block; }
    .mexu-player-bn-3 { display: none; }
}

@media all and (min-width:1308px) {
    .mexu-logo a { font-size: 24px; }
    .mexu-tp-list { width: 640px; }
    .mexu-wrapper { width: 1288px; }
    .mexu-head-langs-list { width: 700px; }
    .mexu-head-langs-list li { width: 25%; }
    h1 { font-size: 28px; }
    h2 { font-size: 26px; }
    .mexu-sort li { margin-left: 15px; }
    .mexu-bn-4 { display: inline-block; }
    .mexu-categories-list ul, .mexu-tl-list ul { column-count: 6; -moz-column-count: 6; -webkit-column-count: 6; }
    
}

@media all and (min-width:1630px) {
    .mexu-logo a { font-size: 26px; }
    .mexu-tp-list { width: 900px; }
    .mexu-wrapper { width: 1610px; }
    .mexu-player { height: 770px; }
    .mexu-player-bn-3 { display: block; }
    .mexu-bn-5 { display: inline-block; }
    .mexu-right-player-col .mexu-thumb-bl:last-child { display: block; }
    .mexu-categories-list ul, .mexu-tl-list ul { column-count: 8; -moz-column-count: 8; -webkit-column-count: 8; }
}