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(228,220,209); color: rgb(128,120,109); font-size: 0; font-family: 'Open Sans Condensed', sans-serif; }

img { background-color: rgb(188,180,169); border: 0 none;}

li{ list-style-type:none; }

a { color: rgb(90,82,80); text-decoration: none; }
a:hover { color: rgb(213,87,72); }

h1 { color: rgb(90,82,80); border-bottom: 1px solid rgb(208,200,189); box-shadow: 0 1px 0 0 rgb(248,240,229); margin: 10px 1px 0 1px; padding-bottom: 12px; display: block; line-height: 34px; font-size: 32px; font-weight: bold; }

h2 { color: rgb(90,82,80); border-bottom: 1px solid rgb(208,200,189); box-shadow: 0 1px 0 0 rgb(248,240,229); margin: 20px 1px 0 1px; padding-bottom: 12px; display: block; line-height: 26px; font-size: 24px; font-weight: bold; text-transform: uppercase; }

.head-wr { background-color: rgb(248,240,229); }
.head { margin: 0 auto; padding: 0 0 10px 0; text-align: center; overflow: hidden; }
.logo a { color: rgb(70,62,60); display: inline-block; vertical-align: top; margin: 10px 5px 0 5px; height: 40px; line-height: 40px; font-size: 36px; text-transform: uppercase; font-weight: bold; }
.logo a span { color: rgb(213,87,72); }

.search { width: 96%; margin: 10px auto 0 auto; }
.search form { overflow: hidden; height: 40px; line-height: 40px; width: 100%; }
.search input, .search button { display: block; height: 40px; line-height: 40px; border: 0 none; outline: none; text-align: center; font-family: 'Open Sans Condensed', sans-serif; font-size: 16px; text-transform: uppercase; font-weight: bold; }
.search input { background-color: rgb(255,250,239); color: rgb(48,40,29); box-shadow: inset 0 0 0 1px rgb(228,220,209); border-radius: 3px; float: left; width: 84%; }
.search input:focus { box-shadow: inset 0 0 0 1px rgb(213,87,72); }
.search button { background-color: rgb(110,92,90); color: rgb(248,240,229); float: right; width: 15%; border-radius: 20px; cursor: pointer; }
.search button:hover { background-color: rgb(213,87,72); color: rgb(255,255,255); }

.lang-button { background-color: rgb(110,92,90); color: rgb(248,240,229); border-radius: 3px; display: block; padding: 0 10px; display: inline-block; vertical-align: top; margin: 10px 5px 0 5px; height: 30px; line-height: 30px;  font-size: 14px; text-transform: uppercase; font-weight: bold; overflow: hidden; cursor: pointer; }
.lang-button span { display: block; float: left; }
.lang-button img { display: block; float: left; margin: 8px 3px 0 0; }
.lang-button span i { margin-left: 5px; }
.lang-button:hover, .lang-button.active { background-color: rgb(213,87,72); color: rgb(255,255,255); }

.lang-list { background-color: rgb(228,220,209); border-top: 1px solid rgb(188,180,169); border-bottom: 1px solid rgb(188,180,169); display: none; padding: 10px 0 20px 0; }
.lang-list a { background-color: rgb(248,240,229); height: 30px; line-height: 30px; font-size: 14px; text-transform: uppercase; font-weight: bold; border-radius: 3px; display: inline-block; vertical-align: top; margin: 10px 5px 0 5px; padding: 0 10px; overflow: hidden; }
.lang-list a:hover { background-color: rgb(213,87,72); color: rgb(255,255,255); }
.lang-list a span { display: block; float: left; }
.lang-list a img { display: block; float: left; margin: 8px 3px 0 0; }

.main-menu { background-color: rgb(213,87,72); text-align: center; }
.main-menu ul { border-right: 1px solid rgb(193,67,52); box-shadow: 1px 0 0 0 rgb(233,107,92); display: inline-block; vertical-align: top; }
.main-menu li { border-left: 1px solid rgb(233,107,92); box-shadow: -1px 0 0 0 rgb(193,67,52); display: inline-block; vertical-align: top; margin: 0; height: 30px; line-height: 30px; }
.main-menu li a { color: rgb(255,255,255); display: block; padding: 0 10px; font-size: 14px; font-weight: bold; text-transform: uppercase; }
.main-menu li.active a, .main-menu li a:hover { background-color: rgb(193,67,52); }
.main-menu li:first-child { margin-right: 1px; }

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

