
*{margin:0;padding:0;text-decoration:none;outline:none;line-height:26px}
fieldset,img{border:0;outline:none}
ul,li{list-style:none;margin:0;padding:0}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
h1,h2,h3,h4,h5,h6{outline:none;border:0;font-weight:bold;}
h1{font-size:1.3em;}
h2{font-size:1.2em;}
h3{font-size:1.1em; }
h4{font-size:1em; }
body{
  background:#080808;
  font: 16px tahoma, arial;
  color: #f8f8f8;
}
a{color: #d19204}
  
.xxh-0-cls{
  clear:both;
} 
  
.xxh-0-xx-container{
  width: 100%;
  margin: 0 auto;
  
 
}  
  
  /*** ads ***/
  .xxh-0-x-header, .xxh-0-play, .xxh-0-x-bar, .xxh-0-x-footer{
    text-align:center;
    margin-bottom:10px;
  }
  
   .xxh-0-x-header, .xxh-0-play{
    height:100px;
    overflow:hidden;
  }
  
   .xxh-0-x-bar, .xxh-0-x-footer{
    height:250px;
     overflow:hidden;
  }
 
  /*** h1 ****/
  .xxh-0-h1{
    color: #f8f8f8;
    border-top: 2px solid #080808;
   border-bottom: 2px solid #080808;
   border-left: 2px solid #d19204;
    line-height:25px;
    margin:0px 5px 5px;
    padding: 0px 5px;
  }
  
  
 /** header **/ 
.xxh-0-1-header{
  background: #1c1c1c;
 margin-bottom: 10px;
  border-bottom: 1px solid #262626;
} 
.xxh-0-2-header{

  width: 100%;
  margin: 0px auto 0px;
}   
  
  
 /** logo***/
  .xxh-0-logo{
    height:50px;
  }
  
.xxh-0-logo, .xxh-0-mnu{
  float:left;

}  

  
  
  
 /** search **/ 
.xxh-0-se2-mnu{
  float:right;
  line-height:50px;
  position:relative;
  margin:0px 10px;
}
.xxh-0-se4-mnu{
  padding:0px 5px;
   border:0;
  line-height:23px;
  background: none;
  color: #f8f8f8;
}   
.xxh-0-se3-mnu{
  line-height:23px;
  border: 1px solid #000000;
  background: #ffffff;
  color: #080808;
  padding:0px 5px;
  
}
  
   /** search type 2 **/ 
    .xxh-0-se1-mnu{
  padding:5px;
      float:left;
}
.xxh-0-se2-mnu{
  float:right;
  line-height:26px;
  top:8px;
  position:relative;
  margin:0px 0px;
  
   background: #ffffff;
  border-radius:3px;
}
.xxh-0-se4-mnu{
  padding:0px 5px;
  cursor:pointer;
   border:0;
  position:relative;
  top:3px;
  line-height:23px;
  background-color: none;
  width:20px;
  height:17px;
   background-image: url("../svgs/search3.svg");
  background-repeat:no-repeat;
  color: #f8f8f8;
  
}   
.xxh-0-se3-mnu{
  line-height:23px;
  width:calc(100% - 30px);
  border: none;
  background: #ffffff;
  color: #080808;
  padding:0px;

}  
 
  
  

  /*** menu **/
.xxh-0-ul-mnu li{
  float:left;
   padding: 0px 10px;
   text-align:center;
}
.xxh-0-ul-mnu li a{
  padding: 0px 5px;
  height:50px;
  display:block;
  line-height:50px;
  font-size:1.05em;
 
  color: #ffffff}  
  

.xxh-0-ul-mnu{
  line-height:50px;
}  
  
  .xxh-0-mnu-hid-2{
    display:none !important;
  }
   .xxh-0-mnu-show-3{
    display:block !important;
  }
  
   .icon-link a{
  
 
    background-color: #1c1c1c;
    background-image: url("../svgs/link.svg");
    padding-left: 23px !important;
    background-repeat: no-repeat;
    background-size: 1em !important;
    background-position-x: 3px !important;
    background-position-y: center !important;

}

 .icon-home a{
  
 
    background-color: #1c1c1c;
    background-image: url("../svgs/home2.svg");
    padding-left: 23px !important;
    background-repeat: no-repeat;
    background-size: 1em !important;
    background-position-x: 3px !important;
    background-position-y: center !important;
   
 
 
   
}
 .icon-like a{
    background-color: #1c1c1c;
    background-image: url("../svgs/like3.svg");
    padding-left: 23px !important;
    background-repeat: no-repeat;
    background-size: 1em !important;
    background-position-x: 3px !important;
    background-position-y: center !important;
}  
.icon-heart a{
    background-color: #1c1c1c;
    background-image: url("../svgs/heart2.svg");
    padding-left: 23px !important;
    background-repeat: no-repeat;
    background-size: 1em !important;
    background-position-x: 3px !important;
    background-position-y: center !important;
}    
  
.xxh-0-mnu .current-menu-item a{
  background-color: #3a3a3a;
}  
 
  
   .xxh-0-1-post h3{
    font-size: 1em;
    font-weight:normal;
    }
  
  

  /*** single ***/
  .xxh-0-sing{
    width: 70%;
    margin:0 auto;
  }
  
  .xxh-0-sing .xxh-0-h1{
    margin:0;border:0;
    padding:0px;
  }
  
  .xxh-0-sct{
    overflow:hidden;
  }
  
  
  .xxh-0-sct img{
    max-width:auto !important;
    height: auto !important;
  }
  
  .xxh-0-sct{
    
    margin: 0 auto;
    
  }
  .xxh-0-sct a{
    color: #ffce40  }
   .xxh-0-sct a:hover{
   
     text-decoration:underline;
  }
  
  .xxh-0-s-hi{
    max-height: 104px;
    overflow:hidden;
  }
  .xxh-0-s-sh{
    max-height: auto;
    overflow:hidden;
  }
  
  .bex{
   cursor:pointer;
  }
  
  .xxh-0-col-right{
    width:300px;
    
    float:right;
  }
  
  .xxh-0-col-left{
    width:calc(100% - 310px);
    float:left;
    padding:0px 5px;
  }

  
  /**** like unline views ***/
  
  .x-bino{
    position:relative;
    float:right;
    margin-top:5px;
  }
  
  .xxh-0-like, .xxh-0-unlike ,.xxh-0-views, .xxh-0-srvs-2 {
    background: #1c1c1c;
     padding: 0px 6px;
    display:inline-block;
    border-radius:3px;
    font-size:0.9em;
    margin-bottom:5px;
    color: #f8f8f8;
  }
  .xxh-0-like, .xxh-0-unlike{
    cursor:pointer;  
  }
  
  .xxh-0-nv-active{
    /*background-color: #d19204 !important; */
  }
  
  .xxh-0-like{
    
     background-color: #1c1c1c;
    background-image: url("../svgs/like3.svg");
    padding-left:20px;
    background-size:1em;
    background-repeat: no-repeat;
     background-position-y: center;
     background-position-x: 3px;
  
  }
  
  .xxh-0-unlike{
    background-color: #1c1c1c;
    background-image: url("../svgs/like-dis.svg");
    padding-left:20px;
    background-size:1em;
    background-repeat: no-repeat;
     background-position-y: center;
     background-position-x: 3px;
   
  }
  
   .xxh-0-views {
    background-color: #1c1c1c;
    background-image: url("../svgs/eye.svg");
    padding-left:20px;
    background-size:1em;
    background-repeat: no-repeat;
     background-position-y: center;
     background-position-x: 3px;
   
  }
  
  /*** single tags, cate ***/
 
  
  .xxh-0-models a , .xxh-0-cates a{
    color: #f8f8f8;
     background: #6c6c6c;
     padding: 0px 6px;
     border-radius:3px;
    margin: 0px 3px;
  }
  
    .xxh-0-models a{
   
    background-color:none;
    background-image: url("../svgs/star-hong3.svg");
    padding-left: 23px !important;
    background-repeat: no-repeat;
    background-size: 1em !important;
    background-position-x: 3px !important;
    background-position-y: center !important;
     
  }
  
  .xxh-0-models a:hover , .xxh-0-cates a:hover{
     color: #d19204;
    
  }
  
/*** video player***/
.xxh-0-csrv{
  float:left;
  position:relative;
  margin-top:5px;
}

 .xxh-0-vdeo{
  margin:0 auto 5px;
}

.xxh-0-srvs-2{
  cursor:pointer;
}
  
.xxh-0-1-xsv{
  background: #d19204 !important;
  color: #fffffe !important;
}
  
.xxh-0-2-play{
  margin:0 auto;padding:0;width:100%;position:relative;
  height:0;width:100%;padding-bottom:40%;text-align:center
  }

.xxh-0-2-play iframe{
  position:absolute;top:0;left:0;width:100%;height:100%
  }
  
   

  /**** list post***/
.xxh-0-list{
  width: 70%;
  margin:0 auto;
}

.xxh-0-1-post{
 float:left;
 width:20%;
 margin-bottom:20px;
 margin:10px 0px; 
}
  
.xxh-0-simg{
  display:block;
  position: relative;
}
  
  .i-vs{
    position:absolute;
    bottom:10px;
    left:10px;
    background: #bd7e00;
    padding: 0px 1px;
  }
  
.i-vs{

 position: absolute;
  bottom:3px;
  left:0px;
  background-color: #bd7e00;
  background-image: url("../svgs/v2.svg");
  padding-left:20px;
  background-size:1em;
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: center;
  display: block;
    height: 20px;
    width: 33px;
    font-size: 3em;
 border-radius:3px;
  opacity:0.8;
}

 .xxh-0-simg img{
  position: relative;
  display: block;
  width: calc(100% - 10px);
  height: auto;
  margin-left: 5px
}
  
.xxh-0-pxtt{
  height:46px;
  line-height:23px;
  padding-left:5px;
  display:block;
  overflow:hidden;
  color: #f8f8f8}
  
  
  
  /*** sidebar ***/
  .xxh-0-bar-310 .xxh-0-1-post{
    float:none;
    width:100%;
  }
  
  
  
  /*** single relate ***/
   .xxh-0-relate{
    
  }
  .xxh-0-re-tt{
    display:block;
    font-weight:bold;
    font-size: 1.1em;
    padding:0px 5px;
  }
  
  
  
  /*** footer ***/
  .xxh-0-foot-nv{
    margin-top:10px;
    
  }
  .xxh-0-foot-m{
   /* background: ; */
    margin-top:10px;
    padding:30px 0px;
    text-align:center;
  }
  
  .xxh-0-cpxl{
    text-align:center;
    padding:10px 0px;
     background: #0f0f0f;
    color: #e4e4e4  }
   .xxh-0-cpxl a:hover{
     text-decoration:underline;
  }
  
  .xxh-0-cpxl a{
   
    color: #ffd84a  }
  
  .cf-1, .cf-2, .cf-3{
    float:left;
    width:33.33%;
    text-align:left;
    margin-bottom:10px;
    
  }
  
  .cf-1 ul, .cf-2 ul, .cf-3 ul{
    padding:5px 5px 20px;
  }
  
  .cf-1 li, .cf-2 li, .cf-3 li{
    float:left;
    width:50%;
    margin:5px 0px;
  }
  
   .cf-1 li a, .cf-2 li a, .cf-3 li a{
    color: #f8f8f8;
    
  }
  .cf-1 li a:hover, .cf-2 li a:hover, .cf-3 li a:hover{
    color: #d19204;
  }
  .cft{
    text-align:left;
    border-bottom: 1px solid #d19204;
    margin:5px 5px;
    padding:5px 0px;
    color:#d19204  }
  
  .slinks{

    padding:10px 5px;
  }
  
  .slinks a:hover{
    text-decoration:underline;
  }
  
 /*** menu footer ***/
  .xxh-0-foot-m{
    width: 70%;
    margin: 0 auto;
  }
  
  
  /*** error 404 ***/
   .xxh-0-error {
   text-align:center;
  }
  
  
  
  /*** pagination ***/
  .cpagi{
    text-align:center;
    margin: 10px 0px;
  }
  
  .cpagi span, .cpagi a{
    padding: 4px 10px;
    margin: 0px 5px;
    background: #1c1c1c;
    color: #f8f8f8;
    border-radius: 3px;
  }
  .cpagi .current{

    background: #d19204;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
 /****** 
  
       =============== responsive ==================
  
 ******/ 
  @media (min-width: 1281px) {
     
  }
  
  @media (min-width: 1025px) and (max-width: 1280px) {
     .xxh-0-sing{
      width:90% !important; 
    }
  }
  
 
  
   @media screen and (max-width: 1024px) {
     
       /*** logo ***/
    .xxh-0-logo{
      border-bottom: 1px solid #262626;
      float:none;
      text-align:center;
      background: #1c1c1c;
    }
    
     
     /*** header **/
     .xxh-0-1-header{
     background:none;
       border:none;
       position:relative;
    }
    
    .xxh-0-2-header{
     width: 100%; 
    }

    
    /*** menu ***/
  .xxh-0-ul-mnu li a{
    display:block;
      height:auto;
  background-color: none; ;
    line-height:23px;
  } 
    .current-menu-item a{
       background-color: #3a3a3a !important;
    }
    
     .xxh-0-mnu{
    border-bottom: 1px solid #1c1c1c  } 

    .xxh-0-ul-mnu li{
      /* width: 33.33%; */
      float:left;
      padding: 0px 5px;
     margin:5px 0px;
     
  } 
     
     
  
     
     .xxh-0-col-left{
      width:100% !important; 
       padding:0;
       margin:0;
    }
     
      .xxh-0-col-right{
      width:100% !important; 
       padding:0;
       margin:0;
    }
     
      .xxh-0-bar-310{
      margin: 10px 0px;
    }
  }
  
  
  
  @media screen and (max-width: 768px) {

.xxh-0-2-play{
 padding-bottom:56.05%;
}
    
     .cpagi span, .cpagi a{
      float:left;
       margin:5px;
  }
    
    /*** menu2 ***/
      .xxh-0-mnu{
    position:absolute;
    background: #1c1c1c;
        width:100%;
        top:50px;
        left:0;
        border-bottom:0;
        z-index:8888;
        display:none;
  } 
  .xxh-0-ul-mnu li{
    float:left;
    
    text-align:left;
    margin:5px 0px;
    padding: 5px 0px;
    background: #212121;
    margin-right:5px;
  } 
       .xxh-0-ul-mnu li a{
    float:none;
         display:block;
        
  } 
    
    .xxh-0-mnu-bar-1{
        position:absolute;
        top:10px;
      right:10px;
      z-index:9999;
      height:30px;
    cursor:pointer;
         background-color: #1c1c1c;
        background-image: url("../svgs/bar.svg");
        padding-left: 23px !important;
        background-repeat: no-repeat;
        background-size: 1em !important;
        background-position-x: 3px !important;
        background-position-y: center !important;
    }
    
    


    /*** res post***/
    .xxh-0-list{
    width: 100%;
    margin:0 auto;
  }

  .xxh-0-1-post{
   float: left;
   width: 50%;
   margin-bottom:20px;
  }
 
   
    
    /*** video ***/
      .xxh-0-vdeo{
    
        margin: 0 auto;
    }
    
    /*** single content ***/
  .xxh-0-sing{
    width: calc(100% - 20px);
 
  }
    .xxh-0-sct{
      overflow:hidden;
    }
    .xxh-0-sct img{
      max-width:100% !important;
      height: auto !important;
    }
    
     .bex{
      
    }
    
    /*** single col left, right **/
     .xxh-0-col-left{
    width:100%;
    float:none;
    padding:0px;
  }
  .xxh-0-col-right{
    width:100%;
    float:none;
  }
    
    
    /*** menu footer ***/
    .xxh-0-foot-m{
      width:100%;
    }
  .cf-1, .cf-2, .cf-3{
    float:none;
    width:100%;
    text-align:left;
  }
    
    
    /*** search ***/
    
        .xxh-0-se1-mnu{
  padding: 0px 5px;
          float:none;
}
    .xxh-0-se2-mnu{
  float:none;
  line-height:26px;
  top:8px;
  position:relative;
  margin:0px 0px;
  width:100%;
   background: #ffffff;
  border-radius:3px;
}

    .icon-heart a, .icon-home a, .icon-like a{
      background-color: initial !important;
    }
 
  
    
}
  
  
  
  
  
  
  
  
  
  
  
  

