@charset "UTF-8";

/* General */
html {
	scroll-behavior: smooth;
}
body {
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	line-height: 1.4;
	color: #2e2d37;
}
.page__wrapper {
	max-width: 1920px;
	margin: 0 auto;
}

/* Header */
.header__general {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	padding: 15px 0;
	z-index: 10;
	background: #fff;
}
.header__general img {
	margin: 8px 0 6px 0;
	height: 20px;
}
.header__menu {
	right: 10px;
	position: fixed;
	height: 43px;
	width: 48px;
	overflow: hidden;
	text-indent: -9999px;
	border: 0;
	background: #fff;
	padding: 0;
	outline: 0;
	cursor: pointer;
	float: right;
	z-index: 9999!important;
	border-radius: 3px;
	top: 11px;
}
.header__menu span {
	top: 50%;
	margin-top: -1.5px;
	left: 10px;
	right: 10px;
	position: absolute;
	height: 2px;
	background: #333;
	display: block;
	transition: background .3s linear;
	-moz-transition: background .3s linear;
	-webkit-transition: background .3s linear;
	-webkit-backface-visibility: hidden;
}
.header__menu span:before, .header__menu span:after {
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	background: #333;
	position: absolute;
}
.header__menu span:before {
	transition: top .3s .3s, -webkit-transform .3s 0s;
	-moz-transition: top .3s .3s, -webkit-transform .3s 0s;
	-webkit-transition: top .3s .3s, -webkit-transform .3s 0s;
	top: -8px;
	-webkit-transform: rotate(0);
}
.header__menu span:after {
	transition: bottom .2s .3s, -webkit-transform .3s 0s;
	-moz-transition: bottom .2s .3s, -webkit-transform .3s 0s;
	-webkit-transition: bottom .2s .3s, -webkit-transform .3s 0s;
	bottom: -8px;
	-webkit-transform: rotate(0);
}
.header__menu.is-active span {
	background: transparent;
}
.header__menu.is-active span:before {
	transition: top .3s 0s, transform .3s .3s;
	top: 0;
	transform: rotate(45deg);
}
.header__menu.is-active span:after {
	transition: bottom .3s 0s, transform .3s .3s;
	bottom: 0;
	transform: rotate(-45deg);
}

.header__general--navigation,
.header__general--navigation-xs {
	display: none;
}
.header__general--navigation-xs.is-visible {
	display: block;
	top: 63px;
	position: fixed;
	z-index: 10;
	width: 100%;
	background: #fff;
}
.header__general--navigation-xs ul {
	margin: 0;
	padding: 0;
	border-top: 1px solid #efefef;
}
.header__general--navigation-xs li {
	display: block;
}
.header__general--navigation-xs a {
	padding: 20px 15px;
	border-bottom: 1px solid #efefef;
	display: block;
	color: #696977;
}
.header__general--navigation-xs li:last-child a {
	background: #f3123c;
	color: #fff;
}
.header__general--navigation a.button, .header__general--navigation a.button:hover, .header__general--navigation a.button:focus {
	color: #fff;
	padding: 20px 25px;
	margin-top: 0;
}
.disabled {
	opacity: .3!important;
}
@media screen and (min-width: 992px) {
	.header__general {
		padding: 30px 0;
		/*position: absolute;*/
	}
	.header__general img {
		margin-top: 20px;
		height: auto;
	}
	.header__menu {
		display: none;
	}
	.header__general--navigation {
		display: block;
	}
	.header__general--navigation ul {
		text-align: right;
		list-style: none;
		padding: 0;
		margin: 0;
	}
	.header__general--navigation li {
		display: inline-block;
		margin: 0 0 0 20px;
		position: relative;
	}
	.header__general--navigation li a {
		color: #696977;
		padding: 10px 0;
		font-size: 18px;
	}
	.header__general--navigation li a:hover {
		color: #f3123c;
		text-decoration: none;
	}
	.header__general.dont-fix {
		position: static;
	}
}
@media screen and (min-width: 1200px) {
	.header__general--navigation li {
		margin: 0 0 0 35px;
	}
}

/* Section */
.xs-mt-30 {
	margin-top: 30px!important;
}
.section {
	padding: 40px 0 0 0;
}
.section__title {
	margin: 0;
	font-size: 21px;
	color: #2e2d37;
}
.section__title--gray {
	color: #696977;
}
.section__title strong {
	color: #f3123c;
}
.section__title:after {
	content: '• • • • •';
	color: #f3123c;
	font-size: 21px;
	display: block;
	margin: 15px 0 20px 0;
}
.section__subtitle {
	margin: 0;
	font-size: 18px;
	color: #696977;
}
.section__title--centered {
	text-align: center;
}
.section__title--centered:after {
	display: none;
}
.section__title--centered:before {
	content: '• • • •';
	color: #f3123c;
	font-size: 21px;
	display: block;
	margin: 20px 0 10px 0;
}
@media screen and (min-width: 992px) {
	.section__title {
		font-size: 32px;
	}
	.section__subtitle {
		text-align: center;
		font-size: 32px;
		margin-top: 30px;
		margin-bottom: 30px;
	}
}
@media screen and (min-width: 1200px) {
	.section__title {
		font-size: 40px;
	}
}

/* Hero */
.section__hero {
	padding: 100px 0 0 0;
}
.section__hero h1, .section__hero p {
	color: #2e2d37;
	margin: 0;
}
.section__hero h1 {
	font-size: 21px;
}
.section__hero h1 span {
	color: #e7002e;
}
.section__hero p {
	margin: 10px 0 0 0;
	color: #696977;
}
.section__hero img {
	margin-top: 30px;
}
@media screen and (min-width: 992px) {
	.section__hero {
		padding: 200px 0 0 0;
		text-align: center;
	}
	.section__hero h1 {
		font-size: 40px;
		line-height: 42px;
		margin: 0 0 30px 0;
	}
	.section__hero p {
		font-size: 18px;
		margin: 20px 0;
	}
}
@media screen and (min-width: 1200px) {
	.section__hero h1 {
		font-size: 54px;
		line-height: 62px;
	}
}

/* Solutions */
.carousel__nav {
	margin: 0 -30px;
}
.carousel__nav .slick-list {
	padding: 0 40% 0 15px;
}
@media screen and (min-width: 420px) {
	.carousel__nav .slick-list {
		padding: 0 15% 0 15px;
	}
}
.carousel__solutions--item {
	margin: 30px 15px;
	background: #2e2d37;
	padding: 25px;
	border-radius: 10px;
	position: relative;
	min-height: 200px!important;
	transition: all .3s ease-in-out;
}
.carousel__solutions--item.slick-current {
	background: #f3123c;
}
.carousel__solutions--item:before {
	content: '';
	width: 60%;
	height: 40%;
	background: rgba(0,0,0,.5);
	filter: blur(15px);
	display: block;
	position: absolute;
	top:57%;
	z-index: -1; 
	margin: 0 auto;
}
.carousel__solutions--item.slick-current p:before {
	background: #fff;
}
.carousel__solutions--image {
	height: 85px;
}
.carousel__solutions--item p {
	color: #fff;
	font-size: 16px;
	margin: 0;
}
.carousel__solutions--item p:before {
	content: '';
	display: block;
	border-radius: 5px;
	margin: 0 0 15px 0;
	width: 30px;
	height: 4px;
	background: #f3123c;
}

.carousel__solutions--content {
	margin-top: 20px;
	text-align: center;
}
.solution__holder {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	flex-direction: row;
}
.solution {
	width: calc(50% - 7.5px);
	background: #fff;
	color: #696977;
	padding: 20px;
	border-radius: 10px;
	display: inline-block;
	font-size: 12px;
	margin: 0 0 15px 0;
	border: 2px solid #e8e9f0;
	position: relative;
	display: flex;
	flex-direction: column;
}
.solution:after {
	content: '';
	width: 70%;
	height: 30px;
	position: absolute;
	bottom: 5px;
	left: 0;
	background: #000;
	filter: blur(10px);
	opacity: .5;
	z-index: -1;
	left: 50%;
	margin-left: -35%;
}
.solution h4 {
	color: #22222a;
	text-transform: uppercase;
	font-size: 14px;
	margin: 0 0 10px 0;
}
.solution p {
	color: #565664;
	font-weight: 500;
	flex-grow: 1;
}
.solution__button {
	color: #e7002e;
	padding: 10px 15px;
	border: 2px solid #e7002e;
	background: #fff;
	font-weight: bold;
	display: inline-block;
	border-radius: 5px;
	font-size: 10px;
	transition: all .3s ease-in-out;
}
.solution__button:hover {
	background: #e7002e;
	color: #fff!important;
	text-decoration: none;
}
@media screen and (min-width: 767px) {
	.solution__holder {
		margin: 0 -15px;
		justify-content: flex-start;
	}
	.solution {
		width: auto;
		flex: 0 0 calc(33.33% - 30px);
		margin: 0 15px 30px 15px;
	}
}
@media screen and (min-width: 992px) {
	.carousel__nav .slick-list {
		padding: 0;
	}
	.solution h4 {
		font-size: 17px;
	}
}
@media screen and (min-width: 1200px) {
	.carousel__solutions--content {
		margin: 0 -15px;
	}
	.solution {
		flex: 0 0 calc(25% - 30px);
		align-self: stretch;
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
	}
	.solution p {
		flex-grow: 1;
		margin-top: 5px;
		margin-bottom: 15px;
		font-size: 14px;
	}
	.solution__button {
		font-size: 15px;
		padding: 17px;
	}
	.solution__button:hover {
		color: #e7002e;
	}
}

/* Why */
.section__why .section__title:after {
	margin: 0 0 30px 0;
}
.why__carousel {
	margin: 0 -30px 30px -30px;
}
.why__carousel--item {
	padding: 20px;
	border: 1px solid #e8e9f0;
	border-radius: 20px;
	margin: 0 20px 0 0;
}
.text__detail {
	margin: 0;
}
.text__detail--icon-1 {
	padding-top: 30px;
	background: url('../img/n-icon-1.png')no-repeat top left;
	background-size: 20px auto;
}
.text__detail--icon-2 {
	padding-top: 30px;
	background: url('../img/n-icon-2.png')no-repeat top left;
	background-size: 20px auto;
}
.text__detail--icon-3 {
	padding-top: 30px;
	background: url('../img/n-icon-3.png')no-repeat top left;
	background-size: 21px auto;
}
.text__detail--icon-4 {
	padding-top: 30px;
	background: url('../img/n-icon-4.png')no-repeat top left;
	background-size: 21px auto;
}

.why__carousel .slick-list {
	padding: 0 30% 0 30px;
}

@media screen and (min-width: 767px) {
	.why__carousel {
		margin: 0 0 30px 0;
	}
	.why__carousel .slick-list {
		padding: 0 30% 0 0;
	}
	.why__carousel {
		border: 1px solid #e8e9f0;
		border-radius: 20px;
		display: flex;
		justify-content: space-between;
		padding: 10px;
	}
	.why__carousel--item {
		border: 0;
		padding: 30px;
	}
}
@media screen and (min-width: 992px) {
	.section__why {
		padding-top: 120px;
		padding-bottom: 120px;
		background-size: contain;
	}
	.section__why p {
		font-size: 21px;
	}
	.why__carousel--item:first-child {
		flex: 0 0 calc(30%);
	}
	.text__detail--icon-1 {
		padding-top: 60px;
		background: url('../img/n-icon-1.png')no-repeat top left;
	}
	.text__detail--icon-2 {
		padding-top: 60px;
		background: url('../img/n-icon-2.png')no-repeat top left;
	}
	.text__detail--icon-3 {
		padding-top: 60px;
		background: url('../img/n-icon-3.png')no-repeat top left;
	}
	.text__detail--icon-4 {
		padding-top: 60px;
		background: url('../img/n-icon-4.png')no-repeat top left;
	}

	.section__why .box__white .row:first-child {
		margin-bottom: 20px;
	} 
}

