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

body {background-color: rgb(22,22,22);color: rgb(0, 129, 138);font-family: 'Sunflower', sans-serif;}
input, button { font-family: 'Sunflower', sans-serif; }

li { list-style-type: none; }



a {color: rgb(50, 130, 184);text-decoration: none;}
a:hover { color: rgb(215, 35, 35); }

h1, h2 { display: block; font-weight: normal; }
h1 {color: rgb(215, 35, 35);font-size: 18px;line-height: 20px;margin: 10px 5px 10px 5px;}
h2 {color: rgb(215, 35, 35);margin: 20px 5px 0 5px;font-size: 18px;line-height: 20px;}

.head {background-color: rgb(12,12,12);border-bottom: 1px solid rgb(42,42,42);box-shadow: 0 1px 0 0 rgb(2,2,2);overflow: hidden;text-align: center;padding-bottom: 5px;}

.logo {margin: 5px 1px 0 1px;display: inline-block;vertical-align: top;height: 30px;min-width: 180px;}
.logo a {color: rgb(215, 35, 35);font-size: 20px;height: 25px;line-height: 25px;display: block;text-transform: uppercase;font-weight: bold;}
.logo a span { color: rgb(215, 35, 35); }
.logo img {display: block;width: 190px;}

.bottom { display: none; overflow: hidden; }
.big {font-size: 24px;}
.small {font-size: 20px;}
.medium {font-size: 16px;}
.default {font-size: 14px;}

.menu { font-size: 0; text-align: center; }
.menu ul { overflow: hidden; }
.menu li {margin: 5px 8px 0 8px;display: inline-block;vertical-align: top;height: 20px;}
.menu li a, .menu li span {color: rgb(222,222,222);font-size: 18px;height: 20px;line-height: 20px;display: block;overflow: hidden;cursor: pointer;}
.menu li a:hover, .menu li.active a, .menu li a.active, .menu li span:hover, .menu li.active span, .menu li span.active { color: rgb(215, 35, 35); }
.menu li a i, .menu li span i {font-size: 18px;}

.search { padding: 10px 5px 0 5px; }
.search form { width: 100%; overflow: hidden; display: block; max-width: 500px; margin: 0 auto; position: relative; }
.search input {border: 1px solid rgb(122,122,122);color: rgb(45,42,40);font-size: 16px;width: 95%;padding: 0 2%;height;/* height: 40px; */height: 40px;outline: 0 none;background-color: rgb(2,2,2);} 
.search input:focus { border-color: rgb(145,142,140); }
.search button {background: none;color: rgb(222,222,222);position: absolute;top: 10px;right;right: 20px;: 28pxheight: 28pxline-height: 28px;font-size: 16px;border: 0 none;cursor: pointer;}
.search button:hover { color: rgb(215, 35, 35); }

.wrapper { margin: 0 auto; overflow: hidden; }

.leftbar { border-bottom: 1px solid rgb(225,222,220); box-shadow: 0 1px 0 0 rgb(255,252,250); display: none; overflow: hidden; padding-bottom: 20px; }
.leftbar-name { font-size: 20px; line-height: 22px; margin: 10px 0 0 10px; display: block; }
.leftbar ul { padding-left: 10px; }
.leftbar li { border-right: 1px solid rgb(225,222,220); padding-right: 15px; float: left; margin: 15px 15px 0 0; }
.leftbar li:last-child { border-right: 0 none; padding-right: 0; }
.leftbar li a {display: block;height: 14px;line-height: 14px;font-size: 18px;}
.leftbar li a i, .leftbar li.to-all a, .leftbar li a.to-all { color: rgb(215, 35, 35); }
.content { padding-bottom: 20px; }

.topbar { overflow: hidden; }

.sort { overflow: hidden; padding-left: 5px; }
.sort ul { overflow: hidden; float: left; margin: 5px 20px 0 0; }
.sort li { border-right: 1px solid rgb(225,222,220); float: left; margin: 5px 10px 0 0; padding-right: 10px; }
.sort li:last-child { border-right: 0 none; padding-right: 0; }
.sort li a { font-size: 13px; height: 13px; line-height: 13px; display: block; }
.sort li a:hover, .sort li.active a, .sort li a.active { color: rgb(215, 35, 35); }

.sexmus-pl { overflow: hidden; padding-top: 9px; }

