.illustrations{
	position:relative;
}
.illustrations h2{
	border:0;
	margin:0;
}

.scrollable {
  /* required settings */
	position:relative;
	overflow:hidden;
	width: 1137px;
	height:196px;
}
.scrollable .items {
	width:20000em;
	position:absolute;
}

.scrollable .items a.item {
	display:block;
	float:left;
	margin-right:30px;
	height:196px;
	width:261px;
    background: url(../images/trans.gif) center center no-repeat;
	background-size:cover;
}
.illustrations a.browse {
	display:block;
	width:9px;
	height:15px;
    background: url(../images/sprite.png) -30px 0 no-repeat;
	position:absolute;
	top:20px;
	left:0;
	opacity:0.5;
	cursor:pointer
}
.illustrations a.browse:hover {
	opacity:1;
}
.illustrations a.browse.next {
	background-position: -45px 0;
	left:auto;
	right:0;
}


.illustrations.photo{
	padding-top:115px;
}
.illustrations.photo .scrollable {
	overflow:hidden;
	width: 1137px;
	height:851px;
}
.scrollable .items div.item {
	display:block;
	float:left;
	margin-right:30px;
	height:auto;
	width:1143px;
    background: url(../images/trans.gif) center center no-repeat;
	background-size:contain;
    transition: 1s ease-in-out opacity;
}
.scrollable .items div.item.loading{
	height: 200px;
    background: url(../images/ajax/ajax-loader.svg) center center no-repeat;
    background-size: 100px 100px;
}
.scrollable .items div.item img{
	opacity: 1;
	width:1143px;
	height: auto;
    transition: 1s ease-in-out all;
}
.scrollable .items div.item.loading img{
	height: 200px;
	opacity: 0;
}
.scrollable .items div.item figcaption{
	opacity: 1;
    transition: 1s ease-in-out all;
}
.scrollable .items div.item.loading figcaption{
	opacity: 0;
}
.illustrations.photo a.browse {
	top:30px;
}
.illustrations a.close {
	display:block;
	width:16px;
	height:15px;
    background: url(../images/sprite.png) -60px 0 no-repeat;
	position:absolute;
	top:30px;
	left:50%;
	opacity:0.5;
	cursor:pointer;
}
.illustrations a.close:hover {
	opacity:1;
}

.illustrations .counter {
	font-style: italic;
	color:#333333;
	position:absolute;
	top:26px;
	right:22px;
}

@media screen and  (max-width:500px) {
	.mainblock {
	    padding-top: 0;
	}
	.site_footer.mobile{
		display: none;
	}
}