/* V2 - Lucas */
.list__simple {
	margin: 0;
	padding: 0;
	list-style: none;
}
.list__simple li {
	padding: 20px 15px;
}
.list__simple p {
	margin: 0;
	color: #565664;
	font-size: 14px;
}
.list__simple strong {
	font-size: 21px;
	color: #22222a;
}
.list__simple li:nth-child(odd) {
	background: #f4f5f9;
}
.device__type {
	display: flex;
}
.device__type p {
	margin: 0;
	color: #22222a;
	font-size: 21px;
	font-weight: bold;
}
.device__type strong {
	color: #e7002e;
	display: block;
}
.device__type div:nth-child(1) {
	padding: 20px 15px;
	flex: 0 0 30%;
}
.device__type div:nth-child(2) {
	padding: 20px 15px;
	flex: 0 0 70%;
	background: #f4f5f9;
}
@media screen and (min-width: 767px) {
	.list__simple, .device__type {
		max-width: 750px;
		padding-right: 15px;
		padding-left: 15px;
		margin-right: auto;
		margin-left: auto;
	}
}

/* Device SHare */
@media screen and (min-width: 767px) {
	.box__white.box__white--device {
		background: url('../img/phone.jpg')no-repeat right bottom;
	}
	.device-share {
		margin: 20px 0 0 0;
		font-size: 22px;
		color: #696977;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.device-share strong {
		color: #f3123c;
	}
	.device-bar {
		flex: 0 0 70%;
		width: 100%;
		background: #ecedf2;
		border-radius: 20px;
		height: 9px;
		position: relative;
	}
	.device-bar:after {
		content: '';
		height: 100%;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		border-radius: 20px;
		background: #f3123c;
	}
	.device-share-1:after {
		width: 52%;
	}
	.device-share-2:after {
		width: 29%;
	}
	.device-share-3:after {
		width: 19%;
	}
}

/* V2 - Storage */
p.data-info {
	margin-top: 15px!important;
}
@media screen and (min-width: 374px) {
	.section__storage .row-box {
		background: url('../img/creta-xs.png')no-repeat right center/180px auto;
	}
}
@media screen and (min-width: 375px) {
	.section__storage .row-box {
		background: transparent;
	}
}
@media screen and (min-width: 1200px) {
	.row-box {
		padding: 30px;
		border: 1px solid #e8e9f0;
		border-radius: 20px;
		mix-blend-mode: darken;
	}
	.section__storage {
		padding-bottom: 120px;
		background: url('../img/creta.png')no-repeat 120% bottom;
		background-size: contain;
	}
}
@media screen and (min-width: 1680px) {
	.section__storage {
		background-position: 89% bottom; 
	}
}

/* White Box */
.box__white {
	border-radius: 10px;
	background: #fff;
	border: 2px solid #f4f4f7;
	padding: 20px;
	margin: 0 0 20px 0;
	position: relative;
	/*overflow: hidden;*/
}
.box__white .row {
	margin: 0 -20px;
}
.box__white p {
	margin: 0 0 10px 0;
}
.border__top-xs {
	margin-top: 15px;
	padding-top: 10px;
	border-top: 2px solid #f4f4f7;
}
@media screen and (min-width: 992px) {
	.box__white {
		padding: 40px;
	}
	.border__top-xs {
		border-top: 0;
		margin-top: 0;
		padding-top: 0;
	}
	.border__left-md {
		margin-top: 35px;
	}
	.border__left-md:before {
		content: '';
		width: 2px;
		background: #f4f4f7;
		height: 500px;
		display: block;
		position: absolute;
		left: 0;
		top: -100px;
	}
}
.box__white + p {
	color: #696977;
	font-size: 12px;
	margin: -20px 0 0 0;
}
.box__white h3 {
	margin: 0;
}
.box__white h3 + p {
	padding: 0;
	margin: 0 0 20px 0;
	color: #696977;
}

/* Gender */
.section__profile h3 {
	margin-top: 0;
	font-weight: normal;
}
.box__white--gender {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap;
}
.box__white--gender div {
	color: #fff;
	font-size: 10px;
	padding: 10px;
}
.box__white--gender div:nth-child(1) {
	flex: 0 0 calc(60% - 5px);
	background: #e7002e;
}
.box__white--gender div:nth-child(2) {
	flex: 0 0 40%;
	background: #22222a;
}
@media screen and(min-width: 420px) {
	.box__white--gender div:nth-child(1) {
		flex: 0 0 calc(70% - 5px);
		background: #e7002e;
	}
	.box__white--gender div:nth-child(2) {
		flex: 0 0 30%;
		background: #22222a;
	}
}
@media screen and (min-width: 992px) {
	.box__white--md {
	    border-radius: 10px;
	    background: #fff;
	    border: 2px solid #f4f4f7;
	    padding: 40px;
	    margin: 0 0 20px 0;
	    position: relative;
	    /* overflow: hidden; */
	}
	.box__white--gender {
		display: none;
	}
	.section__profile h3 {
		font-size: 30px;
	}
}

/* Profile */
.profile__carousel {
	margin: 0 -15px 30px;
}
.profile__carousel .slick-list {
	padding: 0 20% 0 15px;
}
.profile__carousel .slick-slide {
	padding: 20px;
	border-radius: 10px;
	border: 1px solid #e8e9f0;
	margin: 0 15px 0 0;
}
.white-box__image {
	position: relative;
	border-radius: 15px;
	overflow: hidden;
	margin-top: 20px;
}
.white-box__image p {
	position: absolute;
	padding: 0 7.3px 9.4px 7.3px;
	font-size: 10.2px;
	color: #fff;
	margin: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 1;
}
.white-box__image p:before {
	content: '';
	width: 100%;
	height: 56px;
	display: block;
	position: absolute;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
	bottom: 0;
	left: 0;
	z-index: -1;
}
.profile__carousel__2 {
	margin: 0 -15px;
}
.profile__carousel__2 .slick-list {
	padding: 0 10% 0 15px;
}
.profile__carousel__2 .slick-slide {
	margin: 0 15px 0 0;
}
@media screen and (min-width: 767px) {
	.white-box__image p {
		font-size: 21px;
    	padding: 0 25px 20px 25px;
	}
	.profile__carousel {
		margin: 0 -15px 30px -15px;
		padding: 0 15px;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	.profile__carousel div {
		padding: 20px;
		border-radius: 10px;
		border: 1px solid #e8e9f0;
		flex: 0 0 calc(20% - 15px);
	}
}
@media screen and (min-width: 992px) {
	.section__profile .box__white p {
		padding: 0;
	}
	.section__profile .box__white {
		padding: 40px;
	}
	.profile__carousel {
		margin: 0;
		padding: 0;
	}
	.profile__carousel div {
		border: 0;
		padding-left: 0;
	}
	.white-box__image p {
		padding: 0 7.3px 9.4px 7.3px;
   		font-size: 13px;
	}
	.profile__carousel__2 {
		margin: 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.white-box__image p:before {
		height: 90px;
	}
	.white-box__image {
		flex: 0 0 calc(25% - 15px);
	}
	.text-center {
		text-align: center;
	}
	.text-center img {
		display: inline-block;
	}
	.box__white--md h3 {
		margin-bottom: 0;
	}
	.section__profile .box__white img {
		margin-top: 90px;
		margin-bottom: 80px;
	}
}

/* WM1 */
.section__wm1 .logo {
	height: 40px;
	margin: 0 0 20px 0;
}
.section__wm1 p {
	color: #696977;
}
.section__wm1 .text__detail {
	margin-top: 20px;
}
.wm1__yt {
	margin-top: 20px;
	border-radius: 10px;
	box-shadow: 0 10px 20px rgba(0,0,0,.1);
	width: 120%;
	margin-left: -10%;
	max-width: none;
}
@media screen and (min-width: 767px) {
	.section__wm1 .box__white {
		padding: 50px;
		position: relative;
	}
	.section__wm1 .box__white:after {
		position: absolute;
		top: -30px;
		right: -20px;
		display: block;
		content: '';
		width: 376px;
		height: 225px;
		background: url('../img/mockup.png')no-repeat center;
		background-size: contain;
	}
	.section__wm1 .box__white .col-md-6 p {
		max-width: 50%;
	}
	.section__wm1--button {
		text-align: right;
	}
	.section__wm1 .box__white .col-sm-6 .button, .section__wm1 .box__white .col-sm-4 .button {
		margin-top: 40px;
	}
}
@media screen and (min-width: 992px) {
	.section__wm1 .logo {
		height: auto;
	}
	.wm1__yt {
		width: auto;
		max-width: 100%;
		margin-left: 0;
		margin-top: 40px;
	}
	.section__wm1 .box__white:after {
		width: 623px;
		height: 373px;
	}
	.section__wm1 .box__white .col-md-6 p {
		max-width: none;
		line-height: 2;
	}
}

/* Plataforma */
@media screen and (min-width: 992px) {
	.section__platform {
		padding: 100px 0;
	}
	.section__platform .box__white {
		background: url('../img/platform.jpg')no-repeat 110% bottom;
	}
	.section__platform .col-md-4 p {
		margin-top: 45px;
	}
	.section__platform .col-md-8 .text__featured {
		max-width: 50%;
		margin-top: 10px;
		margin-bottom: 40px
	}
}
@media screen and (min-width: 1200px) {
	.section__platform .box__white {
		background: url('../img/platform.jpg')no-repeat right bottom;
	}
}


/* Fans */
.section__fans {
	margin-top: 40px;
	padding-bottom: 40px;
	/*background: #2e2d37;	*/
}
.section__fans .section__fans--box {
	background: #2e2d37;
	overflow: hidden;
	margin: 15px;
	border-radius: 10px;
	padding: 20px;
}
.section__fans h2, .section__fans p, .section__fans strong {
	color: #fff!important;
}
.section__fans img {
	display: block;
	margin: 0 0 5px 0;
}
.section__fans .section__fans--img {
	margin: 0 0 -45px 0;
	display: none;
}
@media screen and (min-width: 992px) {
	.section__fans {
		margin-top: 200px;
		padding: 50px 0;
		background: transparent;
		position: relative;
	}
	.section__fans:before {
		content: '';
		width: 1170px;
		height: 100%;
		border-radius: 50px;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		display: block;
		background: #2e2d37;
	}
	.section__fans .section__fans--img {
		display: block;
		margin-top: -90px;
		margin-bottom: -150px;
	}
	.section__fans h2 {
		font-size: 32px;
	}
	.section__fans--img {
		display: block;
	}
	.section__fans .col-md-5 {
		padding-left: 70px;
	}

	.section__fans .section__fans--box {
		background: transparent;
		overflow: visible;
		margin: 0;
		border-radius: 0;
		padding: 0;
	}
}

/* Autoinsights */
.section__autoinsights {
	padding-top: 80px;
}
.section__autoinsights h2 {
	font-weight: normal;
	margin-top: 20px;
}
.section__autoinsights p {
	color: #696977;
}
.autoinsights__video + img {
	border-radius: 15px;
	margin-top: 20px;
}
.newsletter__row {
	margin-top: 20px;
}
.newsletter__row h3 {
	font-weight: normal;
}
.section__autoinsights iframe {
	margin-top: 20px;
	border-radius: 10px;
	/*display: none;*/
	height: 310px;
}
.check {
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
}
.check li {
	margin: 0 0 5px 0;
	padding: 5px 0 5px 40px;
	position: relative;
}
.check li:before {
	display: inline-block;
	content: '';
	width: 30px;
	height: 20px;
	background: url('../img/icon-check.png')no-repeat center/contain;
	/*position: absolute;*/
	top: 50%;
	margin-top: -10px;
	left: 0;
	margin-right: 10px;
}
#webmotors-tv .check li {
	padding-left: 0;
}
.section__autoinsights .check li:before {
	position: absolute;
	
}
@media screen and (min-width: 992px) {
	.check li {
		margin-bottom: 15px;
	}
	.section__autoinsights {
		padding: 200px 0 120px 0;
	}
	.field__holder--news input {
		height: 60px;
	}
	.field__holder.field__holder--news label {
		top: 18px;
	}
	.field__holder--news input[type="submit"] {
		/*position: absolute;*/
		right: 0;
		top: 0;
		margin: 0;
		float: right;
	}
	.check {
		margin: 50px 0 30px 0;
	}
	.newsletter__row {
		margin-top: 100px;
	}
	.newsletter__row h3 {
		max-width: 70%;
		margin-top: 0;
	}
	.section__autoinsights h3 {
		font-weight: normal;
		margin-top: 40px;
	}
	.section__autoinsights .button--fw {
		min-width: 410px;
		margin-top: 25px;
	}
}

/* Gradient */
.gradient {
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 50%, rgba(255,255,255,1) 100%);
}