.sexmu {float: left;width: 100%;}
.sexmu-ins { margin: 1px 0.5px 0 0.5px; overflow: hidden; }
.sexmu-ins a { background-color: rgb(45,42,40); display: block; position: relative; }
.sexmu-ins a img {width: 100%;height: auto;}
.sexmuge {margin: 10px 0 10px 0;}
.sexmuge a { color: rgb(215, 35, 35);}
.sexmuge li { display: inline-block;}
.sexmu-ins a:hover img { opacity: 0.9; }
.sexmu-ins .meta {background-color: rgba(45,42,40,0.7);position: absolute;left: 0;bottom: 0px;width: 100%;height: 25px;}
.sexmu-ins .name { color: rgb(154, 15, 152); height: 25px; line-height: 25px; font-size: 13px; overflow: hidden; padding: 0 5px; }
.sexmu-ins .info { color: rgb(154, 15, 152); height: 20px; line-height: 20px; font-size: 10px; overflow: hidden; padding: 0 0 0 5px; }
.sexmu-ins .info li { float: left; margin-right: 10px; }
.sexmu-ins a:hover .meta { height: 45px; }
.sexmu-ins a:hover .name { background-color: rgb(81, 80, 80); }
.sexmu-ins .play {opacity: 0.6;color: rgb(255,255,255);position: absolute;right: 0px;top: 0px;line-height: 10px;font-size;font-size: 12px;background-color: rgba(45,42,40,0.7);padding: 5px;}
.fav {margin: 5px 5px 0px 0px;background-color: rgb(12, 12, 12);padding: 10px;width: fit-content;cursor: pointer;}
.sexmu-ins-alt .name { font-size: 15px; }

.bottomnavi { overflow: hidden; }

.pages { overflow: hidden; text-align: center; padding-top: 19px; }
.pages ul { overflow: hidden; }
.pages li {float: left;margin: 1px 3px;width: 150px;}
.pages li a, .pages li span {background-color: rgb(215, 35, 35); border:1px solid rgb(215, 35, 35); color: rgb(255,252,250);font-size: 16px;height: 30px;line-height: 30px;min-width: 22px;border-radius: 3px;padding: 5px 10px;display: block;}
.pages li a:hover, .pages li.active a, .pages li a.active { background-color: rgb(12,12,12);border: 1px solid rgb(215, 35, 35); }

.bottomnavi .sort { padding-top: 3px; }

.cl-line {clear: both;margin-top: 20px;border-top: 1px solid rgb(42,42,42);box-shadow: 0 -1px 0 0 rgb(2,2,2);}

.ave-pl { margin-top: 19px; text-align: center; overflow: hidden; font-size: 0; }
.ave { background-color: rgb(225,222,220); display: inline-block; vertical-align: top; width: 300px; height: 250px; margin: 1px 0.5px 0 0.5px; overflow: hidden; }
.ave-2, .ave-3, .ave-4, .ave-5 { display: none; }

.searchlist-ins { overflow: hidden; margin: 5px 0 0 5px; padding-bottom: 5px; }
.searchlist li {padding-right: 15px;float: left;margin: 5px 5px 0 0;background-color: rgb(12,12,12);padding: 5px 10px;}
.searchlist li:last-child { border-right: 0 none; padding-right: 0; }
.searchlist li a {display: block;line-height: 25px;}
.searchlist li a:hover, .searchlist li a i { color: rgb(215, 35, 35); }

.thtoplist { font-size: 0; text-align: center; overflow: hidden; padding-top: 9px; }

.thprev { display: inline-block; vertical-align: top; width: 50%; }
.thprev a { display: block; margin: 1px 0.5px 0 0.5px; position: relative; }
.thprev a i { color: rgb(215, 35, 35); }
.thprev a img { width: 100%; height: auto; min-height: 40px; max-height: 190px; }
.thprev .name { overflow: hidden; height: 25px; line-height: 25px; font-size: 12px; }
.thprev a:hover { color: rgb(145,142,140); }
.thprev a:hover img { opacity: 0.9; }

.toplist { overflow: hidden; padding: 9px 4.5px 0 4.5px; }
.toplist ul { float: left; width: 50%; }
.toplist li a { display: block; margin: 1px 0.5px 0 0.5px; font-size: 13px; line-height: 35px; height: 35px; overflow: hidden; }
.toplist li a:hover { color: rgb(145,142,140); }
.toplist a i { color: rgb(215, 35, 35); }

.video-obol {border-bottom: 1px solid rgb(2,2,2);box-shadow: 0 1px 0 0 rgb(42,42,42);overflow: hidden;}
.video-obol .wrapper { width: 100%; }
.vid-obol { background-color: rgb(0,0,0); position: relative; width: 100%; height: 225px; }
.vid-obol video, .vid-obol object, .vid-obol embed { width: 100%; height: 100%; }

