.bibikart{
background-image: url("http://dr-weitz.com/wp-content/uploads/2016/10/glavkart-2-1.jpg");
background-repeat:no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;	
background-position:bottom center;
margin-top: 30px;
width: 100%;
height: 100%;
max-height:967px!important;
display: block;
background-position: top;
}

.f-block {
    background: url("http://new.vrachcosmetolog.ru/wp-content/uploads/2017/01/kartiti5-2.jpg") no-repeat center center;
    width: 33%;
    height: 400px;
    background-size: 100% 100%;
    position:relative; 
    float:left;
    display:block;
    margin-top:0px;
}

.f-block {
    animation-delay: .25s;
    animation: anm1 0.7s ease forwards;
}
@keyframes anm1 {
    from {
        background-size: 120% 120%;
    }
    to {
        background-size: 100% 100%;
    }
}

.bloc7k{
    position:absolute;
    left:0;
    bottom:0;
    right:0;
    top:0;
    background:rgba(255,255,255, 0.4);
    padding:5px;
    display:none;
    width:100%;
    text-align: center;
    line-height: 280px;
   
}

.fa-link{
	 font-size:30px!important;
    color:#333333;
}

.f-block:hover{
    animation: anm2 0.7s ease forwards;
     
}	

.f-block:hover .bloc7k{
    animation: anm2 0.7s ease forwards;
     display:block;
}
@keyframes anm2 {
    to {
        background-size: 120% 120%;
    }
    
}


.f-bloc2k {
    background: url("http://new.vrachcosmetolog.ru/wp-content/uploads/2017/01/ppilibg7.jpg") no-repeat center center;
    width: 33%;
    height: 400px;
    background-size: 100% 100%;
    position:relative; 
    float:left;
    display:block;
    margin-top:0px;
}

.f-bloc2k {
    animation-delay: .25s;
    animation: anm3 0.7s ease forwards;
}
@keyframes anm3 {
    from {
        background-size: 120% 120%;
    }
    to {
        background-size: 100% 100%;
    }
}

.bloc27k{
    position:absolute;
    left:0;
    bottom:0;
    right:0;
    top:0;
    background:rgba(255,255,255, 0.4);
    padding:5px;
    display:none;
    width:100%;
    text-align: center;
    line-height: 280px;
   
}

.f-bloc2k:hover{
    animation: anm4 0.7s ease forwards;
     
}	

.f-bloc2k:hover .bloc27k{
    animation: anm4 0.7s ease forwards;
     display:block;
}
@keyframes anm4 {
    to {
        background-size: 120% 120%;
    }
    
}



.f-bloc33k {
    background: url("http://new.vrachcosmetolog.ru/wp-content/uploads/2017/03/face_core.jpg") no-repeat center center;
    width: 34%;
    height: 400px;
    background-size: 100% 100%;
    position:relative; 
    float:left;
    display:block;
    margin-top:0px;
}

.f-bloc33k {
    animation-delay: .25s;
    animation: anm1 0.7s ease forwards;
}
@keyframes anm5 {
    from {
        background-size: 120% 120%;
    }
    to {
        background-size: 100% 100%;
    }
}

.bloc37k{
    position:absolute;
    left:0;
    bottom:0;
    right:0;
    top:0;
    background:rgba(255,255,255, 0.4);
    padding:5px;
    display:none;
    width:100%;
    text-align: center;
    line-height: 430px;
   
}


.f-bloc33k:hover{
    animation: anm6 0.7s ease forwards;
     
}	

.f-bloc33k:hover .bloc37k{
    animation: anm6 0.7s ease forwards;
     display:block;
}
@keyframes anm6 {
    to {
        background-size: 120% 120%;
    }
    
}