/* Studies */
.carousel__studies {
	margin: 0 -15px;
}
.studies__item {
	margin: 15px;
	overflow: hidden;
	border-radius: 15px;
	box-shadow: 0 5px 10px rgba(0,0,0,.1);
	transition: all .3s ease-in-out;
}
.studies__item:hover, .studies__item.slick-current {
	transform: translateY(-10px);
}
.studies__item--content {
	padding: 15px;
}
.studies__item--content h3 {
	font-size: 14px;
	margin: 0 0 10px 0;
}
.studies__item--content a {
	color: #f3123c;
	font-weight: bold;
}
.studies__item--content a:hover {
	text-decoration: none;
	color: #2e2d37;
}
@media screen and (min-width: 992px) {
	.carousel__studies .slick-list {
		padding: 60px 0;
	}
	.studies__item.slick-current {
		transform: translateY(0);
	}
	.studies__item:hover {
		transform: translateY(-40px);
	}
	.studies__item--content h3 {
		margin-bottom: 20px;
	}
	.slick-arrow {
		position: absolute;
		right: 0;
		top: 50%;
		margin-top: -15.5px;
		width: 31px;
		height: 31px;
		border-radius: 100%;
		background: transparent;
		border: 0;
		text-indent: -9999px;
		z-index: 100;
	}
	.slick-arrow:focus {
		outline: 0;
	}
	.slick-prev {
		background: url('../img/arrow-left.png')no-repeat center;
		left: -30px;
	}
	.slick-next {
		background: url('../img/arrow-right.png')no-repeat center;
		right: -30px;
	}
	.slick-prev:hover {
		background: url('../img/arrow-left-a.png')no-repeat center;
		right: 50px;
	}
	.slick-next:hover {
		background: url('../img/arrow-right-a.png')no-repeat center;
	}
}

/* Contact */
.section__contact {
	padding-bottom: 50px;
	margin: 50px 0 0 0;
	background: #f4f5f9 url('../img/linhas.png')no-repeat top center;
	background-size: cover;
}
.form__box {
	padding: 30px;
	border-radius: 15px;
	box-shadow: 0 15px 20px rgba(0,0,0,.1);
	background: #fff;
}
.form__box h2 {
	margin-top: 0;
}
.form__box p {
	margin-top: 0;
	font-size: 12px;
	color: #bdbdc2;
}
.checkbox {
	display: flex;
	align-items: center;
	position: relative;
	font-size: 12px;
	color: #bdbdc2;
	margin-bottom: 20px;
}
.checkbox div:first-child {
	margin-right: 15px;
}
.checkbox input	{
	appearance: none;
	width: 29px;
	height: 29px;
	border-radius: 7px;
	box-shadow: 0 3px 5px rgba(243,18,60,.3);
	border: 1px solid #eee;
}
.checkbox input:checked {
	outline: 0;
	border: 1px solid #f3123c;
	background: #f3123c url('../img/check.png')no-repeat center;
	outline: 0;
}
.checkbox input:focus {
	outline: 0;
}
.checkbox a {
	color: #696977;
}
@media screen and (min-width: 992px) {
	.section__contact {
		padding: 100px 0;
		margin: 0;
		background-position: bottom center;
	}
	.form__box {
		padding: 60px;
	}
	.form__box h2{
		font-size: 55px;
	}
	.form__box .field__holder {
		margin: 0 0 20px 0;
	}
	.form__box p, .checkbox {
		font-size: 18px;
	}
	.checkbox input {
		top: -3px;
	}
	.form__box .button {
		width: 200px;
	}
}

/* -- Footer */
.footer-nav--xs {
	margin: 10px 0 20px 0;
	padding: 0;
	overflow: hidden;
	list-style: none;
}
.footer-nav--xs li {
	width: 50%;
	float: left;
	margin: 0 0 20px 0;
	text-align: left;
}
.footer-nav .footer-nav--xs a {
	color: rgba(255,255,255,.8);
	font-weight: 300;
}
.footer-nav {
	background: #4d4c59;
	padding: 15px 0;
}
.footer-nav p {
	color: #fff;
	margin: 0;
	font-size: 12px;
}
.footer-nav a {
	font-weight: bold;
}
.footer-nav--social {
	margin: 0;
	padding: 0;
	text-align: center;
}
.footer-nav--social li {
	display: inline-block;
	margin: 0 10px;
}
.footer-nav--social a {
	display: block;
	height: 20px;
	width: 20px;
	text-indent: 9999px;
	overflow-x: hidden;
}
.facebook {
	background: url('../img/facebook.png')no-repeat center;
	background-size: contain;
}
.twitter {
	background: url('../img/twitter.png')no-repeat center;
	background-size: contain;
}
.linkedin {
	background: url('../img/linkedin.png')no-repeat center;
	background-size: contain;
}
.instagram {
	background: url('../img/instagram.png')no-repeat center;
	background-size: contain;
}
.youtube {
	background: url('../img/youtube.png')no-repeat center;
	background-size: contain;
}
.footer-general {
	background: #42414c;
	padding: 11px 0 15px 0;
	text-align: center;
}
.footer-general img {
	max-height: 30px;
	display: inline-block;
}
.footer-general p {
	margin: 10px 0 0 0;
	color: #fff;
	font-size: 10px;
}

@media screen and (min-width: 767px) {
	.footer-general p {
		margin-bottom: 10px;
		text-align: left;
	}
	.footer-nav--xs {
		display: none;
	}
}

@media screen and (min-width: 992px) {
	.footer-nav--ul {
		background: url('../img/icone-wm@2x.png')no-repeat left center;
		padding: 0 0 0 50px;
		background-size: 35px;
		margin: 0;
	}
	.footer-nav--ul li {
		display: inline-block;
	}
	.footer-nav--ul li:last-child a:after {
		display: none;
	}
	.footer-nav--ul a {
		color: #fff;
		padding: 10px 5px;
		display: block;
	}
	.footer-nav--social {
		margin-top: 0px;
		width: auto;
	}
	.footer-general p {
		margin-bottom: 10px;
		text-align: left;
	}
	.footer-general img {
		float: right;
	}	
}

@media screen and (min-width: 1200px) {
	.footer-general {
		text-align: left;
	}
	.footer-nav--social {
		text-align: right;
		direction: ltr;
	}
	.footer-nav--social {
		margin-top: 8px;
	}
	.footer-nav--ul a {
		font-size: 12px;
	}
	.footer-nav .text-center {
		text-align: left;
	}
}

@media screen and (min-width: 1400px) {
	.footer-nav--ul a {
		padding: 10px 15px;
	}
}
/* Text Components */
.text__detail, .text__featured {
	color: #696977;
}
.text__detail:before {
	content: '';
	display: block;
	border-radius: 5px;
	margin: 0 0 15px 0;
	width: 30px;
	height: 4px;
	background: #f3123c;
}
.text__detail strong {
	color: #f3123c;
	font-size: 32px;
	display: block;
	margin: 0 0 10px 0;
}
.text__featured strong {
	display: block;
	font-size: 32px;
	color: #2e2d37;
}
.text__featured.text__detail strong {
	margin: 0;
}
.text__featured span {
	color: #f3123c;
}
.pill {
	background: #ecedf2;
	padding: 5px 10px;
	border-radius: 3px;
	font-size: 14px;
	display: inline-block;
	margin: 10px 10px 0 0;
}
.title__detail:after {
	content: '';
	display: block;
	border-radius: 5px;
	margin: 15px 0 15px 0;
	width: 80px;
	height: 4px;
	background: #f3123c;
}
@media screen and (min-width: 992px) {
	.pill {
		padding: 10px 15px; 
	}
}


/* Shared */
img {
	max-width: 100%;
}
.button {
	background: #f3123c;
	text-decoration: none;
	border-radius: 8px;
	box-shadow: 0 8px 12px -8px rgba(243, 18, 60, 0.6);
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	display: inline-block;
	margin-top: 10px;
	border: 0;
	transition: all .2s ease-out;
	padding: 20px 30px;
}
.button:hover, .button:focus {
	color: #fff;
	text-decoration: none;
	transform: scale(1.05);
	outline: 0;
}
.button--outline {
	background: transparent;
	text-decoration: none;
	border-radius: 8px;
	box-shadow: 0 8px 12px -8px rgba(243, 18, 60, 0.6);
	font-size: 16px;
	color: #f3123c;
	font-weight: bold;
	text-align: center;
	min-height: 60px;
	display: inline-block;
	margin-top: 10px;
	border: 2px solid #f3123c;
	transition: all .2s ease-out;
	padding: 20px 30px;
}
.button--outline:hover, .button--outline:focus {
	color: #f3123c;
	text-decoration: none;
	transform: scale(1.05);
	outline: 0;
}
.field__holder {
	position: relative;
}
.field__holder label {
	position: absolute;
	top: 15px;
	left: 10px;
	background: #fff;
	padding: 3px 6px;
	display: block;
	transition: all .1s ease-out;
	font-size: 14px;
	width: 65%;
	color: #aeaeba;
	text-align: left;
}
.form__field {
	padding: 0 12px;
	margin: 0 0 10px 0;
	width: 100%;
	height: 56px;
	border-radius: 5px;
	border: solid 2px rgba(174, 174, 186, 0.47);
	font-size: 14px;
}
.form__field:focus {
	border-color: #2e2d37;
	outline: 0;
}
.form__field:focus + label, .form__field:not(:placeholder-shown) + label {
	top: -10px;
	font-size: 12px;
	width: auto;
	color: #2e2d37;
}
.required {
	border-color: #9000c8;
}
.required + label {
	color: #9000c8;
}
.required:valid {
	border-color: #2e2d37;
}
.required:valid + label {
	color: #2e2d37;
}
.slick-slide:focus {
	outline: 0;
}

@media screen and (min-width: 992px) {
	.text-center-md {
		text-align: center;
	}
}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}


