.gallery_section .sub_page_title .title_line{width:60%;}

/* gallery section style */
.gallery_section{width:100%; height:auto; background:#101010; padding:50px 0 70px 0;}

.gallery_section .sub_page_title{width:25%; margin:auto; height:auto; text-align:center;}
.gallery_section .sub_page_title h2{font-size:40px; padding:10px 0; color:#fff;  margin-bottom:8px;}
.gallery_section .sub_page_title .title_line{width:25%; margin:auto; height:5px; background:#fff; margin-bottom:20px;}

/* gallery section style */


  .grid-sizer,
  .gallery_item {
    width: 20%;
  }
  .gallery_item{box-sizing: border-box;}
  .gallery_item>img{width:100%;}
  
  .gallery_item > span {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0);
    text-align: center;
    transition: all 0.4s;
  }
  .gallery_item > span > a {
    font-size: 35px;
    color: #999;
    border: 1px solid #999;
    padding: 10px 21px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    transition: all 0.4s;
    opacity: 0;
  }
  
  .gallery_item > span:hover {
    background: rgba(0, 0, 0, 0.7);
  }
  .gallery_item > span:hover > a {
    opacity: 1;
  }
  .gallery_item > span > a:hover {
    color: #fff;
    border: 1px solid #fff;
  }
  
  .gallery_item {
    box-sizing: border-box;
    padding: 5px;
  }
  .filtering {
    width: 100%;
    height: auto;
    text-align: center;
    padding: 40px 20px;
    box-sizing: border-box;
  }
  .filtering button {
    display: inline-block;
    width: 150px;
    border: 1px solid #fff;
    box-sizing: border-box;
    padding: 10px 0;
    color: #fff;
    background: #111;
    transition: all 0.4s;
    cursor: pointer;
  }
  
  .filtering button:hover,
  .filtering button.on {
    color: #111;
    background: #fff;
  }

.gallery_btns{width:100%; height:auto; text-align:center; border-top:1px solid #fff; margin-top :30px;}
.gallery_btns button{padding:20px 35px; background:#858f88; color:#fff; border:0; outline:0; cursor:pointer; transition:all 0.4s; font-size: 16px; margin :30px 10px;}
.gallery_btns button:hover{background:#90c8a3;}
.gallery_btns button>a{color:#fff;}



/* image upload page style  */
.upload_section{width:100%; height:auto; background:#101010; padding:50px 0 70px 0;}
.form_data{width:100%; max-width:800px; margin:50px auto 0; height:auto; box-sizing: border-box;  border-bottom:2px solid #fff;padding:20px 20px 0 20px;}

.upload_title{width:100%; height:auto;}
.upload_title label{width:19%; float:left; color:#fff; background:rgb(138, 2, 2); display:block; text-align: center; height:35px; box-sizing: border-box; padding-top: 10px; }
.upload_title input{width:80%; box-sizing: border-box; height:35px; float:right; border:0; background:#101010; border-bottom:1px solid #fff; outline:0; color:#fff;}
.upload_title input:focus{background:#fff; color:#111;}
.upload_title input::placeholder{color:#fff;}

.upload_category{width:100%; height:auto; margin:10px 0;}
.upload_category em{width:19%; float:left; color:#fff; background:rgb(138, 2, 2); display:block; text-align: center; height:35px; box-sizing: border-box; padding-top: 7px; font-style:normal;}
.upload_category select{width:80%; box-sizing: border-box; height:35px; float:right; border:0; background:#101010; border-bottom:1px solid #fff; outline:0; color:#fff;}
.upload_category select:focus{background:#fff; color:#111;}

.upload_left{float:left; width:50%; position: relative; box-sizing: border-box; padding:0 5px 0 0;} 
.upload_right{float:right; width:50%;  position: relative;box-sizing: border-box; padding:0 0 0 5px;}
.image_box{text-align:center;} 

.image_box input[type="file"]{position:absolute; width:1px; height:1px; padding:0; margin:-1; overflow:hidden; border:0;}

.image_box label{display:block; overflow:hidden; border:0; padding:10px 0; text-align:center; box-sizing:border-box; color:#fff; background:rgb(138, 2, 2)}
.image_box .upload_name{display:block; box-sizing:border-box; padding:10px; width:100%; background:#fff; border:0; outline:0; margin:10px 0;}

.wrap_box{width:100%; height:auto; padding:5px; border:1px solid #fff; box-sizing: border-box; overflow: hidden; margin-top: 10px;}
.wrap_box img{width:100%;}
.upload_btn{width:100%; text-align:center; height:auto; padding:10px 0;}
.upload_btn button{display:inline-block;  border:1px solid #fff; padding:10px 15px; outline:0;}