body {
	background: #f5f5f5;
	background: url(../images/banner_ahi.jpg) 100% 0 no-repeat;
	background-size: 70%
}

.t-banner-main-infos {
	width: 30%
}

.t-banner-main-infos--top {
	width: 100%;
	background: #2a3241;
	padding: 25% 0;
	position: relative;
}

.t-banner-main-infos--top:after {
	content: "";
	position: absolute;
	left: 100%;
	bottom: 0;
	background: #303b50;
	background: linear-gradient(90deg, #303b50, #202732);
	width: 280px;
	width: 17.5rem;
	height: 50px;
	height: 3.125rem
}

.t-banner-main-infos--bottom {
	background: #2a3241;
	height: auto;
	padding: 2% 95px 100px 33.33%;
	width: calc(100% + 280px);
	position: relative;
	z-index: 1;
	margin-bottom: 100px
}

.t-banner-main-infos--bottom:before {
	content: "";
	display: block;
	height: 7px;
	width: 100px;
	background: #e6e6e6;
	margin-bottom: 70px
}

.t-banner-main-infos--bottom:after {
	content: "";
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	background: #fff;
	height: 600px
}

.t-banner-main-infos--bottom--title {
	color: #e6e6e6;
	font-weight: 300;
	text-align: left;
	display: block;
	font-size: 50px;
	font-size: 3.125rem;
	line-height: 58px;
	line-height: 3.625rem
}

.t-banner-main-infos--bottom--subtitle {
	color: #84848a;
	font-weight: 500;
	text-align: left;
	display: block;
	font-size: 16px;
	font-size: 1rem;
	padding-top: 40px;
	padding-top: 2.5rem
}

.t-banner-main-infos--brands {
	background: url(../images/brands_ahi.svg) 50% no-repeat;
	background-size: 100%;
	height: 50px;
	width: 100%;
	margin-top: 50px
}

.t-banner-main-image {
	width: 65%
}

.t-article {
	width: 100%;
	position: relative;
	z-index: 1
}

.t-article-flex.has--svg-ahi {
	background: url(../images/background-svg-ahi.svg) 50% no-repeat;
	background-size: 100%;
	padding: 100px 0 40px
}

.t-article-flex.has--svg-ahi .t-article-flex--center {
	background: transparent;
}

.t-article-flex--btns {
	-ms-flex-align: end;
	align-items: flex-start;
	position: relative
}

.t-article-flex--btns,
.t-article-flex--center {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.t-article-flex--btns {
	flex-direction: column;
}

.t-article-flex--center {
	width: 100%;
	-ms-flex-align: start;
	align-items: flex-start;
	margin: 0 auto;
	/*background: #fff;*/
	max-width: 1165px;
	max-width: 72.8125rem;
	padding-bottom: 100px;
	padding-bottom: 6.25rem
}

.t-article-flex--center.flex-center {
	-ms-flex-align: center;
	align-items: center
}

.t-article-flex--center figure {
	margin: 0;
	position: relative
}

.t-article-flex--center figure img {
	width: 100%
}

.t-article-flex--center figure:after {
	content: "";
	display: block;
	height: 27px;
	width: 100%
}

.t-article-flex--center figure.has--blue:after {
	background: #202631;
	background: linear-gradient(90deg, #202631, #303b50)
}

.t-article-flex--center figure.has--gray:after {
	background: #cdcdcd;
	background: linear-gradient(90deg, #cdcdcd, #fff)
}

.t-article-flex--left {
	width: 100%;
	max-width: calc(50% - 30px);
	margin-right: 30px;
	background: #fff;
}

.t-article-flex--left--flex {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.t-article-flex--left--flex--column {
	-ms-flex-direction: column;
	flex-direction: column;
	width: 45%
}

.t-article-flex--left--flex--column p {
	width: 100%
}

.t-article-flex--left.border-top:before {
	content: "";
	display: block;
	height: 7px;
	width: 100px;
	background: #e6e3e1;
	margin-bottom: 95px
}

.t-article-flex--right {
	width: 100%;
	max-width: 50%;
}

.t-article-flex:nth-child(2) .t-article-flex--center {
	background: #fff;
	padding-top: 40px;
}

.t-article-flex--right.padding-left {
	padding-left: 5%
}

.t-article-flex:nth-child(1) .t-article-flex--center figure {
	display: none;
}

.t-article-flex--title {
	color: #2a3241;
	font-weight: 300;
	text-align: left;
	display: block;
	font-size: 38px;
	font-size: 2.375rem;
	line-height: 38px;
	line-height: 2.375rem;
	margin-bottom: 70px;
	margin-bottom: 4.375rem
}

.t-article-flex--subtitle {
	color: #6e6e6e;
	text-align: left;
	display: block;
	width: 100%;
	font-size: 16px;
	font-size: 1rem;
	line-height: 22px;
	line-height: 1.375rem
}
 .t-article-flex--subtitle-footer {
   color: #6e6e6e;
    text-align: left;
    display: block;
    width: 70%;
    font-size: 16px;
    font-size: 1rem;
    line-height: 22px;
    line-height: 1.375rem;
	  
    }

.t-article-flex .t-btn.absolute {
	margin-top: 25px;
}

.t-article-flex--title--mobile {
    display: none;
}


@media only screen and (max-width: 767px) {

    body {
        background: none;
    }

    .t-main {
        width: 100%;
    }

    .t-article {
        padding: 0px 10%;
    }

    .t-article-flex {
        display: flex;
		flex-direction: column;
    }

    .t-article-flex--center {
        flex-direction: column;
		max-width: 100%;
		padding-bottom: 0;
		position: relative;
	}
	
	.t-article-flex--center.flex-center {
		flex-direction: column-reverse;
		align-items: flex-start;
	}

    .t-article-flex--center.first {
		flex-direction: column-reverse;  
		padding-bottom: 150px; 
	}
	
	.t-article-flex--center figure:after {
		height: 13px;
	}

    .t-article-flex--title {
        display: none!important;
    }

    .t-article-flex--title--mobile {
        color: #2a3241;
	    font-weight: 300;
	    text-align: left;
	    display: block;
        font-size: 1.625rem;
        line-height: 1.75rem;
        margin-bottom: 1.5rem
	}
	
    .t-article-flex--title--mobile-footer {
        color: #2a3241;
	    font-weight: 300;
	    text-align: left;
	    display: block;
        font-size: 1.625rem;
        line-height: 1.75rem;
        margin-bottom: 1.5rem
	}

    .t-article-flex--left {
        max-width: 100%;
	}
	
	article.t-article-flex--left:before {
		content: "";
		height: 4px;
        width: 60px;
		margin-bottom: 40px;
		position: absolute;
		top: -25px;
		display: block;
		background: #e6e3e1;
	}

    .t-article-flex--right {
        max-width: 100%;
	}

	.t-article-flex--right.padding-left {
		padding-left: 0;
	}
	
	.t-article-flex--right.padding-left s  {
		left: 87%!important;
	}

	.t-article-flex--right.padding-left:before {
		content: "";
		height: 4px;
        width: 60px;
		margin-bottom: 40px;
		position: absolute;
		top: -25px;
		display: block;
		background: #e6e3e1;
	}

    .t-banner-main {
		width: 100%;
		position: relative;
    }

    .t-banner-main-infos {
        width: 100%;
        background: url(../images/banner_main-m.png) 100% 0 no-repeat;
 }
	
	.t-banner-main:after {
		content: "";
		display: block;
		height: 13px;
		width: 100%;
		background: linear-gradient(90deg, #cdcdcd, #fff);
		z-index: 5000;
		position: absolute;
		bottom: 0;
	}

    .t-banner-main-infos--bottom {
        padding: 0 20px 50px 32px;
        width: 100%;
        margin-bottom: 90px;
        background: transparent;
    }

    .t-banner-main-infos--bottom--title {
        color: #e6e6e6;
        font-weight: 300;
        text-align: left;
        display: block;
        font-size: 2.375rem;
        line-height: 2.375rem;
    }

    .t-banner-main-infos--bottom--subtitle {
        color: #E0DCDC;
        font-size: 1rem;
        line-height: 1.125rem;
        font-weight: 400; 
    }

    .t-banner-main-infos--bottom:before {
        height: 4px;
        width: 60px;
        margin-bottom: 10%;
    }

    .t-banner-main-infos--top {
        padding: 20% 0;
        background: transparent;
     }

     .t-banner-main-infos--brands {
     	background: url(../images/brands_home-m.svg) center no-repeat;
     	background-size: contain;
     	height: 80px;
     }

    .t-banner-main-infos--top:after {
       display: none;
    }

    .t-article-flex .t-btn.absolute {
        position: absolute;
		left: 0;
		right: initial;
        bottom: -50px;
    }

    .t-article-flex--left.border-top:before {
        height: 4px;
        width: 60px;
		margin-bottom: 40px;
		position: absolute;
		top: -25px;
    }

    .t-article-flex--subtitle {
        font-size: 1rem;
		line-height: 1.125rem;
		margin-top: 1.75rem;
		width: 80%;
    }
	
  .t-article-flex--subtitle-footer {
   color: #6e6e6e;
    text-align: left;
    display: block;
    width: 80%;
    font-size: 16px;
    font-size: 1rem;
    line-height: 22px;
    line-height: 1.375rem;
	  
    }

    .t-article-flex--left--flex {
        flex-direction: column;
    } 

    .t-article-flex--left--flex--column {
        width: 100%;
    }

    .t-article-flex--left--flex--column p {
        width: 80%;
	}
	
	.t-article-flex.has--svg-ahi {
		padding-bottom: 100px;
	}

	.t-article-flex--center.flex-center .t-btn {
		margin-left: 0;
	}

	.linha {	
		background: #202632;
		background: linear-gradient(90deg, #202632, #303b50);
		height: 15px;
		width: 100%;
		display: block;
	} 

	.t-article-flex--subtitle br {
		display: none;
	}

}

.padding-footer {
    padding: 1.0625rem 0 !important;
}