@font-face {
	font-family: "heading";
	font-style: normal;
	src: url('https://static.wixstatic.com/ufonts/e9d1e4_b9a75dd5f021474e9f252a592e5529e8/woff2/file.woff2');
}
@font-face {
	font-family: "text";
	font-style: normal;
	src: url('https://fonts.gstatic.com/s/raleway/v26/1Ptug8zYS_SKggPNyC0IT4ttDfA.woff2');
}

html, body {
	scroll-behavior: smooth;
	overflow-x:hidden;
	background-color: black;
}

.primary-border-bottom{
	border-bottom: white 10px solid;
}

.btn-language button{
	background:none;
	outline:0;
	border:0;
	color:White;	
	cursor:pointer;
}
.dropdown-menu li:hover span{
	color:black;
	
}

.btn-language button:focus{
	background:none;
	outline: none;
}
.btn-language img{
	min-height:30px;
	height:5vh;
	left:0;
}
.btn-language span{
	color:white;
	padding-left:5px;
	font-size:1.1em;

}
.btn-language{
	width:120px;
	outline: none!important;
}

.dropdown-item:hover{
	color:black;
}

.btn-language ul{
	background-color:black;
}
.video-container{
	position:relative;
	width:100%;
	height:140vh; /*cambiar*/
	background-color:black;

}
.video-container .logo{
	position:absolute;
	width:30vh;/*cambiar*/
	top:-7vh; /*cambiar*/
	z-index:12;
	transform: translate(calc(50vw - 50%));
}
.video-container .btn-container{
	position:absolute;
	top:83%;
	padding:15px;
	width:100%;
	z-index:20;
}
.video-container .btn-container .btn-postulate{
	background-color:rgb(240,6,117);
	font:normal normal bold 25px/1.4em poppins-semibold,poppins,sans-serif;
	font-family:'heading';
	font-size:4vh;
	color:white;
}
.video-container .video{
	position:absolute;
	
	object-fit: cover;
	width:100%;	
	top:0%;
	height:100%;
	z-index:10;
	overflow:hidden;
	border-radius: 15vw 15vw 0px 0px;/*cambiar*/
}
.navbar{
	height:10vh; /*cambiar*/
}
.nav-item{
	align-items: center!important;
	justify-content: center!important;
	display: flex!important;
}
.nav-link{
	color:white;
	font-family:Arial, Helvetica, sans-serif;
	font-size:2.8vh;
	vertical-align: center;
	font-weight: bolder;
}
.about-us-container{
	background: url('../img/bg4.png') no-repeat;
	background-size:cover;
	position:relative;
	min-height:800px; /*cambiar*/
}
.about-us-container:before{
	content: '';
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   height: 300px;
   background: linear-gradient(0deg, rgba(0,0,0,0), rgb(240,6,117) 99%);
}

.about-us-container .item{
	position:absolute;
	height:100%;
	z-index:29;
}
.about-us-container .item-left{
	
	left:-100px;/*cambiar*/ 
	display:none;/*cambiar*/ 
}
.about-us-container .item-right{
	
	right:-20px;/*cambiar*/ 
}
.about-us-panel-container{
	position:absolute;
	z-index:30;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:1000;
}

.about-us-panel{
	height:90%;
	width:90%;/*cambiar*/
	border:3px solid rgb(240,6,117);
	background-color:black;
	text-align: center;
	
}

.black-shadow{
	box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.75);
	-webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.75);
}

.header-text{
	font:normal normal bold 25px/1.4em poppins-semibold,poppins,sans-serif;
	font-family:'heading';
	text-align:center;
	color:rgb(240,6,117);
	font-size:8vw;/*cambiar*/
	letter-spacing:0em;
	text-shadow:#ffffff -1px -1px 0px, #ffffff -1px 1px 0px, 
	#ffffff 1px 1px 0px, #ffffff 1px -1px 0px /*cambiar*/
}


.about-us-panel article{
	margin-left:30px;
	margin-right:30px;
}

.about-us-panel span{
	color:white;
	font-size:4vw;/*cambiar*/
	font-family: 'text';
}

.container-fluid{
	width:100%;
	padding:0;
}

