
.decades {
	margin: 20px 0 0 0;
	text-align: center;
}

.decades .decade {
	display: inline-block;
	margin: 0 5px 0 5px;
}

.decades .decade a {
	text-decoration: none; 
	border-bottom: 1px solid #DADADA;
}

.decades .decade.selected a {
	color: #ccc;
	border-bottom: 0px;
}



.desingers-wrapper {
	margin-top: 50px;
}

.desingers-wrapper .decade {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 40px;
	font-weight: bold;
}


.designer-item .balloon {
	display: none;
}

.designer-item .balloon.enabled {
	display: block;
}

.designer-item:hover .balloon:not(:empty) {
	/*display: block;*/
}


.balloon {
	top: 70%;
	width: 300px;
	left: -85px;
    padding: 16px;
    background: #fff;
	position: absolute;
    border: 1px solid #ccc;
    z-index: 9999!important
}

.balloon::after,
.balloon::before {
    content: '';
    position: absolute;
    left: 50%;
    top: -17px;
	margin-left: -8px;
    border: 8px solid transparent;
    border-bottom: 8px solid #ccc
}

.balloon::after {
    border-bottom: 8px solid #fff;
    top: -16px
}



.menu-items-type {
	margin-top: 40px;
	text-align: center;
}

.menu-items-type .menu-items-type-item  {
	text-transform: uppercase;
	text-decoration: none;
	border-bottom: 1px solid #ccc;
}

.menu-items-type .menu-items-type-item.selected  {
	color: #ccc;
	text-decoration: none;
	border-bottom: 0px solid #ccc;
}

.brands-items {
	margin-top: 30px;
}

.brands-items .brand-item {
	display: inline-block; width: 140px; height: 90px; margin: 10px 25px; 
	background-size: contain; background-repeat: no-repeat; background-position: center; border: 0px solid red;
}

@media screen and (max-width:960px) {

	.brands-items .brand-item {
		width: 140px; 
		height: 90px;
		margin: 10px 12px; 
	}
	
	.balloon {
		width: 180px;
		left: -16px;
		padding: 5px;
	}	
	
	
}

.mod-brands {
    width: 100%;
	text-align: center;
}

.mod-brands .block-content {
	margin: 0 auto 0 auto;
	width: 100%;
	max-width: 640px;
	text-align: left;
}

.mod-brands .block-logo {
	display: inline-block;
}

.mod-brands .block-logo .brand-logo {
	width: 400px; 
	height: 200px; 
	background-size: contain; 
	background-repeat: no-repeat; 
	background-position: center;
}


.moduleCatalog  {
	text-align: left;
	margin-top: 40px;
}

.moduleCatalog .catalog-item {
	display: inline-block; position: relative; width: 250px; height: 310px; margin: 20px; border: 0px solid red; text-align: left; vertical-align: top; line-height: 16px;
}

.moduleCatalog .catalog-item .itemlink {
	line-height: 14px;
	border: 0px;
}


.fldsInStock {color: #cacaca;}

.moduleCatalog .catalog-item .itemtitle {
	font-weight: bold;
}

.moduleCatalog .catalog-item .itemimage {
	width: 250px; height: 250px; margin: 0 0 10px 0; background-size: cover; background-position: center; 
}


.moduleCatalog .items-more {
	margin-top: 30px;
	margin-bottom: 20px;
}


@media screen and (max-width: 960px) {

	.mod-brands .block-logo .brand-logo {
		width: 300px; 
		height: 150px; 
		background-size: contain; 
		background-repeat: no-repeat; 
		background-position: center;
	}	
}

@media screen and (max-width:1024px) {
	
	.moduleCatalog {
		text-align: left;
	}

	.moduleCatalog .filters {
		text-align: left;
	}
	
	.moduleCatalog .catalog-item {
		display: inline-block; position: relative; width: 170px; height: 320px; margin: 5px; border: 0px solid red; text-align: left; vertical-align: top; line-height: 16px;
	}

	.moduleCatalog .catalog-item .itemlink {
		line-height: 14px;
	}

	.moduleCatalog .catalog-item .itemimage {
		width: 170px; height: 170px; margin: 0 0 10px 0; background-size: cover; background-position: center; 
	}
}

.mod-authors {
    display: table;
    width: 100%;
}

.mod-authors .first {
    display: table-cell;
    width: 70%;
    vertical-align: top;
	text-align: left; 
	padding: 0 100px 0 20px;
}

.mod-authors .second {
    display: table-cell;
    width: 30%;
    vertical-align: top;
    text-align: center;
}

@media screen and (max-width: 960px) {
	
	.mod-authors .first {
		display: table-footer-group;
		text-align: left;
	}
	
	.mod-authors .second {
		display: table-header-group;
	}
}

