.cat-title {
    position: relative;
    width: 100%;
    padding: 40px 0;
    background: #2997ff;
    color: White;
    display: flex;
    justify-content: center;
    flex-wraP: Wrap;
    text-align: center;
}
  .cat-title .title {
    font-size: 48px;
    font-weight: 700;
}
  .label-image{
  width:100%;
  }
  .content-width{
  position:relative;
    width:1200px;
    max-width:100%;
    margin:auto;
    padding:0 20px;
  }
  .content-width p{
    margin:20px 0;
  }
  .color-title{
  position:relative;
    display:inline-block;
    background:#34364e;
    font-size:32px;
    padding:10px 20px;
    color:white;
    margin:30px 0;
  }
  .facts{
  position:relative;
    width:100%;
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    flex-wrap:Wrap;
  }
  .facts .item{
  position:relative;
   width:33%;
    padding:10px;
  }
  .facts .item .name{
  color:#34364e;
    font-size:56px;
    font-weight:700;
    margin:0 0 10px 0;
  }
  .facts .item .text{
    
  }
  .projects{
  position:Relative;
    width:100%;
    padding:0 0 50px 0;
  }
  .projects .slide{
  position:relative;
    display:flex;
    align-items:flex-start;
    justify-content:center;
  }
  .projects .slide .item{
  position:relative;
    width:33%;
    padding:10px 10px 40px;
  }
  .projects .slide .item img{
  width:100%;
  }
  .projects .slide .item .name{
    margin:20px 0;
    font-weight:700;
    height: 65px;
    font-size: 21px;
  }
  .projects .slide .item .text{
     
  }
  .slick-dots{
  bottom:10px;
  }
  .content-twin-block{
  position:relative;
    width:100%;
    display:flex;
    align-items:center;
    margin:50px 0;
  }
  .content-twin-block img{
  position:relative;
    width:40%;
    display:block;
  }
  .content-twin-block .content{
  position:relative;
    width:60%;
    background:white;
    left:-10%;
    padding:20px 0 20px 20px;
      
    z-index:2;
  }
  .content-twin-block.rev .content{
  left:10%;
    padding-right:20px;
  }
  .content-twin-block .content .name{
    font-size: 24px;
    margin:0 0 20px 0;
    font-weight:700;
  }
  .content-hover-block{
    position:relative;
      width:100%;
      display:flex;
      align-items:center;
      margin:50px 0;
    }
    .content-hover-block .part{
      position:relative;
      display:block;
    left:40px;
      z-index:2;
      max-width:380px;
    }
    .content-hover-block.rev .part{
    left:-40px;
    }
    .content-hover-block .content{
    position:relative;
      width:100%;
      height:480px;
    }
    .content-hover-block .content .hover-block{
    position:absolute;
      top:0;
      right:0;
      bottom:0;
      left:0;
      background:#225560;
      color:white;
      padding:0 10%;
      display:flex;
      align-items:center;
      justify-content:center;
      transition:0.2s ease-out;
      opacity:0;
    }
    .content-hover-block .content .hover-block:hover {
    opacity:1;
    }
    .content-hover-block .content .hover-block .name{
    font-size:32px;
      font-weight:700;
      margin:0 0 10px 0;
    }
    .content-hover-block .content .hover-block .text{
       
    }
    .content-hover-block .content .hover-block a{
    font-weight:700;
      margin:10px 0 0 0;
      display:block;
    }
 .bot-content{
    margin:0 0 50px 0;
    }
    .bot-content p{
      
      margin:10px 0;
    }
    .bot-content p.b{
    font-weight:700;
    }
    
@media(max-width:800px){
  .cat-title{
  padding:20px 10px;
  }
  .cat-title .title{
  font-size:20px;
  }
  .content-width p{
  font-size:16px;
    margin:10px 0;
  }
  .facts .item{
  width:100%;
  }
  .label-image{
  margin:0px 0 0 0;
  }
  .projects .slide {
  flex-wrap:wrap;
  }
  .projects .slide .item{
  width:100%;
  }
  .color-title{
    width: 100%;
    font-size: 28px;
    text-align: center;
  }
  .facts .item .name{
    font-size: 40px;
    margin-bottom: 0;
  }
  .facts .item .text {
    font-size: 20px;
  }
  .content-twin-block{
  flex-wraP:Wrap;
    margin:20px 0;
  }
  .content-twin-block img{
  width:100%;
    margin:10px 0;
  }
  .content-twin-block .content{
  width:100%;
    left:0!important;
    right:0!important;
    padding:0 10px!important;
  }
  .content-twin-block .content .name{
    
  }
  .content-hover-block{
  flex-wrap:wrap;
    margin:20px 0;
  }
  .content-hover-block .part{
  display:none;
  }
  .content-hover-block .content{
  height:auto;
  }
  .content-hover-block .content .hover-block{
  padding:10px;
    position:relative;
  }
  .content-hover-block .content .hover-block .name{
  font-size:18px;
  }
  .content-hover-block .content .hover-block .text{
  font-size:14px;
   
  }
  .bot-content img{
  max-width:100%;
  }
  
  .content-hover-block .content{
        background-size: 100% !important;
  }
}