.main_set_container {height: 600px; position: relative;}
.image_container {max-height: 600px; width: 600px; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); overflow: hidden; text-align: center;}

/* убегающие менюшки (чтобы перестали бегать - нужно убрать класс running_blocks */
div.running_blocks div.image_container:not(.right_categories_block):hover~div.right_categories_block { transform: translateX(50%); transition: all .4s ease; }
div.running_blocks div.image_container:not(.left_categories_block):hover~div.left_categories_block { transform: translateX(-50%); transition: all .4s ease; }



.right_categories_block {float: right; margin-top: 5px; transition: all .4s ease;}
.left_categories_block {float: left; margin-top: 5px; transition: all .4s ease;}


.category_container {position: relative; width: 230px; border: 1px solid #b3b3b3; margin: 5px 5px 20px 5px; background-color: #fefefee5; 
	-webkit-box-shadow: 5px 5px 9px 1px rgba(82, 82, 82, 0.54);
	-moz-box-shadow: 5px 5px 9px 1px rgba(82, 82, 82, 0.54);
	box-shadow: 5px 5px 9px 1px rgba(82, 82, 82, 0.54);
	border-radius: 3px;
}



/* плашка */

.box {
	width: 200px;
	height: 300px;
	position: relative;
	border: 1px solid #BBB;
	background: #EEE;
}

.ribbon_right {
	position: absolute;
	left: -5px;
	top: -5px;
	z-index: 1;
	overflow: hidden;
	width: 75px;
	height: 75px;
	text-align: right;
}