.talents-container{
	position:relative;
	min-height:90vh;
	padding:4vh;
	background: url('../img/bg5.png')  ;
	background-size:cover;
    width: 100%;
}
.talents-container:before{
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   height: 300px;
   background: linear-gradient(0deg, rgba(0,0,0,0), rgb(240,6,117) 99%);
}

.talents-container:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100px;
	z-index:0;
	background: linear-gradient(180deg, rgba(0,0,0,0), black 80%);
 }
.talents-header-wrapper .header-text{
	font-size:6.5vw;/*cambiar*/
	
	
}
.talents-header-container{
	height:80px;
	margin-top:100px;
}
.talents-body-wrapper{
	align-items: center!important;
	justify-content: center!important;
	display: flex!important;
	flex-direction:row!important;
	flex-wrap:wrap;
	margin-top:100px;
	margin-bottom:200px;
	z-index:400;
	column-count: 2;
}
.talents-header-wrapper{
	padding-left:30px;
	padding-right:30px;
	border-radius:50px;
	border:2px solid rgb(240,6,117);	
	background-color:black;
	z-index:1000;
}

.talents-header-container h1{
	margin:0;
	padding:0;
	color:white;
	text-shadow:none;
}
.talent-panel{
	text-align: center;
	margin-top:2vh;
	height:400px;
	cursor:pointer;
	width:100%;/*cambiar*/
	transition:0.3s all;
}
.talent-panel h3{
	font-size:30px;/*cambiar*/
	color:white;
	border-radius:3px;

	text-shadow:black -2px -2px 0px, black -2px 2px 0px, 
		black 2px 2px 0px,black 2px -2px 0px /*cambiar*/
}
.talent-panel:hover img{
	transform: scale(1.1);
}

.talent-panel img{
	width:100%;
	transition-duration: .3s;
    transition-property: transform;
	border:10px transparent;
}
.social-icon i{
	color:black;
	font-size:3vh;
}
.main-color{
	color:#A161B0 ;
}
.social-icon{
	width:5vh;
	height:5vh;
	align-items: center!important;
	justify-content: center!important;
	display: flex!important;
	margin-left:5px;
	margin-right:5px;
	text-align: center;
	vertical-align: middle;
	background-color: white;
	border-radius: 5vh;
	cursor:pointer;
}
.footer-container{
	background: black;
	height:75vh; /*cambiar*/
	font-family: "text";
	font-weight: 600;
}
.footer-container .social-icon{
	margin-left:2vw;/*cambiar*/
	margin-right:2vw;/*cambiar*/
}
.footer-container .logo{
	height:35vw;/*cambiar*/
}
.footer-container h5{
	font-family: "text";
	color:white;
	font-weight: bold;
	font-size:8vw;/*cambiar*/
}
.footer-container a{
	margin:0;
	color:white;
	padding:0;
	font-size:4vw;/*cambiar*/
}
.footer-container .mail{
	font-weight: 300;/*cambiar*/
	font-size:4vw;/*cambiar*/
}

a{
	text-decoration: none;
}
a:hover{
	text-decoration: none;
}
.modal-content{
	background:none;
}
.modal-body{
	border:red 2px solid;
	border-radius: 10px;
	background-color:black;
}
.modal-body{
	height:80vh;
	background-color: black;
	color:white;
}

.modal-body .col-12{
	margin-top:20px;
}
.modal .header-text{
	font-size:14vw;/*cambiar*/
	text-align:left;
	margin-bottom:10px;
}
.talent-social-media i{
	font-size:8vw;/*cambiar*/
	color:white;
	
}
.talent-social-media .c-ps-2{
	padding-left:0.5em;
}
#talent-personal-image{
	position: fixed;
	left: 70%;
	top:30%;
	width: 50%;
	z-index: 1000;
	display:none;
}
.modal-body .common-text{
	z-index: 2000;
}

.modal-body #talent-summary{
	font-size:6vw;/*cambiar*/
}
.modal-body .common-text{
	font-family:'text';
	font-size:5vw;/*cambiar*/
	text-align:left;
}
.transition-img{
	height:70px;
	width:100%;
	z-index:100;
	position:absolute;
}
.transition-img.transition-down{
	bottom:0%;
	background-image: linear-gradient(180deg, rgb(255,255,255,0) 0%, rgb(210 84 149)  58%);
}
.transition-img.transition-up{
	top:0%;
	background-image: linear-gradient(0deg, rgb(255,255,255,0) 0%, rgb(210 84 149) 58%);
}
.transition-img.transition-down-black{
	bottom:0%;
	z-index:3000;
	background-image: linear-gradient(180deg, rgb(255,255,255,0) 0%, rgb(255,255,255,0) 58%);
}

