*{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:#222;
  font: 16px  -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  color: #fff3fe;
}
a{color: #d91667}
  
.jvs-clx{
  clear:both;
} 
  
.jvs-xx-container{
  width: 72%;
  margin: 0 auto;
  background: #230813;
 border:1px solid #321722}  
  
  /*** ads ***/
  .jvs-x-header, .jvs-play, .jvs-x-bar, .jvs-x-footer{
    text-align:center;
    margin-bottom:10px;
  }
  
   .jvs-x-header, .jvs-play{
    height:100px;
    overflow:hidden;
  }
  
   .jvs-x-bar, .jvs-x-footer{
    height:250px;
     overflow:hidden;
  }
 
  /*** h1 ****/
  .jvs-title{
    color: #fff3fe;
    border-top: 2px solid #1e030e;
   border-bottom: 2px solid #1e030e;
   border-left: 2px solid #d91667;
    line-height:25px;
    margin:0px 5px 5px;
    padding: 0px 5px;
  }
  
  
 /** header **/ 
.jvs-1-head{
  background: #321722;
 margin-bottom: 10px;
  border-bottom: 1px solid #3c212c;
} 
.jvs-2-head{

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

}  

  
  
  
 /** search **/ 
.jvs-search-frm{
  float:right;
  line-height:50px;
  position:relative;
  margin:0px 10px;
}
.jvs-search-btn{
  padding:0px 5px;
   border:0;
  line-height:23px;
  background: none;
  color: #fff3fe;
}   
.jvs-search-txt{
  line-height:23px;
  border: 1px solid #140004;
  background: #ffffff;
  color: #1e030e;
  padding:0px 5px;
  
}
  
   /** search type 2 **/ 
    .jvs-search-wrap{
  padding:5px;
}
.jvs-search-frm{
  float:right;
  line-height:26px;
  top:8px;
  position:relative;
  margin:0px 0px;
  
   background: #ffffff;
  border-radius:3px;
}
.jvs-search-btn{
  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: #fff3fe;
  
}   
.jvs-search-txt{
  line-height:23px;
  width:calc(100% - 30px);
  border: none;
  background: #ffffff;
  color: #1e030e;
  padding:0px;

}  
 
  
  

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

.jvs-ulx-navi{
  line-height:50px;
}  
  
  .jvs-navi-hid{
    display:none !important;
  }
   .jvs-navi-show{
    display:block !important;
  }
  
  
  .gviews{
    font-size: 0.9em;
    position: absolute;
    bottom:10px;
    right:10px;
    color: #fff;
    border-radius: 5px;
    padding: 0px 5px;
    background-color: #321722;
    background-image: url("../svgs/eye.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: #321722;
    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: #321722;
    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: #321722;
    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: #321722;
    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;
}    
  
.jvs-navi .current-menu-item a{
  background-color: #503540;
}  
 
  
  

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

  
  /**** like unline views ***/
  
  .bìno{
    position:relative;
    float:right;
    margin-top:5px;
  }
  
  .jvs-like, .jvs-unlike ,.jvs-views, .jvs-srvs-2x {
    background: #321722;
     padding: 0px 6px;
    display:inline-block;
    border-radius:3px;
    font-size:0.9em;
    margin-bottom:5px;
    color: #fff3fe;
  }
  .jvs-like, .jvs-unlike{
    cursor:pointer;  
  }
  
  .jvs-nv-active{
    /*background-color: #d91667 !important; */
  }
  
  .jvs-like{
    
     background-color: #321722;
    background-image: url("../svgs/like3.svg");
    padding-left:20px;
    background-size:1em;
    background-repeat: no-repeat;
     background-position-y: center;
     background-position-x: 3px;
  
  }
  
  .jvs-unlike{
    background-color: #321722;
    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;
   
  }
  
   .jvs-views {
    background-color: #321722;
    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 ***/
 
  
  .jvs-star a , .jvs-cate a{
    color: #fff3fe;
     background: #826772;
     padding: 0px 6px;
     border-radius:3px;
    margin: 0px 3px;
  }
  
    .jvs-star a{
   
    background-color:none;
    background-image: url("../svgs/star3.svg");
    padding-left: 23px !important;
    background-repeat: no-repeat;
    background-size: 1em !important;
    background-position-x: 3px !important;
    background-position-y: center !important;
     
  }
  
  .jvs-star a:hover , .jvs-cate a:hover{
     color: #d91667;
    
  }
  
/*** video player***/
.jvs-csrv{
  float:left;
  position:relative;
  margin-top:5px;
}

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

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

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

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

.jvs-1-post{
 float:left;
 width:20%;
 margin-bottom:20px;
 margin:10px 0px; 
}
  
.jvs-1-post h2{
 font-size: 1em;
 font-weight: normal; 
}
  
.jvs-simg{
  display:block;
  position: relative;
}
  
  .ivs{
  
    background: #c50253;
    padding: 0px 1px;
  }
  
.ivs{

 position: absolute;
  top:5px;
  right:5px;
  background-color: #c50253;
  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;
}

 .jvs-simg img{
  position: relative;
  display: block;
  width: calc(100% - 10px);
  height: auto;
  margin-left: 5px;
   border-radius:8px;
    
}
  
.jvs-pxtt{
  height:46px;
  line-height:23px;
  padding-left:5px;
  display:block;
  overflow:hidden;
  color: #fff3fe}
  
  
  
  /*** sidebar ***/
  .jvs-bar-310 .jvs-1-post{
    float:none;
    width:100%;
  }
  
  
  
  /*** single relate ***/
   .jvs-relate{
    
  }
  .jvs-re-tt{
    display:block;
    font-weight:bold;
    font-size: 1.1em;
    padding:0px 5px;
  }
  
  
  
  /*** footer ***/
  .jvs-foot-nv{
    margin-top:10px;
    
  }
  .jvs-foot-m{
   /* background: ; */
    margin-top:10px;
    padding:30px 0px;
    text-align:center;
  }
  
  .jvs-cpxl{
    text-align:center;
    padding:10px 0px;
     background: #250a15;
    color: #ebdfea  }
   .jvs-cpxl a:hover{
     text-decoration:underline;
  }
  
  .jvs-cpxl a{
   
    color: #ff5cad  }
  
  .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: #fff3fe;
    
  }
  .cf-1 li a:hover, .cf-2 li a:hover, .cf-3 li a:hover{
    color: #d91667;
  }
  .cft{
    text-align:left;
    border-bottom: 1px solid #890017;
    margin:5px 5px;
    padding:5px 0px;
    color:#d91667  }
  
  .slinks{

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

    background: #d91667;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
 /****** 
  
       =============== responsive ==================
  
 ******/ 
  @media (min-width: 1281px) {
     
  }
  
  @media (min-width: 1025px) and (max-width: 1280px) {
     .jvs-post-single{
      width:90% !important; 
    }
       .jvs-xx-container{
  width: 90%;
       
     }
  }
  
 
  
   @media screen and (max-width: 1024px) {
     
     .jvs-xx-container{
  width: 100%;
       
     }
     
       /*** logo ***/
    .jvs-lgo{
      border-bottom: 1px solid #3c212c;
      float:none;
      text-align:center;
      background: #321722;
    }
    
     
     /*** header **/
     .jvs-1-head{
     background:none;
       border:none;
       position:relative;
    }
    
    .jvs-2-head{
     width: 100%; 
    }

    
    /*** menu ***/
  .jvs-ulx-navi li a{
    display:block;
      height:auto;
  background-color: none; ;
    line-height:23px;
  } 
    .current-menu-item a{
       background-color: #503540 !important;
    }
    
     .jvs-navi{
    border-bottom: 1px solid #321722  } 

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

.jvs-2x-play{
 padding-bottom:56.05%;
}
    
     .cpagi span, .cpagi a{
      float:left;
       margin:5px;
  }
    
    /*** menu2 ***/
      .jvs-navi{
    position:absolute;
    background: #321722;
        width:100%;
        top:50px;
        left:0;
        border-bottom:0;
        z-index:8888;
        display:none;
  } 
  .jvs-ulx-navi li{
    float:none;
  } 
       .jvs-ulx-navi li a{
    float:none;
         display:block;
        
  } 
    
    .jvs-navi-bar{
        position:absolute;
        top:10px;
      right:10px;
      z-index:9999;
      height:30px;
    cursor:pointer;
         background-color: #321722;
        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***/
    .jvs-list{
    width: 100%;
    margin:0 auto;
  }

  .jvs-1-post{
   float: left;
   width: 50%;
   margin-bottom:20px;
  }
  
   
    
    /*** video ***/
      .jvs-vdeo{
    
        margin: 0 auto;
    }
    
    /*** single content ***/
  .jvs-post-single{
    width: calc(100% - 20px);
 
  }
    .jvs-sct{
      overflow:hidden;
    }
    .jvs-sct img{
      max-width:100% !important;
      height: auto !important;
    }
    
     .bex{
      
    }
    
    /*** single col left, right **/
     .jvs-left{
    width:100%;
    float:none;
    padding:0px;
  }
  .jvs-right{
    width:100%;
    float:none;
  }
    
    
    /*** menu footer ***/
    .jvs-foot-m{
      width:100%;
    }
  .cf-1, .cf-2, .cf-3{
    float:none;
    width:100%;
    text-align:left;
  }
    
    
    /*** search ***/
    
        .jvs-search-wrap{
  padding: 0px 5px;
}
    .jvs-search-frm{
  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{
      padding-left:0px !important;
    }
 
  .s-imgs img{
    max-width:100%;
  }
    
}