/* Start:/bitrix/components/bitrix/main.pagenavigation/templates/.default/style.min.css?17316423502530*/
.bx-pagination{margin:10px 0}.bx-pagination .bx-pagination-container{text-align:center;position:relative}.bx-pagination .bx-pagination-container ul{padding:0;margin:0;list-style:none;display:inline-block}.bx-pagination .bx-pagination-container ul li{display:inline-block;margin:0 2px 15px 2px}.bx-pagination .bx-pagination-container ul li span{-webkit-transition:color .3s ease,background-color .3s ease,border-color .3s ease;-moz-transition:color .3s ease,background-color .3s ease,border-color .3s ease;-ms-transition:color .3s ease,background-color .3s ease,border-color .3s ease;-o-transition:color .3s ease,background-color .3s ease,border-color .3s ease;transition:color .3s ease,background-color .3s ease,border-color .3s ease;background:#eff0f1;padding:0 8px;display:block;height:32px;min-width:32px;line-height:32px;color:#444;font-size:14px;border-radius:16px;vertical-align:middle;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bx-pagination .bx-pagination-container ul li a{text-decoration:none;display:block;border-radius:16px;height:32px;min-width:32px;line-height:32px;color:#444;vertical-align:middle}.bx-pagination .bx-pagination-container ul li a:hover span{background:#dadada}.bx-pagination .bx-pagination-container ul li.bx-active span{background:#0083d1;color:#fff}.bx-pagination .bx-pagination-container ul li.bx-pag-all a span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev a span,.bx-pagination .bx-pagination-container ul li.bx-pag-next a span{background:#fff;border:2px solid #eff0f1;line-height:28px;padding:0 18px;color:#444}.bx-pagination .bx-pagination-container ul li.bx-pag-all span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev span,.bx-pagination .bx-pagination-container ul li.bx-pag-next span{color:#aab1b4;background:#fff;border:2px solid #eff0f1;line-height:28px;padding:0 18px}.bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span,.bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span{background:#fff;border-color:#dadada;color:#000}.bx-pagination.bx-green .bx-pagination-container ul li.bx-active span{background:#3bc915;color:#fff}.bx-pagination.bx-yellow .bx-pagination-container ul li.bx-active span{background:#f9a91d;color:#fff}.bx-pagination.bx-red .bx-pagination-container ul li.bx-active span{background:#e22b2b;color:#fff}.bx-pagination.bx-blue .bx-pagination-container ul li.bx-active span{background:#0083d1;color:#fff}
/* End */


/* Start:/bitrix/templates/demo_nkm/components/techdir/vkgallery.album.list/template3/style.css?17334556201678*/
div.vkgallery img.vkgallery-preview-picture {
	float: left;
	margin: 0 4px 6px 0;
}

.vkgallery-album-list {
	padding-bottom: 50px;
}
.vkgallery-preview-picture--wrapper {
height: 200px;

}
.vkgallery-preview-picture {
	 width: 100%;
  height: 100%;
  object-fit: cover;
object-position: 0 0;
	display: block;
	margin: 0 auto;
}



.vkgallery-album-date-info {
	font-size: small;
}


.row {
width: 100%;
    display: flex;
flex-wrap: wrap;
justify-content: space-between; 
   }

   .coll {
position: relative;
   width: 100%;
display: flex;
 flex-direction: column;
justify-content: space-between; 
align-items: stretch;
padding: 0 5px 10px 5px;
box-sizing: border-box;
   }

.vkgallery-album-info {
position: absolute;
bottom: 0;
left: 0;
width: calc(100% - 10px);
height: auto;
margin: 0 5px 10px 5px;
padding: 0 5px 5px 5px;
box-sizing: border-box;
color: #ffffff;
}
.vkgallery-album-info--header {
width: 100%;
padding: 0;
display: flex;
justify-content: space-between;
flex-wrap: nowrap;
color: #ffffff;
}
.vkgallery-album-info--header a {
color: #ffffff;
font-weight: bold;
}

.vkgallery-album-info--header a:focus {
color: #ffffff;

}
.vkgallery-album-info--header a:hover {
color: #ffffff;

}

.vkgallery-album-info--body {
display: none;
color: #ffffff;
}
.vkgallery-album-info p {
margin: 0;
}

.coll:hover .vkgallery-album-info--body {
display: block;
}

.coll:focus .vkgallery-album-info--body {
display: block;
}
.coll:hover .vkgallery-album-info {
background: rgba(90, 90, 90, 0.5);
}
@media (min-width: 768px)  {
.row {
width: 100%;
    display: flex;
flex-direction: row;
     flex-wrap: wrap;
     align-content: flex-start;
   }
.coll {
   width: 33%;
   }

}

/* End */
/* /bitrix/components/bitrix/main.pagenavigation/templates/.default/style.min.css?17316423502530 */
/* /bitrix/templates/demo_nkm/components/techdir/vkgallery.album.list/template3/style.css?17334556201678 */