/* 主题样式 */
  .divone{
    width: 100%;
    
    position: relative;
    margin: 0 auto;
}
/* 服务项目名字 */
.divservice{
  position: relative;
  margin: 0 auto;
    width: 60%;
    height: 8vw;
    text-align: center;
    line-height: 8vw;
    font-size: 2vw;
    
}
.divservice .sp{
    position: relative;
    top: -5.5vw;
    color: grey;
    font-size: 1.5vw;
}
/* 服务项目主题 */
.classification{
  /*position: relative;*/
    width: 60%;
    margin: 0 auto;
    /* border: 1px solid red; */
    box-sizing: border-box;
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;

    /*display: flex;
    flex-wrap: wrap;
    justify-content: space-around;*/

}
.classification .ss{
  
  box-sizing: border-box;
  position: relative;
  margin: 10% 15%;
  width: 70%;
  height: 8vw;
  border-radius:0.8vw;
  overflow: hidden;
  /*border: 1px solid #EEEEEE;*/
  /*box-shadow:0px 0.8vw 0.5vw -0.8vw #000;*/
}
.classification .ss .s1{
  box-sizing: border-box;
  text-align: center;
  /*position: relative;*/
  /*top: 20px;*/
  width: 45%;
  height: 3vw;
  /* border: 1px solid red; */
  margin: 1vw auto;
}
.classification .ss p{
  box-sizing: border-box;
  position: relative;
  width: 100%;
  height: 2vw;
  overflow: hidden;
  text-align: center;
  margin: 0 auto;
  font-size: 0.9vw;
  font-weight: bold;
  
}

  /* 客户留言 */
  .liuyan{
      box-sizing: border-box;
    position: relative;
    margin: 0 auto;
    width: 60%;
    height: 8vw;
    text-align: center;
    line-height: 8vw;
    font-size: 2vw;
  }
  /*.liuyan .sp{*/
  /*    box-sizing: border-box;*/
  /*  position: relative;*/
  /*  top: -5.5vw;*/
  /*  color: grey;*/
  /*  font-size: 1.5vw;*/
  /*}*/

  .ly{
    display: flex;
    justify-content:space-between;
    /*border: 1px solid red;*/
    width: 80vw;
    margin: 0 auto;
  }
  .divlyb{
    box-sizing: border-box;
    position: relative;
    width: 62%;
    height: 20vw;
    /*margin: 0 auto;*/
    overflow: hidden;
    /*border: 1px solid red;*/
  }
.hye{
  /*border: 1px solid red;*/
  width: 20vw;
  font-size: 1rem;
  height: 20vw;

}
.hye p{
  font-size: 1.5rem;
}



  /* 服务项目主题 */
  .classliuyan{
    box-sizing: border-box;
    position: relative;
    margin: 0 auto;
    padding: 1vw 0vw;
    display: flex;
    flex-wrap: wrap;
  }

  .classliuyan .ss1{
      box-sizing: border-box;
    width:99%;
    height: 5vw;
    margin: 0 auto;
    display: flex;
  }
  .classliuyan .ss1 .s1{
      box-sizing: border-box;
    width: 10%;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    border: 0.1vw solid #EEEEEE;
  }
  .classliuyan .ss1 .s1 p{
      box-sizing: border-box;
    text-align: center;
    width: 100%;
    margin-top: 0.1vw;
    height: 1vw;
    overflow: hidden;
  }
  .classliuyan .ss1 .s1 .sf{

    border-radius: 10vw;
    overflow: hidden;
    width: 70%;
    height: 70%;
    margin: 0vw auto;
    text-align: center;
    margin-top: 0.3vw;
  }
  .classliuyan .ss1 .s2{
      box-sizing: border-box;
    width: 90%;
    height: 5vw;
    border: 0.1vw solid #EEEEEE;
    position: relative;
    color: grey;
    padding: 0.5vw;
    overflow: auto;
  }
  .classliuyan .ss1 .s2 p{
    display: inline-block;
    position: absolute;
      box-sizing: border-box;
    right: 0.5vw;
    bottom: 0.5vw;
    color: #0C0C0C;
    font-size: 1vw;
  }

