.service .row > div{ margin-bottom: 30px;}
.ipoteka{
   background-image: url("service_img/ipoteka.jpg");
   padding-top: 230px;
   margin-bottom: 30px;
   display: table;
   width: 100%;
  position: relative;
    overflow: hidden;
}

.vikup{  
    background-image: url("service_img/vikup.jpg"); 
  padding-top: 230px;
   margin-bottom: 30px;
   display: table;
   width: 100%; 
  position: relative;
    overflow: hidden;
}
.privatization{  
    background-image: url("service_img/privatization.jpg"); 
    padding-top: 230px;
   margin-bottom: 30px;
   display: table;
   width: 100%;
      position: relative;
    overflow: hidden;

}
.nasledstvo{  
    background-image: url("service_img/nasledstvo.jpg"); 
  padding-top: 230px;
   margin-bottom: 30px;
   display: table;
   width: 100%; 
         position: relative;
    overflow: hidden;
}
.documents{  
    background-image: url("service_img/documents.jpg"); 
  padding-top: 230px;
   margin-bottom: 30px;
   display: table;
   width: 100%;
      position: relative;
    overflow: hidden;
}
.landing{  
    background-image: url("service_img/landing.jpg"); 
  padding-top: 230px;
   margin-bottom: 30px;
   display: table;
   width: 100%;
      position: relative;
    overflow: hidden;
}
.plan{  
    background-image: url("service_img/vikup.jpg"); 
   padding-top: 230px;
   margin-bottom: 30px;
   display: table;
   width: 100%;
      position: relative;
    overflow: hidden;
    
}
.service .row > div > div{ background-repeat: no-repeat; background-size: cover; overflow: hidden; }
.service .row > div > div:hover{height: 360px; padding-top: 0px;transition: 0.5s}
.service .row > div > div:hover a.more{ display: block; transition: 5s;  }

.samostroy{  
    background-image: url("service_img/vikup.jpg"); 
    padding-top: 230px;
   margin-bottom: 30px;
   display: table;
   width: 100%;
      position: relative;
    overflow: hidden;
}

.dacha{  
    background-image: url("service_img/dacha.jpg"); 
  padding-top: 230px;
   margin-bottom: 30px;
   display: table;
   width: 100%;
      position: relative;
    overflow: hidden;
}

.garage{  
    background-image: url("service_img/garage.jpg"); 
   padding-top: 230px;
   margin-bottom: 30px;
   display: table;
   width: 100%;
      position: relative;
    overflow: hidden;
}
.services-block .title{ 
    height: 130px; 
    background-color:#1C519D; 
    opacity: 81%;
font-family: 'Ubuntu';
font-style: normal;
display: table-cell;
vertical-align: middle;
font-size: 24px;
 border: 1px solid #000;
letter-spacing: 0.03em;
color: #FFFFFF;
padding: 0 50px;
  background-position: 90% center; background-repeat: no-repeat;  
      width: 100%;
    padding-right: 120px;
}




.services-block .ipoteka .title{ background-image:  url("service_img/ipoteka-icon.png");}

.services-block .vikup .title{ background-image:  url("service_img/vikup-icon.png");} 


.services-block .privatization .title{ background-image:  url("service_img/privatization-icon.png");} 
.services-block .nasledstvo .title{ background-image:  url("service_img/nasledstvo-icon.png");} 
.services-block .documents .title{ background-image:  url("service_img/documents-icon.png");} 

.services-block .landing .title{ background-image:  url("service_img/landing-icon.png");} 
.services-block .samostroy .title{ background-image:  url("service_img/samostroy-icon.png");}
.services-block .dacha .title{ background-image:  url("service_img/dacha-icon.png");} 
.services-block .garage .title{ background-image:  url("service_img/garage-icon.png");}
.services-block .plan .title{ background-image:  url("service_img/plan-icon.png");}

a.more{ position: absolute;   z-index: 10; display: none;  color: #1C519D; font-size: 20px; width: 450px;  background-color: #FFFFFF; text-align: center; line-height: 60px; margin-top: 260px; margin-left: 45px;}

@media (max-width: 768px) {  
 .service .row > div > div:hover{padding-top: 230px;}
    
.service .row > div > div:hover a.more{  display: none;}
    .services-block .title{ font-size:21px; padding-left: 20px;}

}