.on-player-pl { display: none; background-color: rgba(5,5,5,0.6); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5000; }
.on-player {background-color: rgb(5,5,5);box-shadow: 0 0 15px rgb(0,0,0);position: absolute;top: 50%;left: 50%;width: 629px;height: 332px;z-index: 5500;margin: -166px 0 0 -320px;}
.on-pl-top { overflow: hidden; border-bottom: 1px solid rgb(45,42,40); padding-left: 10px; }
.on-pl-top .name { color: rgb(245,245,245); font-size: 14px; text-transform: uppercase; height: 30px; line-height: 30px; float: left; }
.close { background-color: rgb(25,25,25); color: rgb(255,252,250); float: right; font-family: Arial, sans-serif; width: 30px; text-align: center; height: 30px; line-height: 30px; font-size: 16px; cursor: pointer; }
.close:hover { background-color: rgb(215, 35, 35); color: rgb(255,252,250); }
.on-pl-spts { overflow: hidden; padding: 10px; }
.on-player-sp {background-color: rgb(45,42,40);width: 300px;height: 250px;display: inline-block;margin: 2px;}
.bot-close { border-top: 1px solid rgb(45,42,40); background-color: rgb(25,25,25); color: rgb(255,252,250); text-align: center; height: 30px; line-height: 30px; font-size: 14px; cursor: pointer; }
.bot-close:hover { background-color: rgb(215, 35, 35); color: rgb(255,252,250); }
#share-buttons img {width: 35px;padding: 5px 5px 0px 0px;border: 0;box-shadow: 0;display: inline;}
.video-obol .info { overflow: hidden; text-align: left; padding: 0 5px 10px 5px; }
.video-obol .info ul { overflow: hidden; padding: 5px 0 0 5px; }
.video-obol .info li { margin: 5px 10px 0 0; float: left; height: 16px; line-height: 16px; font-size: 14px; }
.video-obol .info ul li span {color: rgb(222,222,222);}
.video-obol .info ul.meta li a { color: rgb(145,142,140); }
.video-obol .info ul.meta li a:hover { color: rgb(45,42,40); }
.video-obol .info li a { color: rgb(215, 35, 35); text-decoration: underline; }
.video-obol .info li a:hover { text-decoration: none; }

.vid-ave-pl {background-color: rgb(12,12,12);text-align: center;overflow: hidden;font-size: 0;}
.vid-ave-ins { padding: 0 5px 10px 5px; }
.vid-ave { background-color: rgb(230,230,230); display: inline-block; vertical-align: top; margin: 10px 5px 0 5px; width: 300px; height: 250px; }
.vid-ave-2 { display: none; }

.foot {background-color: rgb(12,12,12);border-top: 1px solid rgb(2,2,2);box-shadow: 0 -1px 0 0 rgb(42,42,42);padding: 20px 5px;overflow: hidden;font-size: 14px;text-align: center;}
.foot span { color: rgb(215, 35, 35); }
.foot a {text-decoration: underline;margin-left: 3%;}
.foot a:hover { text-decoration: none; }

.container {
    border-radius: 5px;
    padding: 20px;
    max-width: 500px;
}

