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

body { background-color: rgb(56,56,56); color: rgb(176,176,176); font-family: 'Roboto Condensed', sans-serif; }
input { font-family: 'Roboto Condensed', sans-serif; }

li { list-style-type: none; }

img { background-color: rgb(76,76,76); display: block; }

a { color: rgb(236,236,236); text-decoration: none; }
a:hover, h1 i, h2 i { color: rgb(62, 128, 165); }

h1, h2 { display: block; font-weight: normal; text-transform: uppercase; }
h1 { font-size: 16px; line-height: 25px; margin: 10px 1px 0 1px; }
h2 { background-color: rgb(36,36,36); padding: 10px; font-size: 16px; margin: 20px 1px 0 1px; }
 
.opve-head-wrapper { background-color: rgb(36,36,36); }
.opve-head { margin: 0 auto; text-align: center; padding: 5px 0; min-height: 25px; }
.opve-logo { float: left; margin-left: 5px; }
.opve-logo a { color: rgb(236,236,236); text-transform: uppercase; font-size: 18px; height: 25px; line-height: 25px; display: block; overflow: hidden; }
.opve-logo a span { color: rgb(62, 128, 165); }

.opve-head-open-menu { color: rgb(236,236,236); height: 25px; line-height: 25px; width: 25px; font-size: 16px; float: right; cursor: pointer; margin: 0 5px; }
.opve-head-open-menu.active, .opve-head-open-menu:hover { color: rgb(62, 128, 165); }

.opve-head-langs { float: right; position: relative; }
.opve-head-langs-selector { color: rgb(236,236,236); height: 25px; line-height: 25px; font-size: 14px; text-transform: uppercase; float: right; cursor: pointer; margin: 0 5px; }
.opve-head-langs-selector.active, .opve-head-langs-selector:hover, .opve-head-langs-selector i { color: rgb(62, 128, 165); }
.opve-head-langs-selector div { padding: 0 10px 0 32px; background-repeat: no-repeat; background-position: 10px center; background-size: 16px 11px; }
.opve-head-langs-selector div span { display: none; }

.opve-head-langs-list { display: none; position: absolute; top: 25px; right: 5px; width: 260px; z-index: 10000; }
.opve-head-langs-list ul { background-color: rgb(76,76,76); box-shadow: 0 5px 15px -7px rgb(0,0,0); padding: 3px 4px 5px 4px; overflow: hidden; margin-top: 2px; text-align: left; }
.opve-head-langs-list li { float: left; width: 50%; }
.opve-head-langs-list li a { background-color: rgb(36,36,36); background-repeat: no-repeat; background-position: 10px center; background-size: 16px 11px; height: 25px; line-height: 25px; font-size: 12px; text-transform: uppercase; margin: 2px 1px 0 1px; display: block; padding: 0 10px 0 32px; }
.opve-head-langs-list li a:hover { background-color: rgb(62, 128, 165); color: rgb(255,255,255); }

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

.opve-head-bottom { display: none; clear: both; padding-top: 10px; overflow: hidden; }

.opve-head-menu { font-size: 0; border-top: 1px solid rgb(56,56,56); text-align: center; }
.opve-head-menu li { display: inline-block; vertical-align: top; margin: 10px 5px 0 5px; text-transform: uppercase; position: relative; }
.opve-head-menu li a { height: 25px; line-height: 25px; display: block; font-size: 14px; }
.opve-head-menu li a:hover, .opve-head-menu li.active a, .opve-head-menu li a.active, .opve-head-menu li a i { color: rgb(62, 128, 165); }

.opve-search { margin: 10px auto 0 auto; width: 98%; max-width: 500px; }
.opve-search form { position: relative; }
.opve-search input, .opve-search button { display: block; outline: none; text-transform: uppercase; }
.opve-search input { background-color: rgb(255,255,255); border: 1px solid rgb(76,76,76); color: rgb(236,236,236); font-size: 13px; border-radius: 15px; float: left; width: 96%; padding: 0 2%; height: 28px; line-height: 28px; }
.opve-search input:focus { border-color: rgb(62, 128, 165); }
.opve-search button { border: 0 none; color: rgb(36,36,36); background: none; position: absolute; top: 5px; right: 10px; height: 18px; line-height: 18px; width: 18px; cursor: pointer; font-size: 14px; }
.opve-search button:hover { color: rgb(62, 128, 165);  }

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

.opve-top-bl { overflow: hidden; padding-bottom: 8px; }
.opve-top-bl h1 { float: left; margin-right: 9px; }
.opve-sort { float: left; overflow: hidden; margin-top: 8px; }
.opve-sort li { display: block; float: left; margin: 2px 1px 0 1px; }
.opve-sort li a { background-color: rgb(36,36,36); height: 25px; text-transform: uppercase; line-height: 25px; text-align: center; display: block; padding: 0 10px; font-size: 13px; }
.opve-sort li a i { color: rgb(62, 128, 165); }
.opve-sort li a:hover, .opve-sort li.active a, .opve-sort li a.active { background-color: rgb(200,200,200); color: rgb(255,255,255); }
.opve-sort li a:hover i, .opve-sort li.active a i, .opve-sort li a.active i { color: inherit; }