@media (min-width: 576px) { 

	.about-us-panel{
		width:70%;/*cambiar*/
	}
	.about-us-panel .header-text{
		font-size:7vw;/*cambiar*/
	}
	.about-us-panel span{
		font-size:2.5vw;/*cambiar*/
	}
	.about-us-container .item-right{
		right:-80px;/*cambiar*/ 
	}
	.talent-panel{
		width:50%;/*cambiar*/
	}
	.footer-container .logo{
		height:25vw;/*cambiar*/
	}
	.footer-container a{
		font-size:2vw;/*cambiar*/
	}
	.footer-container .mail{
		font-size:2vw;/*cambiar*/
	}
	.footer-container h5{
		font-size:4vw;/*cambiar*/
	}
	.modal .header-text{
		font-size:12vw;/*cambiar*/
		text-align:left;
	}
	.talent-social-media i{
		font-size:5vw;/*cambiar*/
	}
	.modal-body #talent-summary{
		font-size:6vw;/*cambiar*/
	}
	.modal .common-text{
		font-size:3vw;/*cambiar*/
		text-align:left;
	}
	.modal-body{
		height:80vh;
	}
	#talent-personal-image{

		width: 20%;
		
	}

}

@media (min-width: 768px){ 
	
	.about-us-panel{
		width:60%;/*cambiar*/
	}
	.footer-container .logo{
		height:18vh;/*cambiar*/
	}
	.footer-container a{
		font-size:1.5vh;/*cambiar*/
	}
	.footer-container .mail{
		font-size:1.5vh;/*cambiar*/
	}
	.footer-container h5{
		font-size:3vh;/*cambiar*/
	}
	.footer-container .social-icon{
		margin-left:0.5vh;/*cambiar*/
		margin-right:0.5vh;/*cambiar*/
	}
	.about-us-panel .header-text{
		font-size:5vw;/*cambiar*/
	}
	.about-us-container {
		height:1100px;
	}
	.about-us-container .item-left{
		left:-25vw;/*cambiar*/ 
		display:block;
	}
	.modal-body{
		height:80vh;
		
	}
	.modal-dialog{
		width:80vw;
		max-width:80vw;
	}
	.modal .col-12{
		padding-left:50px;
	}
	.modal .header-text{
		font-size:8vw;/*cambiar*/
	}
	.modal-body .common-text{
		font-size:2vw;/*cambiar*/
	}
	.talent-social-media i{
		font-size:5vw;/*cambiar*/
		
	}
	.talent-social-media .c-ps-2{
		padding-left:15px;
	}
	.header-text{
		text-shadow:#ffffff -2px -2px 0px, #ffffff -2px 2px 0px, 
		#ffffff 2px 2px 0px, #ffffff 2px -2px 0px /*cambiar*/
	}
	#talent-personal-image{

		display:block;
		width: 30%;
		top:10%;
		
	}
}


