.main-content-catalog{
		margin:-15% auto 0 auto;
		}


.blocks-content-catalog{
		position:relative;
		display:block;
		margin:0 auto;
		padding:90px 6% 0 6%;
		z-index:1;
		}
.blocks-content-catalog h2{
		color:#000;
		margin:0 0 60px 0;
		}
.blocks-content-catalog .blocks-catalog{
		width:100%;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-content:flex-start;
		align-items:flex-start;
		}
.blocks-content-catalog .blocks-catalog-tabs{
		width:100%;
		display:none;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-content:flex-start;
		align-items:flex-start;
		}
.blocks-content-catalog .blocks-catalog-notabs{
		width:100%;
		margin:110px 0 0 0;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-content:flex-start;
		align-items:flex-start;
		}
.blocks-content-catalog .blocks-catalog-index,
.blocks-content-catalog .blocks-catalog-razdel{
		width:100%;
		margin:0 auto;
		justify-content:flex-start;
		}
.blocks-content-catalog .blocks-catalog .blocks-catalog-list{
		position:relative;
		width:31.33%;
		height:280px;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-content:flex-start;
		align-items:flex-start;
		margin:0 1% 30px 1%;
		background-size:115% auto !important;
		background-repeat:no-repeat !important;
		background-position:center center !important;
		transition:all 2s ease-out;
		z-index:2;
		}
.development:before{
		position:absolute;
		display:block;
		content:'';
		width:100%;
		height:100%;
		z-index:1;
		background-color:rgba(0, 0, 0, 0.5);
		}		
		
		
		
.blocks-content-catalog .blocks-catalog .blocks-catalog-list:hover{
		background-size:125% auto !important;
		background-repeat:no-repeat !important;
		background-position:center center !important;
		}
.blocks-content-catalog .blocks-catalog .blocks-catalog-list:nth-child(6){
		width:100%;
		height:60vh;
		background-size:115% auto !important;
		}
.blocks-content-catalog .blocks-catalog .blocks-catalog-list:nth-child(6):hover{
		background-size:125% auto !important;
		}
.blocks-content-catalog .blocks-catalog .blocks-catalog-list:nth-child(4),
.blocks-content-catalog .blocks-catalog .blocks-catalog-list:nth-child(5){
		width:48%;
		height:50vh;
		background-size:115% auto !important;
		}
.blocks-content-catalog .blocks-catalog .blocks-catalog-list:nth-child(4):hover,
.blocks-content-catalog .blocks-catalog .blocks-catalog-list:nth-child(5):hover{
		background-size:125% auto !important;
		}		
.blocks-content-catalog .blocks-catalog-razdel .blocks-catalog-list{
		background-size:115% auto !important;
		width:31.33% !important;
		height:250px !important;
		}
.blocks-content-catalog .blocks-catalog-razdel .blocks-catalog-list:hover{
		background-size:125% auto !important;
		}		
		
		
		
.blocks-content-catalog .blocks-catalog .blocks-catalog-list div{
		position:absolute;
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:center;
		align-content:flex-start;
		align-items:flex-start;
		width:100%;
		height:100%;
		padding:0 25px;
		}
.blocks-content-catalog .blocks-catalog .blocks-catalog-list div b{
		display:inline-block;
		font-weight:bold;
		font-size:30px;
		color:#FFF;
		-webkit-transition:all 2s ease-out;
		-moz-transition:all 2s ease-out;
		-ms-transition:all 2s ease-out;
		-o-transition:all 2s ease-out;
		transition:all 2s ease-out;
		}
.blocks-content-catalog .blocks-catalog .blocks-catalog-list:hover div b{
		color:#F5B601;
		}
.blocks-content-catalog .blocks-catalog .blocks-catalog-list div i{
		display:inline-block;
		font-weight:bold;
		font-size:20px;
		text-align:center;
		color:#FFF;
		border:2px solid #FFF;
		padding:10px 25px;
		margin:15px 0 0 0;
		font-style:normal;
		-webkit-transition:all 2s ease-out;
		-moz-transition:all 2s ease-out;
		-ms-transition:all 2s ease-out;
		-o-transition:all 2s ease-out;
		transition:all 2s ease-out;
		}
.blocks-content-catalog .blocks-catalog .blocks-catalog-list:hover div i{
		color:#F5B601;
		border:3px solid #F5B601;
		}
	
.blocks-content-catalog .blocks-catalog .blocks-catalog-list div svg{
		display:block;
		height:1em;
		width:1em;
		fill:#FFFFFF;
		font-size:50px;
		margin:0 0 25px 0;
		transition:all 2s ease-out;
		}
.blocks-content-catalog .blocks-catalog .blocks-catalog-list:hover div svg{
		fill:#F5B601;
		}	
		
.blocks-content-catalog .blocks-catalog .blocks-catalog-list div img{
		display:block;
		height:1em;
		width:1em;
		fill:#FFFFFF;
		border-radius:10px;
		font-size:50px;
		margin:0 0 25px 0;
		transition:all 2s ease-out;
		}
@media (max-width: 1200px) {

}			
@media (max-width: 992px) {

}
@media (max-width: 768px) {
.blocks-content-catalog{
		padding:60px 6% 0 6%;
		}
.blocks-content-catalog .blocks-catalog{
		flex-direction:column;
		justify-content:center;
		}
.blocks-content-catalog .blocks-catalog .blocks-catalog-list{
		width:100%;
		background-size:cover !important;
		}
.blocks-content-catalog .blocks-catalog .blocks-catalog-list:hover{
		background-size:cover !important;
		}
.blocks-content-catalog .blocks-catalog .blocks-catalog-list:nth-child(6){
		width:100%;
		height:50vh;
		background-size:cover !important;
		}
.blocks-content-catalog .blocks-catalog .blocks-catalog-list:nth-child(6):hover{
		background-size:cover !important;
		}
.blocks-content-catalog .blocks-catalog .blocks-catalog-list:nth-child(4),
.blocks-content-catalog .blocks-catalog .blocks-catalog-list:nth-child(5){
		width:100%;
		height:50vh;
		background-size:cover !important;
		}
.blocks-content-catalog .blocks-catalog-razdel .blocks-catalog-list{
		width:100% !important;
		background-size:cover !important;
		height:50vh !important;
		}
}