.opve-thumbs-wrap { overflow: hidden; }

.opve-thumb-bl { float: left; width: 50%; }
.opve-thumb { background-color: rgb(36,36,36); padding: 2px; overflow: hidden; position: relative; margin: 2px 1px 0 1px; text-transform: uppercase; }
.opve-thumb:hover { background-color: rgb(62, 128, 165); }
.opve-thumb img { width: 100%; height: auto; max-height: 260px; }
.opve-thumb-name { background-color: rgba(36,36,36,0.8); color: rgb(255,255,255); position: absolute; left: 5px; bottom: 5px; padding: 0 10px; line-height: 25px; height: 25px; font-size: 14px; overflow: hidden; text-align: center; }
.opve-thumb a:hover .opve-thumb-name { background-color: rgb(62, 128, 165); color: rgb(255,255,255); }
.opve-thumb-tags { overflow: hidden; max-height: 22px; position: absolute; left: 5px; bottom: 5px; }
.opve-thumb-tags a { background-color: rgba(36,36,36,0.8); color: rgb(255,255,255); display: block; float: left; margin: 2px 2px 0 0; font-size: 10px; height: 20px; line-height: 20px; padding: 0 5px; }
.opve-thumb-tags a i { color: rgb(62, 128, 165); }
.opve-thumb-tags a:hover { background-color: rgb(62, 128, 165); color: rgb(255,255,255); }
.opve-thumb-tags a:hover i { color: inherit; }
.opve-thumb-dur { position: absolute; background-color: rgba(36,36,36,0.8); color: rgb(255,255,255); height: 20px; line-height: 20px; padding: 0 5px; font-size: 11px; top: 5px; right: 5px; }

.opve-pages-bl { overflow: hidden; margin-top: 18px; text-align: center; font-size: 0; }
.opve-pages-bl li { display: inline-block; vertical-align: top; margin: 2px 1px 0 1px; }
.opve-pages-bl li a, .opve-pages-bl li span { background-color: rgb(36,36,36); min-width: 10px; display: block; height: 30px; line-height: 30px; padding: 0 10px; font-size: 14px; }
.opve-pages-bl li a:hover, .opve-pages-bl li.active a, .opve-pages-bl li a.active { background-color: rgb(62, 128, 165); color: rgb(255,255,255); }

.opve-bns-bl { background-color: rgb(36,36,36); padding: 8px 0 10px 0; margin: 20px 1px 0 1px; text-align: center; overflow: hidden; font-size: 0; }
.opve-bn { background-color: rgb(76,76,76); display: inline-block; vertical-align: top; margin: 2px 1px 0 1px; width: 300px; height: 250px; }
.opve-bn-2, .opve-bn-3, .opve-bn-4, .opve-bn-5 { display: none; }

.opve-categories-list { overflow: hidden; font-size: 0; }
.opve-categories-list ul { overflow: hidden; column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; }
.opve-categories-list li { overflow: hidden; text-transform: uppercase; padding: 2px 1px 0 1px; }
.opve-categories-list li span.opve-alpha-letter { background-color: rgb(62, 128, 165); color: rgb(255,255,255); font-size: 14px; overflow: hidden; height: 25px; line-height: 25px; display: block; padding: 0 10px; }
.opve-categories-list li a { background-color: rgb(36,36,36); padding: 0 10px; font-size: 13px; display: block; overflow: hidden; height: 25px; line-height: 25px; }
.opve-categories-list li a:hover { background-color: rgb(62, 128, 165); color: rgb(255,255,255); }
.opve-categories-list li a span { display: block; }
.opve-categories-list li a span:first-child { float: left; }
.opve-categories-list li a span:last-child { color: rgb(176,176,176); float: right; font-size: 10px; }
.opve-categories-list li a:hover span:last-child { color: inherit; }

.opve-tl-list { overflow: hidden; font-size: 0; }
.opve-tl-list ul { overflow: hidden; column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; }
.opve-tl-list li { overflow: hidden; text-transform: uppercase; padding: 2px 1px 0 1px; }
.opve-tl-list li a { background-color: rgb(36,36,36); padding: 0 10px; font-size: 13px; display: block; overflow: hidden; height: 25px; line-height: 25px; }
.opve-tl-list li a:hover { background-color: rgb(76,76,76); color: rgb(255,255,255); }
.opve-tl-list li a i { color: rgb(62, 128, 165); }
.opve-tl-list li a:hover i { color: inherit; }

.opve-video-block { background-color: rgb(36,36,36); margin: 2px 1px 0 1px;overflow: hidden; }
.opve-player-col { padding: 5px; }
.opve-player { background-color: rgb(0,0,0); position: relative; width: 100%; height: 250px; }
.opve-player iframe, .opve-player object, .opve-player embed { width: 100%; height: 100%; }

.opve-right-player-col { border-top: 2px solid rgb(56,56,56); margin-top: 5px; font-size: 0; text-align: center; padding: 3px 0 5px 0; overflow: hidden; }
.opve-player-bn { background-color: rgb(76,76,76); display: inline-block; vertical-align: top; margin: 2px 1px 0 1px; width: 300px; height: 250px; }
.opve-player-bn-2, .opve-player-bn-3 { display: none; }