@media (min-width: 768px )  and (hover: none) and (pointer: coarse) and (orientation: landscape){ 
	.video-container .logo{
		width:30vh;/*cambiar*/
		top:-5vh; /*cambiar*/
	
	}
	.navbar{
		height:15vh; /*cambiar*/
	}
	.about-us-container {
		height:1100px;
	}
	.about-us-container .item-left{
		left:-15vw;/*cambiar*/ 
		bottom:0;
		height:80%;
		display:block;
	}
	.about-us-panel{
		width:50%;/*cambiar*/
	}
	.about-us-panel .header-text{
		font-size:4vw;/*cambiar*/
	}
	.about-us-panel span{
		font-size:2.5vw;/*cambiar*/
	}
	.about-us-container .item-right{
		right:-100px;/*cambiar*/ 
	}
	.footer-container .logo{
		height:15vw;/*cambiar*/
	}
	.footer-container a{
		font-size:1.5vw;/*cambiar*/
	}
	.footer-container .mail{
		font-size:1.5vw;/*cambiar*/
	}
	.footer-container h5{
		font-size:3vw;/*cambiar*/
	}
	.footer-container {
		height:90vh;
	}
	.footer-container .social-icon{
		margin-left:0.5vw;/*cambiar*/
		margin-right:0.5vw;/*cambiar*/
	}
	.social-icon i{
		font-size:5vh;
	}
	.social-icon {
		height:8vh;
		width:8vh;
	}
	.modal-body{
		height:80vh;
		
	}
	.modal-dialog{
		width:80vw;
		max-width:80vw;
	}
	.modal .col-12{
		padding-left:50px;
	}
	.modal .header-text{
		font-size:8vw;/*cambiar*/
	}
	.modal-body .common-text{
		font-size:2vw;/*cambiar*/
	}
	.talent-social-media i{
		font-size:5vw;/*cambiar*/
	}
	.talent-social-media .c-ps-2{
		padding-left:15px;
		
	}
	.talent-panel{
		width:40%;/*cambiar*/
	}
	.talent-panel img{
		width:50%;/*cambiar*/
	}
	.talents-header-wrapper .header-text{
		font-size:3.5vw;/*cambiar*/
	}
	.header-text{
		text-shadow:#ffffff -2px -2px 0px, #ffffff -2px 2px 0px, 
		#ffffff 2px 2px 0px, #ffffff 2px -2px 0px /*cambiar*/
	}
	#talent-personal-image{

		display:block;
		width: 30%;
		top:10%;
		
	}
}
@media (min-width: 992px) { 
	.dropdown-menu[data-bs-popper]{
		left:-50%;
	}
	.video-container .video{
		border-radius: 7vw 7vw 0px 0px;/*cambiar*/
	}

	.about-us-panel{
		width:50%;/*cambiar*/
	}

	.about-us-panel .header-text{
		font-size:4vw;/*cambiar*/
	}
	.about-us-container {
		height:1300px;
	}
	.about-us-container .item-left{
		left:-20vw;/*cambiar*/ 
		height:100%;
		bottom:0;
	}
	.talent-panel{
		width:22%;/*cambiar*/
	}
	.talents-header-wrapper .header-text{
		font-size:4vw;/*cambiar*/
	}
	.footer-container{
		height:80vh;/*cambiar*/
	}
	.footer-container .logo{
		height:15vw;/*cambiar*/
	}
	.footer-container a{
		font-size:1.5vw;/*cambiar*/
	}
	.footer-container .mail{
		font-size:1.5vw;/*cambiar*/
	}
	.footer-container h5{
		font-size:3vw;/*cambiar*/
	}
	.modal-body #talent-summary{
		font-size:4vw;/*cambiar*/
	}
	.modal .header-text{
		font-size:6vw;/*cambiar*/
	}
	.modal-body .common-text{
		font-size:2vw;/*cambiar*/
	}
	.talent-social-media i{
		font-size:5vw;/*cambiar*/
	}
}


