.org_chart_frame{
	position: relative;
	text-align: center;
	width: 100%;
	height: 63vw;
}

.org{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	position: absolute;
	width: 100%;
}
.org div{
	padding: 0px;
	margin:0px ;
}
.sections{
	position: relative;
	z-index: 1;
}
.border-vertical{
	border-left: 2px solid #038ae0;
	height: 1020px;
	top: 98px;
	position: absolute;
}

.border-vertical3{
	border-left: 2px solid #038ae0;
	height: 410px;
	top: 405px;
	position: absolute;
}

ul.sections{
	padding-left: 0px;
}

li.section {
    display: list-item;
}

li.section{
	list-style: none;
	padding:20px 0px;
	margin-bottom: 50px;
    padding-left: 2rem;
    border-bottom: 2px solid #094db3;
    height: 52px;
}
li.section .last_section{
	text-decoration: none;
	color: #fff;
    display: block;
    text-align: left;
    overflow: hidden;
    font-size: 16px;
    text-decoration: none;
    font-weight: bold;
    height: 70px;
    padding-left: 30px;
    padding-right: 20px;
    margin-bottom: -26px;
}


.department li .last_section {
    background: #fff;
    top: 48px;
    z-index: 1;
    width: 280px;
    height: 70px;
    border-radius: 50px;
    line-height: 18px;
    vertical-align: middle;
    right: -1px;
    background-color: #038ae0;
    /***********************************/
    font-weight: 600;
    vertical-align: middle;
    display: table-cell;
}

.border-horizontal{
	border-bottom: 2px solid #038ae0;
	width: 4%;
	margin-top: 2.5% !important;
}

.border-vertical-top{
	border-left: 2px solid #038ae0;
	height: 100px;
	top: 306px;
	position: absolute;
	margin-bottom: 300px;
}

.section_top{
	margin-bottom: 150px;
}

.border-vertical-bottom{
	border-left: 2px solid #038ae0;
	height: 205px;
	top: 608px;
	position: absolute;
}
.four_section{
	width: 200px !important;
}
li.director_section{
	margin-bottom: 300px;
}
.border-vertical-third{
	border-left: 2px solid #094db3;
	height: 351px;
	top: 360px;
	position: absolute;
	margin-bottom: 300px;
}
li.section1{
	border: none;
	padding-left: 0px !important;
}

li.section2{
	padding-right:2rem ;
}

.icon_color{
	color: #094db3;
	font-size: 60px;
	/*margin-left: 85px;*/
	margin-top: 8px;
}
.section_top2{
	margin-top: -50px;
}
.section_top3{
	margin-top: -52px;
}
.department_other{
	margin-top: 48px !important;
}

.department_other2{
	margin-top: 253px !important;
}


.department_other3{
	margin-top: 457px !important;
	border-color: #01a89e;
}

.horizontal_border-last{
	border-left: 2px solid #049b76;
	height: 200px;
	position: absolute;
	top: 415px;
	right: 334px;
	z-index: 0;
}

.horizontal_border-last2{
	border-left: 2px solid #35c0d5;
	height: 300px;
	position: absolute;
	top: 828px;
	right: 334px;
	z-index: 0;
}
.section_border{
	border: none !important;
}

#hover_btn, #hover_btn2, #hover_btn3{
	cursor: pointer;
}

.last_section_heading{
	font-size: 18px !important;
}


/*.last_section:hover .last_section_btn{
	font-size: 30px;
	position: absolute;
	margin-top: -15px;
	right: 25px;
	color: #fff;
}*/


/*.arrow-3 {
  width:100px;
  height:30px;
  display: flex;
}
.arrow-3:before,
.arrow-3:after {
  content: "";
  flex: 1;
  margin: 0 5px;
  background: currentColor;
  clip-path: polygon(0 10px,calc(100% - 15px) 10px,calc(100% - 15px) 0,100% 50%,calc(100% - 15px) 100%,calc(100% - 15px) calc(100% - 10px),0 calc(100% - 10px));
  animation: a3 .5s infinite alternate;
}

.arrow-3:after {
  --s:-1;
}
@keyframes a3 {
  0%  {transform: scaleX(var(--s,1)) translate(-4px)}
  100%{transform: scaleX(var(--s,1)) translate( 4px)}
}*/

.last_section_btn{
	position: absolute;
	margin-top: -15px;
	right: 0px;
	width: 50px;
}

.round {
    position: absolute;
    border: 2px solid #fff;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    top: -38px;
    
}

#cta{
    width:100%; cursor: pointer; position: absolute;
}

