html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input{margin:0;padding:0;}

body { background-color: rgb(255,255,255); color: rgb(155,155,155); font-size: 0; font-family: Arial, sans-serif; }
input, button { font-family: Arial, sans-serif; }

img { background-color: rgb(215,215,215); border: 0 none; }

a { color: rgb(45,45,45); text-decoration: none; }
a:hover { color: rgb(43,127,182); }

li{ list-style-type:none; }

h1 { color: rgb(45,45,45); font-size: 22px; line-height: 24px; margin: 10px 1px 0 1px; }
h2 { color: rgb(45,45,45); font-size: 20px; line-height: 22px; margin: 40px 1px 0 1px; }



.head-block { background-color: rgb(245,245,245); box-shadow: 0 5px 15px -7px rgb(155,155,155); color: rgb(145,145,145); }
.head { overflow: hidden; margin: 0 auto; width: 100%; padding: 0 0 10px 0; text-align: center; }
.logo a { color: rgb(45,45,45); font-family: 'Modak', cursive; display: inline-block; vertical-align: top; margin: 10px 5px 0 5px; font-size: 30px; line-height: 30px; text-transform: uppercase; }
.logo a span { color: rgb(43,127,182); }

.head-menu { padding-top: 8px; }
.head-menu li { display: inline-block; vertical-align: top; margin: 2px 1px 0 1px; font-size: 14px; line-height: 30px; text-transform: uppercase; }
.head-menu li a { background-color: rgb(45,45,45); color: rgb(255,255,255); display: block; padding: 0 10px; }
.head-menu li a:hover, .head-menu li.active a { background-color: rgb(43,127,182); color: rgb(255,255,255); }

.search { margin: 10px auto 0 auto; width: 96%; max-width: 640px; }
.search form { width: 100%; overflow: hidden; position: relative; }
.search input { border: 1px solid rgb(205,205,205); color: rgb(145,145,145); background: none; outline: none; font-size: 12px; width: 100%; padding: 0 10px; height: 30px; line-height: 30px;  }
.search button { color: rgb(45,45,45); cursor: pointer; background: none; border: 0 none; position: absolute; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 14px; font-weight: bold; top: 5px; right: 5px; }
.search button:hover { color: rgb(145,145,145); }


.content { margin: 0 auto; width: 100%; text-align: center; }

.thumbs-block { padding-top: 4px; }

.thumb { background-color: rgb(245,245,245); box-shadow: 0 5px 15px -7px rgb(155,155,155); color: rgb(145,145,145); display: inline-block; vertical-align: top; margin: 1% 0.5% 0 0.5%; width: 99%; position: relative; text-align: left; }
.thumb img { width: 96%; height: auto; margin: 2% 2% 0 2%; }
.thumb .name { display: block; overflow: hidden; font-size: 12px; font-weight: bold; height: 30px; line-height: 30px; padding: 0 10px; }
.thumb .tags { background-color: rgb(245,245,245); box-shadow: 0 5px 15px -7px rgb(155,155,155); border-top: 1px solid rgb(225,225,225); display: none; position: absolute; left: 0; bottom: -47px; height: 46px; width: 100%; z-index: 1000; }
.thumb .tags-list { margin: 4px 8px 0 10px; height: 40px; overflow: hidden; font-size: 11px; text-align: left; }
.thumb .tags span, .thumb .tags a { display: inline-block; vertical-align: top; height: 18px; line-height: 18px; margin: 0 2px 0 0; }
.thumb .tags a { text-decoration: underline; }
.thumb .tags a:hover { text-decoration: none; }
.thumb .tags a i { color: rgb(43,127,182);  }
.thumb:hover .tags { display: block; }
.thumb .dur-tot { background-color: rgba(45,45,45,0.8); color: rgb(245,245,245); right: 4px; position: absolute; bottom: 30px; height: 20px; line-height: 20px; padding: 0 5px; font-size: 11px; }

.pages { padding: 18px 0 0 0; }
.pages li { display: inline-block; vertical-align: top; margin: 2px 1px 0 1px; }
.pages li a, .pages li span { background-color: rgb(245,245,245); box-shadow: 0 5px 15px -7px rgb(155,155,155);  display: block; height: 30px; line-height: 30px; padding: 0 10px; min-width: 10px; font-size: 12px; }
.pages li a:hover, .pages li.active a { background-color: rgb(43,127,182); color: rgb(255,255,255);  }
.pages li a { font-weight: bold; }

.bottom-spots { padding: 18px 0 0 0; }
.bottom-spot { background-color: rgb(215,215,215); display: inline-block; vertical-align: top; margin: 2px 1px 0 1px; width: 300px; height: 250px; }
.bottom-spot-2, .bottom-spot-3, .bottom-spot-4, .bottom-spot-5 { display: none; }

.lists { background-color: rgb(245,245,245); box-shadow: 0 5px 15px -7px rgb(155,155,155); color: rgb(145,145,145); margin: 10px 1px 0 1px; text-align: center; padding: 10px 5px; }
.lists ul { display: inline-block; vertical-align: top; margin: 0; width: 98%; }
.lists li { overflow: hidden; height: 15px; line-height: 15px; margin: 10px 10px; font-size: 12px; text-align: left;  }

.cats-list li a i { color: rgb(43,127,182); }
.cats-list li a { text-decoration: underline; display: block; float: left; }
.cats-list li a:hover { text-decoration: none; }
.cats-list li span { border-left: 3px double rgb(145,145,145); display: block; float: left; margin-left: 5px; padding-left: 5px; }

.tags-cloud a { margin: 10px 5px 0 5px; font-size: 12px; font-weight: bold; }

.thumb-fr a:hover, .fr-list li a:hover, .fr-list li a i { color: rgb(145,145,145); } 
.thumb-fr .name { font-weight: normal; text-transform: uppercase; }