.sort-pages { overflow: hidden; }
.sort-pages ul { padding-top: 10px; }
.sort-pages li { display: inline-block; vertical-align: top; margin: 2px 1px 0 1px; height: 30px; line-height: 30px; font-size: 14px; text-transform: uppercase; }
.sort-pages li a, .sort-pages li span { display: block; padding: 0 10px; border-radius: 3px; min-width: 10px; text-align: center; } 
.sort-pages li a { background-color: rgb(110,92,90); color: rgb(255,255,255); }
.sort-pages li a:hover, .sort-pages li.active a { background-color: rgb(213,87,72); }
.sort-pages li span { background-color: rgb(248,240,229); color: rgb(148,140,129);  }

.thumbs-wrap { padding-top: 10px; }

.th { background-color: rgb(248,240,229); border-color: rgb(188,180,169); color: rgb(150,150,150); position: relative; font-size: 12px; border-style: solid; border-width: 0; border-radius: 3px; display: inline-block; vertical-align: top; width: 98%; margin: 1% 0.5% 0 0.5%; overflow: hidden; text-align: left; padding-bottom: 10px; }
.th:hover { border-color: rgb(213,87,72); }
.th img { width: 100%; height: auto; }
.th:hover img { opacity: 0.9; }
.th .title { display: block; height: 30px; line-height: 30px; padding: 0 10px; font-size: 12px; text-transform: uppercase; font-weight: bold; overflow: hidden; }

.th .meta { border-top: 1px solid rgb(228,220,209); margin: 0 10px; overflow: hidden; height: 30px; line-height: 30px; }
.th .meta span.date { display: block; float: left; }
.th .meta a.tube { display: block; float: right; text-decoration: underline; }
.th .meta a.tube:hover { text-decoration: none; }

.th .meta i { color: rgb(213,87,72); }

.th .tags { border-top: 1px solid rgb(230,230,230); margin: 0 8px 0 10px; overflow: hidden; height: 24px; padding-top: 8px; }
.th .tags a { border: 1px solid rgb(48,40,29); height: 20px; line-height: 20px; border-radius: 3px; padding: 0 5px; margin: 2px 2px 0 0; display: block; float: left; }
.th .tags a:hover { border-color: rgb(173,47,32); background-color: rgb(213,87,72); color: rgb(255,255,255); }

.th .duration { background-color: rgba(48,40,29,0.8); color: rgb(248,240,229); position: absolute; top: 2px; right: 2px; border-radius: 3px; padding: 0 8px; display: block; }

.th-2 { padding-bottom: 0; }
.th-2 .title { float: left; height: 40px; line-height: 40px; font-size: 14px; }
.th-2 .tot { background-color: rgb(238,230,219); border: 1px solid rgb(218,210,199); color: rgb(138,130,119); height: 30px; line-height: 30px; border-radius: 3px; padding: 0 10px; font-size: 12px; float: right; margin: 5px 10px 5px 0; }
.th-2 .tot span { color: rgb(48,40,29); }


.links-block { padding-top: 10px; }
.links-block ul { width: 98%; display: inline-block; vertical-align: top; font-size: 12px; font-weight: bold; overflow: hidden; }
.links-block li {  background-color: rgb(248,240,229); color: rgb(148,140,129); padding: 0 10px; height: 30px; line-height: 30px; overflow: hidden; margin: 0 1px; }
.links-block li.uppercase { background-color: rgb(213,87,72); color: rgb(255,255,255); text-align: left; padding: 0 10px 0 25px; font-size: 18px; }
.links-block li a { text-transform: uppercase; display: block; float: left; }  
.links-block li span { display: block; float: right; }
.links-block li a i { color: rgb(213,87,72); }

.traders-list li { margin-bottom: 1px; }
.traders-list li a { color: rgb(128,120,109); text-align: left; float: none; }
.traders-list li a:hover { color: rgb(48,40,29); }

.tags-cloud { background-color: rgb(248,240,229); margin: 10px 1px 0 1px; padding: 16px 8px 20px 8px; }
.tags-cloud a { border: 1px solid rgb(48,40,29); height: 30px; line-height: 30px; border-radius: 3px; padding: 0 8px; margin: 4px 2px 0 2px; display: inline-block; vertical-align: top; font-size: 14px; }
.tags-cloud a:hover { border-color: rgb(173,47,32); background-color: rgb(213,87,72); color: rgb(255,255,255); }

.bottom-bs { padding: 18px 0 0 0; }
.bottom-b { background-color: rgb(188,180,169); display: inline-block; vertical-align: top; margin: 2px 1px 0 1px; width: 300px; height: 250px; overflow: hidden; }
.bottom-b-2, .bottom-b-3, .bottom-b-4, .bottom-b-5 { display: none; }


.video-block { margin: 14px 5px 0 5px; }
.player { background-color: rgb(0,0,0); position: relative; width: 100%; height: 250px; }
.player iframe, .player object, .player embed { width: 100%; height: 100%; }