#cta .arrow{left: 30%;}
.arrow {position: absolute; bottom: 0;  margin-left:0px; width: 12px; height: 12px; background-size: contain; top:12px;}
.segunda{margin-left: 8px;}
.next {
	background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHN0eWxlPi5zdDB7ZmlsbDojZmZmfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTMxOS4xIDIxN2MyMC4yIDIwLjIgMTkuOSA1My4yLS42IDczLjdzLTUzLjUgMjAuOC03My43LjZsLTE5MC0xOTBjLTIwLjEtMjAuMi0xOS44LTUzLjIuNy03My43UzEwOSA2LjggMTI5LjEgMjdsMTkwIDE5MHoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzE5LjEgMjkwLjVjMjAuMi0yMC4yIDE5LjktNTMuMi0uNi03My43cy01My41LTIwLjgtNzMuNy0uNmwtMTkwIDE5MGMtMjAuMiAyMC4yLTE5LjkgNTMuMi42IDczLjdzNTMuNSAyMC44IDczLjcuNmwxOTAtMTkweiIvPjwvc3ZnPg==);
}

@keyframes bounceAlpha {
  0% {opacity: 1; transform: translateX(0px) scale(1);}
  25%{opacity: 0; transform:translateX(10px) scale(0.9);}
  26%{opacity: 0; transform:translateX(-10px) scale(0.9);}
  55% {opacity: 1; transform: translateX(0px) scale(1);}
}

.bounceAlpha {
    animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}

.arrow.primera.bounceAlpha {
    animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-delay:0.2s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}

.last_section:hover .arrow{
    animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}
.last_section:hover .arrow.primera{
    animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-delay:0.2s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}


/************************************************RESPONSICE************************************************/

@media screen and (min-device-width: 1921px) and (max-device-width: 2560px){
.org_chart_frame{
	position: relative;
	text-align: center;
	width: 100%;
	height: 57vw;
}

.org{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	position: absolute;
	width: 100%;
}
.org div{
	padding: 0px;
	margin:0px ;
}

.border-vertical{
	border-left: 2px solid #038ae0;
	height: 1020px;
	top: 105px;
	position: absolute;
}

.border-vertical3{
	border-left: 2px solid #038ae0;
	height: 410px;
	top: 411px;
	position: absolute;
}

ul.sections{
	padding-left: 0px;
}

li.section {
    display: list-item;
}

li.section{
	list-style: none;
	padding:20px 0px;
	margin-bottom: 50px;
    padding-left: 70px;
    border-bottom: 2px solid #038ae0;
    height: 52px;
}
li.section .last_section{
	text-decoration: none;
	color: #fff;
    display: block;
    text-align: left;
    overflow: hidden;
    font-size: 16px;
    text-decoration: none;
    font-weight: bold;
    height: 70px;
    padding-left: 30px;
    padding-right: 20px;
    margin-bottom: -26px;
}


.department li .last_section {
    background: #fff;
    top: 48px;
    z-index: 1;
    width: 280px;
    height: 70px;
    border-radius: 50px;
    line-height: 18px;
    vertical-align: middle;
    right: -1px;
    background-color: #038ae0;
    /***********************************/
    font-weight: 600;
    vertical-align: middle;
    display: table-cell;
}

.border-horizontal{
	border-bottom: 2px solid #038ae0;
	width: 100px;
	margin-top: 2.5% !important;
}

.border-vertical-top{
	border-left: 2px solid #038ae0;
	height: 93px;
	top: 273px;
	position: absolute;
	margin-bottom: 300px;
}

.section_top{
	margin-bottom: 193px;
}
.department1{
    margin-top: -20px !important; 
}
.border-vertical-bottom{
	border-left: 2px solid #038ae0;
	height: 205px;
	top: 610px;
	position: absolute;
}
.four_section{
	width: 200px !important;
}
li.director_section{
	margin-bottom: 340px;
}
.border-vertical-third{
	border-left: 2px solid #038ae0;
	height: 393px;
	top: 320px;
	position: absolute;
	margin-bottom: 300px;
}
li.section1{
	border: none;
	padding-left: 0px !important;
}

li.section2{
	padding-right:70px ;
}

.icon_color{
	color: #094db3;
	font-size: 60px;
	margin-left: 0px;
	margin-top: 8px;
}
.section_top2{
	margin-top: -50px;
}
.section_top3{
	margin-top: -52px;
}
.department_other{
	margin-top: 55px !important;
}
.department_mac{
    margin-top:-89px !important;
}
.section_mac{
    list-style: none;
    margin-bottom: 40px !important;
}
.department_other2{
	margin-top: 258px !important;
}


.department_other3{
	margin-top: 463px !important;
}

.horizontal_border-last{
	border-left: 2px solid #038ae0;
	height: 200px;
	position: absolute;
	top: 415px;
	right: 268px;
	z-index: 0;
}

.horizontal_border-last2{
	border-left: 2px solid #35c0d5;
	height: 300px;
	position: absolute;
	top: 815px;
	right: 268px;
	z-index: 0;
}
.section_border{
	border: none !important;
}

#hover_btn, #hover_btn2, #hover_btn3{
	cursor: pointer;
}