ul.opve-video-tags { padding-top: 3px; overflow: hidden; }
ul.opve-video-tags li { margin: 2px 2px 0 0; float: left; }
ul.opve-video-tags li a, ul.opve-video-tags li span { font-size: 14px; display: block; text-transform: uppercase; }
ul.opve-video-tags li a { background-color: rgb(16,16,16); color: rgb(255,255,255); height: 25px; line-height: 25px; padding: 0 10px; display: block; }
ul.opve-video-tags li a i { color: rgb(62, 128, 165); }
ul.opve-video-tags li a:hover { background-color: rgb(62, 128, 165); color: rgb(255,255,255); }
ul.opve-video-tags li a:hover i { color: inherit; }

.opve-footer-wrapper { background-color: rgb(36,36,36); margin-top: 20px; text-transform: uppercase; }
.opve-footer { margin: 0 auto; overflow: hidden; text-align: center; padding: 10px 0; font-size: 14px; }
.opve-footer span { color: rgb(62, 128, 165); }
.opve-footer a { text-decoration: underline; }
.opve-footer a:hover { text-decoration: none; }


@media all and (min-width:400px) {
    .opve-head-langs-selector div span { display: inline; }
    .opve-player { height: 300px; }
}

@media all and (min-width:500px) {
    .opve-player { height: 350px; }
}

@media all and (min-width:600px) {
    .opve-player { height: 400px; }
}

@media all and (min-width:652px) {
    .opve-thumb-bl { width: 33.3333%; }
}

@media all and (min-width:700px) {
    .opve-player { height: 450px; }
	.opve-bn-2, .opve-player-bn-2 { display: inline-block; }
    .opve-categories-list ul, .opve-tl-list ul { column-count: 4; -moz-column-count: 4; -webkit-column-count: 4; }
}

@media all and (min-width:800px) {
	.opve-player { height: 500px; }
}

@media all and (min-width:998px) {
    .opve-wrapper { width: 978px; }
    .opve-head { width: 978px; padding: 0; height: 40px; }
    .opve-head-open-menu { display: none; }
    .opve-head-langs-selector { margin: 10px 1px 0 10px; height: 20px; line-height: 20px; font-size: 15px; }
    .opve-head-langs-list { top: 30px; width: 600px; }
    .opve-head-langs-list li { width: 25%; }
    .opve-logo { margin-right: 20px; }
    .opve-logo a { font-size: 22px; height: 40px; line-height: 40px; }
    .opve-head-bottom { display: block !important; padding: 0; clear: none; overflow: visible; }
    .opve-head-menu { border-top: 0 none; padding: 10px 0 0 0; float: right; }
    .opve-head-menu li { display: block; float: left; margin: 0 10px; }
    .opve-head-menu li a { height: 20px; line-height: 20px; font-size: 15px; }
    .opve-search { width: 240px; margin: 5px 0 0 0; float: left; }
    .opve-search input { padding: 0 10px; width: 218px; }
    h1 { font-size: 18px; line-height: 25px; }
    h2 { font-size: 18px; }
    .opve-sort { float: right; }
    .opve-thumb-bl { width: 326px; }
    .opve-thumb a img { width: 320px; height: 240px; max-height: 240px; }
    .opve-thumb-name { font-size: 16px; height: 30px; line-height: 30px; }
    .opve-bn-3 { display: inline-block; }
	.opve-video-tab { display: table; width: 100%; }
	.opve-player-col, .opve-right-player-col { display: table-cell; vertical-align: top; }
	.opve-player { height: 489px; }
	ul.opve-video-tags li a, ul.opve-video-tags li span { height: 30px; line-height: 30px; }
    .opve-right-player-col { border-left: 2px solid rgb(56,56,56); border-top: 0 none; width: 326px; }
    .opve-player-bn { margin: 2px 5px 0 5px; display: block; }
    .opve-player-bn-3 { display: none; }
    .opve-right-player-col .opve-thumb-bl:last-child { display: none; }
    .opve-footer { width: 978px; }
}


@media all and (min-width:1324px) {
    .opve-head-langs-selector { margin-left: 15px; }
    .opve-head-menu li { display: block; float: left; margin: 0 15px; }
    .opve-wrapper, .opve-head, .opve-footer { width: 1304px; }
    .opve-search { width: 300px; }
    .opve-search input { width: 278px; }
    .opve-bn-4 { display: inline-block; }
    .opve-categories-list ul, .opve-tl-list ul { column-count: 8; -moz-column-count: 8; -webkit-column-count: 8; }
	.opve-player { height: 662px; }
    .opve-right-player-col .opve-thumb-bl:last-child { display: block; }
}

@media all and (min-width:1650px) {
    .opve-wrapper, .opve-head, .opve-footer { width: 1630px; }
    .opve-player { height: 734px; }
    .opve-bn-5 { display: inline-block; }
    .opve-player-bn-3 { display: block; }
}