*{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:#524d4b;
  font: 16px  -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  color: #ffffff;
}
a{color: #ad4ab3}
  
.slox-clr{
  clear:both;
} 
  
.slox-5{
  width: 72%;
  margin: 0 auto;
  
  background: #181818;
 
}  
  
  /*** ads ***/
  .slox-1, .slox-4, .slox-3, .slox-2{
    text-align:center;
    margin-bottom:10px;
  }
  
   .slox-1, .slox-4{
    height:100px;
    overflow:hidden;
  }
  
   .slox-3, .slox-2{
    height:250px;
     overflow:hidden;
  }
 
  /*** h1 ****/
  .slox-title{
    color: #ffffff;
    border-top: 2px solid #111;
   border-bottom: 2px solid #111;
   border-left: 2px solid #ffffff;
    line-height:25px;
    margin:0px 5px 5px;
    padding: 0px 5px;
  }
  
  
 /** header **/ 
.slox-6{
  background: #252525;
 
  border-bottom: 1px solid #2f2f2f;
} 
.slox-7{

  margin: 0px auto 0px;
}   
  
  
 /** logo***/
  .logo{
    height:50px;
    
    float:left;
  }
  
.logo, .slox-8{
 

}  

 /** search **/ 
.slox-16{
  float:right;
  line-height:50px;
  position:relative;
  margin:0px 10px;
}
.slox-18{
  padding:0px 5px;
   border:0;
  line-height:23px;
  background: none;
  color: #ffffff;
}   
.slox-17{
  line-height:23px;
  border: 1px solid #070707;
  background: #ffffff;
  color: #111;
  padding:0px 5px;
  width:auto;
}
  
   /** search type 2 **/ 
    .slox-15{
  padding:5px;
      margin-bottom:10px;
      float:left;
}
.slox-16{
  float:right;
  line-height:26px;
  top:8px;
  position:relative;
  margin:0px 0px;
  width:auto;
   background: #ffffff;
  border-radius:3px;
}
.slox-18{
  padding:0px 5px;
  cursor:pointer;
   border:0;
  position:relative;
  top:3px;
  line-height:23px;
  background-color: none;
  width:18px;
  height:18px;
   background-image: url("../svgs/search.svg");
  background-repeat:no-repeat;
  color: #ffffff;
  
}   
.slox-17{
  line-height:23px;
  width:calc(100% - 30px);
  border: none;
  background: #ffffff;
  color: #111;
  padding:0px;

}  
 
  
  

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

.slox-10{
  line-height:50px;
}  
  
  .slox-13{
    display:none !important;
  }
   .slox-14{
    display:block !important;
  }
  
   
  .rvx{
    font-size:0.9em;
    position:absolute;
    opacity:0.9;
    bottom:5px;
    left:10px;
    padding:0px 5px;
    color:#f2f2f2;
    border-radius:3px;
    background-color: #111;
    background-image: url("../svgs/eye2.svg");
    padding-left: 23px !important;
    background-repeat: no-repeat;
    background-size: 1em !important;
    background-position-x: 3px !important;
    background-position-y: center !important;
  }
  
  
 .icon-link a{
  
 
    background-color: #252525;
    background-image: url("../svgs/link2.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: #252525;
    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-uni a{
  
 
    background-color: #252525;
    background-image: url("../svgs/uni.svg");
    padding-left: 23px !important;
    background-repeat: no-repeat;
    background-size: 1em !important;
    background-position-x: 3px !important;
    background-position-y: center !important;
   
 
 
   
}
  
   .icon-cc a{
  
 
    background-color: #252525;
    background-image: url("../svgs/cc2.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: #252525;
    background-image: url("../svgs/like2.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: #252525;
    background-image: url("../svgs/heart-hong.svg");
    padding-left: 23px !important;
    background-repeat: no-repeat;
    background-size: 1em !important;
    background-position-x: 3px !important;
    background-position-y: center !important;
}    
  
.slox-8 .current-menu-item a{
  background-color: #434343;
}  
 
  
  

  /*** single ***/
  .slox-post{
    width: 100%;
    margin:0 auto;
  }
  
  .slox-post .slox-title{
    margin:0;border:0;
    padding:0px;
  }
  
  .slox-ct{
    overflow:hidden;
  }
  
  
  .slox-ct img{
    max-width:auto !important;
    height: auto !important;
  }
  
  .slox-ct{
    
    margin: 0 auto;
    
  }
  .slox-ct a{
    color: #e986ef  }
   .slox-ct a:hover{
   
     text-decoration:underline;
  }
  
  .slox-20{
    max-height: 104px;
    overflow:hidden;
  }
  .slox-21{
    max-height: auto;
    overflow:hidden;
  }
  
  .slox-19{
   cursor:pointer;
  }
  
  .slox-right{
    width:300px;
    
    float:right;
  }
  
  .slox-left{
    width:calc(100% - 310px);
    float:left;
    padding:0px 5px;
  }

  
  /**** like unline views ***/
  
  .slox-22{
    position:relative;
    float:right;
    margin-top:5px;
  }
  
  .slox-24, .slox-25 ,.slox-23, .slox-29 {
    background: #252525;
     padding: 0px 6px;
    display:inline-block;
    border-radius:3px;
    font-size:0.9em;
    margin-bottom:5px;
    color: #ffffff;
  }
  .slox-24, .slox-25{
    cursor:pointer;  
  }
  
  .slox-active{
    /*background-color: #ad4ab3 !important; */
  }
  
  .slox-24{
    
     background-color: #252525;
    background-image: url("../svgs/like2.svg");
    padding-left:20px;
    background-size:1em;
    background-repeat: no-repeat;
     background-position-y: center;
     background-position-x: 3px;
  
  }
  
  .slox-25{
    background-color: #252525;
    background-image: url("../svgs/unlike.svg");
    padding-left:20px;
    background-size:1em;
    background-repeat: no-repeat;
     background-position-y: center;
     background-position-x: 3px;
   
  }
  
   .slox-23 {
    background-color: #252525;
    background-image: url("../svgs/eye2.svg");
    padding-left:20px;
    background-size:1em;
    background-repeat: no-repeat;
     background-position-y: center;
     background-position-x: 3px;
   
  }
  
  /*** single tags, cate ***/
   .slox-26, .slox-27{
   
  }
  
  .slox-26 a {
    border-left: 2px solid #ad4ab3;
  }
  
  .slox-26 a , .slox-27 a{
    color: #ffffff;
     background: #757575;
     padding: 0px 6px;
     border-radius:3px;
    margin: 0px 3px;
  }
  
  .slox-26 a:hover , .slox-27 a:hover{
     color: #ffffff;
     background: #85228b;
  }
  
/*** video player***/
.slox-srv{
  float:left;
  position:relative;
  margin-top:5px;
}

 .slox-video{
  margin:0 auto 5px;
}

.slox-29{
  cursor:pointer;
}
  
.slox-28{
  background: #ad4ab3 !important;
  color: #ffffff !important;
}
  
.w-video{
  margin:0 auto;padding:0;width:100%;position:relative;
  height:0;width:100%;padding-bottom:40%;text-align:center
  }

.w-video iframe{
  position:absolute;top:0;left:0;width:100%;height:100%
  }
  
   

  /**** list post***/
.slox-30-post{

}

.slox-x{
 float:left;
 width:20%;
 margin-bottom:20px;
 margin:10px 0px; 
}
  
.slox-img{
  display:block;
  position: relative;

}
 
  
  .vietsub{
    position:absolute;
    left:5px;
    top:0px;
    background: #99369f;
    padding: 2px 5px;
  }
  
.vietsub{

 position: absolute;

  background-color: #99369f;
  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: 16px;
    width: 28px;
    font-size: 3em;
 
}

 .slox-img img{
  position: relative;
  display: block;
  width: calc(100% - 10px);
  height: auto;
  margin-left: 5px;
     border-radius:10px;
}
  
.slox-pt{
  height:46px;
  line-height:23px;
  padding-left:5px;
  display:block;
  overflow:hidden;
  color: #ffffff}
  
  
  
  /*** sidebar ***/
  .slox-300 .slox-x{
    float:none;
    width:100%;
  }
  
  
  
  /*** single relate ***/
   .slox-rxre{
    
  }
  .slox-x-tt{
    display:block;
    font-weight:bold;
    font-size: 1.1em;
    padding:0px 5px;
  }
  
  
  
  /*** footer ***/
  .slox-foot{
    margin-top:10px;
    
  }
  .slox-foot-bot{
    background: #161616;
    margin-top:10px;
    padding:30px 0px;
    text-align:center;
  }
  
  .slox-xc{
    text-align:center;
    padding:10px 0px;
     background: #181818;
    color: #ebebeb  }
   .slox-xc a:hover{
     text-decoration:underline;
  }
  
  .slox-xc a{
   
    color: #f390f9  }
  
  
 /*** menu footer ***/
  .menu-footer-1 li{
    display:inline-block;
    margin:0px 10px;
  }
  .menu-footer-1 li a{
   color: #ffffff 
  }
  
  
  /*** error 404 ***/
   .error {
   text-align:center;
  }
  
  
  
  /*** pagination ***/
  .cls-pagination{
    text-align:center;
    margin: 10px 0px;
  }
  
  .cls-pagination span, .cls-pagination a{
    padding: 4px 10px;
    margin: 0px 5px;
    background: #252525;
    color: #ffffff;
    border-radius: 3px;
  }
  .cls-pagination .current{

    background: #ad4ab3;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
 /****** 
  
       =============== responsive ==================
  
 ******/ 
  @media (min-width: 1281px) {
     
  }
  
  @media (min-width: 1025px) and (max-width: 1280px) {
     .slox-post{
      width:90% !important; 
    }
  }
  
 
  
   @media screen and (max-width: 1024px) {
     
       /*** logo ***/
    .logo{
      border-bottom: 1px solid #2f2f2f;
      float:none;
      text-align:center;
      background: #252525;
    }
    
     
     /*** header **/
     .slox-6{
     background:none;
       border:none;
       position:relative;
    }
    
    .slox-7{
     width: 100%; 
    }

    
    /*** menu ***/
  .slox-10 li a{
    display:block;
      height:auto;
  background-color: none; ;
    line-height:23px;
  } 
    .current-menu-item a{
       background-color: #434343 !important;
    }
    
     .slox-8{
    border-bottom: 1px solid #252525  } 

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

.w-video{
 padding-bottom:56.05%;
}
    
      
.slox-5{
  width: auto;
  
}  
  
    
     .cls-pagination span, .cls-pagination a{
      float:left;
       margin:5px;
  }
    
    /*** menu2 ***/
      .slox-8{
    position:absolute;
    background: #252525;
        width:100%;
        top:50px;
        left:0;
        border-bottom:0;
        z-index:8888;
        display:none;
  } 
  .slox-10 li{
    float:left;
    text-align:left;
    width:33.33%;
    padding:0;
    margin:5px 0px;
  } 
       .slox-10 li a{
    float:none;
         display:block;
        
  } 
    
    .slox-12{
        position:absolute;
        top:10px;
      right:10px;
      z-index:9999;
      height:30px;
    cursor:pointer;
         background-color: #252525;
        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***/
    .slox-30-post{
    width: 100%;
    margin:0 auto;
  }

  .slox-x{
   float: left;
   width: 50%;
   margin-bottom:20px;
  }
  
   
    
    /*** video ***/
      .slox-video{
    
        margin: 0 auto;
    }
    
    /*** single content ***/
  .slox-post{
    width: calc(100% - 20px);
 
  }
    .slox-ct{
      overflow:hidden;
    }
    .slox-ct img{
      max-width:100% !important;
      height: auto !important;
    }
    
     .slox-19{
      
    }
    
    /*** single col left, right **/
     .slox-left{
    width:100%;
    float:none;
    padding:0px;
  }
  .slox-right{
    width:100%;
    float:none;
  }
    
    
    /*** menu footer ***/
  .menu-footer-1 li{
    display:block;
    margin:10px 10px;
  }
    
    
    /*** search ***/
    
        .slox-15{
  padding: 0px 5px;
          width:calc(100% - 10px);
          
}
    .slox-16{
  float:none;
  line-height:26px;
  top:8px;
  position:relative;
  margin:0px 0px;
  width:100%;
   background: #ffffff;
  border-radius:3px;
}

    .icon-cc a, .icon-heart a, .icon-like a, .icon-uni a, .icon-home a{
      
    }
 
    
    .slox-foot .icon-like a{
      padding-left:23px !important;
    }
  
    
}