/* Style inputs with type="text", select elements and textareas */
.container input[type=text], select, textarea {
    width: 100%; /* Full width */
    padding: 12px; /* Some padding */  
    border: 1px solid #ccc; /* Gray border */
    border-radius: 4px; /* Rounded borders */
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    margin-top: 6px; /* Add a top margin */
    margin-bottom: 16px; /* Bottom margin */
    resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

/* Style the submit button with a specific background color etc */
.container input[type=submit] {
    background-color: rgb(215, 35, 35);
    color: white;
    padding: 12px 20px;
    border: none;
    cursor: pointer;
}

/* When moving the mouse over the submit button, add a darker green color */
.container input[type=submit]:hover {
    background-color: rgb(235,87,89);
}

/* Add a background color and some padding around the form */

@media screen and (max-width: 1177px)
{
.on-player {

    width: 320px;

    margin: -166px 0 0 -160px;
    }
.two {display:none;}  
}

@media screen and (max-width: 900px)
{
.logo img {display: block;width: 140px;}
}
@media screen and (max-width: 1175px)
{
  .search input {  width: 60% !important;float: right;}
}
@media screen and (max-width: 930px)
{
  .search input {  width: 95% !important;float: right;}
}
@media all and (min-width:400px) {
    .thprev { width: 33.3333%; }
    .vid-obol { height: 280px; }
}

@media all and (min-width:480px) {
    .sexmu { width: 33.3333%; }
}

@media all and (min-width:500px) {
    .vid-obol { height: 340px; }
}

@media all and (min-width:600px) {
    .vid-obol { height: 395px; }
    .thprev { width: 25%; }
    .toplist ul { width: 25%; }
    .vid-ave-ins { border-left: 1px solid rgb(225,222,220); float: right; }
}

@media all and (min-width:640px) {
    .ave-2 { display: inline-block; }
}

@media all and (min-width:700px) {
    .vid-obol { height: 450px; }
}

@media all and (min-width:720px) {
    .sexmu {width: 33.3%;}
    .vid-obol { height: 450px; }
}

@media all and (min-width:800px) {
    .vid-obol { height: 506px; }
    .thprev { width: 20%; }
    .toplist li a { font-size: 14px; }
}

@media all and (min-width:900px) {
    .vid-obol { height: 562px; }

}

@media all and (min-width:934px) {
.ave-pl {display:none;} 
    .wrapper { width: 914px; }
    .head {padding: 0 0 10px 0;height: 77px;}
    .logo {margin: 30px 20px 0 1px;float: left;display: block;height: 70px;}
    .logo a { height: 32px; line-height: 32px; }
    .menu {float: left;margin: 36px 20px 0 0;}
    .menu li {display: block;float: left;margin: 0 0 0 10px;padding-left: 10px;}
    .menu li:first-child { border-left: 0 none; padding-left: 0; margin-left: 0; }
    .menu li a, .menu li span {height: 20px;line-height: 20px;}
    .menu li.categories-open, .menu li.search-open { display: none; }
    .bottom { display: block !important; }
    .search {float: right;padding: 25px 1px 0 0;width: 481px;}
    .search input {width: 95%;padding: 0 2%;}
    h1 { margin-left: 1px; font-size: 20px; line-height: 22px; }
    h2 {margin: 20px 1px 10px 1px;font-size: 20px;line-height: 22px;}
    .sort { padding-left: 1px; }
    .sort ul { margin-right: 30px; }
    .sort li { margin-right: 15px; padding-right: 15px; }
    .sort li a { font-size: 14px; height: 14px; line-height: 14px; }
    .sexmu {width: 33.3%;}
    .sexmu-ins a img {width: 100%;}
    .sexmu-ins .meta { height: 30px; }
    .sexmu-ins .name { height: 30px; line-height: 30px; }
    .sexmu-ins .info { height: 25px; line-height: 25px; font-size: 11px; }
    .sexmu-ins a:hover .meta { height: 30px; }
    .sexmu-ins-alt .name { font-size: 16px; }
    .searchlist-ins { margin-left: 1px; }
    .thprev { width: 25%; }
    .thprev .name { font-size: 13px; }
    .toplist { padding: 9px 0.5px 0 0.5px; }
    .on-player-pl { display: block; }
    .vid-obol { height: 502px; }
    .wrapper { display: table; }
    .leftbar {border-right: 1px solid rgb(2,2,2);box-shadow: 1px 0 0 rgb(42,42,42);border-bottom: 0 none;display: table-cell !important;vertical-align: top;width: 180px;}
    .leftbar-name { margin-left: 1px; }
    .leftbar ul { padding: 5px 0 0 1px; }
    .leftbar li { float: none; margin: 0; border: 0 none; }
    .leftbar li a { overflow: hidden; height: 25px; line-height: 25px; }
    .content { display: table-cell; vertical-align: top; }
    .topbar, .sexmus-pl, .bottomnavi, h2, .searchlist, .thtoplist, .toplist { padding-left: 10px; }


}

@media all and (min-width:1175px) {
    .logo a { font-size: 24px; }
    .menu { margin-right: 30px; }
    .menu li { padding-left: 15px; margin-left: 15px; }
    .wrapper { width: 1155px; }
    .ave-3 { display: inline-block; }
    .thprev { width: 16.6666%; }
    .toplist li a { font-size: 16px; }
    .video-tab { display: table; width: 100%; }
    .video-cl, .vid-ave-pl {vertical-align: top;}

    .vid-ave-pl {padding-top: 0;}
    .vid-ave-ins { float: none; border-left: 0; padding: 0; }
    .video-obol .info { padding: 0 10px 10px 10px; }
    .vid-ave { margin: 10px 10px 0 10px; }
}


@media all and (min-width:1416px) {
    .wrapper { width: 1396px; }
    .thprev { width: 12.5%; }
    .toplist ul { width: 12.5%; }
    .toplist li a { font-size: 14px; }
    .vid-ave-2 { display: inline-block; }
    .ave-4 { display: inline-block; }
}