.section4 {
        background-size:cover;
    width:100%;
    height :auto;/*
	min-height:520px;*/
    padding:0;
    margin:0 auto;    
}

.section4_shapka {
    margin-top : 90px ;
    margin-bottom :60px;
    border-bottom:1px solid #808080;
}
    .section4 h1 {
        width:35% ;
        margin: 10px auto -15px auto ;
        padding:5px;
        text-align:center;
        font-size:1.1em;
        color:#ffea00;
        background :rgba(103,103,103,1);
        font-weight:bold;
    }

    .section4 h3 {
        padding:5px;
        text-align:center;
        font-size:0.8em;
    }



.b-carousel  {
	width: 100%; /* ширина всего блока */
	margin: 30px auto 70px auto ;
    position: relative;
    
    align-items:center;
    text-align:center;
}
	.h-carousel-wrapper {
		width: 80%; /* ширина области карусели */
		position: relative;
		overflow: hidden; /* скрываем содержимое, выходящее за рамки основной области */
		margin: 0 auto; /* выравниваем по центру относительно родительского блока */
                align-items:center;
        text-align:center;
	}
		.h-carousel-items {
			width: 10000px; /* устанавливаем большую ширину для набора элементов карусели, чтобы в неё всё поместилось */
			position: relative; /* позиционируем блок относительно основной области карусели */
            margin:0 auto;
            align-items:center;
        text-align:center;
		}
			.b-carousel-block {
				float: left; /* выстраиваем все элементы карусели в ряд */
                margin: 0 auto;
				width: 200px; /* задаём ширину каждого элемента */
				padding: 5px 6px; /* делаем оступы, чтобы элементы не сливались */
                align-items:center;
                text-align:center;
			}
				.a-carousel-image-link { /* тут чисто оформление содержимого */
					display: block;
					width: 200px;
					height: 200px;
					overflow: hidden;
					border: 2px solid #fff;
                    background:center;
                    align-items:center;
                    text-align:center;
				}
                    .a-carousel-image-link img{
                        width:auto;
                        height:100%;
                        background-size:cover;
                        background:center;
                        align-items:center;
                        text-align:center;

                    }
	.b-carousel-button-left, .b-carousel-button-right {
		width: 30px; /* задаем ширину кнопок */
        top:30%;
		height: 40%; /* задаем высоту кнопок */
		position: absolute;
		 /* позиционируем кнопки */
		cursor: pointer; /* делаем кнопкам курсор в виде "пальца" */
        color:#ffea00;
        font-size:2.0em;
	}
	.b-carousel-button-left {
		float: left; /* выравниваем левую кнопку по левому краю */
        left:0;
		/* картинка с левой кнопкой */
        background: url(../images/theme/knop_l.png) center no-repeat, #808080;
	}
	.b-carousel-button-right {
		float: right; /* выравниваем правую кнопку по правому краю */
		background: url(../images/theme/knop_r.png) center no-repeat, #808080;/* картинка с правой кнопкой */
        right:0;
	}