/* Description */
.products .description {
	position: relative;
	padding: 60px 0;
	background: linear-gradient(270.4deg, #1A4182 23.64%, #2D579E 40.14%, #7FAAF2 91.04%);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: cover;
	overflow: hidden;
}
.products .description h2 {
	font-weight: 400;
	margin-bottom: 7px;
	font-size: 22px;
}
.products .description .middle {
	z-index: 1;
	flex-direction: column;
}
.products .description img:last-child {
	position: relative;
	margin: 20px 20px -100px 20px;
}
.products .description img:not(:last-child) {
	position: absolute;
	margin: 20px 0 0 20px;
	max-width: none;
}
.products .description img:nth-child(1) {
	opacity: 0;
	animation: animation-logo-1 2s ease-in-out 0s 1;
}
.products .description img:nth-child(2) {
	opacity: 0;
	animation: animation-logo-1 1s ease-in-out 0s 1;
}
.products .description img:nth-child(3) {
	opacity: 0;
	animation: animation-logo-1 1.5s ease-in-out 0s 1;
}
.products .description img:nth-child(4) {
	opacity: 0;
	animation: animation-logo-1 1s ease-in-out 0s 1;
}
.products .description img:nth-child(5) {
	opacity: 0;
	animation: animation-logo-1 2s ease-in-out 0s 1;
}
.products .description img:nth-child(6) {
	opacity: 0;
	animation: animation-logo-2 5s ease-in-out 2s infinite;
}
.products .description img:nth-child(7) {
	opacity: 0;
	animation: animation-logo-2 6s ease-in-out 1s infinite;
}
.products .description img:nth-child(8) {
	opacity: 0;
	animation: animation-logo-2 5s ease-in-out 1.5s infinite;
}
.products .description img:nth-child(9) {
	opacity: 0;
	animation: animation-logo-2 4s ease-in-out 1s infinite;
}
.products .description img:nth-child(10) {
	opacity: 0;
	animation: animation-logo-2 7s ease-in-out 2s infinite;
}
.products .description .article div:first-child {
	position: relative;
}
.products .description .article div:first-child > div {
	position: absolute;
	width: 100px;
	margin: 105px 0 0 80px;
	overflow: hidden;
	border-radius: 50%;
	opacity: 0;
	background: linear-gradient(rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 40%, rgba(255,255,255,0) 60%, rgba(255,255,255,0.3) 100%);
}
.products .description .article div:first-child > div:before {
    content: '';
    padding-top: 100%;
    float: left;
}
@keyframes animation-logo-1 {
	0% {
		opacity: 0;
		transform: translate(-1500px, 320px);
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 1;
		transform: translate(-875px, -320px);
	}
}
@keyframes animation-logo-2 {
	0% {
		opacity: 1;
		transform: translate(-875px, -320px);
	}
	25% {
		opacity: 1;
		transform: translate(-880px, -320px);
	}
	50% {
		opacity: 1;
		transform: translate(-880px, -325px);
	}
	75% {
		opacity: 1;
		transform: translate(-875px, -325px);
	}
	100% {
		opacity: 1;
		transform: translate(-875px, -320px);
	}
}
@media (max-width: 860px) {
	.products .description {
		background: linear-gradient(300deg, #1A4182 23.64%, #2D579E 40.14%, #7FAAF2 91.04%);
	}
	.products .description canvas {
		width: 200%;
	}
	.products .description img:last-child {
		padding: 0;
		margin: 0 auto;
	}
	.products .description img:not(:last-child) {
		margin: 100px 0 0 calc(50% - 130px);

	}
	.products .description .article div:first-child > div {
		margin: 140px 0 0 calc(50% - 55px);
	}

}
@media (max-width: 480px) {
	.products .description {
		padding: 0;
	}
}

.products.reports-web .description .buttons {
	flex-basis: 100%;
}
.products.reports-web .description img {
	width: 145px;
	height: 200px;
}

/* -- Dashboards -- */

.products .dashboards {
	margin-bottom: -60px;
}
.products .dashboards a.button {
	font-size: 0;
}
.products .dashboards a.button.image {
	position: relative;
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.15);
	transition: .3s margin;
	z-index: 10;
}
.products .dashboards a.button.image:not(:first-child) {
	margin-left: -150px;
}
.products .dashboards a.button.image:nth-child(2) {
	margin-top: 30px;
}
.products .dashboards a.button.image:nth-child(3) {
	margin-top: 60px;
}
.products .dashboards a.button.image:nth-child(4) {
	z-index: 5;
	margin-top: 30px;
}
.products .dashboards a.button.image:nth-child(5) {
	z-index: 0;
}
.products .dashboards a.button.image img {
	width: 350px;
	height: 200px;
}
.products .dashboards a.button.image:nth-child(1):hover,
.products .dashboards a.button.image:nth-child(2):hover {
	margin-right: 120px;
}
.products .dashboards a.button.image:nth-child(3):hover {
	margin-left: -90px;
	margin-right: 60px;
}
.products .dashboards a.button.image:nth-child(4):hover,
.products .dashboards a.button.image:nth-child(5):hover {
	margin-left: -30px;
}

@media (max-width: 1190px) {
	.products .dashboards a.button.image,
	.products .dashboards a.button.image:hover {
		margin: 5px !important;
	}
	.products .dashboards a.button.image img {
		height: auto;
	}
}