/* 服务流程 */
.divservicef{
  /*position: relative;*/
  margin: 0 auto;
    /*width: 60%;*/
    /*height: 8vw;*/
    text-align: center;
    /*line-height: 8vw;*/
    font-size: 2vw;
    
}
.divservicef .sp{
    /*position: relative;*/
    /*top: -5.5vw;*/
  margin: 5px 0 5px 0;
    color: grey;
    font-size: 1.5vw;
}
/* 服务流程主题 */
.classifications{
  position: relative;
    width: 60%;
    margin: 0 auto;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.classifications .ss{
  box-sizing: border-box;
  position: relative;
  margin-top: 2vw;
  width: 20%;
  height: 15.5vw;
  margin-bottom: 4vw;
}
.classifications .ss .s1{

  box-sizing: border-box;
  position: relative;
  width: 100%;
  height: 12vw;
  margin: 0 auto;
  margin-bottom: 2.5vw;
}
.classifications .ss p{
  box-sizing: border-box;
  position: relative;
  padding: 0vw 0.2vw;
  width: 100%;
  height: 3.5vw;
  overflow: hidden;
  text-align: center;
  margin: 0 auto;
  font-size: 0.8vw;
  font-weight: bold;
}
 /* 填写需求 */
.flowchart{
  position: relative;
  
    width: 100%;
    margin: 0 auto;
    
    box-sizing: border-box;
    font-size: 1vw;
}
.flowchart .p{
  text-align: center;
  margin: 1.3vw auto;
  font-size: 1.5vw;
}
.flowchartsf{
  margin: 0 auto;
  width: 80%;
  
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
}
.flowchartsf .s1{
  box-sizing: border-box;
  width: 50%;
  font-size: 1vw;
  
  list-style: 0.8vw;
  padding-left: 0.5vw;
  padding-bottom: 0.5vw;
}
.flowchartsf .s2{
  position: relative;
  box-sizing: border-box;
  width: 100%;
  /* height: vw; */
  
  text-align: center;
}
.flowchart .text1{
    border:none; 
    font-size: 1vw;
    width: 49%;
    box-sizing: border-box;
     height: 3vw;
     background-color: #EEEEEE;
      margin: 0 auto;
       padding: 1vw;
}
.flowchart .text2{
    border:none; 
    font-size: 1vw;
    width: 49%;
    box-sizing: border-box;
     height: 3vw;
     background-color: #EEEEEE;
      margin: 0 auto;
       padding: 1vw;
}
.flowchart .button1{
    margin-top: 1vw ;
    margin-bottom: 2vw ;
    border:none;
    font-size: 1.5vw;
     width: 30vw;
      height: 3vw;
      border-radius: 0.2vw;
      color: white;
       background-color: #3388FF;
}
/* 公司介绍主题 */
.Companyprofile{
  position: relative;
  box-sizing: border-box;
  margin: 0 auto;
    width: 80%;
    height: 25vw;
    background-color: #EEEEEE;
    font-size: 1.5vw;
    overflow: hidden;
}
.Companyprofile_div{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
      box-sizing: border-box;
}
.Companyprofile_div .s1{
    width: 30%;
    height: 20vw;
    padding: 1.5vw;
      box-sizing: border-box;
}
.Companyprofile_div .s1 p{
    font-size: 2.2vw;
    margin-bottom: 1vw;
      box-sizing: border-box;
}
.Companyprofile_div .s1 .p{
    width: 100%;
    height: 10vw;
    /*overflow: scroll;*/
    font-size: 0.9vw;
      box-sizing: border-box;
      margin-bottom: 2vw;
}
.Companyprofile_div .s1 a{
    text-align: center;
    display: inline-block;
    font-size: 1.1vw;
     width: 10vw;
      height: 3vw; 
      line-height: 3vw;
      border-radius: 0.2vw;
      color: white;
       background-color: #3388FF;
}
.Companyprofile_div .s2{
    width: 70%;
      box-sizing: border-box;
}
/* 服务优势名字 */
.divserviced{
  /*position: relative;*/
  margin: 0 auto;
  margin-top: 20px;
    /*width: 60%;*/
    /*height: 5vw;*/
    text-align: center;
    /*line-height: 6vw;*/
    font-size: 2vw;
    
    /*padding-bottom: 2vw;*/
}
.divserviced .sp{
    /*position: relative;*/
    /*top: -3.5vw;*/
  margin: 10px 0 10px 0;
    color: grey;
    font-size: 1.5vw;
  
}
/* 服务优势主题 */
.Companyprofilef{
  position: relative;
  box-sizing: border-box;
  margin: 0 auto;
    width: 65%;
    
    height: 22vw;
    background-color: #EEEEEE;
    font-size: 1.5vw;
    background-image: url('http://www.sulannet.com/upload/6e/999240eb988dabe01ad0b11af7475e.png');
     background-size: 100% 100%;
      color: rgb(255, 255, 255) !important;
}
/* 服务地域名字 */
.divserviceff{
  position: relative;
  margin: 0 auto;
    width: 60%;
    height: 5vw;
    text-align: center;
    line-height: 6vw;
    font-size: 2vw;
    
    padding-bottom: 2vw;
}
.divserviceff .sp{
    position: relative;
    top: -3.5vw;
    color: grey;
    font-size: 1.3vw;
  
}
/* 客户地域主题 */
.classificatiopff{
  position: relative;
    width: 70%;
    margin: 0 auto;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  padding-bottom: 1vw;
}
.classificatiopff .ss{
  box-sizing: border-box;
  position: relative;
  width: 15%;
  height: 10vw;
  border: 1px solid #EEEEEE;
  border-radius: 1vw;
  overflow: hidden;
  box-shadow:0px 0.8vw 0.5vw -0.8vw #000;
  margin: 0 auto;
  margin-top: 1vw;

}
.classificatiopff .ss .s1{
  box-sizing: border-box;
  position: relative;
  width: 55%;
  height: 5.5vw;
  border-radius: 3vw;
  overflow: hidden;
  margin: 1vw auto;

}
.classificatiopff .ss p{
  box-sizing: border-box;
  position: relative;
  width: 100%;
  height: 1.5vw;
  overflow: hidden;
  text-align: center;
  margin: 0 auto;
  /*margin-top: -0.5vw;*/
  font-size: 0.9vw;
  font-weight: bold;
}
  .classificatiopff .ss .pp{
  box-sizing: border-box;
  position: relative;
  width: 100%;
  height: 1.5vw;
  overflow: hidden;
  text-align: center;
  margin: 0 auto;
  font-size: 0.9vw;
    margin-top: -0.2vw;
  font-weight: bold;
}
/* 联系我们主题 */
.Companyprofiles{
  position: relative;
  box-sizing: border-box;
  margin: 0 auto;
  width: 80%;
  height: 25vw;
  display: flex; 
  align-items: center;
  justify-content: center;
  background-color: #EEEEEE;  
  margin-bottom: 2vw;
}
.Companyprofiles_div{
  position: relative;
  box-sizing: border-box;
  margin: 0 auto;
  width: 80%;
  display: flex; 
  justify-content: space-around;
  
}
.Companyprofiles_div_p{
  width: 40%;
  height: 12vw;
  font-size: 1vw;
  overflow: hidden;
}
.Companyprofiles_div_p .p{
  font-size: 1.9vw;
  margin-bottom: 1vw;
}
.Companyprofiles_div_p .span{
  margin-top: 0.8vw;
  opacity: 0.8;
}
.Companyprofiles_div_f{
  width: 48%;
  height: 12vw;
  font-size: 1.5vw;
  line-height: 12vw;
  margin: 0 auto;
  border-radius: 1vw;
  overflow: hidden;
  padding: 1vw;
}
/* 尾部主题 */
.classificatiopss{
  position: absolute;
  bottom: 1;
    width: 100%;
    margin: 0 auto;
    background-color: #EEEEEE;  
    box-sizing: border-box;
    padding: 2vw;
    font-size: 0.6vw;
}
.classificatiopss_div{
  width: 70%;
    display: flex;
    margin: 0 auto;
    justify-content: center;
    
    margin-bottom: 1vw;

}
.classificatiopss_div .s1{
  box-sizing: border-box;
  position: relative;
  width: 23%;
  height: 5vw;
  display: flex; 
  align-items: center;
  justify-content: space-around;
  
  margin: 0 auto;
}
.classificatiopss_div .s1 .zis1{
  box-sizing: border-box;
  position: relative;
  width: 100%;
  
  display: flex; 
  justify-content: space-around;
  height: 2vw;
}
.classificatiopss_div .s1 .zis1 .yi{
  box-sizing: border-box;
  position: relative;
  width: 20%;
  
}
.classificatiopss_div .s1 .zis1 .er{
  box-sizing: border-box;
  position: relative;
  width: 80%;
  height: 2vw;
  
  margin: 0 auto;
}
.classificatiopss_div .s1 .zis1 .er p{
  box-sizing: border-box;
  position: relative;
  
  margin: 0 auto;
  line-height: 1.5vw;
  height: 1.5vw;
  padding-left: 0.5vw;
  overflow: hidden; 
}
.classificatiopss_div .s1 .zis1 .er .p{
  box-sizing: border-box;
  position: relative;
  
  margin: 0 auto;
  /* margin-top: 0.2vw; */
}
.weibu{
  width: 40%;
  font-size: 1vw;
  margin: 0 auto;
  
  text-align: center;
}
#container{
  z-index: 999999;
}
/* 顶部 */