@media (min-width: 992px ) and (hover: none) and (pointer: coarse) and  (orientation: landscape){ 
	
	.about-us-container {
		height:1100px;
	}
	.about-us-container .item-left{
		left:-15vw;/*cambiar*/ 
		bottom:0;
		height:80%;
		display:block;
	}
	.about-us-panel{
		width:50%;/*cambiar*/
	}
	.about-us-panel .header-text{
		font-size:4vw;/*cambiar*/
	}
	.about-us-panel span{
		font-size:2.5vw;/*cambiar*/
	}
	.about-us-container .item-right{
		right:-100px;/*cambiar*/ 
	}
	.footer-container .logo{
		height:15vw;/*cambiar*/
	}
	.footer-container a{
		font-size:1.5vw;/*cambiar*/
	}
	.footer-container .mail{
		font-size:1.5vw;/*cambiar*/
	}
	.footer-container h5{
		font-size:3vw;/*cambiar*/
	}
	.footer-container {
		height:90vh;
	}
	.footer-container .social-icon{
		margin-left:0.5vw;/*cambiar*/
		margin-right:0.5vw;/*cambiar*/
	}
	.social-icon i{
		font-size:3vh;
	}
	.social-icon {
		height:5vh;
		width:5vh;
	}
	.modal-body{
		height:80vh;
		
	}
	.modal-dialog{
		width:80vw;
		max-width:80vw;
	}
	.modal .col-12{
		padding-left:50px;
	}
	.modal .header-text{
		font-size:8vw;/*cambiar*/
	}
	.modal-body .common-text{
		font-size:2vw;/*cambiar*/
	}
	.talent-social-media i{
		font-size:5vw;/*cambiar*/
	}
	.talent-social-media .c-ps-2{
		padding-left:15px;
		
	}
	.talent-panel{
		width:40%;/*cambiar*/
	}
	.talent-panel img{
		width:50%;/*cambiar*/
	}
	.talents-header-wrapper .header-text{
		font-size:3.5vw;/*cambiar*/
	}
	.header-text{
		text-shadow:#ffffff -2px -2px 0px, #ffffff -2px 2px 0px, 
		#ffffff 2px 2px 0px, #ffffff 2px -2px 0px /*cambiar*/
	}
	#talent-personal-image{

		display:block;
		width: 30%;
		top:10%;
		
	}
}
@media (min-width: 1200px) { 
	
	.video-container{
		height:120vh; /*cambiar*/
	}
	.navbar{
		height:15vh; /*cambiar*/
	}
	.video-container .logo{
		width:50vh;/*cambiar*/
		top:-12vh; /*cambiar*/
	}
	.about-us-container{
		height:80vh; /*cambiar*/
	}
	.about-us-panel{
		width:40%; /*cambiar*/
	}
	.about-us-panel .header-text{
		font-size:2.5vw;/*cambiar*/
	}
	.about-us-panel span{
		font-size:1.5vw;/*cambiar*/
	}
	.about-us-container .item-left{
		left:-15vw;/*cambiar*/ 
		
	}
	.about-us-container .item-right{
		right:0vw;/*cambiar*/ 
	}
	.talent-panel img{
		width:70%;/*cambiar*/
	}
	.talents-header-wrapper .header-text{
		font-size:3.5vw;/*cambiar*/
	}
	.footer-container{
		height:70vh;/*cambiar*/
	}
	.footer-container .logo{
		height:12vw;/*cambiar*/
	}
	.footer-container a{
		font-size:1vw;/*cambiar*/
	}
	.footer-container .mail{
		font-size:1vw;/*cambiar*/
	}
	.footer-container h5{
		font-size:2vw;/*cambiar*/
	}
	.footer-container .social-icon{
		margin-left:0.5vw;/*cambiar*/
		margin-right:0.5vw;/*cambiar*/
	}
	.talent-panel{
		height:250px;
	}
	.talent-panel h3{
		font-size:2vw;/*cambiar*/
		text-shadow:black -3px -3px 0px, black -3px 3px 0px, 
		black 3px 3px 0px,black 3px -3px 0px /*cambiar*/
	}
	.modal-body{
		height:90vh;
		
	}
	.modal-body #talent-summary{
		font-size:6vh;/*cambiar*/
	}
	.modal .header-text{
		font-size:12vh;/*cambiar*/
	}
	.modal-body .common-text{
		font-size:3vh;/*cambiar*/
	}
	.talent-social-media i{
		font-size:6vh;/*cambiar*/
		
	}
	#talent-personal-image{
		width: 30%;
		top:5%;
	}
	
	.video-container .btn-container .btn-postulate{
		font-size:4vh;
	}
}

@media (min-width: 1400px) { 
	.about-us-container{
		height:100vh; /*cambiar*/
	}
	.about-us-container .item-left{
		left:0vw;/*cambiar*/ 
		
	}
	.talents-body-wrapper{
		margin-top:60px;
	}
	.talent-panel{
		height:350px;
		width:25%;
	}
	
	.header-text{
		text-shadow:#ffffff -2px -2px 0px, #ffffff -2px 2px 0px, 
		#ffffff 2px 2px 0px, #ffffff 2px -2px 0px /*cambiar*/
	}
}

  @media screen and (min-width: 1900px) {
	.btn-language span{
		font-size:1.3em;
	}
	.social-icon{
		margin-left:10px;
		margin-right:10px;
	}
	.talent-panel{
		height:400px;
	}
	.talents-body-wrapper{
		height:90vh;
	}
	.talent-panel h3{
		font-size:2vw;/*cambiar*/
		text-shadow:black -4px -4px 0px, black -4px 4px 0px, 
		black 4px 4px 0px,black 4px -4px 0px /*cambiar*/
	}
  }