/* Page Title */
.page__title {
	margin: 70px 20px 0 20px;
	position: relative;
	border-radius: 10px;
	overflow: hidden;
}
.page__title--bg {
	text-align: center;
	padding: 30px;
}
.page__title--bg h1, .page__title--bg h2, .page__title--bg img {
	position: relative;
	z-index: 3;
	margin: 0;
	color: #fff;
}
.page__title--bg h1 {
	font-size: 26px;
}
.page__title--bg h2 {
	font-size: 18px;
	font-weight: normal;
}
.page__title--bg h1:after {
	content: '';
	width: 33px;
	height: 7px;
	background: #fff;
	border-radius: 10px;
	display: block;
	margin: 20px auto;
}
.page__title:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background: rgba(0,0,0,.65)
}
@media screen and (min-width: 767px) {
	.page__title {
		margin-top: 72px;
		text-align: center;
		padding: 51px;
	}
}
@media screen and (min-width: 992px) {
	.page__title {
		margin: 125px 40px 0 40px;
	}
	.page__title--bg {
		border-radius: 20px;
	}
}
@media screen and (min-width: 992px) {
	.page__title--bg h1 {
		font-size: 90px;
	}
	.page__title--bg h2 {
		font-size: 24px;
	}
	.page__title {
		padding-bottom: 80px;
	}
}
@media screen and (min-width: 1440px) {
	/*.page__title--bg h2 {
		font-size: 30px;
	}*/
}

.crm__intro {
	padding: 50px 0 0 0;
	background: linear-gradient(180deg, #fff, #edeef3)
}
.crm__intro .logo-crm {
	height: 50px;
}
.crm__intro h2 {
	margin: 15px 0;
}
.crm__intro h2 strong {
	color: #f3123c;
}
.crm__intro p {
	margin: 0;
	line-height: 1.8;
}
@media screen and (min-width: 992px) {
	.crm__intro {
		padding: 150px 0;
		background: url('../img/bg-crm.jpg')no-repeat top center;
	}
	.crm__intro img {
		height: auto;
		margin: 0 0 20px 0;
	}
	.crm__intro h2 {
		font-size: 30px;
		margin-bottom: 20px;
	}
	.crm__intro h2 {
		font-size: 18px;
		line-height: 21px;
	}
}


.section__crm-why {
	padding: 50px 0;
}
.section__crm-why h2 {
	text-align: center;
	margin: 0;
	position: relative;
}
.section__title--centered-after {
	text-align: center;
}
.section__title--centered-after:after {
   	content: '• • • •';
    color: #f3123c;
    font-size: 21px;
    display: block;
    margin: 20px 0 10px 0;
}
.section__crm-why h2:before {
	content: attr(data-text);
	display: block;
	position: absolute;
	font-weight: 100;
	color: #f3f3f3;
	text-transform: uppercase;
	font-size: 46px;
	z-index: -1;
	top: -22%;
}
@media screen and (min-width: 992px) {
	.section__crm-why {
		padding: 120px 0;
	}
	.section__crm-why h2 {
		font-size: 42px;
	}
	.section__crm-why h2:before {
		text-align: center;
		width: 200%;
		left: 50%;
		margin-left: -100%;
		font-size: 120px;
		top: 0;
	}
}
@media screen and (min-width: 1200px) {
	.section__crm-why h2:before {
		font-size: 140px;
	}
}

.carousel__why {
	margin: 0 -15px;
}
.carousel__solutions--item--text {
	position: relative;
}
.carousel__solutions--item--text p {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 30px;
	font-size: 18px;
	font-weight: bold;
}
.carousel__solutions--item {
	transition: all .3s ease-in-out;
}
.carousel__solutions--item:hover:not(.slick-current) {
	background: #aaaab3;
	/*cursor: pointer;*/
}
.carousel__solutions--item--text:hover:not(.slick-current) {
	background: #2e2d37!important;
}
.carousel__solutions--item--text.slick-current {
	background: #2e2d37;
}
.carousel__solutions--item--text.slick-current p:before{
	background: #f3123c;
}
.crm-img {
	border-radius: 10px;
	box-shadow: 0 10px 20px rgba(0,0,0,.1);
	margin: 20px 0;
	display: inline-block;
}
.text-center-xs {
	text-align: center;
}
@media screen and (min-width: 992px) {
	.carousel__why {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.carousel__why .carousel__solutions--item--text {
		flex: 0 0 30%;
		margin-bottom: 0px;
		cursor: default;
		outline: none;
	}
	.carousel__solutions--item--text p {
		position: static;
		padding: 20px;
		font-size: 26px;
	}
	.crm-img {
		margin-top: 50px;
		margin-bottom: 50px;
		max-width: 60%;
	}
}


.section__integrations {
	background: #2e2d37;
	padding: 0 0 30px 0;
	margin-top: 30px;
}
.section__integrations img {
	max-width: 300px;
	margin: -50px auto 0 auto;
	display: block;
}
.section__integrations p {
	color: #fff;
	font-size: 21px;
	font-weight: bold;
	margin-top: 0;
	text-align: center;
}
@media screen and (min-width: 992px) {
	.section__integrations {
		position: relative;
		padding: 100px 0;
	}
	.section__integrations p {
		font-size: 32px;
	}
}
@media screen and (min-width: 1200px) {
	.section__integrations {
		padding: 120px 0;
	}
	.section__integrations img {
		position: absolute;
		right: 0;
		max-width: none;
		top: 70%;
		transform: translateY(-50%);
	}
	.section__integrations p {
		text-align: left;
		margin: 0;
	}
}
@media screen and (min-width: 1440px) {
	.section__integrations img {
		right: 15%;
	}
}
@media screen and (min-width: 1680px) {
	.section__integrations img {
		right: 20%;
	}
}

.section__opportunities {
	padding: 30px 0;
}
.carousel__opportunities .carousel__solutions--item {
	background: #aaaab3;
	min-height: 170px!important;
}
.carousel__opportunities .carousel__solutions--item p:before {
	width: 20px;
	height: 7px;
}
.carousel__opportunities .carousel__solutions--item p {
	font-size: 14px;
	font-weight: normal;
	position: static;
	padding: 0;
}
.carousel__opportunities .carousel__solutions--item p strong {
	font-size: 27px;
	display: block;
}

.section__opportunities + .section__solutions, .opinion + .section__solutions, .midia__section + .section__solutions {
	background: #f2f2f6;
}
@media screen and (min-width: 992px) {
	.section__opportunities {
		padding: 80px 0;
	}
	.section__opportunities h2 {
		font-size: 32px;
	}
	.carousel__opportunities {
		display: flex;
		justify-content: center;
	}
	.carousel__opportunities .carousel__solutions--item {
		flex: 0 0 20%;
	}
	.carousel__opportunities .carousel__solutions--item p {
		font-size: 18px;
	}
	.section__opportunities + .section__solutions, .opinion + .section__solutions, .midia__section + .section__solutions {
		padding: 80px 0;
	}
}

/* Smart Leads */
.smart__intro {
	padding: 30px 0;
}
.smart__intro p {
	text-align: center;
}
.smart__intro .check {
	text-align: center;
}
.smart__carousel {
	padding: 30px 30px 0 30px;
}
.smart__carousel, .smart__carousel-2 {
	margin: 0 -15px;
}
.smart__carousel .slick-slide {
	opacity: .5;
	transition: all .3s ease-in-out;
}
.smart__carousel .slick-current {
	opacity: 1;
}
.smart__carousel .slick-list {
	padding-top: 60px;
}
.smart__connector {
	margin-top: -15px;
	background: url('../img/conector.png')no-repeat center;
	width: 100%;
	height: 50px;
	background-size: auto 120px;
}
.smart__intro + .section__solutions, .section__hiw  + .section__solutions {
	background: #f9fafb;
}
.smart__carousel, .smart__carousel-2 {
	text-align: center;
}
.smart__carousel img, .smart__carousel-2 img {
	display: inline-block!important;
}
.smart__carousel:before {
	z-index: 10;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	width: 100%;
	height: 100%;
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,1) 5%, rgba(255,255,255,0) 15%);
}
.smart__carousel img {
	max-width: 200px!important;
}
.smart__carousel-2 .slick-list {
	padding: 0 20%!important;
}
.smart__intro .check li {
	display: inline-block;
	padding: 0;
	margin: 0 10px 10px 10px;
}
@media screen and (min-width: 992px) {
	.smart__carousel img {
		max-width: 100%!important;
	}
	.smart__intro {
		padding: 100px 0;
	}
	.smart__intro .row:first-child p {
		margin: 0 0 50px 0;
	}
	.smart__carousel {
		padding-left: 40px;
	}
	.smart__carousel .slick-list {
		padding-top: 100px!important;
	}
	.smart__carousel:after {
		z-index: 10;
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		/*content: '';*/
		width: 200px;
		height: 100%;
		background: rgb(255,255,255);
		background: linear-gradient(270deg, rgba(255,255,255,1) 5%, rgba(255,255,255,0) 15%);
	}
	.smart__intro .check {
		text-align: left;
		margin-top: 10px;
	}
	.smart__intro .check li:before {
		display: inline-block;
	}
	.smart__connector {
		display: none;
	}
	.smart__connector-2 {
		margin-top: -30px;
		width: 100%;
		height: 200px;
		background: url('../img/disparos-de.png')no-repeat center/contain;
	}
	.smart__intro .row-boxes {
		margin-top: 10px;
	}
	.smart__intro .row-boxes p {
		margin-top: -20px;
	}
	.smart__intro + .section__solutions, .section__hiw + .section__solutions {
		padding: 80px 0;
	}
	.smart__intro p {
		text-align: right;
		margin-top: 75%;
		font-size: 16px;
	}
	.smart__intro .col-md-3 p {
		text-align: left;
		padding-left: 40px;
	}
	.smart__intro .row-boxes p {
		text-align: center;
	}
	.smart__intro .check li {
		display: block;
	}
}
@media screen and (min-width: 1200px) {
	.smart__intro {
		background: url('../img/smart.png')no-repeat bottom left;
	}
	.smart__connector-2 {
		height: 300px;
		margin-top: -20px;
	}
	.smart__carousel .slick-list {
		/*padding-right: 105px!important;*/
	}
}