.nav{
  box-sizing: border-box;
  width: 100%;
  height: 7vw;
  line-height: 7vw;
  /*overflow: hidden;*/
  position: fixed;
  z-index: 9999;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: space-around;
  font-size:1vw;
  background-color: rgba(255 ,255 ,255 ,0.5);
}
.nav .s1{
  position: relative;
  box-sizing: border-box;
  width: 30%;
  height: 5vw;
  left: 0vw;
  line-height: 5vw;
  display: flex;
  justify-content: flex-start;
   overflow: hidden;
}
.nav .s2{
  position: relative;
  box-sizing: border-box;
  width:  40%;
  height: 2.5vw;
  line-height: 2.6vw;
  display: flex;
  left: 6vw;
  justify-content: space-between;
   overflow: hidden;
  color: white;

}
.nav .s1 div{
  position: relative;
  text-align: center;
  box-sizing: border-box;
  /*overflow: hidden;*/

}
.nav .s1 .s1_s{
  position: relative;
  box-sizing: border-box;
  width: 45%;
  line-height: 4vw;
  font-size: 1.5vw;

   overflow: hidden;
}
  .nav .s1 .s1_sf{
  position: relative;
  box-sizing: border-box;
  width: 50%;
  line-height: 5vw;
  font-size: 1.3vw;
}
  .nav .s2 div{
    position: relative;
    text-align: center;
    height: 2.5vw;
    width: 10vw;
    line-height: 2.5vw;
    box-sizing: border-box;
     overflow: hidden;
    color: white;
  }
  .nav .s2 #navid_s2{

    position: relative;
    text-align: center;
    height: 2.5vw;
    line-height: 1.3vw;
    box-sizing: border-box;
    overflow: hidden;
  }
  .nav .s2 #navid_s2 p{
    position: relative;
    text-align: center;
    height: 2.5vw;
    line-height: 1.3vw;
    font-size: 0.8vw;
    box-sizing: border-box;
    overflow: hidden;
  }