.last_section_heading{
	font-size: 18px !important;
}

}

@media screen and (max-device-width: 1600px) and (min-device-width: 1441px){
.org_chart_frame {
    position: relative;
    text-align: center;
    width: 100%;
    height: 71vw;
}
}

@media screen and (max-width: 1440px){

.org_chart_frame{
	position: relative;
	text-align: center;
	width: 100%;
	height: 79vw;
}

.org{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	position: absolute;
	width: 100%;
	margin-top: -50px;
}

.four_section {
    width: 180px !important;
}

.department li .last_section {
    width: 245px;
    height: 70px;
    
}

li.section2 {
    padding-right: 8%;
}
li.section {
    padding-left: 8%;
}
.icon_color {
    font-size: 40px;
    margin-left: 0px;
    margin-top: 8px;
}
.border-horizontal{
	width: 40px;
}

.border-vertical-third {
    top: 359px;
}

.border-vertical-top {
    top: 305px;
}

.border-vertical-bottom {
    top: 608px;
}
.border-vertical {
    top: 97px;
}
.border-vertical3 {
    top: 403px;
}
.horizontal_border-last {
    right: 240px;
}
.horizontal_border-last2 {
    top: 840px;
    right: 240px;
}
.department_other3 {
    margin-top: 456px !important;
}
.section_top {
    margin-bottom: 150px;
}
.department_other {
    margin-top: 47px !important;
}
.department_other2 {
    margin-top: 252px !important;
}
/*********************************/

.last_section_btn{
	position: absolute;
	margin-top: -15px;
	right: 0px;
	width: 50px;
}

.round {
    position: absolute;
    border: 2px solid #fff;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    top: -35px;
    right: 10px;
    
}

#cta{
    width:100%; cursor: pointer; position: absolute;
}

#cta .arrow{left: 30%;}
.arrow {position: absolute; bottom: 0;  margin-left:0px; width: 12px; height: 12px; background-size: contain; top:10px;}
.segunda{margin-left: 8px;}
.next {
	background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHN0eWxlPi5zdDB7ZmlsbDojZmZmfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTMxOS4xIDIxN2MyMC4yIDIwLjIgMTkuOSA1My4yLS42IDczLjdzLTUzLjUgMjAuOC03My43LjZsLTE5MC0xOTBjLTIwLjEtMjAuMi0xOS44LTUzLjIuNy03My43UzEwOSA2LjggMTI5LjEgMjdsMTkwIDE5MHoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzE5LjEgMjkwLjVjMjAuMi0yMC4yIDE5LjktNTMuMi0uNi03My43cy01My41LTIwLjgtNzMuNy0uNmwtMTkwIDE5MGMtMjAuMiAyMC4yLTE5LjkgNTMuMi42IDczLjdzNTMuNSAyMC44IDczLjcuNmwxOTAtMTkweiIvPjwvc3ZnPg==);
}

@keyframes bounceAlpha {
  0% {opacity: 1; transform: translateX(0px) scale(1);}
  25%{opacity: 0; transform:translateX(10px) scale(0.9);}
  26%{opacity: 0; transform:translateX(-10px) scale(0.9);}
  55% {opacity: 1; transform: translateX(0px) scale(1);}
}

.bounceAlpha {
    animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}

.arrow.primera.bounceAlpha {
    animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-delay:0.2s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}

.last_section:hover .arrow{
    animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}
.last_section:hover .arrow.primera{
    animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-delay:0.2s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}


}


