@-webkit-keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;} 
}

@-moz-keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

@-o-keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

@keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

#newsletter {
	margin-top: 10px !important;
}

.bold {
	font-weight: bold;
}

#video {
	display: flex;
	align-items: center;
	justify-content: center;
}

#initialVideo {
	width: 100%;
}

.fadeIn {
	-webkit-animation: fadeIn 3s ease-in-out;
	-moz-animation: fadeIn 3s ease-in-out;
	-o-animation: fadeIn 3s ease-in-out;
	animation: fadeIn 3s ease-in-out;
}

#contentVideo {
	position: absolute;
	text-align: center;
	width: 100%;
	color: #fff;
}

#contentVideo > h1 {
	font-size: 50px;
	padding: 0 160px;
}

#blingContaImg {
	width: 100%;
	height: auto;
}

#gif-carousel {
	background-image: linear-gradient(var(--color-light) 50%, #fff 0%);
}

.gif-carousel-page-number {
	color: #CBEC34;
	font-size: 100px;
	font-family: var(--font-secondary-strong);
}

.gif-carousel-page-title {
	color: #fff;
	font-family: var(--font-secondary-strong);
}

.gif-carousel-gifs {
	box-shadow: 10px 10px 10px 0px rgba(15, 15, 15, 0.03);
}

.gif-carousel-topics {
	margin-top: 35px;
	color: var(--color-secondary-strong);
	font-family: var(--font-secondary-strong);
}

#gif-carousel > div.grid-container > div.carousel > div.arrow-left, 
#gif-carousel > div.grid-container > div.carousel > div.arrow-right {
	background-color: #CBEC34;
	padding: 14px 23px 14px 23px;
	border-radius: 100%;
}

#content-carousel {
	background-color: var(--color-light);
}

#content-carousel-page-title,
#content-carousel-page-footer,
#content-carousel-title,
#content-carousel-text {
	color: var(--color-light-overlay);
}

#content-carousel-page-title,
#content-carousel-page-footer,
#content-carousel-title {
	font-family: var(--font-secondary-strong);
}

#content-carousel-page-title,
#content-carousel-page-footer {
	padding: 25px;
}

#content-carousel-title {
	padding: 15px 0;
}

#icon-carousel {
	padding: 50px 0;
}

#icon-carousel-title {
	color: var(--color-light);
	line-height: 30px;
	margin-top: 30px;
}

#overview-title {
	color: var(--color-light);
	text-align: center;
}

#overview {
	text-align: center;
	margin-top: 30px
}

#overview-text {
	text-align: left;
	font-size: 16px;
	display: flex;
	align-items: left;
	justify-content: center;
	flex-direction: column;
}

#overview-icon {
	margin-top: 30px;
	text-align: center;
}

#pixBling {
	background-color: var(--color-light);
}

#pixBling, #blingConta {
	text-align: center;
	font-family: var(--font-secondary-strong);
	margin: 35px 0px 0px 0px;
	padding: 70px 0px 70px 0px;
}

#pixBlingText, #flowchartTitle > h2 {
	color: #fff;
}

#pixBlingText, #blingContaText {
	display: flex;
	justify-content: center;
	flex-direction: column;
	text-align: left;
}

#pixBlingText > h2 {
	color: #CBEC34;
}

#blingContaText > h2 {
	color: var(--color-light);
}

#blingContaText > p {
	color: var(--color-secondary-strong);
}

#pixBlingText > a > button {
	background-color: #CBEC34;
}

#pixBlingText > a > button:hover {
	background-color: var(--button-primary-background);
}

#flowchart {
	background-color: var(--color-light);
	text-align: center;
	padding: 50px 0;
}

.gif-carousel-topics > div > p,
#overview-icon > p {
	margin-top: 10px;
}

@media screen and (max-width: 1110px) {
	#pixBlingText, #blingContaText, #overview-text, #overview {
		text-align: center;
	}

	.gif-carousel-gifs {
		width: 100%;
		height: auto;
	}

	#pixBlingText {
		top: 70px;
	}

	#gif-carousel > div > div > div.contents > div {
		align-items: flex-start;
	}
}

@media screen and (max-width: 820px) {
	#overview-text {
		top: 60px;
	}
}

@media screen and (max-width: 768px) {
	#pixBlingText {
		top: 70px;
	}

	#overview-text {
		top: 80px;
	}

	#gif-carousel {
		padding: 0px 0px 0px 0px; 
	}

	#blingConta {
		padding: 0px;
	}

	#overview-img {
		height: auto;
		width: 300px;
	}

	.responsiveImage {
		width: 100%;
		height: auto;
	}

	#video {
		margin-top: 80px;
	}

	#contentVideo {
		position: relative;
	}
	
	#contentVideo > h1 {
		font-size: 30px;
		color: var(--color-secondary-strong);	
		padding: 0 32px;
	}
	
	#contentVideo > h1 > p {
		font-size: 45px;
	}
}

@media screen and (max-width: 500px) {
	#gif-carousel {
		background-image: linear-gradient(var(--color-light) 30%, #fff 0%);
	}
}

@media screen and (max-width: 480px) {
	.responsiveImageCarrousel {
		width: 100%;
		height: auto;
	}

	.icon-carousel-image {
		height: auto;
		width: 160px;
	}
	
	#gif-carousel > div > div > div.contents > div > div {
		align-self: stretch;
	}
	
	#gif-carousel > div > div > div.contents > div > div.group > div {
		height: 100%;
	}
	
	#gif-carousel > div > div > div.contents > div > div.group > div > div.gif-carousel-topics.mdc-layout-grid__inner {
		height: 75.95%;
		flex-wrap: wrap;
		align-items: flex-start;
		align-content: space-around;
		padding: 0px 15px;
	}

	#gif-carousel {
		background-image: linear-gradient(var(--color-light) 23%, #fff 0%);
	}

	.gif-carousel-page-title {
		margin-top: 0;
	}

	.gif-carousel-topics {
		margin-bottom: 50px;
	}
}