.nav .s2 a{
  color: black;
  text-decoration:none;
  background: none;
}
/* 右边 */
.rgiht{
  position: fixed;
  box-sizing: border-box;
  right: 0;
  top: 60%;
  /*width: 3vw;
  height: 10vw;*/
  z-index: 9999;
  background-color: white;
 /* font-size: 0.7vw;
  overflow: hidden;*/
}
.rgiht div{
  border: 1px solid #EEEEEE;
  padding: 5px;
  width: 65px;
  height: 65px;
  overflow: hidden;
  text-align: center;
  margin: 0 auto;
}
  .rgiht div a{
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
.rgiht img{
  /*margin-top: 0.5vw;*/
  width: 22px;
  height: 20px;
}
 .rgiht p{
  /*margin-top: 0.2vw;*/
   margin-top: 0.5rem;
   /*font-size: 1.2rem !important;*/
}
/* 底部 */
.button{
  position: fixed;
  box-sizing: border-box;
  bottom: 0;
  right: 2vw;
  width: 13vw;
  z-index: 9999;
  margin: 0 auto;
  text-align: center;
  background-color: #3388FF;
  font-size: 1vw;
  /*line-height: 3vw;*/
  height: 3vw;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  /* padding: 3vw; */
  /* border: 1px solid red; */
  border-radius: 0.5vw;
  overflow: hidden;
  color: #FFFFFF;
}


/*客户案例*/
  .khdiv{
    box-sizing: border-box;
    width: 75%;
    margin: 0 auto;
    position:relative;

  }
  .khdiv .s1{
    box-sizing: border-box;
    width: 100%;
    height: 22vw;
    margin-bottom: 3vw;
    border: 1px #EEEEEE solid;
  }
  .khdiv .s2{
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 3vw;

  }
  .khdiv .s1 .ffp{
    box-sizing: border-box;
    width: 100%;
    height: 3vw;
    line-height: 3vw;
    padding-left: 2.5vw;
    font-size: 1vw;
    border: 0.1vw solid #EEEEEE;
  }
  .khdiv .s1 .id1_class{
     box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    overflow: hidden;
  }
  .khdiv .s1 .id1_class .zidiv{
     box-sizing: border-box;
    width: 20%;
    height: 20vw;
  }
  .khdiv .s1 .id1_class .zidiv .img{
    width:12vw;
    height: 12vw;
    margin: 0 auto;
    text-align: center;
    margin-top: 1.5vw;
    margin-bottom: 1.5vw;
  }
  .khdiv .s1 .id1_class .zidiv .img img{
    cursor: pointer;
    transition: all 0.6s;
  }
  .khdiv .s1 .id1_class .zidiv .img img:hover{
    transform: scale(1.2);
  }
  .khdiv .s1 .id1_class .zidiv p{
     box-sizing: border-box;
    width: 100%;
    height: 3vw;
    font-size: 1vw;
    line-height: 3vw;
    overflow:hidden;
    text-align: center;
  }
  .khdiv .s2 .classificationf {
     box-sizing: border-box;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 20px;
    justify-items: center;
    align-items: center;
    height: 100%;


  }
  .khdiv .s2 .ffp{
    box-sizing: border-box;
    width: 100%;
    height: 3vw;
    line-height: 3vw;
    padding-left: 2.5vw;
    font-size: 1vw;
    border-left: 0.1vw  solid #EEEEEE;
    border-right: 0.1vw  solid #EEEEEE;
    border-top: 0.1vw  solid #EEEEEE;
  }
  .khdiv .s2 .classificationf .sss{
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    /*margin: 0.3vw;*/
  }
  .khdiv .s2 .classificationf .sss .s11{
    box-sizing: border-box;
    /*width: 100px;*/
    height: 200px;
    /*margin: 1vw auto;*/
    text-align: center;
  }
  .khdiv .s2 .classificationf .sss .s11 img{
    width: 200px;
    height: 200px;
    max-width: 100%;
    height: auto;
    display: inline-block;
  }
  .khdiv .s2 .classificationf p{
    width: 100%;
    /*height: 2vw;*/
    /*line-height: 2vw;*/
    overflow: hidden;
    font-size: 14px;
    margin: 0 auto;
    /*margin-top: 42px;*/
    text-align: center;
    position: absolute;
    bottom: 5px;
    color: #ffffff;
  }
  .canshuzhi .layui-card{
    box-sizing: border-box;
    cursor: pointer;
    transition: all 0.8s;
  }
  .canshuzhi .layui-card:hover{
    box-sizing: border-box;
    transform: scale(1.1);
    font-size: 3vw;
    height: 8vw;
  }

  .post-content .entry-header {
    margin-bottom: 55px
  }
  .post-content .entry-header::after {
    content: '';
    position: absolute;
    z-index: 1;
    height: 14px;
    width: 60px;
    bottom: 7px;
    right: 10px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    color: #fff
  }

  .dzen_container{
    width: 1170px;
    margin: 0 auto;
  }
  .content .dzen_container,
  .content_with_right_sidebar .dzen_container,
  .content_with_left_sidebar .dzen_container{
    width: 100%;
  }


  /*-------- 11.1. Portfolio --------*/
  .portfolio_item{
    color: #929292;
    border: 1px solid #fff;
  }

  .portfolio_item,
  .portfolio_item .overlayed{
    position: relative;
    text-align: center;
  }

  .portfolio_item h4{
    margin: 0px 0px 27px 0px;
    position: relative;
    z-index: 1;
  }

  .portfolio_item span{
    z-index: 1;
    position: relative;
  }

  .portfolio_item h4 a{
    color: #fff;
    font-size: 30px;
    font-weight: 300;
    text-transform: uppercase;
    font-family: Roboto;
  }

  .portfolio_item h4 a:hover{
    color: #056ab2;
  }

  .portfolio_item .overlayed .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    background: none;
    color: #fff;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
  }

  .portfolio_item .overlayed .overlay .overlay_title{
    font-family: Roboto;
    font-size: 20px;
    color: #fff;
    font-weight: 300;
    margin-top: 50%;
    margin-bottom: 0;
  }

  .portfolio_item .overlayed .overlay .portfolio_item_tags{
    font-style: italic;
    margin-bottom: 0;
  }

  .portfolio_item:hover .overlayed .overlay {
    filter: alpha(opacity=100);
    opacity: 1;
    background:rgba(5,106,178,0.75);
  }

  .portfolio_item:hover .overlayed .overlay:before,
  .portfolio_item:hover .overlayed .overlay:after{
    display: block;
    content: "";
    background: #fff;
    position: absolute;
  }

  .portfolio_item:hover .overlayed .overlay:before{
    width: 69px;
    height: 1px;
    top: 15%;
    left: 50%;
    margin-left: -33px;
    margin-top: 33px;
  }

  .portfolio_item:hover .overlayed .overlay:after{
    width: 1px;
    height: 69px;
    left: 50%;
    top: 15%;
  }

  .portfolio_single_column_item{
    margin-bottom: 80px;
  }

  .single_portfolio_meta{
    color: #929292;
    margin-bottom: 33px;
  }

  .single_portfolio_meta .icon-calendar{
    margin-left: 30px;
  }

  .portfolio_single_column_item .more-link{
    margin-top: 39px;
    text-align: left;
  }

  .portfolio_item_meta h2{
    margin-bottom: 30px;
  }

  .portfolio_item_meta .portfolio_item_meta_label{
    color:#505558;
  }

  .portfolio_item_meta .portfolio_item_meta_data{
  }

  .portfolio_single_detail{
    margin-bottom: 6px;
  }

  .portfolio_item_meta p:last-child{
    border-bottom: none;
  }

  .portfolio_item_image{
    margin-bottom: 35px;
  }

  .portfolio_item_view_link{
    margin-top: 22px;
    margin-bottom: 50px;
  }

  .portfolio_item_view_link a{
    display: inline-block;
    background: #056ab2;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 5px 30px;
    font-family: Roboto;
    font-weight: 300;
  }

  .portfolio_item_view_link a:hover{
    color: #fff;
    background: #505558;
  }

  .portfolio_share_social a:first-child{
    margin-left: 0;
  }

  .isotope-item {
    z-index: 2;
  }

  .isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
  }

  .isotope,
  .isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
  }

  .isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
  }

  .isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property:    -moz-transform, opacity;
    -ms-transition-property:     -ms-transform, opacity;
    -o-transition-property:      -o-transform, opacity;
    transition-property:         transform, opacity;
  }

  .isotope.no-transition,
  .isotope.no-transition .isotope-item,
  .isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
  }

  #filters{
    list-style: none;
    text-align: center;
    display: block;
    margin: 30px auto 30px auto;
    font-size: 0;
  }

  #filters li{
    list-style: none;
    display: inline-block;
  }

  #filters li a{
    color: #939fa6;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 300;
    border: 1px solid #e1e9e9;
    border-left: none;
    padding: 9px 20px 12px 20px;
    display: inline-block;
  }

  #filters li:first-child a{
    border-left: 1px solid #e1e9e9;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
  }

  #filters li:last-child a{
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }

  #filters li a.selected,
  #filters li:hover,
  #filters li:hover a{
    color: #505885;
  }

  #filters i{
    margin-right: 10px;
    margin-left: 15px;
    font-size: 9px;
    top: 0px;
  }

  .portfolio_item_4{
    width: 24.98%;
    display: block;
    float: left;
  }

  .portfolio_item_3{
    width: 33.3%;
    display: block;
    float: left;
  }

  #related_portfolio{
    padding: 0;
  }

  #dz_latest_portfolio{
    position: relative;
    overflow: hidden;
    height: 470px;
  }

  .more_portfolio_link{
    margin: 42px 0 30px 0;
    text-align: center;
  }

  .more_portfolio_link a{
    border: 1px solid #e6ebed;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: Roboto;
    font-size: 20px;
    font-weight: 300;
    color: #505558;
    padding: 10px 30px 12px 30px;
  }

  .more_portfolio_link a:hover{
    background: #505558;
    border: 1px solid #505558;
    color: #fff;
  }

  .portfolio-readmore{
    margin-top: 30px;
  }

  .portfolio-readmore .more-link{
    margin-top: 30px;
  }

  #single_portfolio_pagination{
    min-height: 42px;
    margin: 70px 0 40px 0;
  }

  #single_portfolio_pagination a{
    font-family: Roboto;
    font-weight: 300;
    font-size: 16px;
    color: #505558;
    border: 1px solid #e6ebed;
    padding: 7px 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  }

  #single_portfolio_pagination a i{
    font-size: 10px;
    color: #bec6cb;
  }

  #single_portfolio_pagination .prev i{
    margin-right: 8px;
  }

  #single_portfolio_pagination .next i{
    margin-left: 8px;
  }

  #single_portfolio_pagination a:hover{
    color: #fff;
    background: #505558;
    border: 1px solid #505558;
  }

  #single_portfolio_pagination .next{
    float: right;
  }

  /*-------- 11.2. About us page --------*/
  .section_stats{
    padding: 37px 0 0 0;
  }

  /*-------- 11.3. 404 page --------*/
  #page404{
    text-align: center;
    margin-bottom: 76px;
  }

  #page404 .big_404{
    font-size: 410px;
    line-height: 410px;
    font-family: Roboto;
    font-weight: 300;
    color: #056ab2;
  }
  .application {
    padding-top: 90px;
  }
  .uk-container {
    padding-left: 40px;
    padding-right: 40px;
  }
  .uk-container::before, .uk-container::after {
    content: "";
    display: table;
  }
  .uk-container > :last-child {
    margin-bottom: 0;
  }

  .page-title {
    text-align: center;
  }
  .uk-button:not(:disabled) {
    cursor: pointer;
  }

  .uk-button-default {
    background-color: transparent;
    color: #333;
    border: 1px solid #e5e5e5;
  }
  .uk-button {
    margin: 0;
    border: none;
    overflow: visible;
    font: inherit;
    color: inherit;
    text-transform: none;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 30px;
    vertical-align: middle;
    font-size: 0.875rem;
    line-height: 38px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: 0.1s ease-in-out;
    transition-property: color, background-color, border-color;
  }
  .uk-container::after {
    clear: both;
  }

  .uk-container::before, .uk-container::after {
    content: "";
    display: table;
  }

  .nodata {
    text-align: center;
  }
  .nodata img {
    height: 260px;
    width: 260px;
  }

  /*-----------------------------------------------------------------*/