.ribbon_right span {
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	text-transform: uppercase;
	text-align: center;
	line-height: 20px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	width: 100px;
	display: block;
	background: #79A70A;
	background: linear-gradient(#9bc90d 0%, #677a38 100%);
	box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
	position: absolute;
	top: 19px;
	left: -21px;
}

.ribbon_right span::before {
	content: "";
	position: absolute;
	left: 0px;
	top: 100%;
	z-index: -1;
	border-left: 3px solid #677a38;
	border-right: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #677a38;
}

.ribbon_right span::after {
	content: "";
	position: absolute;
	right: 0px;
	top: 100%;
	z-index: -1;
	border-left: 3px solid transparent;
	border-right: 3px solid #677a38;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #677a38;
}

.ribbon_left {
	position: absolute;
	right: -5px;
	top: -5px;
	z-index: 1;
	overflow: hidden;
	width: 75px;
	height: 75px;
	text-align: right;
}

.ribbon_left span {
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	text-transform: uppercase;
	text-align: center;
	line-height: 20px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	width: 100px;
	display: block;
	background: #79A70A;
	background: linear-gradient(#9bc90d 0%, #677a38 100%);
	box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
	position: absolute;
	top: 19px;
	right: -21px;
}

.ribbon_left span::before {
	content: "";
	position: absolute;
	left: 0px;
	top: 100%;
	z-index: -1;
	border-left: 3px solid #677a38;
	border-right: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #677a38;
}

.ribbon_left span::after {
	content: "";
	position: absolute;
	right: 0px;
	top: 100%;
	z-index: -1;
	border-left: 3px solid transparent;
	border-right: 3px solid #677a38;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #677a38;
}

/* Картинки */

#test { max-width: 800px; margin: 0 auto; overflow: hidden; }
#test img { max-width: 100%; animation: none .1s ease;;}

@keyframes img-in {
}
@keyframes img-out {}





div.wow_link a:link, a.wow_link:link, div.wow_link a:visited, a.wow_link:visited {color: #b16d3d; text-decoration: none;}
div.wow_link a:hover, a.wow_link:hover, a.wow_link:hover h3 {color: #2d70c7; text-decoration: underline !important;}


.category_title {
	padding: 5px; background-color: #c4c4c4a1; font-weight: bold; border-bottom: 1px solid #b7b7b7; text-shadow: 1px 1px 1px #fff; color: #666;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e6e6e6), color-stop(51, #b8b8b8));
	background: -moz-linear-gradient(Top, #e6e6e694 0%, #b8b8b8ad 51%);
	background: -ms-linear-gradient(Top, #e6e6e694 0%, #b8b8b8ad 51%);
	background: -o-linear-gradient(Top, #e6e6e694 0%, #b8b8b8ad 51%);
	background: linear-gradient(to bottom, #e6e6e694 0%, #b8b8b8ad 51%);
	}

.inside_category {padding: 5px; color: #979797; background: url(/files/miniset/ornament_1.png) 10px -10px no-repeat;}

.inside_category b {color: #717171;}



.field_line {margin-left: 5px;}

/*
.technical_title {background-color: #c5b088;}
.date_prices_av_title {background-color: #9bc588;}
.miniatures_title {background-color: #c5a288;}
.tags_title {}
.creators_title {background-color: #88b2c5;}
.lines_title {background-color: #88b2c5;}
.creators_title {background-color: #88b2c5;}
.creators_comp_title {}
.references_title {}
.periods_title {}
.language_title {}
*/


input[type="submit"].copy_button {position: absolute; top: 95%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); margin-top: 30px;}
input.copy_check {margin-right: 10px;}

/* Нижняя панель */

.flags_block {margin-top: 20px; position: relative;}
.flags_pannel {text-align: center; margin-top: 20px; max-width: 400px; height: 50px; display: block; margin-left: auto; margin-right: auto; }

/* флаги */
.jg-entry span.flag-throbber, .jg-entry span.flag-message {display: none; visibility: hidden;}

.jg-entry {width: 400px; height: 20px; background-color: #bdbdbd; padding: 10px 0; border-bottom: 1px solid #acacac; border-top: 1px solid #666; border-radius: 5px; position: absolute;}

.jg-something {float: left; padding: 0 0 0 20px; width: 50px;}

.jg-something-count {font-size: 12px; color: #eee; float: right; padding-top: 2px; width: 20px; text-align: left;}

.jg-entry a.like_flag:link, .jg-entry a.like_flag:visited {background: url("/files/svg/heart_empty.svg") no-repeat scroll center center; padding: 0; width: 20px; height: 20px; display: block; padding-top: 2px;}
.jg-entry a.like_flag.unflag-action:link, .jg-entry a.like_flag.unflag-action:visited {background: url("/files/svg/heart_filled.svg") no-repeat scroll center center;}

.jg-entry a.like_flag span { display: none; }

.jg-entry .flag-want a:link, .jg-entry .flag-want a:visited {background: url("/files/svg/gift_empty.svg") no-repeat scroll center center; padding: 0; width: 20px; height: 20px; display: block; margin: 0 5px;}
.jg-entry .flag-want a.unflag-action:link, .jg-entry .flag-want a.unflag-action:visited {background: url("/files/svg/gift_filled.svg") no-repeat scroll center center;}

.jg-entry .flag-want a span { display: none; }

.jg-entry .flag-have a:link, .jg-entry .flag-have a:visited {background: url("/files/svg/archive_empty.svg") no-repeat scroll center center; padding: 0; width: 20px; height: 20px; display: block; padding-top: 2px; margin: 0 5px;}
.jg-entry .flag-have a.unflag-action:link, .jg-entry .flag-have a.unflag-action:visited {background: url("/files/svg/archive_filled.svg") no-repeat scroll center center;}

.jg-entry .flag-have a span { display: none; }

/* сжимаем при маленьком экране */
 @media only screen and (max-width: 767px) {
	.right_categories_block {float: left;}
	.left_categories_block {float: left; margin-top: 700px;}
	.category_container {position: relative; width: 290px;}
	.jg-entry {width: 300px;}

	/* убегающие менюшки */
	div.image_container:not(.right_categories_block):hover~div.right_categories_block { transform: none; transition: none; }
	div.image_container:not(.left_categories_block):hover~div.left_categories_block { transform: none; transition: none; }

	.right_categories_block {transition: none;}
	.left_categories_block {transition: none;}

}


@media only screen and (min-width: 480px) and (max-width: 767px) {
	/*.right_categories_block {float: left;}*/
	.right_categories_block {float: right; margin-top: 700px;}
	.left_categories_block {float: left; margin-top: 700px;}
	.category_container {position: relative; width: 190px;}
	.jg-entry {width: 400px;}

	/* убегающие менюшки */
	div.image_container:not(.right_categories_block):hover~div.right_categories_block { transform: none; transition: none; }
	div.image_container:not(.left_categories_block):hover~div.left_categories_block { transform: none; transition: none; }

	.right_categories_block {transition: none;}
	.left_categories_block {transition: none;}

}