@media screen and (max-width: 1366px){
.org_chart_frame{
	position: relative;
	text-align: center;
	width: 100%;
	height: 82vw;
}

.org{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	position: absolute;
	width: 100%;
	margin-top: -50px;
}

.four_section {
    width: 180px !important;
}

.department li .last_section {
    width: 245px;
    height: 70px;
    
}
.section_top {
    margin-bottom: 150px;
}
li.section2 {
    padding-right: 8%;
}
li.section {
    padding-left: 8%;
}
.icon_color {
    font-size: 40px;
    margin-left: 0px;
    margin-top: 8px;
}
.border-horizontal{
	width: 2%;
}

.border-vertical-third {
    top: 359px;
}

.border-vertical-top {
    top: 306px;
}

.border-vertical-bottom {
    top: 608px;
}
.border-vertical {
    top: 100px;
}
.department_other {
    margin-top: 48px !important;
}
.department_other2 {
    margin-top: 253px !important;
}
.border-vertical3 {
    top: 404px;
}
.horizontal_border-last {
    right: 210px;
}
.horizontal_border-last2 {
    top: 840px;
    right: 210px;
}

/*********************************/

.last_section_btn{
	position: absolute;
	margin-top: -15px;
	right: 0px;
	width: 50px;
}

.round {
    position: absolute;
    border: 2px solid #fff;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    top: -35px;
    right: 10px;
    
}

#cta{
    width:100%; cursor: pointer; position: absolute;
}

#cta .arrow{left: 30%;}
.arrow {position: absolute; bottom: 0;  margin-left:0px; width: 12px; height: 12px; background-size: contain; top:10px;}
.segunda{margin-left: 8px;}
.next {
	background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHN0eWxlPi5zdDB7ZmlsbDojZmZmfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTMxOS4xIDIxN2MyMC4yIDIwLjIgMTkuOSA1My4yLS42IDczLjdzLTUzLjUgMjAuOC03My43LjZsLTE5MC0xOTBjLTIwLjEtMjAuMi0xOS44LTUzLjIuNy03My43UzEwOSA2LjggMTI5LjEgMjdsMTkwIDE5MHoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzE5LjEgMjkwLjVjMjAuMi0yMC4yIDE5LjktNTMuMi0uNi03My43cy01My41LTIwLjgtNzMuNy0uNmwtMTkwIDE5MGMtMjAuMiAyMC4yLTE5LjkgNTMuMi42IDczLjdzNTMuNSAyMC44IDczLjcuNmwxOTAtMTkweiIvPjwvc3ZnPg==);
}

@keyframes bounceAlpha {
  0% {opacity: 1; transform: translateX(0px) scale(1);}
  25%{opacity: 0; transform:translateX(10px) scale(0.9);}
  26%{opacity: 0; transform:translateX(-10px) scale(0.9);}
  55% {opacity: 1; transform: translateX(0px) scale(1);}
}

.bounceAlpha {
    animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}

.arrow.primera.bounceAlpha {
    animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-delay:0.2s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}

.last_section:hover .arrow{
    animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}
.last_section:hover .arrow.primera{
    animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-delay:0.2s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}



}


@media screen and (max-width: 1365px){
	.org_chart_frame{
	margin-bottom: 10rem;
}
}

@media screen and (max-width: 1100px){
	.org_chart_frame{
	margin-bottom: 15rem;
}
}

@media screen and (max-width: 1280px){

.org_chart_frame{
	position: relative;
	text-align: center;
	width: 100%;
	height: 85vw;
}

.org{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	position: absolute;
	width: 100%;
	margin-top: -50px;
}

.four_section {
    width: 160px !important;
}

.department li .last_section {
    width: 160px !important;
    height: 70px;
}
.department li .last_section{
	line-height: 16px;
	font-size: 14px;
}

li.section2 {
    padding-right: 4%;
}
li.section {
    padding-left: 4%;
}
.icon_color {
    font-size: 40px;
    margin-left: 0px;
    margin-top: 8px;
}
.border-horizontal{
	width: 3%;
}

.border-vertical-third {
    top: 360px;
}

.border-vertical-top {
    top: 306px;
}

.border-vertical-bottom {
    top: 609px;
}
.border-vertical {
    top: 100px;
}
.border-vertical3 {
    top: 404px;
}
.horizontal_border-last {
    right: 220px;
}
.horizontal_border-last2 {
    top: 840px;
    right: 220px;
}

/*********************************/

.last_section_btn{
	position: absolute;
	margin-top: -15px;
	right: 0px;
	width: 50px;
}

.round {
    position: absolute;
    border: 2px solid #fff;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    top: -35px;
    right: 5px;
    
}

#cta{
    width:100%; cursor: pointer; position: absolute;
}

#cta .arrow{left: 30%;}
.arrow {position: absolute; bottom: 0;  margin-left:0px; width: 12px; height: 12px; background-size: contain; top:10px;}
.segunda{margin-left: 8px;}
.next {
	background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHN0eWxlPi5zdDB7ZmlsbDojZmZmfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTMxOS4xIDIxN2MyMC4yIDIwLjIgMTkuOSA1My4yLS42IDczLjdzLTUzLjUgMjAuOC03My43LjZsLTE5MC0xOTBjLTIwLjEtMjAuMi0xOS44LTUzLjIuNy03My43UzEwOSA2LjggMTI5LjEgMjdsMTkwIDE5MHoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzE5LjEgMjkwLjVjMjAuMi0yMC4yIDE5LjktNTMuMi0uNi03My43cy01My41LTIwLjgtNzMuNy0uNmwtMTkwIDE5MGMtMjAuMiAyMC4yLTE5LjkgNTMuMi42IDczLjdzNTMuNSAyMC44IDczLjcuNmwxOTAtMTkweiIvPjwvc3ZnPg==);
}

