/* Стили картинок, видео и фреймов внутри адаптивных плиток */
img {
max-width: 100%;
display: block;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;

}

/* Медиа-запросы для мобильных */
@media screen (min-width: 320px) and (max-width: 480px) {
    .content_item {
        -moz-column-count: 1;
        -webkit-column-count: 1;
         column-gap: 0.5em;
		column-count: 1;
    }
}
/* Медиа-запросы для планшетов */

 @media screen and (min-width: 768px) {
    .content_item {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}

/* Медиа-запросы для компов   страница записи*/

 @media screen and  (min-width: 1024px) {
    .content_item {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}
/*/==================***********************=========================*/

@media (min-width: 591px) {
	.fl-container {
		display: flex;
		flex-flow: row wrap;
	}
}
@media (max-width: 590px) {
	.fl-container {
		display: flex;
		flex-flow: column;
		justify-content: space-around;
		max-width:95%;
	}
}

.fl-container>div {
	flex: 0 1 23%;
	display: flex;
	flex-flow: column;
	margin:0 0 5px 1%;
	padding: 5px 5px;
	border-radius: 5px;
	border: 1px solid #ddd;
	align-content: space-between;
}

.fl-item-image {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.fl-item-image a {
	display: block;
}
.fl-item-image a:hover {
	opacity: 0.8;
}
.fl-item-more {
	width: 100%;
	margin-top: auto;
	margin-bottom:3px;
}
/* стили плагина файлуплоад */

.file {
   position: relative;
   background: linear-gradient(to right, lightblue 50%, transparent 50%);
   background-size: 200% 100%;
   background-position: right bottom;
   transition:all 1s ease;
}
 .file.done {
   background: lightgreen;
}
 .file a {
   display: block;
   position: relative;
   padding: 5px;
   color: black;
}

/* стили для меню каталога */

.index_menu {
	
	font-size: 1.1rem;
	
	
}