.player-bs { padding: 18px 0 0 0; }
.player-b { background-color: rgb(188,180,169); display: inline-block; vertical-align: top; margin: 2px 1px 0 1px; width: 300px; height: 250px; overflow: hidden; }
.player-b-2, .player-b-3 { display: none; }

.vid-desc { background-color: rgb(248,240,229); border: 1px solid rgb(188,180,169); border-radius: 3px; margin-top: 10px; padding: 0 10px 10px 10px; text-align: left; overflow: hidden; }
.vid-meta { overflow: hidden; padding-top: 8px; }
.vid-meta .date, .vid-meta .views, .vid-meta a { background-color: rgb(238,230,219); height: 30px; line-height: 30px; padding: 0 10px; display: block; float: left; margin: 2px 2px 0 0; border-radius: 3px; font-size: 14px; }
.vid-meta .date, .vid-meta .views { color: rgb(138,130,119); }
.vid-meta i { color: rgb(213,87,72); }

.vid-meta a { text-decoration: underline; }
.vid-meta a:hover { text-decoration: none; }

.vid-links { overflow: hidden; padding-top: 8px; }
.vid-links a { background-color: rgb(110,92,90); color: rgb(255,255,255); height: 30px; line-height: 30px; padding: 0 10px; display: block; float: left; margin: 2px 2px 0 0; border-radius: 3px; font-size: 14px; }
.vid-links a:hover { background-color: rgb(213,87,72); }

.footer-wrap { background-color: rgb(248,240,229); color: rgb(148,140,129); margin: 20px 0 0 0; }
.footer { font-size: 14px; margin: 0 auto; padding: 15px 1px 20px 1px; }
.footer p { margin: 5px 0 0 0; }
.footer span { color: rgb(213,87,72);  }
.footer a { text-decoration: underline; }
.footer a:hover { text-decoration: none; }


.th-2 .tot { padding: 0 5px; font-size: 11px; }

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

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

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

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


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

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


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

@media all and (min-width: 1015px) {
h1, h2 { text-align: left; }
.head, .footer { width: 976px; }
.logo { float: left; margin: 10px 0 0 1px; }
.logo a { display: block; margin: 0; }
.head-r { float: right; text-align: right; }
.search { display: inline-block; vertical-align: top; margin: 10px 0 0 0; width: 320px; }
.search input { width: 278px; }
.search button { width: 40px; }
.lang-button { height: 40px; line-height: 40px; margin: 10px 1px 0 40px; padding: 0 20px; }
.lang-button img { margin: 13px 5px 0 0; }
.lang-button span i { margin-left: 13px; }
.lang-list a { padding: 0 20px; }
.main-menu li a { padding: 0 20px; }
.wrap { width: 976px; }

.thumbs-wrap { padding-top: 14px; }

.sort-pages ul { padding-top: 14px; }
.sort-pages ul.sort { float: left; text-align: left; }
.sort-pages ul.sort li a { padding: 0 20px; }
.sort-pages ul.pages { float: right; text-align: right; }

.th { width: 240px; margin: 2px 1px 0 1px; border-width: 1px; }
.th img { width: 240px; height: 180px; }

.th-2 .title { font-size: 13px; }

.bottom-b-3 { display: inline-block; }

.video-block { margin: 4px 1px 0 1px; }
.player-wrap { display: table; width: 100%; }
.player-block, .player-bs { display: table-cell; vertical-align: top; }
.player-block { padding-top: 10px; }
.player { height: 510px; }
.player-bs { width: 300px; padding: 0 0 0 10px; }
.player-b { display: block; margin: 10px 0 0 0; }
.player-b-3 { display: none; }
}

@media all and (min-width: 1240px) {
.head, .wrap, .footer { width: 1220px; }
.sort-pages li { height: 40px; line-height: 40px; }
.sort-pages ul.pages li a, .sort-pages ul.pages li span { min-width: 20px; }
.search { width: 500px; }
.search input { width: 456px; }
.links-block ul { width: 16.6666%; }
.bottom-b-4 { display: inline-block; }
.vid-meta { float: right; }
.vid-meta .date, .vid-meta .views, .vid-meta a { margin: 2px 0 0 2px; }
.vid-links { float: left; }
}

@media all and (min-width: 1484px) {
.head, .wrap, .footer { width: 1464px; }
.links-block ul { font-size: 14px; }
.vid-meta .date, .vid-meta .views, .vid-meta a, .vid-links a { height: 40px; line-height: 40px; padding: 0 15px; font-size: 15px; }
.player { height: 770px; }
.player-b-3 { display: block; }
}