.fr-list li { margin: 0 10px; height: 25px; line-height: 25px; border-bottom: 3px double rgb(215,215,215); }


.video-content-block { margin: 10px 1px 0 1px; text-align: left; }
.video-content-block h1 { background-color: rgb(245,245,245); box-shadow: 0 5px 15px -7px rgb(155,155,155);  margin: 0 0 2px 0; padding: 10px; }
.player-content { background-color: rgb(245,245,245); box-shadow: 0 5px 15px -7px rgb(155,155,155); color: rgb(145,145,145); overflow: hidden; padding: 10px; }
.player { background-color: rgb(0,0,0); position: relative; width: 100%; height: 220px; }
.player iframe, .player object, .player embed { width: 100%; height: 100%; }

.player-content .tags { padding: 5px 0 0 0; }
.player-content .tags span, .player-content .tags a { font-size: 14px; display: inline-block; vertical-align: top; height: 18px; line-height: 18px; margin: 5px 5px 0 0; }
.player-content .tags a { border-right: 3px double rgb(215,215,215); padding-right: 5px; text-decoration: underline;  font-weight: bold; }
.player-content .tags a:hover { text-decoration: none; }
.player-content .tags a:last-child { border-right: 0; }
.player-content .tags a i { color: rgb(43,127,182);  }

.video-info { padding: 5px 0 0 0; }
.video-info span { border-right: 3px double rgb(215,215,215); font-size: 14px; display: inline-block; vertical-align: top; height: 18px; line-height: 18px; margin: 5px 10px 0 0; padding: 0 10px 0 0; }
.video-info span i { color: rgb(45,45,45); }
.video-info span:last-child { margin-right: 0; border-right: 0; padding-right: 0; }

.video-spots-block { background-color: rgb(245,245,245); box-shadow: 0 5px 15px -7px rgb(155,155,155); text-align: center; padding: 8px 9px 10px 9px; margin: 10px 1px 0 1px; }
.video-spot { background-color: rgb(215,215,215); display: inline-block; vertical-align: top; margin: 2px 1px 0 1px; width: 300px; height: 250px; }
.video-spot-2, .video-spot-3 { display: none; }

.footer-block { background-color: rgb(245,245,245); box-shadow: 0 -5px 15px -7px rgb(155,155,155); color: rgb(145,145,145); margin: 20px 1px 0 1px; text-align: center; padding: 10px; font-size: 12px; }
.footer span { color: rgb(45,45,45); }
.footer a { text-decoration: underline; }
.footer a:hover { text-decoration: none; }



@media all and (min-width: 400px) {
.lists ul { width: 49%; }
.player { height: 280px; }
}

@media all and (min-width: 470px) {
.thumb { width: 49%; }
}

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

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

@media all and (min-width: 620px) {
.bottom-spot-2, .video-spot-2 { display: inline-block; }
}

@media all and (min-width: 700px) {
.thumb, .lists ul { width: 32%; }
.player { height: 450px; }
}

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

@media all and (min-width: 900px) {
.player { height: 550px; }
}

@media all and (min-width: 1010px) {
.content, .head { width: 990px; }
.head { padding: 0; }
.logo { float: left; margin: 5px 0 0 1px; }
.logo a { display: block; margin: 0; font-size: 38px; height: 40px; line-height: 40px; }
.head-menu { float: left; margin: 0 0 0 20px; overflow: hidden; padding: 0; }
.head-menu li { display: block; float: left; margin: 0 2px 0 0; height: 50px; line-height: 50px; }
.head-menu li a { padding: 0 20px; } 
.search { float: right; margin: 10px 1px 0 0; width: 240px; }
h1, h2 { text-align: left; }
.thumbs-block { padding-top: 8px; }
.thumb { width: 328px; margin: 2px 1px 0 1px; }
.thumb img { width: 320px; height: 180px; margin: 4px 4px 0 4px; }
.pages li a, .pages li span { height: 40px; line-height: 40px; min-width: 25px; }

.bottom-spot-3 { display: inline-block; }
.fr-list li:last-child { border-bottom: 0; }

.video-content { display: table; width: 100%; }
.player-content, .vertical-separate, .video-spots-block { display: table-cell; vertical-align: top; }
.player { height: 363px; }
.vertical-separate { width: 2px; }
.video-spots-block { width: 320px; padding: 8px 0 10px 0; }
.video-spot { display: block; margin: 2px 10px 0 10px; }
.video-spot-3 { display: none; }
}

@media all and (min-width: 1260px) {
.content, .head { width: 1240px; }
.bottom-spot-4 { display: inline-block; }
.lists ul { width: 16%; }
.search { width: 320px; }
.head-menu li a { padding: 0 40px; } 
.player { height: 502px; }
.player-content { padding-bottom: 15px; }
.player-content .tags { float: left; }
.player-content .tags, .video-info { padding: 10px 0 0 0; }
.video-info { float: right; text-align: right; }
.thumb { width: 308px; }
.thumb img { width: 300px; height: 169px; }
}

@media all and (min-width: 1340px) {
.content, .head { width: 1320px; }
.thumb { width: 328px; }
.thumb img { width: 320px; height: 180px; }
.player { height: 549px; }
}

@media all and (min-width: 1670px) {
.content, .head { width: 1650px; }
.bottom-spot-5 { display: inline-block; }
.player { height: 734px; }
.player-content .tags span, .player-content .tags a, .video-info span { font-size: 16px; }
.player-content .tags a { margin-right: 10px; padding-right: 10px; }
.video-spots-block { padding: 0px 0 10px 0; }
.video-spot { margin: 10px 10px 0 10px; }
.video-spot-3 { display: block; }
}