body, ul, li, p, h1, h2, form, input, button { margin: 0; padding: 0; }
li { list-style-type: none; }
body { background-color: rgb(35,35,35); background-image: url(../images/bg.png); color: rgb(135,135,135); font-family: Verdana, sans-serif; font-size: 14px; }
img { background-color: rgb(75,75,75); display: inline; border: 0 none; }
a { color: rgb(245,245,245); text-decoration: none; }
a:hover { color: rgb(255,255,255); }


h1 { color: rgb(255,255,255); text-shadow: 1px 1px 0 rgb(0,0,0); display: block; font-weight: normal; font-size: 22px; line-height: 24px; margin: 10px 1px 0 1px; }
h1.rpd_logo { color: rgb(255,255,255); display: block; height: 40px; font-size: 34px; line-height: 40px; font-weight: bold; }
a.rpd_logo { color: rgb(255,0,0); height: 40px; font-size: 34px; line-height: 40px; font-weight: bold; }
h1.rpd_logo span, a.rpd_logo span { color: #ff0000; }
h2 { color: rgb(255,255,255); text-shadow: 1px 1px 0 rgb(0,0,0); display: block; font-weight: normal; font-size: 18px; line-height: 20px; text-transform: uppercase; margin: 10px 1px 0 1px; }


.rpd_head { background-color: rgb(15,15,15); color: rgb(135,135,135); padding: 0 0 10px 0; }
.rpd_logo { display: inline-block; vertical-align: top; margin: 10px 5px 0 1px; }
.rpd_logo a { color: rgb(255,255,255); display: block; height: 40px; font-size: 34px; line-height: 40px; font-weight: bold; }
.rpd_logo a span { color: rgb(252,207,91); }

.rpd_head-desc { background: #000; margin: 10px 5px 0 5px; font-size: 13px; line-height: 15px; }
.rpd_head-desc span { color: rgb(252,207,91); font-weight:normal;}
.rpd_head-desc strong {color:#f00;}

.rpd_menu li { display: inline-block; vertical-align: top; margin: 10px 1px 0 1px; font-size: 11px; }
.rpd_menu li a { background-color: rgb(35,35,35); border: 1px solid rgb(55,55,55); display: block; padding: 0 5px; height: 30px; line-height: 30px; color: rgb(155,155,155);}
.rpd_menu li a:hover, .rpd_menu li.rpd_active a { border-color: #666; background-color: rgb(35,35,35); color: rgb(255,255,255); }
.rpd_menu li.rpd_search { clear: both; display: block; width: 98%; margin: 10px 1% 0 1%; }
.rpd_menu li.rpd_search form {  border: 1px solid rgb(55,55,55); display: block; width: 100%; height: 30px; line-height: 30px; overflow: hidden; }
.rpd_menu li.rpd_search input, .rpd_menu li.rpd_search button { border: 0 none; display: block; height: 30px; line-height: 30px; font-family: Verdana, sans-serif; font-size: 14px; text-align: center; }
.rpd_menu li.rpd_search input { background-color: rgba(255,255,255,0.8); color: rgb(35,35,35); outline-color: rgb(252,207,91); float: left; width: 90%; }
.rpd_menu li.rpd_search button { background-color: rgb(35,35,35); color: rgb(155,155,155); float: right; width: 10%; cursor: pointer; }
.rpd_menu li.rpd_search button:hover { background-color: rgb(35,35,35); border-color: #666; color: rgb(255,255,255); }

.rpd_title-block { background-color: #600;  border: 1px solid rgb(0,0,0); box-shadow: 0 0 0 1px rgb(63,59,56); margin: 40px 1px 0 1px; padding-bottom: 10px; }
.rpd_title-block-top { margin-top: 10px; }
.rpd_title-block-top h2, .rpd_title-block-top h1 { color: #fff; text-shadow: none;}

.rpd_content { font-size: 0; width: 99%; margin: 0 auto; text-align: center; }


.rpd_thumb-wrap { display: inline-block; vertical-align: top; width: 100%; margin: 0; height: auto;  }
.rpd_thumb { background-color: rgb(45,45,45); background: linear-gradient(to bottom,rgb(65,65,65),rgb(25,25,25)); padding: 2px 2px 5px 2px; border: 1px solid rgb(15,15,15); box-shadow: 0 0 0 1px rgb(55,55,55); margin: 2px 1px 0 1px; border-collapse: collapse; overflow: hidden; text-align: center;  font-size: 14px; position: relative; }
.rpd_thumb a { display: block; }
.rpd_thumb:hover { background: rgb(35,35,35); border-color: rgb(252,207,91); box-shadow: inset 0 0 15px 0 rgb(0,0,0); }
.rpd_thumb img { width: 100%; height: auto; max-height: 180px; display: block; }
.rpd_thumb .rpd_title { text-shadow: 1px 1px 0 rgb(0,0,0); margin: 6px 3px 0 3px; display: block; height: 40px; line-height: 20px; text-transform: uppercase; font-size: 16px; overflow: hidden; }
.rpd_thumb .rpd_meta { margin: 5px 0 0 0; border-top: 1px solid rgb(85,85,85); padding-top: 5px; text-transform: uppercase; height: 20px; line-height: 20px; overflow: hidden; }
.rpd_thumb .rpd_duration { background-color: rgba(25,25,25,0.rpd_7); color: rgb(225,225,225); padding: 0 5px;  font-size: 14px; display: block; position: absolute; right: 9px; top: 9px; }

.rpd_thumb-ctg .rpd_title { height: 20px; }


.rpd_thumbs-container {width: calc(100% - 4px); margin: 0 2px; padding: 8px 0 0 0; justify-content: space-between; flex-wrap: wrap; display: flex;}
.rpd_thumbs-container a { display: block; background-color: rgb(45,45,45); background: linear-gradient(to bottom,rgb(65,65,65),rgb(25,25,25)); padding: 0px 0px 5px 0px; border: 1px solid rgb(15,15,15); box-shadow: 0 0 0 1px rgb(55,55,55); margin: 2px 1px 0 1px; border-collapse: collapse; overflow: hidden; text-align: center;  font-size: 14px; height: 40px; width: calc(50% - 4px); padding-top: calc(50% * 0.5625); position: relative; } 
.rpd_thumbs-container a:hover { background: #600; border-color: rgb(255,255,255); box-shadow: inset 0 0 15px 0 rgb(0,0,0); }
.rpd_thumbs-container a img {  position: absolute; top: 2px; left: 2px; width: calc(100% - 4px); height: calc(100%  - 46px); display: block; }
.rpd_thumbs-container a .rpd_title { text-shadow: 1px 1px 0 rgb(0,0,0); margin: 6px 3px 0 3px; display: block; height: 40px; line-height: 20px; text-transform: uppercase; font-size: 16px; overflow: hidden; }

.rpd_thumbs-container video {position: absolute;top: -1px;left: 1px;width: calc(100% - 4px);height: calc(100% - 46px);display: block;background-repeat:no-repeat;background-position: center center;background-image:url('data:@file/gif;base64,R0lGODlhIwAjAJEAAFBQUCMjIzY2NmNjYyH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDNUQzOTU5NjM0RjgxMUVEQkU4QkQzQTgyQzkzNEM1MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDNUQzOTU5NzM0RjgxMUVEQkU4QkQzQTgyQzkzNEM1MCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkM1RDM5NTk0MzRGODExRURCRThCRDNBODJDOTM0QzUwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkM1RDM5NTk1MzRGODExRURCRThCRDNBODJDOTM0QzUwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAAAAAAAsAAAAACMAIwAAArqMjycA4yySnGm5i18Mg06RheKweUaDAaUhgBlgGulKoU6M0Z49wBRG0XEytUuwFxO6OkdfMnERspC429TajAVQB5R06jSpDkYTKKwNuNCSc3poISWp8x53zv7ZsR73O1Jm5vA1EWhykZfQwMAn+HD4MPi2FaWn8ji5lOhj+IfoUTnZxSephinKUoLiFIqqyLfk+iFhI3vCVNj5tgra+qYLhUh44jN8K9xLl7aUASjn6zliZZzEGMHwVgAAOw==');}


.rpd_pages { margin: 10px 0 0 0; }
.rpd_pages li { display: inline-block; vertical-align: top; margin: 10px 5px 0 5px; height: 35px; line-height: 35px; font-size: 14px; }
.rpd_pages li a { background-color: rgba(0,0,0,0.rpd_2); border: 1px solid rgb(15,15,15); box-shadow: 0 0 0 1px rgb(55,55,55); display: block; min-width: 25px; padding: 0 5px; }
.rpd_pages li a:hover { background-color: #600; border-color: rgb(255,255,255); box-shadow: inset 0 0 15px 0 rgb(15,15,15); }
.rpd_pages li.rpd_active a { background-color: rgb(35,35,35); border-color: rgb(252,207,91); box-shadow: inset 0 0 15px 0 rgb(15,15,15); color: rgb(252,207,91); }
.rpd_pages li span { background-color: rgb(45,45,45); border: 1px solid rgb(15,15,15); display: block; min-width: 25px; padding: 0 5px; box-shadow: 0 0 0 1px rgb(55,55,55); }

.rpd_bns-container { border: 1px solid rgb(15,15,15); box-shadow: 0 0 0 1px rgb(55,55,55); margin: 10px 1px 0 1px; padding: 0 0 10px 0; }
.rpd_bn-cont { background-color: rgb(65,65,65); display: inline-block; vertical-align: top; margin: 10px 5px 0 5px; width: 300px; height: 250px; }
.rpd_bn-cont-2, .rpd_bn-cont-3, .rpd_bn-cont-4, .rpd_bn-cont-5 { display: none; }

.rpd_categories-list { border: 1px solid rgb(15,15,15); box-shadow: 0 0 0 1px rgb(55,55,55); margin: 10px 1px 0 1px; padding-bottom: 10px; }
.rpd_categories-list ul { display: inline-block; margin: 0 1%; width: 48%; }
.rpd_categories-list li { margin-top: 10px; }
.rpd_categories-list a { background-color: rgba(0,0,0,0.rpd_2); border: 1px solid rgb(55,55,55); display: block; overflow: hidden; height: 30px; line-height: 30px; padding: 0 10px; font-size: 12px; }
.rpd_categories-list a:hover { background-color: rgb(35,35,35); border-color: rgb(252,207,91); box-shadow: inset 0 0 15px 0 rgb(15,15,15); }
.rpd_categories-list a span { display: block; float: left; }
.rpd_categories-list a span.rpd_total-videos { float: right; color: rgb(145,145,145); }
.rpd_categories-list a i { color: rgb(252,207,91); }

.rpd_th-fr-container { background-color: rgb(45,45,45); background: linear-gradient(to bottom,rgb(65,65,65),rgb(25,25,25)); border: 1px solid rgb(15,15,15); box-shadow: 0 0 0 1px rgb(55,55,55); margin: 10px 1px 0 1px;  padding: 8px 0 10px 0;  }
.rpd_th-fr-container a { color: rgb(145,145,145); text-shadow: 1px 1px 0 rgb(5,5,5); display: inline-block; vertical-align: top; margin: 1% 0 0 0; width: 46%; padding: 1% 1% 0 1%; font-size: 12px; overflow: hidden; }
.rpd_th-fr-container a img { width: 100%; }
.rpd_th-fr-container a span { height: 25px; line-height: 25px; display: block; overflow: hidden; padding: 0 10px; text-transform: uppercase; }
.rpd_th-fr-container a:hover { background-color: rgb(55,55,55); box-shadow: inset 0 0 15px 0 rgb(15,15,15); color: rgb(245,245,245); }


.rpd_fr-container, .rpd_top-text-links { background-color: rgb(45,45,45); background: linear-gradient(to bottom,rgb(65,65,65),rgb(25,25,25)); border: 1px solid rgb(15,15,15); box-shadow: 0 0 0 1px rgb(55,55,55); margin: 10px 1px 0 1px; padding: 0 0 10px 0;  }
.rpd_fr-container ul, .rpd_top-text-links li { display: inline-block; vertical-align: top; margin: 0 1%; width: 48%; font-size: 12px; }
.rpd_fr-container li, .rpd_top-text-links li { overflow: hidden; margin-top: 10px; }
.rpd_fr-container li a, .rpd_top-text-links a { border: 1px solid rgb(5,5,5); color: rgb(145,145,145); text-shadow: 1px 1px 0 rgb(5,5,5); height: 30px; line-height: 30px;  display: block; padding: 0 5px; }
.rpd_fr-container li a:hover, .rpd_top-text-links a:hover { background-color: #600; border-color: rgb(85,85,85); box-shadow: inset 0 0 15px 0 rgb(15,15,15); color: rgb(245,245,245);  }
.rpd_fr-container li a i, .rpd_top-text-links a i { color: rgb(245,245,245); }


.rpd_video-container { border: 1px solid rgb(15,15,15); box-shadow: 0 0 0 1px rgb(55,55,55); width: 98%; margin: 10px auto 0 auto; }
.rpd_player-container { background-color: rgb(45,45,45); background: linear-gradient(to bottom,rgb(65,65,65),rgb(25,25,25)); padding: 10px; }
.rpd_player { background-color: rgb(0,0,0); position: relative; width: 100%; }
.rpd_player iframe, .rpd_player object, .rpd_player embed { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }


.rpd_video-info { padding: 0 0 10px 0; text-align: left; }
.rpd_video-info h2, .rpd_video-info a { color: rgb(245,245,245); text-shadow: 1px 1px 0 rgb(5,5,5); text-align: left; font-size: 20px; line-height: 22px; }
.rpd_video-info p {  margin: 10px 5px 0 5px; font-size: 14px; line-height: 18px; }
.rpd_video-info span {margin-top:10px; text-align:center;margin: 0 auto;}

.rpd_video-meta { overflow: hidden; padding: 10px 5px 0 5px; line-height: 25px; font-size: 14px; text-transform: uppercase; }
.rpd_video-tags { overflow: hidden; }
.rpd_video-tags a { background-color: rgba(0,0,0,0.rpd_2); border: 1px solid rgb(55,55,55);  display: block; float: left; height: 25px; line-height: 25px; margin: 10px 5px 0 5px; font-size: 13px; text-transform: uppercase; padding: 0 10px; }
.rpd_video-tags a i { color: rgb(252,207,91); }
.rpd_video-tags a:hover { background-color: rgb(35,35,35); border-color: #ccc; box-shadow: inset 0 0 15px 0 rgb(15,15,15); }

.rpd_video-bns-container { padding: 0 0 10px 0; }
.rpd_video-bn-cont { background-color: rgb(65,65,65); display: inline-block; vertical-align: top; margin: 10px 5px 0 5px; width: 300px;}
.rpd_video-bn-cont a {height: 25px; line-height: 25px; margin: 10px 0; font-size: 14px; padding: 0; color: rgb(252,207,91);}
.rpd_video-bn-cont-2, .rpd_video-bn-cont-3 { display: none; }

.rpd_spon_b_block { margin: 20px 5px 0 5px; text-align:center;}
.rpd_spons_b, .rpd_spons_txt { margin: 10px auto 0 auto; text-align:center; display: inline-block;}
.rpd_spons_b img, .rpd_spons_txt img { width: 100%; height: auto; }
.rpd_spons_b a {color:rgb(255,255,255);font-size:24px;margin: 0 auto; text-align:center;}
.rpd_spons_b a:hover {text-decoration:underline;} 
.rpd_description-box{text-align:center;max-width:728px;color:#ccc;padding:2px;font-size:14px;line-height:20px;margin:0 auto;}
.rpd_description-box b, .rpd_main_desc b {color:rgb(255,201,88);font-weight:bold;}
.rpd_spons_txt a {color:rgb(255,201,88);font-size:30px;margin: 0 auto; text-align:center;}
.rpd_main_desc {text-align:center;color:#ccc;padding:2px;font-size:16px;line-height:20px;margin:0 auto;}


.rpd_footer { background-color: rgb(15,15,15); color: rgb(135,135,135); padding: 15px 5px; margin: 20px 0 0 0; text-align: center; }
.rpd_footer .rpd_content { font-size: 14px; text-transform: uppercase; }
.rpd_footer span { color: rgb(252,207,91); }



@media screen and (min-width: 400px) {

.rpd_menu li { margin: 10px 5px 0 5px; font-size: 12px; }
.rpd_menu li a { padding: 0 10px; }
.rpd_fr-container ul, .rpd_top-text-links li { font-size: 14px; }
.rpd_categories-list a { font-size: 14px; }

}



@media screen and (min-width: 600px) {

.rpd_thumbs-container a {width: calc(33.3333% - 4px); padding-top: calc(33.3333% * 0.5625); }
.rpd_th-fr-container a { width: 29%; }
.rpd_fr-container ul, .rpd_top-text-links li { width: 31%; font-size: 12px; }
.rpd_categories-list ul { width: 31%; }
.rpd_categories-list a { font-size: 12px; }

}



@media screen and (min-width: 640px) {

.rpd_bn-cont-2, .rpd_video-bn-cont-2 { display: inline-block; }

}



@media screen and (min-width: 660px) {

.rpd_fr-container ul, .rpd_top-text-links li { font-size: 14px; }
.rpd_categories-list a { font-size: 14px; }

}



@media screen and (min-width: 800px) {

.rpd_fr-container ul, .rpd_top-text-links li { font-size: 16px; }

}



@media screen and (min-width: 930px) {

.rpd_thumbs-container a {width: calc(25% - 4px); padding-top: calc(25% * 0.5625); }
.rpd_bn-cont-3 { display: inline-block; }
.rpd_categories-list a { font-size: 16px; }

}





@media screen and (min-width: 1010px) {

.rpd_head { padding: 0; }
.rpd_head .rpd_content { overflow: hidden; padding: 10px 0; min-height: 40px; }
.rpd_logo { display: block; float: left; margin: 0 0 0 5px; padding: 0; }
.rpd_head-desc { display: block; float: left; margin: 5px 0 5px 4px; text-align: justify; width: 400px; }
.rpd_menu { display: block; float: right; overflow: hidden; padding: 5px 0; }
.rpd_menu li { display: block; float: left; margin: 0 5px; }
.rpd_menu li a { text-align: center; }
.rpd_menu li.rpd_search { float: right; clear: none; width: 240px; margin: 0 5px; }
.rpd_menu li.rpd_categories-button { float: right;  }
.rpd_menu li.rpd_search input { width: 85%; }
.rpd_menu li.rpd_search button { width: 15%; }
.rpd_content { width: 990px; overflow: hidden; padding-bottom: 1px; } 
.rpd_thumbs-container a {width: calc(20% - 4px); padding-top: calc(20% * 0.5625); }
.rpd_th-fr-container { padding: 0 0 10px 0; }
.rpd_th-fr-container a { width: 222px; padding: 10px 10px 0 10px; margin: 10px 0 0 0; }
.rpd_fr-container ul, .rpd_top-text-links li { width: 153px; margin: 0 5px; text-align: left; font-size: 12px; }
.rpd_top-text-links li { margin-top: 10px; }
.rpd_video-container { width: 988px; display: table; }
.rpd_player-container { display: table-cell; vertical-align: top; }
.rpd_video-bns-container { display: table-cell; vertical-align: top; width: 300px; padding: 0 10px 10px 10px; }
.rpd_video-info h1 { margin: 10px 0 0 0; }
.rpd_video-meta { padding: 10px 0 0 0; }
.rpd_video-tags { padding-top: 5px; }
.rpd_video-tags a { margin: 5px 5px 0 0; }
.rpd_video-bn-cont { display: block; margin: 10px 0 0 0; }
.rpd_video-bn-cont-3 { display: none; }

}



@media screen and (min-width: 1340px) {

.rpd_head-desc { width: 700px; margin-left:16px;}
.rpd_menu li.rpd_search { width: 240px; }
.rpd_menu li a { padding: 0 15px; font-size: 14px; }
.rpd_content { width: 1320px; } 
.rpd_bn-cont-4 { display: inline-block; }
.rpd_th-fr-container a { width: 132px; }
.rpd_fr-container ul, .rpd_top-text-links li { width: 208px; }
.rpd_fr-container li a, .rpd_top-text-links a { padding: 0 10px; }
.rpd_video-container { width:  1318px; }
.rpd_video-info h1 { font-size: 24px; line-height: 26px; }
.rpd_video-meta { float: right; }
.rpd_video-tags { float: left; }
.rpd_categories-list ul { width: 195px; margin: 0 5px; }
.rpd_categories-list a { font-size: 12px; }

}



@media screen and (min-width: 1670px) {

.rpd_head-desc { width: 950px; }
.rpd_menu li.rpd_search { width: 320px; }
.rpd_menu li a { padding: 0 15px; font-size: 14px; }
.rpd_content { width: 1650px; } 
.rpd_thumbs-container a {width: calc(326px - 4px); padding-top: calc(186px); }
.rpd_bn-cont-5 { display: inline-block; }
.rpd_th-fr-container a { width: 164px; }
.rpd_fr-container ul, .rpd_top-text-links li { width: 262px; font-size: 16px; }
.rpd_video-container { width:  1648px; }
.rpd_video-info h1 { margin: 20px 0 0 0; font-size: 28px; line-height: 30px; }
.rpd_video-meta { padding: 20px 0 0 0; }
.rpd_video-tags { padding-top: 15px; }
.rpd_video-meta { line-height: 30px; }
.rpd_video-tags a { height: 30px; line-height: 30px; }
.rpd_video-bn-cont-3 { display: block; }
.rpd_categories-list ul { width: 236px; }
.rpd_categories-list a { font-size: 14px; }

}