.section__hiw {
	padding: 30px 0;
	text-align: center;
}
.subtitle__marker {
	text-align: center;
	color: #696977; 
}
.subtitle__marker span {
	color: #f3123c;
}
.subtitle__marker:after {
	background: #f3123c;
	content: '';
	width: 30px;
	height: 7px;
	border-radius: 20px;
	display: block;
	margin: 15px auto;
}
.lead__carousel {
	margin: 0 0 30px 0;
	padding-bottom: 30px;
	border-bottom: 2px solid #ededef;
}
.lead__carousel--item {
	margin: 20px;
	width: 100%;
	padding: 30px;
	border-radius: 20px;
	box-shadow: 0 10px 15px rgba(0,0,0,.05);
	text-align: center;
}
.lead__carousel--item img {
	display: inline-block!important;
}
.lead__carousel {
	display: flex;
	justify-content: space-between;
}
.lead__carousel p {
	text-align: left;
	font-size: 12px;
	font-weight: bold;
}
.lead__carousel p:after {
	content: '';
	width: 30px;
	height: 7px;
	border-radius: 10px;
	display: block;
	margin: 15px auto 15px 0;
}
.lead__carousel-bar {
	flex: 0 0 30%;
}
.lead__carousel-bar div div:last-child {
	display: none;
}
.lead__carousel-bar > div {
	position: relative;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.lead__carousel-bar > div div {
	height: 200px;
	width: 15px;
	background: #f9f9f9;
	border-radius: 100px;
	position: relative;
	z-index: 1;
}
.lead__carousel-bar > div div:after {
	content: '';
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0; 
	display: block;
	z-index: 2;
	border-radius: 100px;
	transition: all 1s ease-in-out;
	height: 0;
}
.lead__carousel-bar-1 p:after {
	background: #00ffa0;
}
.lead__carousel-bar-1 > div div:after {
	background: #00ffa0;
}
.animated .lead__carousel-bar-1 > div div:nth-child(1):after {
	height: 60%;
	transition-delay: .1s;
	border-top: 3px solid #c6c6c6;
}
.animated .lead__carousel-bar-1 > div div:nth-child(2):after {
	height: 40%;
	transition-delay: .2s;
	border-top: 3px solid #c6c6c6;
}
.animated .lead__carousel-bar-1 > div div:nth-child(3):after {
	height: 50%;
	transition-delay: .3s;
	border-top: 3px solid #c6c6c6;
}
.animated .lead__carousel-bar-1 > div div:nth-child(4):after {
	height: 45%;
	transition-delay: .4s;
	border-top: 3px solid #c6c6c6;
}
.animated .lead__carousel-bar-1 > div div:nth-child(5):after {
	height: 30%;
	transition-delay: .5s;
	border-top: 3px solid #c6c6c6;
}

.lead__carousel-bar-2 p:after {
	background: #ffcd00;
}
.lead__carousel-bar-2 > div div:after {
	background: #ffcd00;
}
.animated .lead__carousel-bar-2 > div div:nth-child(1):after {
	height: 40%;
	bottom: 30%;
	transition-delay: .6s;
	border-top: 3px solid #c6c6c6;
}
.animated .lead__carousel-bar-2 > div div:nth-child(2):after {
	height: 50%;
	bottom: 30%;
	transition-delay: .7s;
	border-top: 3px solid #c6c6c6;
}
.animated .lead__carousel-bar-2 > div div:nth-child(3):after {
	height: 50%;
	bottom: 20%;
	transition-delay: .8s;
	border-top: 3px solid #c6c6c6;
}
.animated .lead__carousel-bar-2 > div div:nth-child(4):after {
	height: 50%;
	bottom: 30%;
	transition-delay: .9s;
	border-top: 3px solid #c6c6c6;
}
.animated .lead__carousel-bar-2 > div div:nth-child(5):after {
	background: #f3123c;
	height: 40%;
	transition-delay: 1s;
	border-top: 3px solid #c6c6c6;
	top: 0;
	bottom: auto;
}

.lead__carousel-bar-3 p:after {
	background: #f3123c;
}
.lead__carousel-bar-3 > div div:after {
	background: #f3123c;
	bottom: auto;
	top: 0;
}
.animated .lead__carousel-bar-3 > div div:nth-child(1):after {
	height: 70%;
	transition-delay: 1.1s;
	border-bottom: 3px solid #c6c6c6;
}
.animated .lead__carousel-bar-3 > div div:nth-child(2):after {
	height: 45%;
	transition-delay: 1.2s;
	border-bottom: 3px solid #c6c6c6;
}
.animated .lead__carousel-bar-3 > div div:nth-child(3):after {
	height: 85%;
	transition-delay: 1.3s;
	border-bottom: 3px solid #c6c6c6;
}
.animated .lead__carousel-bar-3 > div div:nth-child(4):after {
	height: 65%;
	transition-delay: 1.4s;
	border-bottom: 3px solid #c6c6c6;
}
.animated .lead__carousel-bar-3 > div div:nth-child(5):after {
	height: 80%;
	transition-delay: 1.5s;
	border-bottom: 3px solid #c6c6c6;
}

.lead__users {
	margin: 0 -15px 50px -15px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
}
.lead__users .lead__carousel--item {
	flex: 0 0 calc(50% - 50px);
	margin: 15px;
}
.lead__users .lead__carousel--item:last-child {
	display: none;
}
@media screen and (min-width: 992px) {
	.section__hiw {
		padding: 80px 0;
	}
	.subtitle__marker {
		font-size: 25px;
		margin-bottom: 50px;
	}
	.lead__carousel {
		justify-content: space-around;
		margin-bottom: 60px;
		padding-bottom: 50px;
	}
	.lead__carousel-bar {
		flex: 0 0 33.33%;
		margin: 0 15px;
	}
	.lead__carousel-bar > div div {
		height: 360px;
	}
	.lead__carousel p {
		text-align: left;
		margin-top: 30px;
		margin-left: 10px;
	}
	.lead__carousel p:after {
		margin: 20px 0 20px 0;
	}
	.lead__carousel-bar > div div {
		width: 20px;
	}
	.lead__carousel-bar > div {
		margin: 0 12px;
	}
	.lead__carousel p {
		text-align: center;
		font-size: 21px;
	}
	.lead__carousel p:after {
		margin: 15px auto;
	}
	.lead__carousel-bar div div:last-child {
		display: block;
	}
	.lead__users .lead__carousel--item:last-child {
		display: block;
	}
	.lead__users .lead__carousel--item {
		flex: 0 0 calc(20% - 50px);
	}
}

/* Marketplace */
.page__title--bg a {
	color: #fff;
	text-decoration: underline;
}
.marketplace__intro {
	padding: 30px 0;
}
.catalogue {
	padding: 30px 0;
}
.catalogue h2:before {
	content: attr(data-text);
	display: block;
	position: absolute;
	font-weight: 100;
	color: #f3f3f3;
	text-transform: uppercase;
	font-size: 46px;
	z-index: -1;
	top: 0;
	left: 0;
	text-align: center;
	width: 100%;
}
.marketplace_bg .col-md-6:first-child {
	background: #696977;
}
.marketplace_bg .col-md-6 img {
	margin-top: -30px;
}
.marketplace_bg .col-md-6:last-child {
	background: #2e2d37;
}
.marketplace_bg .col-md-6 div {
	padding: 40px 30px;
}
.marketplace_bg .col-md-6 div a {
	color: #fff;
	text-decoration: underline;
}
.marketplace_bg h3, .marketplace_bg p {
	color: #fff;
}
.subtitle__element {
	font-size: 21px;
}
.subtitle__element:after {
	content: '';
	width: 30px;
	height: 7px;
	background: #f3123c;
	display: block;
	margin: 20px 0;
	border-radius: 20px;
}
.catalogue h2 + p {
	text-align: center;
	color: #696977;
}
.catalogue h2 + p a {
	color: #696977;
	text-decoration: underline;
}
.catalogue__box {
	background: #696977;
	padding: 20px;
	border-radius: 15px;
	display: flex;
	flex-direction: column;
}
.catalogue__box span {
	padding: 15px 20px;
	text-align: center;
	background: #ecedf2;
	color: #2e2d37;
	border-radius: 10px;
}
.catalogue__box span + span {
	margin-top: 20px;
}
.catalogue__whitebox {
	padding: 30px;
	border: 1px solid #f0f0f1;
	border-radius: 15px;
	margin-top: 20px;
}
.catalogue__whitebox p {
	color: #696977;
	font-size: 18px;
}
.catalogue__whitebox p strong {
	font-size: 30px;
	color: #2e2d37;
	display: block;
}
.catalogue__whitebox .col-md-4 + .col-md-4 {
	margin-top: 20px;
}

.daily, .brands, .opinion {
	margin-top: 40px;
	background: #2e2d37;
	color: #fff;
	padding-bottom: 30px;
}
.daily img, .brands img, .opinion img {
	margin-top: -40px;
}

.white__stripe {
	height: 50px;
	position: relative;
}
.white__stripe img {
	height: 120px;
	top: -30px;
	position: absolute;
	right: 0;
}
.white__stripe img:nth-child(2) {
	height: 120px;
	top: auto;
	bottom: -90px;
	position: absolute;
	left: -50px;
}

.white__stripe-2 {
	position: relative;
	height: 50px;
}
.white__stripe-2 img {
	position: absolute;
	height: 50px;
	right: 0;
	top: -20px;
}
.catalogue__icon {
	height: 40px;
}

@media screen and (min-width: 992px) {
	.catalogue__whitebox .col-md-4, .catalogue__whitebox .col-md-4 + .col-md-4 {
		margin-top: 0px;
	}
	.marketplace__intro {
		padding: 80px 0;
	}
	.marketplace__intro + .marketplace_bg {
		background: rgb(46,45,55);
		background: linear-gradient(270deg, rgba(46,45,55,1) 50%, rgba(105,105,119,1) 50%);
	}
	.marketplace_bg {
		background: rgb(46,45,55);
		background: linear-gradient(270deg, rgba(105,105,119,1) 50%, rgba(46,45,55,1) 50%);
	}
	.marketplace_bg .col-md-6 div {
		padding: 100px 90px 0 90px;
	}
	.subtitle__element {
		font-size: 30px;
	}
	.marketplace_bg .col-md-6 div p {
		font-size: 18px;
	}
	.section__title {
		position: relative;
	}
	.catalogue {
		padding: 80px 0;
	}
	.catalogue h2:before {
		font-size: 150px;
		top: -70px;
	}
	.catalogue h2 + p {
		color: #696977;
		margin-top: 40px;
	}
	.catalogue__box {
		margin: 30px 0;
		padding: 30px;
	}
	.catalogue__box {
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: space-between;
	}
	.catalogue__box span {
		flex: 0 0 calc(33.33% - 30px);
	}
	.catalogue__box span + span {
		margin: 0;
	}
	.catalogue__box span:nth-child(1),
	.catalogue__box span:nth-child(2),
	.catalogue__box span:nth-child(3) {
		margin-bottom: 30px;
	}

	.daily {
		margin-top: 0;
		position: relative;
		padding: 80px 0 100px 0;
	}
	.daily:after {
		content: '';
		display: block;
		position: absolute;
		left: 0;
		top: 50%;
		width: 500px;
		height: 600px;
		margin-top: -300px;
		background: url('../img/208.png')no-repeat center/contain;
	}
	.white__stripe {
		height: 325px;
	}
	.white__stripe img {
		top: -70px;
		height: auto;
	}
	.white__stripe img:nth-child(2) {
		height: auto;
		bottom: -200px;
		left: -200px;
	}

	.brands, .opinion {
		padding: 80px 0 100px 0;
	}
	.brands img, .opinion img {
		position: absolute;
		top: -50%;
		margin-top: -250px;
	}
	.opinion img {
		top: auto;
		margin-top: -200px;
	}

	.white__stripe-2 {
		height: 380px;
	}
	.white__stripe-2 img {
		height: auto;
		right: -200px;
		bottom: -100px;
		top: auto;
	}

	.opinion + .section__solutions {
		padding-top: 220px;
	}
}

@media screen and (min-width: 1200px) {
	.marketplace_bg .col-md-6 div {
		padding-top: 140px;
	}
	.brands p, .opinion p, .daily p {
		font-size: 18px;
		max-width: 70%;
	}
	.daily:after {
		width: 650px;
	}
}

@media screen and (min-width: 1380px) {
	.daily:after {
		width: 700px;
	}
}
@media screen and (min-width: 1600px) {
	.daily:after {
		width: 800px;
	}
}
@media screen and (min-width: 1900px) {
	.daily:after {
		height: 520px;
		width: 966px;
		margin-top: -260px;
	}
	.white__stripe img {
		right: 0;
		margin-top: -150px;
	}
	.white__stripe img:nth-child(2) {
		height: auto;
		bottom: -200px;
		left: 0px;
	}
	.white__stripe-2 img {
		right: 50px;
	}

	.opinion .col-md-6:last-child {
		padding-left: 60px;
	}
}

#sticker {
	z-index: 9999!important;
}
.tabs {
	margin: 30px 0 15px 0;
	padding: 0;
	list-style: none;
	text-align: center;
}
.tabs li {
	display: inline-block;
	margin: 0 15px 15px 0;
}
.tabs li a {
	color: #e7002e;
	padding: 15px 25px;
	border: 2px solid #e7002e;
	background: #fff;
	font-weight: bold;
	display: block;
	border-radius: 5px;
	font-size: 14px;
	transition: all .3s ease-in-out;
	box-shadow: 0 5px 10px rgba(0,0,0,.1);
}
.tabs li a:hover, .tabs li a.active, .tabs li a:active, .tabs li a:focus {
	background: #e7002e;
	color: #fff;
	text-decoration: none;
}

