@keyframes zoom-professor-new {
/* 0 & 100% might not be needed */
  50% {
	transform: scale(1.025) translate(25px, 0px);
  }
  0%,
  100% {
	transform: scale(1);
  }
}
@keyframes zoom-professor-new2 {
/* 0 & 100% might not be needed */
  50% {
	transform: scale(1.025) translate(-25px, 0px);
  }
  0%,
  100% {
	transform: scale(1);
  }
}

.home .banner-feature.ready .item.new {
	animation: none;
}

.home .banner-feature .item .row {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: 1920px !important;
	margin: 0 auto !important;
	height: 100%;
}

.home .banner-feature .item.new .row>*{
	background-repeat:no-repeat;
	background-size:contain;
	background-position:top left;
	position:absolute;
	opacity:0;
	margin:0;
	padding:0;
	overflow:hidden;
	/* tempo da transicao */
	transition: all 1.5s ease-in-out 0s;
}
.home .banner-feature .item.new.visible .row>*{
	opacity:1;
}

.home .banner-feature .item.new .professor{
	top:var(--padding1);
	left:0;
	width:40%;
	height:100%;	
	background-position: center center;
	/* background-color: #e00109; */
	padding: var(--padding1);
	z-index:1;
}
.home .banner-feature .item.new:not(.border-align) .professor {
	animation: zoom-professor-new;
	animation-duration: 25s;
	animation-delay:0;
	animation-direction:normal;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
}
.home .banner-feature .item.new.inverse:not(.border-align) .professor {
	animation: zoom-professor-new2;
	animation-duration: 25s;
	animation-delay:0;
	animation-direction:normal;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
}
.home .banner-feature .item.new.border-align .professor {
	background-position: bottom left;
}
.home .banner-feature .item.new.border-align.inverse .professor {
	background-position: bottom right;
}
.home .banner-feature .item.new.inverse .professor {
	left: auto;
	right: 0;
}
.home .banner-feature .item.new.visible .professor{
	left:0;
}
.home .banner-feature .item.new.inverse.visible .professor{
	left: auto;
	right: 0;
}

.home .banner-feature .item.new .right {
	position: absolute;
	width: 48%;
	height: 100%;
	top: var(--padding1);
	right: 10%;
	/* background-color: aqua; */
	padding: var(--padding1);
	display: flex;
	gap: calc(var(--padding1) * 1.5);
	flex-direction: column;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	z-index: 2;
}
.home .banner-feature .item.new.inverse .right {
	right: auto;
	left: 10%;
}

.home .banner-feature .item.new .right img{
	max-width: 100%;
	max-height: 65%;
	margin: 0;
	height: auto;
	width: auto;
}


/* BUTTON */
.home .banner-feature .item.new a.button{
	color:#FFF;
	position:static;
	display:block;
	font-size:26px;
	line-height:40px;
	background-color:var(--primary);
	text-transform:uppercase;
	padding:5px 20px;
	text-indent:0;
	z-index:2;
	overflow:visible;
	border-radius:var(--radius3);
	
	-webkit-transform: skew(-15deg);
	-ms-transform: skew(-15deg);
	transform: skew(-15deg);
}
.home .banner-feature .item.new.visible a.button{
	right:16%;
}
.home .banner-feature .item.new a.button:hover{
	background-color:#FFF;
	color:#000;
	
	/* tempo da transicao */
	-moz-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.home .banner-feature .item.new a.button:before{
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:100%;
	width:20px;
	height:100%;
	background-color:rgba(0,0,0,0.6);
	opacity:1;
	border-radius:0 var(--radius3) var(--radius3) 0;
	
	/* tempo da transicao */
	-moz-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.home .banner-feature .item.new a.button:after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:100%;
	width:40px;
	height:100%;
	background-color:rgba(0,0,0,0.3);
	opacity:1;
	border-radius:0 var(--radius3) var(--radius3) 0;
	
	/* tempo da transicao */
	-moz-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.home .banner-feature .item.new a.button span{
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:100%;
	width:60px;
	height:100%;
	background-color:rgba(0,0,0,0.15);
	border-radius:0 var(--radius3) var(--radius3) 0;
	
	/* tempo da transicao */
	-moz-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.home .banner-feature .item.new a.button:hover:before{
	width:25px;
}
.home .banner-feature .item.new a.button:hover:after{
	width:50px;
}
.home .banner-feature .item.new a.button:hover span{
	width:75px;
}
/* END BUTTON */

@media (max-width: 768px) {
	.home .banner-feature .item.new .row {
		display: flex;
		flex-direction: column;
		gap: 0;
		padding: 0;
	}
	.home .banner-feature .item.new .professor {
		flex: 0 0 auto;
		width: 100%;
		height: 30%;
		position: static;
		padding: 0;
		border-bottom: 2px solid rgba(255,255,255,0.15);
	}
	.home .banner-feature .item.new:not(.border-align) .professor {
		animation: none !important;
	}
	.home .banner-feature .item.new .right {
		flex: 1 1 auto;
		width: 100%;
		height: auto;
		position: static;
		padding: 0 var(--padding2) var(--padding1) var(--padding2);
		gap: var(--padding1);
	}
	.home .banner-feature .item.new .right img {
		max-height: 75%;
	}
	.home .banner-feature .item.new a.button {
		font-size: 16px;
		line-height: 1.25;
	}
}