/* Обнуление */
*,*:before, *:after {
	padding:0;
	margin:0;
	
	box-sizing: border-box;

}

html, body{
	height: 100%;
	background: #ffffff;
	margin: 0;
	font-family: 'Fira Sans Extra Condensed', sans-serif;
	font-size: 1.2em;
	
}

.leftimg {
    float:left; /* Выравнивание по левому краю */
    margin-right:  20px; /* Отступы вокруг картинки */
   }		
   
.rightimg {
    float:right; /* Выравнивание по левому краю */
    margin-left:  20px; /* Отступы вокруг картинки */
   }	

.wrapper {
	/*height: 100%;*/
	margin: 0 auto;
	padding: 50px;
}

/*Основные стили*/
.container{
	max-width: 1180px;
	margin: 0 auto;
	padding: 0 10px;
}


.block {}
.block__item {
	margin: 0 0 20px 0;
}
.block__title {
	text-transform: uppercase;
	letter-spacing: 1px;
	position: relative;
	padding: 0 0 0 30px;
	cursor: pointer;
}

.block__title:before,
.block__title:after {
	content: '';
	width: 10px;
	height: 1px;
	background: #002;
	position: absolute;
	top: 8px;
	transition: all 0.3s ease 0s;
}


.block__title:before{
	transform: rotate(40deg);
	left: 0;
}

.block__title:after{
	transform: rotate(-40deg);
	left: 7px;
}

.block__title.active:before,
.block__title.active:after {
	background-color: SandyBrown;
	transition: all 0.3s ease 0s;

}

.block__title.active:before {
	transform: rotate(-40deg);
}

.block__title.active:after {
	transform: rotate(40deg);

}
 	


.block__text {
	display: none;
	transition: all 0.3s ease 0s;
	padding: 10px 0 0 0;
	
}

.block__text p {
	padding: 0 0 5px 0;
}

.block__text.lock {
	display: block;
	transition: all 0.3s ease 0s;
	padding: 10px 0 0 0;
	
}