.content__section {
	padding: 30px 0;
}
.content__section .section__title--centered-after + p {
	text-align: center;
}
.content__section h2 + p {
	color: #696977;
}
#youtube .col-md-4 strong, #wm1 strong {
	font-size: 21px;
	color: #2e2d37;
	display: block;
}
#youtube .col-md-4 {
	margin-top: 15px;
	color: #696977;
	text-align: center;
}
.check span {
	color: #696977;
	font-weight: bold;
	text-transform: uppercase;
}
#webmotors-tv .check {
	background: url('../img/mapa.png')no-repeat right center;
	background-size: 200px auto;
}
#webmotors-tv img + h2 {
	margin-top: 20px;
}

#redes-sociais .social__box {
	padding: 20px;
	border-radius: 15px;
}
#redes-sociais .col-md-6:first-child .social__box {
	background: #ecedf2;
}
#redes-sociais .col-md-6:last-child .social__box {
	background: #2e2d37;
	margin-top: 15px;
}

.social__box--carousel {
	margin: 0 -20px 0 -10px;
}
.social__box--carousel .slick-list {
	/*padding-right: 10%;*/
}
.social__box--carousel .slick-slide {
	padding: 20px;
	background: #fff;
	margin: 0 10px;
	border-radius: 10px;
	max-width: 120px;
}
.social__box--carousel p strong {
	color: #2d2d37;
	margin: 0;
}
.social__box--carousel + p {
	font-size: 12px;
	color: #696977;
}
.social__box h3 {
	margin: 5px 0 15px 0;
}
.social__box .col-md-6:last-child img {
	height: 200px;
	margin-top: -30px;
}
.social__box h4, .social__box p {
	color: #696977;
}
.social__box strong {
	display: block;
}

#redes-sociais .col-md-6:last-child .social__box h3, #redes-sociais .col-md-6:last-child .social__box h4, #redes-sociais .col-md-6:last-child .social__box p {
	color: #fff;
}
#redes-sociais .col-md-6:last-child .social__box--carousel .slick-slide p {
	color: #696977;
}

.case {
	padding: 30px 0;
	background: #ecedf2;
}
.case .detail:before {
	content: '';
	width: 30px;
	height: 7px;
	background: #f3123c;
	border-radius: 20px;
	display: block;
	margin: 0 0 20px 0;
}
.watch-strada {
	margin-top: 15px;
	border-radius: 10px;
	display: block;
	overflow: hidden;
}

.case h3 {
	margin: 5px 0 10px 0;
}
.case .col-md-push-6 .row strong {
	display: block;
	font-size: 18px;
}
.case .col-md-push-6 .row p {
	color: #696977;
	margin: 0 0 10px 0;
}

.case__data {
	margin-top: 50px;
	padding: 30px 0;
}
.case__data--carousel {
	padding: 0 15px;
}
.case__data--box {
	margin-top: 15px;
	padding: 20px;
	background: #ecedf2;
	border-radius: 15px;
}
.case__data--box h3 {
	margin: 5px 0 15px 0;
}
.case__data--box p {
	color: #696977;
}
.case__data--box strong {
	display: block;
	font-size: 18px;
}

.case__other {
	padding: 30px 0;
}
.case__other h2 {
	margin: 0 0 30px 0;
}
.case__other h2:after {
	content: '';
	width: 30px;
	height: 7px;
	border-radius: 20px;
	background: #f3123c;
	display: block;
	margin: 15px 0;
}

.accordion__toggle {
	font-size: 18px;
	position: relative;
	background: #ecedf2;
	padding: 20px;
	margin: 0 0 20px 0;
}
.accordion__content {
	padding: 15px;
	margin-top: -20px;
}
.accordion__toggle:after {
	content: '';
	width: 15px;
	height: 20px;
	background: url(../img/arrow-down.png)no-repeat center;
	position: absolute;
	background-size: contain;
	margin-top: -7.5px;
	top: 50%;
	right: 20px;
	display: block;
	transition: all .3s ease-in-out;
}
.content-pill {
	margin: 0 0 15px 0;
}
.content-pill h3, .content-pill p {
	margin: 0;
}
.case__other + .section__solutions {
	background: #ecedf2;
}
.content-pill {
	color: #2e2d37;
}
.content-pill:before {
	content: '';
	width: 30px;
	height: 7px;
	border-radius: 20px;
	display: block;
	margin: 0 0 15px 0;
	background: #f3123c;
}
.content-pill h3 {
	font-size: 21px;
}

#youtube .why__carousel, #wm1 .why__carousel {
	text-align: center;
	padding: 0 15px;
	margin-bottom: 0;
}
#youtube .why__carousel p, #wm1 .why__carousel p {
	font-size: 15px;
}
#youtube .why__carousel p {
	margin-bottom: 0;
}
#youtube .why__carousel p strong {
	display: block;
}
#youtube .why__carousel--item {
	/*max-width: 200px;*/
	min-height: 170px;
}
#youtube .why__carousel .sec-icon img, #wm1 .why__carousel .sec-icon img {
	display: inline-block;
}
.sec-icon {
	height: 45px;
}
@media screen and (min-width: 350px) {
	.why__carousel .slick-list {
		padding: 0 50% 0 30px;
	}
	#youtube .why__carousel--item {
		min-height: 190px;
	}
}
@media screen and (min-width: 500px) {
	#youtube .why__carousel--item {
		min-height: 170px;
	}
}
@media screen and (min-width: 992px) {
	.case__data--carousel {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.case__data--carousel .case__data--box {
		flex: 0 0 calc(33.33% - 15px);
	}
	.tabs {
		margin: 0;
	}
	.tabs-holder {
		margin-top: 60px;
	}
	.tabs li a {
		padding: 25px 30px;
		font-size: 18px;
		border-radius: 15px;
	}
	#youtube, #wm1, #webmotors-tv, #redes-sociais, #branded-content {
		padding: 80px 0;
	}
	#youtube .col-md-4 {
		text-align: left;
		margin-top: 50px;
	}
	#youtube .col-md-4 strong, #wm1 strong {
		display: inline;
	}
	#youtube .col-md-4 .last {
		float: right;
	}
	
	#youtube .col-md-4:nth-child(2) {
		padding-left: 100px;
	}
	#youtube .col-md-4:nth-child(3) {
		padding-left: 180px;
	}
	.content__section h2 {
		font-size: 60px;
	}
	#wm1 {
		background: url('../img/wm1.jpg')no-repeat left center;
		background-size: auto 500px;
		padding-bottom: 0;
	}
	section:focus {
		outline: 0;
	}
	#webmotors-tv img {
		margin-top: 80px;
		max-width: none;
	}
	#webmotors-tv .button {
		margin-top: 35px;
	}
	#webmotors-tv .check {
		margin: -20px 0 0 0;
		padding: 30px 0;
		background-size: auto;
	}
	#webmotors-tv .check li {
		margin-bottom: 10px;
	}
	#redes-sociais .social__box {
		margin-top: 60px!important;
		padding: 50px;
	}
	#redes-sociais .social__box .button {
		font-size: 14px;
	}
	.case {
		padding: 80px 0;
	}
	.social__box--carousel + p {
		margin: 20px 0 0 0;
	}
	.social__box--carousel {
		margin: 0 10px 0 0;
		padding: 0 10px 0 0;
	}
	.social__box .col-md-6:last-child img {
		height: auto;
	}
	.case {
		position: relative;
	}
	.case:after {
		content: '';
		width: 100%;
		height: calc(100% - 30px);
		position: absolute;
		top: 0;
		left: 0;
		background: #ecedf2;
		display: block;
		z-index: -1;
	}
	.case__data--box {
		padding: 40px;
	}
	.case__other h2 {
		font-size: 60px;
		position: relative;
	}
	.case__other h2:before {
		content: attr(data-text);
		font-size: 300px;
		font-weight: 100;
		position: absolute;
		bottom: -200px;
		right: -30%;
		color: #eaeaec;
		text-transform: uppercase;
	}
	.case__other {
		padding: 80px 0;
	}
	.accordion__toggle {
		padding: 30px;
	}
	.content-pill {
		margin-top: 20px;
	}
	.accordion__content {
		padding: 30px;
	}
	.case__other + .section__solutions {
		padding: 80px 0;
	}
}


@media screen and (min-width: 1100px) {
	#wm1 {
		background-size: auto 600px;
	}
}
@media screen and (min-width: 1400px) {
	#wm1 {
		background-size: auto 700px;
	}
}
@media screen and (min-width: 1500px) {
	#wm1 {
		background-size: auto 100%;
		padding-bottom: 100px;
	}
}
@media screen and (min-width: 1800px) {
	#wm1 {
		padding-bottom: 200px;
	}
}

.slick-dots {
	margin: 20px 0;
	padding: 0;
	list-style: none;
	text-align: center;
}
.slick-dots li {
	display: inline-block;
	margin: 0 10px;
}
.slick-dots li:first-child {
	margin-left: 0;
}
.slick-dots button {
	width: 10px;
	height: 10px;
	background: #dddddd;
	opacity: .7;
	text-indent: -9999px;
	border-radius: 100%;
	padding: 0;
	border: 0;
	transition: all .3s ease-in-out;
}
.slick-dots button:focus {
	outline: 0;
}
.slick-dots .slick-active button {
	background: #f3123c;
	opacity: 1;
}

.midia__section {
	background: #17151f;
	color: #fff;
	padding-bottom: 30px;
}
@media screen and (min-width: 992px) {
	.catalogue__whitebox--midias {
		padding-top: 50px;
		padding-left: 40px;
	}
	.midia__section {
		padding: 200px 0;
		background: url('../img/bg-section-midia.jpg')no-repeat center/cover;
	}
}

#autoinsights .field__holder.field__holder--news label {
	left: 25px;
}
.carousel-autoinsights .slick-list {
	padding: 0 30% 0 15px;
	margin: 0 -30px;
}
.box-autoinsights {
	margin: 20px;
	position: relative;
	border-radius: 15px;
	overflow: hidden;
	box-shadow: 0 5px 15px rgba(0,0,0,.1);
	max-width: 273px;
}
.box-autoinsights:after {
	content: '';
	width: 25px;
	height: 26px;
	background: url('../img/logo-autoinsights-2.png')no-repeat center;
	display: block;
	position: absolute;
	top: 15px;
	left: 15px;
}
.box-autoinsights-content {
	padding: 20px;
}
.box-autoinsights-content h3 {
	margin: 0 0 15px 0;
	font-weight: normal;
	font-size: 16px;
}
.button-download {
	border-radius: 10px;
	display: inline-block;
	padding: 25px;
	background: #f3123c url('../img/download.jpg')no-repeat 13px center;
	position: relative;
	transition: all .3s ease-in-out;
	width: 50px;
	overflow: hidden;
}
.button-download span {
	font-weight: bold;
	/*display: none;*/
	color: #fff;
	font-size: 18px;
	position: absolute;
	right: -20%;
	margin-top: -12.5px;
	top: 50%;
	opacity: 0;
	transition: all .3s ease-in-out;
}
.button-download:hover {
	width: 126px;
}
.button-download:hover span {
	right: 20px;
	opacity: 1;
}

