#plitka {position:relative; display: flex;	flex-wrap: wrap; justify-content: space-between; margin:60px auto 100px; padding:10px; max-width:1024px; }

    a.cont {position:Relative;  width:calc(100%/3 - 10px); display:block; background:#fff; border-radius:12px; box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.08); margin-bottom:40px;}
    
    a.cont img {border-bottom:4px solid #fff;}
    a.cont:hover img {border-bottom:4px solid #B7D600;}

        a.cont img {width:100%; object-fit: cover; height:240px; border-radius:12px 12px 0 0;}
        a.cont h1 {font-size:22px; color:#141515; margin:16px 0; text-align:left;}
        a.cont h1 span {display:block; font-size:22px; color:#8ba300; font-weight:400; margin:0; text-align:left;}
        
        a.cont p {font-size:15px; margin:20px 0 30px; padding:0 20px; text-align:left;}

             a.cont div.go {width:50px; height:50px; background:url(/parts/go.svg)center no-repeat; background-size:100% auto; position:absolute; right:10px; top:250px;}




    a.integracia {position:Relative;  width:100%; display:block; background:#fff; border-radius:12px; box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.08); margin-bottom:40px;}
   
    a.integracia img {margin:0 65px; height:156px; float:left; border-radius:12px 12px 0 0; border-bottom:4px solid #fff;}
    a.integracia:hover img {border-bottom:4px solid #B7D600;}    
    a.integracia h1 {font-size:22px; color:#141515; margin:16px 0; text-align:left;}
    a.integracia h1 span {display:block; font-size:22px; color:#8ba300; font-weight:400; margin:0; text-align:left;}
    
    a.integracia p {font-size:15px; margin:20px 0 30px; padding:0 20px; text-align:left;}

         a.integracia div.go {width:50px; height:50px; background:url(/parts/go.svg)center no-repeat; background-size:100% auto; position:absolute; right:10px; top:10px;}
    




#office { width:100%; max-width:1024px;   margin:0 auto; border-radius:12px; overflow:hidden; background:#fff; box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.08);}

    #office div.pic {background:url(/img/plitka/00.jpg) center no-repeat; background-size:cover; width:50%; float:left; height:290px;}

    #office div.gde {float:right; width:calc(50% - 40px); }
    #office div.gde h2 {font-size:22px; color:#141515; margin-bottom:40px; }
    
        #office div.gde a.call {display:block; font-size:22px; color:#141515; background-size:18px; margin:10px 0;}
        #office div.gde a.call span {padding-left:30px; background:url(/parts/phone.svg) left center no-repeat;  }

        #office div.gde a.tomap {display:block; }
        #office div.gde a.tomap span {padding:10px 0 5px 20px; background:url(/parts/geo.svg)left center no-repeat; background-size:auto 16px;}



/*-----mobile------*/

@media screen and (max-width: 1023px){
    a.cont { width:calc(100%/2 - 10px); }  
    a.integracia {width:calc(100%/2 - 10px);}
    a.integracia img {width:100%; object-fit: cover; height:240px; border-radius:12px 12px 0 0; margin:0; float:none;}
    a.integracia div.go {top:250px;}
}

@media screen and (max-width: 670px){
    a.cont { width:100%; margin-bottom:20px;}  
    a.integracia { width:100%; margin-bottom:20px;}  
    #office {height:auto;}
    #office div.pic {width:100%;}
    #office div.gde {width:100%; text-align:center;}
    #office div.gde a.tomap {margin-bottom:30px;}

}