@keyframes bounceAlpha {
  0% {opacity: 1; transform: translateX(0px) scale(1);}
  25%{opacity: 0; transform:translateX(10px) scale(0.9);}
  26%{opacity: 0; transform:translateX(-10px) scale(0.9);}
  55% {opacity: 1; transform: translateX(0px) scale(1);}
}

.bounceAlpha {
    animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}

.arrow.primera.bounceAlpha {
    animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-delay:0.2s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}

.last_section:hover .arrow{
    animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}
.last_section:hover .arrow.primera{
    animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-delay:0.2s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}


}

@media screen and (max-width: 1024px){

.org_chart_frame{
	position: relative;
	text-align: center;
	width: 100%;
	height: 110vw;
}

.org{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	position: absolute;
	width: 100%;
	margin-top: -50px;
}

.department li .last_section{
	font-size: 13px;
	line-height: 15px;
}
.four_section {
    width: 150px !important;
}

.department li .last_section {
    width: 160px !important;
    height: 70px;
    
}
.section_top2 {
    margin-top: -38px;
}
.section_top {
    margin-bottom: 150px;
}

li.section2 {
    padding-right: 3%;
}
li.section {
    padding-left: 3%;
}
.icon_color {
    font-size: 30px;
    margin-left: 0px;
    margin-top: 8px;
}
.border-horizontal{
	width: 4%;
}

.border-vertical-third {
    top: 360px;
}

.border-vertical-top {
    top: 306px;
}

.border-vertical-bottom {
    top: 609px;
}
.border-vertical {
    top: 100px;
}
.department_other2 {
    margin-top: 252px !important;
}
.border-vertical3 {
    top: 404px;
}
.horizontal_border-last {
    right: 112px;
}
.horizontal_border-last2 {
    top: 840px;
    right: 122px;
}

/*********************************/

.last_section_btn{
	position: absolute;
	margin-top: -15px;
	right: 0px;
	width: 50px;
}

.round {
    position: absolute;
    border: 2px solid #fff;
    width: 33px;
    height: 33px;
    border-radius: 100%;
    top: -35px;
    right: 5px;
    
}

#cta{
    width:100%; cursor: pointer; position: absolute;
}

#cta .arrow{left: 30%;}
.arrow {position: absolute; bottom: 0;  margin-left:0px; width: 12px; height: 12px; background-size: contain; top:9px;}
.segunda{margin-left: 8px;}
.next {
	background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHN0eWxlPi5zdDB7ZmlsbDojZmZmfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTMxOS4xIDIxN2MyMC4yIDIwLjIgMTkuOSA1My4yLS42IDczLjdzLTUzLjUgMjAuOC03My43LjZsLTE5MC0xOTBjLTIwLjEtMjAuMi0xOS44LTUzLjIuNy03My43UzEwOSA2LjggMTI5LjEgMjdsMTkwIDE5MHoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzE5LjEgMjkwLjVjMjAuMi0yMC4yIDE5LjktNTMuMi0uNi03My43cy01My41LTIwLjgtNzMuNy0uNmwtMTkwIDE5MGMtMjAuMiAyMC4yLTE5LjkgNTMuMi42IDczLjdzNTMuNSAyMC44IDczLjcuNmwxOTAtMTkweiIvPjwvc3ZnPg==);
}

@keyframes bounceAlpha {
  0% {opacity: 1; transform: translateX(0px) scale(1);}
  25%{opacity: 0; transform:translateX(10px) scale(0.9);}
  26%{opacity: 0; transform:translateX(-10px) scale(0.9);}
  55% {opacity: 1; transform: translateX(0px) scale(1);}
}

.bounceAlpha {
    animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}

.arrow.primera.bounceAlpha {
    animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-delay:0.2s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}

.last_section:hover .arrow{
    animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}
.last_section:hover .arrow.primera{
    animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-delay:0.2s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}



}


div.relative {
  position: relative;
  width: 400px;
  height: 200px;
  border: 3px solid #73AD21;
} 

div.absolute {
  position: absolute;
  top: 80px;
  right: 0;
  width: 200px;
  height: 100px;
  border: 3px solid #73AD21;
}