@media screen and (min-width: 992px) {
	.carousel-autoinsights .slick-list {
		padding: 0;
		margin: 0 -30px;
	}
}

@media screen and (max-width: 480px) {
  [data-aos-delay] {
    transition-delay: 0s !important;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1370px) {
	body, .form__box p, .checkbox {
		font-size: 12px!important;
	}
	.page__title {
		padding: 30px!important;
	}
	.content__section h2, .section__title, .case__other h2, .page__title--bg h1, .section__crm-why h2, .section__hero h1, .form__box h2 {
		font-size: 32px!important;
		line-height: 1!important;
	}
	.section__subtitle, .page__title--bg h2, .carousel__solutions--item--text p {
		font-size: 21px!important;
	}
	#redes-sociais .social__box {
		margin-top: 30px!important;
	}
	.carousel__solutions--image {
		height: 65px!important;
	}
	.carousel__solutions--item {
		min-height: 180px!important;
	}
	.case .row:first-child .col-xs-12 img {
		max-width:50%;
		margin: 0 auto;
		display: block;
	}
	.section__hero img {
		max-width:50%;
		margin: 30px auto 0 auto;
		display: block;
	}
	.section__crm-why {
		padding: 50px 0 80px 0!important;
	}
	.smart__intro, .smart__intro + .section__solutions, .section__hiw + .section__solutions, .section__why, #youtube, #wm1, #webmotors-tv, #redes-sociais, #branded-content, .case__other + .section__solutions, .case__other, .section__opportunities, .section__opportunities + .section__solutions, .opinion + .section__solutions, .midia__section + .section__solutions {
		padding: 50px 0!important;
	}
	.crm__intro {
		padding: 110px 0!important;
	}
	.section__why .section__title:after {
		margin-top: 10px!important;
	}
	.section__fans {
		margin-top: 90px!important;
	}
	.section__autoinsights {
		padding-top: 130px!important;
	}
	.opinion + .section__solutions {
		padding-top: 230px!important;
	}
}

/* Lead 0Km */
.lead-form .container {
	position: relative;
}
.lead-form {
	padding: 0 0 30px 0;
	background: #ecedf2;
	margin-top: 50px;
}
.lead-form img {
	margin: -100px 0 20px 0;
}
.carousel {
	margin: 30px -15px 0 -15px;
}
.carousel__item {
	text-align: center;
	padding: 0 15px;
}
.everything {
	padding: 30px 0;
}
@media screen and (min-width: 992px) {
	.carousel {
		flex-wrap: wrap;
		display: flex;
	}
	.carousel .carousel__item {
		flex: 0 0 33%;
		margin: 0 0 30px 0;
		padding: 0 20px;
	}
	.lead-form {
		padding: 70px 0 0 0;
	}
	.lead-form img {
		position: relative;
		top: 45px;
	}
	.lead-form .subtitle__element {
		margin-top: 0;
		padding-top: 10%;
	}
	.everything {
		padding: 100px 0;
	}
	.carousel__item h3 {
		margin: 20px 0 10px 0;
	}
	.carousel__item p {
		margin: 0;
	}
	.carousel .carousel__item {
		margin-bottom: 50px;
	}
}

.crm-iframe {
	/*margin-top: 100px;*/
}
.iframe-responsive {
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-top: 56.25%;
}

.iframe-responsive iframe {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	border-radius: 15px;
}
.content-iframe iframe {
	border-radius: 0;
}

.backdrop {
	background-color: rgba(46, 45, 55, 0.7);
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: table;
	opacity: 0;
	z-index: -10;
	transition: all .2s ease-out;	
}
.backdrop.is-visible {
	z-index: 9999;
	opacity: 1;
}
.modal {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding-bottom: 70px;
}
.modal-content {
	position: relative;
	border-radius: 8px;
	padding: 30px;
	display: inline-block;
	background: #fff;
	max-width: 300px;
	width: 90%;
	box-shadow: 0 40px 40px -40px rgba(46, 45, 55, 0.6);
}
.modal-content h2 {
	text-align: left;
	margin: 0 0 20px 0;
	font-size: 20px;
	width: 95%;
}
.modal-content .button__primary {
	display: block;
	width: 100%;
	font-size: 16px;
	height: 56px;
	margin-top: 15px;
	line-height: 56px;
}
.modal-content img {
	width: 100%;
	margin: 0 0 20px 0;
}
.close-modal-xs {
	background: url('../img/close-modal-md.svg')no-repeat center;
	background-size: contain;
	width: 15px;
	height: 15px;
	border: 0;
	position: absolute;
	top: 15px;
	right: 15px;
	margin-left: -20px;
}
.form__holder {
	position: relative;
}
.form__holder .button__primary {
	position: absolute;
	right: 0;
	top: 0;
	border-radius: 5px;
	margin: 0
}
.form__holder label {
	position: absolute;
	top: 15px;
	left: 10px;
	background: #fff;
	padding: 3px 6px;
	display: block;
	transition: all .1s ease-out;
	font-size: 14px;
	width: 65%;
	color: #aeaeba;
	text-align: left;
}
.form__field:focus + label, .form__field:not(:placeholder-shown) + label {
	top: -9px;
	font-size: 9px;
	width: auto;
	color: #2e2d37;
}
.required {
	border-color: #9000c8;
}
.required + label {
	color: #9000c8;
}
.required:valid {
	border-color: #2e2d37;
}
.required:valid + label {
	color: #2e2d37;
}

.form__message {
	position: fixed;
	top: -63px;
	left: 0;
	width: 100%;
	padding: 20px;
	margin: 0;
	animation-delay: 2s;
	z-index: 9999;
}
.success {
	border-bottom: 1px solid #8cf2b2;
	background: #c1ebd1;
}
.form__message.show {
	animation: showIt 5s ease-in-out;
}
.modal-content {
	overflow-y: scroll;
	max-height: 480px;
	margin-top: 30px;
}
.modal-content .checkbox {
	font-size: 13px;
	text-align: left;
}
.modal-content .form__holder + p {
	text-align: left;
	font-size: 13px;
	margin: 10px 0 20px 0;
	color: #bdbdc2;
}
@keyframes showIt {
	0% {
		top: -63px;
	}
	10% {
		top: 0;
	}
	90% {
		top: 0;
	}
	100% {
		top: -63px;
	}

}

@media screen and (min-width: 992px) {
	.modal-content {
		max-height: 80vh;
		max-width: 500px;
	}
	.modal-content .col-md-6:first-child {
		padding-right: 5px;
	}
	.modal-content .col-md-6:last-child {
		padding-left: 5px;
	}
	.content-iframe {
		padding-top: 35%;
	}
	.section__hiw + .section__solutions.section__solutions--pd {
		padding: 80px 0!important;
	}
}
@media screen and (min-width: 1366px) {
	.content-iframe {
		padding-top: 25%;
		margin-bottom: 50px;
	}
}

.slick-disabled {
	display: none!important;
}

.page__title--autoinsights {
	padding: 0;
}
.page__title--autoinsights .page__title--bg {
	padding: 38px 20px;
}
.page__title--autoinsights .page__title--bg h2 {
	font-size: 18px;
}
.page__title--autoinsights img {
	margin-bottom: 15px;
}

.blog-nav {
	background: #f2f2f6;
	padding-top: 100px;
	margin-top: -80px;
}
.blog-nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	justify-content: center;
}
.blog-nav li {
	flex: 0 0 33.33%;
	text-align: center;
	line-height: 14px;
	align-items: flex-end;
	display: flex;
	justify-content: center;
}
.blog-nav a {
	font-size: 12px;
	display: block;
	padding: 15px 10px;
	color: #2e2d37;
	border-bottom: 5px solid #f2f2f6;
}
.blog-nav a:hover {
	text-decoration: none;
}
.blog-nav a.active {
	font-weight: bold;
	border-bottom: 5px solid #f3153c;
}

.blog-container {
	padding: 40px 0;
}
.filter-posts {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #cccccc;
}
.filter-posts select {
	appearance: none;
	border: 2px solid #cccccc;
	border-radius: 100px;
	height: 40px;
	padding: 0 40px 0 15px;
	margin-left: 20px;
	color: #2e2d37;
	background: transparent;
	width: auto;
}
.filter-posts select:focus {
	outline: 0;
}
.filter-posts div {
	background: url('../img/arrow-down-select.svg')no-repeat calc(100% - 15px) center;
}

