/* -- Description -- */
.products .description {
	position: relative;
	padding: 60px 0;
	background: radial-gradient(40.63% 98.62% at 72.78% 48.18%, #0E2B77 36.11%, #01194E 100%);
	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 {
	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;
}
.products .description img:nth-child(1) {
	opacity: 0;
	animation: animation-logo-1 8s linear 0s infinite;
}
.products .description img:nth-child(2) {
	opacity: 0;
	animation: animation-logo-1 8s linear 4s infinite;
}
@media (max-width: 860px) {
	.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% - 165px);
	}
	.products .description .article div:first-child > div {
		margin: 140px 0 0 calc(50% - 55px);
	}
}
@media (max-width: 480px) {
	.products .description {
		padding: 0;
	}
}
@keyframes animation-logo-1 {
	0% {
		opacity: 0;
		transform: scale(1);
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		transform: scale(1.5);
	}
}

/* -- Possibilities-- */
.products .possibilities video {
	background: #3A3B45;
	border: 12px solid #3A3B45;
	padding-top: 0px;
	border-radius: 16px;
	width: 100%;
	height: 100%;
	max-width: 900px;
}

@media (max-width: 460px) {
	.products .possibilities video {
		border: 8px solid #3A3B45;
		border-radius: 16px;
	}
}
/* Functionality */
.products .functionality .columns > div {
	display: flex;
	flex-direction: column;
	background: white;
	padding: 30px;
}
.products .functionality .columns span {
	flex-grow: 1;
}
/* -- Report Designer -- */
.products .report-designer img {
	height: 292px;
	width: auto;
}
@media (max-width: 1160px) {
	.products .report-designer img{
		height: 210px;
		width: auto;
	}
}
@media (max-width: 460px) {
	.products .report-designer img{
		height: auto;
		width: auto;
	}
}
/* -- Report Viewer -- */
.products .report-viewer {
	background: #EEEEEE;
	z-index: 1;
}
.products .report-viewer a.image {
	margin-top: 65px;
}
.products .report-viewer .frame {
	position: relative;
	padding-bottom: calc(100% * 9 / 16);
}
.products .report-viewer iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.products .report-viewer .switcher a {
	display: inline-block;
	width: 140px;
	height: 195px;
	margin: 40px 10px 0 10px;
	background-size: cover;
	border-radius: 8px;
}
.products .report-viewer .switcher a.active:after {
	content: '';
	display: block;
	margin-left: -2px;
	margin-top: -1px;
	width: 138px;
	height: 191px;
	border: 4px solid #338adb;
	border-radius: 8px;
}
.products .report-viewer .switcher a:hover::after {
	content: '';
	display: block;
	margin-left: -2px;
	margin-top: -1px;
	width: 138px;
	height: 191px;
	border: 4px solid #338adb;
	border-radius: 8px;
}
.products .report-viewer .switcher .filter {
	filter: grayscale(100%);
}
.products .report-viewer .switcher .filter:hover {
	filter: grayscale(0%);
}
@media (max-width: 920px) {
	.products .report-viewer .switcher a {
		width: 70px;
		height: 97px;
		border-radius: 3px;
   }
	.products .report-viewer .switcher a.active:after {
		width: 69px;
		height: 95px;
		border: 2px solid #338adb;
		border-radius: 3px;
		margin-left: -1px;
   }
   .products .report-viewer .switcher a:hover::after {
	width: 69px;
	height: 95px;
	border: 2px solid #338adb;
	border-radius: 3px;
	margin-left: -1px;
}
}
@media (max-width: 860px) {
	.products .report-viewer a.image {
		margin-top: 0;
   }
}
@media (max-width: 550px) {
	.products .report-viewer .frame {
		height: 500px;
	}
}
@media (max-width: 489px) {
	.products .report-viewer .switcher a {
		margin: 40px 5px 0 5px;
   }
	.products .report-viewer .switcher {
		margin: 0 -20px 0 -20px;
   }
}
@media (max-width: 400px) {
	.products .report-viewer .frame {
		margin-bottom: 10px;
	}
	.products .report-viewer .switcher a {
		margin: 5px 5px 0 5px;
   }
	.products .report-viewer .switcher {
		padding: 0 50px 0 50px;
   }
	.products .report-viewer-down {
		margin-top: -440px;
		padding-top: 330px;
   }
}
@media (max-width: 339px) {
	.products .report-viewer .switcher {
		padding: 0 30px 0 30px;
   }
}
@media (max-width: 299px) {
	.products .report-viewer .switcher {
		padding: 0;
   }
}

/* -- Integration -- */
.integration .article .buttons a.button.image.text img {
	width: 120px;
	height: 120px;
}