
.reviews {}
	.reviews > p {margin: 0 0 40px 0; line-height: 1.5; padding: 30px 40px 30px 95px; background: #F5F5F5; position: relative;}
		.reviews > p i {position: absolute; top: 50%; left: 43px; font-size: 30px; margin: -17.5px 0 0 0;}
	
	.reviewsElements {margin: 0 0 60px 10px;}
		.reviewsElement {margin: 0 0 50px 0;}
		.reviewsElement:last-child {margin-bottom: 0;}
		
			.reviewsTitle {margin: 0 0 29px 0; display: flex; align-items: center;}
				.reviewsTitle > div:first-child {width: 80px; margin: 0 29px 0 0;}
					.reviewsTitle .img {width: 80px; height: 80px; border-radius: 50%; background-color: #F5F5F5;
						background-position: center; background-repeat: no-repeat; background-size: cover;
					}
				.reviewsTitle > div:last-child {}
					.reviewsTitle > div:last-child p {line-height: 23px; font-size: 13px; margin: 7px 0 0 0; color: #8F8F8F;}

			.reviewsText {padding: 0 0 50px 3px; position: relative; border-bottom: 1px solid #F4F4F4;}
				.reviewsText > p {line-height: 28px; color: #424242;}
				
				.reviewsDocuments {margin: 40px 0 0 2px; display: flex; justify-content: space-between; flex-wrap: wrap;}
					.reviewsDocument {display: flex; width: 47%; margin: 22px 0 0 0; align-items: center;}
					.reviewsDocument:nth-child(1), .reviewsDocument:nth-child(2) {margin-top: 0;}
						.reviewsDocuments .iconDocuments {position: relative;}
							.reviewsDocuments .iconDocuments svg {min-width: 41px;}
							.reviewsDocuments .iconDocuments p {font-size: 11px; position: absolute; bottom: 18.5px; left: 14px; text-transform: uppercase;}
						.reviewsDocument div:nth-child(2) {font-size: 14px; margin: -7px 0 0 16px; overflow: hidden;}
							.reviewsDocument div:nth-child(2) div {margin: 0 0 5px 0; text-overflow: ellipsis;}
								.reviewsDocument div:nth-child(2) a:not(.redcodeColor) {color: #121212;}
							.reviewsDocument div:nth-child(2) p {color: #8C8C8C;}
			

@media all and (max-width: 1100px) {
	.reviewsElements {margin: 0 0 50px 0;}
}

@media all and (max-width: 650px) {
	.reviewsElement {margin: 0 0 40px 0;}
}

@media all and (max-width: 500px) {
	.reviewsDocument {width: 100%; margin: 0 0 20px 0;}
	.reviewsDocument:last-child {margin-bottom: 0;}
}

@media all and (max-width: 400px) {
	.reviewsTitle {display: block; margin: 0 0 25px 0; text-align: center;}
		.reviewsTitle > div:first-child {margin: 0 auto;}
		.reviewsTitle > div:last-child {margin: 20px 0 0 0;}
	.reviewsText:before {left: 50%; margin: 0 0 0 -9px;}
		.reviewsDocument div:nth-child(2) a {text-decoration: underline;}
}