.blog-box {
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
	margin-top: 30px;
	position: relative;
}
.blog-box a.link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 10;
}
.blog-box, .blog-image {
	position: relative;
}
.blog-image div {
	padding-bottom: 56.25%;
	background-size: cover;
}
.blog-image img {
	position: absolute;
	top: 0;
	opacity: 0;
	height: 100%;
	width: auto;
	z-index: -1;
}
.blog-image:before {
	content: '';
	width: 100%;
	height: 100%;
	padding: 135px 168px 10px 0;
	background-image: linear-gradient(44deg, #2e2d37 16%, rgba(46, 45, 55, 0) 51%);
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
}
.blog-image.tag:after {
	content: '';
	width: 45px;
	height: 45px;
	border-radius: 0 10px 10px 0;
	display: block;
	position: absolute;
	left: 0;
	bottom: 10px;
}
.tag-estudos:after {
	background: #f3153c url('../img/tag-estudo.svg')no-repeat center;
}
.tag-videos:after {
	background: #f3153c url('../img/tag-videos.svg')no-repeat center;
}
.tag-artigos:after {
	background: #f3153c url('../img/tag-artigo.svg')no-repeat center;
}

.blog-intro {
	padding: 20px;
}
.blog-intro span {
	font-size: 11px;
	color: #666;
	margin-bottom: 5px;
}
.blog-intro h3 {
	font-size: 14px;
	font-weight: bold;
	color: #2e2d37;
	margin: 0 0 10px 0;
}
.blog-intro p {
	color: #666;
	font-size: 12px;
	margin: 0 0 20px 0;
}
.blog-intro a {
	font-size: 14px;
	font-weight: bold;
	display: inline-block;
	padding: 0 38px 0 0;
	color: #f3153c;
	background: url('../img/arrow-right-blog.svg')no-repeat right center;
}

.news-box {
	background: #f2f2f6;
	border-radius: 10px;
	padding: 32px;
	margin-top: 30px;
}
.news-box h4 {
	font-size: 18px;
	color: #2e2d37;
	position: relative;
	margin: 0 0 30px 0;
}
.news-box h4:after {
	content: '';
	width: 30px;
	height: 4px;
	background: #f3153c;
	border-radius: 10px;
	display: block;
	margin-top: 15px;
}
.news-box p {
	font-size: 14px;
	color: #2e2d37;
	margin: 0 0 28px 0;
}
.news-box input[type="email"], .news-box input[type="text"] {
	padding: 0 15px;
	margin-bottom: 15px;
	width: 100%;
	height: 55px;
	border: 0;
	border-radius: 5px;
	background: #fff;
	color: #666666;
	font-size: 14px;
}
.form-check {
	display: flex;
	align-items: center;
}
.form-check label {
	font-size: 11px;
	color: #666666;
	margin-left: 15px;
}
.news-box .button {
	width: 100%;
	margin-top: 20px;
}

.blog-navigation {
	flex: 0 0 100%;
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #efefef;
	font-size: 14px;
	text-align: center;
}
.blog-navigation a {
	color: #f3153c;
	font-size: 14px;
}

@media screen and (min-width: 992px) {
	.blog-container {
		padding: 40px 0 100px 0;
	}
	.blog-nav {
		padding-top: 120px;
	}
	.blog-nav li {
		flex: initial;
	}
	.blog-nav a {
		font-size: 18px;
		color: #2e2d37;
		padding: 21px 30px;
	}
	.filter-posts {
		margin-bottom: 0;
	}
	.blog-posts {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		margin: 15px -15px 0 -15px;
	}
	.blog-box {
		flex: 0 0 calc(33.33% - 30px);
		margin: 30px 15px 0 15px;
		display: flex;
		flex-direction: column;
	}
	.blog-intro {
		flex: 1;
		display: flex;
		flex-direction: column;
	}
	.blog-intro p {
		flex: 1;
	}
	.sticky {
		position: sticky;
		top: 125px;
	}
}

/* Interna Post */
.scroll-progress {
	position: fixed;
	bottom: 0;
	height: 5px;
	background: #f3153c;
	z-index: 10;
}
.inner-title {
	padding: 90px 0 30px 0;
	background: #f2f2f6;
}
.inner-title h1 {
	font-size: 18px;
	color: #2e2d37;
	margin: 0;
	font-weight: normal;
}
.inner-title p {
	font-size: 12px;
	color: #666;
	margin: 5px 0 0 0;
}
.inner-title .blog-image {
	margin-top: 30px;
	margin-bottom: -100px;
	border-radius: 10px;
	overflow: hidden;
}
.inner-title .blog-image div {
	padding-bottom: 100%;
}

.author-stripe {
	padding: 10px 0;
	border-bottom: 1px solid #efefef;
	font-size: 12px;
}
.logo-stripe {
	padding: 10px 0 10px 40px;
	background: url('../img/icon-web.png')no-repeat left center;
	background-size: 30px;
	color: #777;
	margin: 0;
}
.inner-content .blog-image {
	margin-top: 20px;
	border-radius: 10px;
	overflow: hidden;
}
.news-box-fixed {
	display: none;
}
.post-content p {
	color: #2e2d37;
	font-size: 14px;
	margin: 0 0 20px 0;
}
.post-content p.date {
	color: #777;
}
.sticky-xs {
	position: sticky;
	top: 70px;
}
.share-stripe {
	display: flex;
	flex-wrap: wrap;
}
.share-stripe a {
	width: 50px;
	height: 50px;
	display: block;
	text-indent: -9999px;
	margin: 0 -15px 1px -15px;
}
.share-whats {
	border-radius: 5px 5px 0 0;
	background: #f2f2f6 url('../img/icon-whatsapp-2.svg')no-repeat center;
}
.share-linkedin {
	background: #f2f2f6 url('../img/linkedin-2.svg')no-repeat center;
}
.share-email {
	border-radius: 0 0 5px 5px;
	background: #f2f2f6 url('../img/email-22.svg')no-repeat center;
}

.recommended {
	background: #f2f2f6;
	padding: 30px 0;
	z-index: 100;
}
.recommended .row {
	position: relative;
}
.recommended h2 {
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 30px 0;
}
.recommended-box {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
	position: relative;
}
.recommended-box a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
}
.recommended .col-md-4:last-child .recommended-box {
	margin: 0;
}
.recommended-pic {
	flex: 0 0 65px;
	height: 65px;
	border-radius: 5px;
	display: block;
	background-size: cover!important;
}
.recommended-box div:last-child {
	margin-left: 20px;
}
.recommended-box p {
	font-size: 12px;
	color: #777;
	margin: 0 0 1px 0;
}
.recommended-box h3 {
	font-weight: bold;
	font-size: 16px;
	margin: 0;
}
.close-box {
	position: absolute;
	top: 0;
	right: 15px;
	width: 13px;
	height: 13px;
	background: url('../img/close-box.svg')no-repeat center;
	text-indent: -9999px;
	display: block;
	border: 0;
	display: none;
}

.post-content h2 {
	color: #f3153c;
	font-weight: bold;
	font-size: 18px;
	margin: 20px 0;
}
@media screen and (min-width: 767px) {
	.share-stripe a {
		margin: 0 0 1px 0;
	}
}

.news-box-fixed h2 {
	font-size: 18px!important;
}

@media screen and (min-width: 992px) {
	.stripes {
		position: absolute;
		width: 100%;
		padding-bottom: 100%;
		top: -75px;
		right: 15px;
		z-index: 1;
	}
	.stripes:after {
		content: '';
		right: -100px;
		height: 234px;
		width: 406px;
		background: url('../img/lists.png')no-repeat right center;
		display: block;
		position: absolute;
		bottom: 50px;
		z-index: -1;
	}
	.sticky-xs {
		top: 30px;
	}
	.share-stripe {
		margin-top: 110px;
		justify-content: flex-end;
	}
	.inner-title {
		padding: 50px 0;
		position: relative;
		margin-top: 30px;
	}
	.inner-title h1 {
		font-size: 32px;
	}
	.inner-title .blog-image {
		width: 100%;
		padding-bottom: 100%;
		position: absolute;
		margin: 0;
		overflow: hidden;
		right: 0;
		top: 0;	
	}
	.inner-title .blog-image div {
		position: absolute;
		top: 0;
		width: 100%;
	}
	.blog-image:before {
		z-index: 2;
	}
	.blog-image.tag:after {
		z-index: 3;
		bottom: 20px;
	}
	.author-stripe {
		padding: 30px 0;
	}
	.author-stripe p {
		font-size: 16px;
	}
	.blog-container.inner {
		padding: 80px 0 120px 0;
	}
	.close-box {
		display: block;
	}
	.post-content p {
		font-size: 16px;
		line-height: 27px;
		margin-bottom: 35px;
	}
	.post-content ul {
		margin: 30px 0;
	}
	.post-content li {
		margin: 0 0 15px 0;
	}
	.post-content a:not(.button) {
		color: #f3123c;
		font-weight: bold;
		text-decoration: underline;
	}
	.news-box {
		margin-top: 45px;
	}
	.news-box-fixed {
		display: block;
		position: fixed;
		right: 15px;
		bottom: 0;
		z-index: 10;
	}
	.news-box-fixed {
		padding: 0;
		width: 300px;
		text-align: left;
		border-radius: 10px 10px 0 0;
	}
	.news-box-fixed h2 {
		background: #f3123c;
		color: #fff;
		padding: 15px 30px;
		margin: 0;
		border-radius: 10px 10px 0 0;
		font-weight: 400;
		cursor: pointer;
		text-align: center;
	}
	.news-box-fixed h2:after {
		display: none;
	}
	.news-box-fixed .news-form {
		padding: 30px;
	}
	.recommended {
		transition: all .3s ease-in-out;
		opacity: 0;
		bottom: -250px;
		position: sticky;
	}
	.recommended-sticky {
		bottom: 0;
		opacity: 1;
		transition: all .3s ease-in-out;
	}
	.recommended-no-sticky {
		position: static!important;
	}
	.post-content h2 {
		font-size: 36px;
	}
}
@media screen and (min-width: 1440px) {
	.stripes:after {
		right: -170px;
	}
}

.kg-image {
	max-width: 100%;
}
.kg-content *:first-child .kg-image {
	width: 100%;
}
.kg-width-wide .kg-image {
	max-width: 100%;
}
.kg-width-full .kg-image {
	max-width: 100%;
}
.kg-width-full figcaption {
	padding: 0 1.5em;
}

.kg-embed-card {
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-top: 56.25%;
	margin-bottom: 35px;
}
.kg-embed-card iframe {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

.kg-embed-card .fluid-width-video-wrapper {
	margin: 0;
}

.kg-gallery-container {
	display: flex;
	flex-direction: column;
	max-width: 100%;
	width: 100%;
}

.kg-gallery-row:not(:first-of-type) {
	margin: 0.75em 0 0 0;
}

.kg-gallery-image img {
	display: block;
	margin: 0 0 20px 0;
	max-width: 100%;
	height: auto;
}

.kg-bookmark-card {
    width: 100%;
    position: relative;
}

.kg-bookmark-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    color: currentColor;
    font-family: inherit;
    text-decoration: none;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.kg-bookmark-container:hover {
    text-decoration: none;
}

.kg-bookmark-content {
    flex-basis: 0;
    flex-grow: 999;
    padding: 20px;
    order: 1;
}

.kg-bookmark-title {
    font-weight: 600;
}

.kg-bookmark-metadata,
.kg-bookmark-description {
    margin-top: .5em;
}

.kg-bookmark-metadata {
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.kg-bookmark-description {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.kg-bookmark-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: text-bottom;
    margin-right: .5em;
    margin-bottom: .05em;
}

.kg-bookmark-thumbnail {
    display: flex;
    flex-basis: 24rem;
    flex-grow: 1;
}

.kg-bookmark-thumbnail img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
    object-fit: cover;
}

.kg-bookmark-author {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.kg-bookmark-publisher::before {
    content: "•";
    margin: 0 .5em;
}

.blog-container .js-download {
	display: none;
}
.tag-estudos .blog-container .js-download {
	display: inline-block;
	margin-bottom: 40px;
}
.tag-estudos .post-content p.date {
	display: none;
}

figure {
	display: block;
	margin: 20px 0;
}
figure img {
	max-width: 100%;
	height: auto!important;
}
figcaption {
	padding-top: 10px;
	font-size: 12px;
	color: #888;
}

blockquote {
	margin-left: 0;
	padding: 10px 0 10px 50px;
	border-left: 1px solid #eee;
	margin-bottom: 30px;
}

.page__title--autoinsights h1 {
	height: 41px;
	width: 100%s;
	display: block;
	margin: 0 auto 10px auto;
	background: url('../img/logo-autoinsights.svg')no-repeat center/contain;
	text-indent: -9999px;
}
.page__title--autoinsights h1:after {
	display: none;
}
.page__title--autoinsights p {
	position: relative;
	z-index: 3;
	margin: 0;
	color: #fff;
	font-size: 18px;
}
.blog-list h2 {
	margin: 0;
}

.breadcrumbs {
	display: flex;
	list-style: none;
	padding: 0;
	color: #999;
	font-size: 12px;
}
.breadcrumbs a {
	font-size: 12px;
	color: #999;
	font-weight: normal;
	text-decoration: none;
}

.breadcrumbs li + li::before {
	content: "/";
	opacity: 0.5;
	margin: 0 .2em;
}

.breadcrumbs li:last-child {
	font-weight: bold;
}

.fixed {
	box-shadow: 0 -10px 30px rgba(0,0,0,.1);
	padding: 25px 5px;
	border-radius: 27px 27px 0 0;
	background: #fff;
	position: fixed;
	width: 100%;
	bottom: 0;
	text-align: center;
}
.fixed .button {
	display: inline-block;
	width: auto;
	margin: 0 20px;
	padding: 15px;
}
@media screen and (min-width: 992px) {
	.fixed {
		display: none;
	}
}