/*---------------------blogrec---------------------------*/
.blogrec {position: relative; margin: auto;  margin-bottom: 35px;}

.blogrec .caption {position: relative; display: inline-block; padding: 16px 0px; background-color: #fff; width: 100%; height: 300px;}

.blogrec h2 {color:#1b7b9f; font-size: 34px; line-height: 1.2; padding:0; margin:0; margin-bottom: 12px; 
    font-style:normal;text-decoration:none;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
           line-clamp: 2; 
   -webkit-box-orient: vertical;    
}
.blogrec h2 a {color: #1b7b9f;text-decoration:none;}
.blogrec h2 a:hover {color: #1b7b9f;text-decoration:none;}

.blogrec div.blogcategory {font-family: proxima-nova-condensed, sans-serif; font-size: 25px; line-height:1.2; color:#d35324; font-weight: 400; display: inline-block; overflow: hidden; text-overflow: ellipsis;} 

.blogrec p.descr {font-size: 16px; line-height: 1.3; padding:0;	margin:0;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 6; /* number of lines to show */
           line-clamp: 6; 
   -webkit-box-orient: vertical;  
}



.blogrec p.date {position: absolute; bottom:10px; font-size: 13px; padding: 0; margin: 0;}
a.readmore {font-size: 14px;}
a.readmore:hover {}



.blogrec .photo, .blogrec .photocircle {overflow: hidden;	width:100%;	height:380px;
    cursor: pointer; cursor: hand;	padding:0;	margin:0;
    display: flex; align-items: center;  justify-content: center;
}

.blogrec .photocircle {max-width: 380px; max-height:380px;  border-radius: 50%; margin: auto;}

.blogrec .photo img {min-width:100%; min-height:380px;
	cursor: pointer; cursor: hand;	margin: auto; padding: 0; border:0; z-index: 100;}



@media (min-width:992px) and (max-width:1200px)
{

.blogrec .photo {height:300px;}
.blogrec .photo img {min-height:300px;}   
}


@media (max-width:390px)
{
.blogrec .photo {height:300px;}
.blogrec .photo img {min-height:300px;}
}