.formi

	{

		position:relative;

		font-size: 13px;

		background-color: #FFF;

		border-radius: 5px;

		border:1px solid #165FC8;

		height:35px;

		margin:3.5px;

		z-index:99;

	}

@keyframes form1

	{

		0% {top: 500px;}

		100% {top: 125px;}

	}

.formi1

	{

		top: 150px;

		/*animation-name: form1;

		animation-duration: 2s;*/

	}



	:root {
		--primary-color: #e02d37;
		--secondary-color: #185ee0;
		--third-color: #f18021;
	}
		
	@font-face {
		font-family: "Gotham";
		src: url("../fonts/Gotham-Book.otf");
		font-style: normal;
		font-weight: 400;
	}	
	@font-face {
		font-family: "Gotham";
		src: url("../fonts/Gotham-Bold.otf");
		font-style: normal;
		font-weight: 700;
	}	
	
	@font-face {
		font-family: "Gotham";
		src: url("../fonts/Gotham-Black.otf");
		font-style: normal;
		font-weight: 900;
	}	
	
	body {
		font-family: 'Gotham', sans-serif;
		font-weight: 400;
		overflow-x: hidden;
		color: #6e6e6e;
	}
	
	
	h2{
		font-size: 2.25rem;
		font-weight: 700;
	}
	
	.h3, h3 {
		font-size: 1.5rem;
		font-weight: bolder;
		color: var(--secondary-color); 
		
	}

	.item > h3{
		color: #fff; 
	}
	
	p{
		font-size: 1.25rem;
	}
	
	b{
		font-weight: 700;
	}
	
	.fondo2{
		background-image:  url('../images/banners/fondo-2.jpg');
		background-size: cover;
		background-color: #4b1072;
		background-repeat: no-repeat;
		background-position: top;
	}
	
	.franja_blanca{
		margin: 3rem 0;
	}
	
	.faq img{
		width: 100%;
	}
	
	.white{
		color: white !important;
	}
	
	/* .franja_blanca > div{
		display: flex;
		justify-content: space-evenly;
	} */
	
	.btnsFooter{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		gap:20px;
	}
	
	.btnCA {
		padding: 15px 30px;
		display: inline-block;
		font-size: 1.1rem;
		color: white;
		border-radius: 0px;
		border: 0px;
		font-weight: bold;
	}
	
	
	.btnCA:hover {
		color: white;
		text-decoration: none;
	}
	
	.btnCA.azul {
		background: rgb(2,0,36);
		background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(0,155,227,1) 0%, rgba(35,86,163,1) 100%);
	
	}
	
	.btnCA.naranja{
		background-color: var(--third-color);
	}
	.franja_morada{
		background-color: var(--secondary-color);
		background-image: url('../images/banners/fondo.png');
		background-size: contain;
		background-position: center;
		color: white;
		padding: 6rem 50px 6rem 50px !important;
		text-align: center;
	}
	.franja_morada .titulo{
		display: flex;
		justify-content: center;
	}
	
	.franja_morada .titulo img{
		margin-right: 30px;
	}
	p.disclamer{
		font-size: 1rem;
	}
	
	
	.owl-item {height: 0;}    
	.owl-item.active {height: auto;}
	
	.owl-carousel .item-owl{
		background-color: #dcdcdc;
		color: #6d6e71;
		border-radius: 20px;
		text-align: center;
		padding: 1rem 0.5rem;
	}
	
	.owl-carousel .item-owl h4{
		font-size: 1.3rem;
		font-weight: bold;
		position: relative;
		margin-bottom: 1rem;
		min-height: 100px;
		display: flex;
		flex-wrap: wrap;
		align-content: center;
		justify-content: center;
	}
	
	
	.owl-carousel .item-owl h4::after{
		content: '';
		width: 100%;
		height: 2px;
		background-color: white;
		position:absolute;
		bottom: -10px;
		left: 0;
	}
	
	.owl-carousel .item-owl p{
		font-size: 1rem;
		padding: 14px 5px;
		overflow-wrap: break-word;
	}
	
	.item p{
		font-size: 1.2rem;
	}
	
	.leyenda_tabs h2{
		color: white;
	}
	.block_switcher{
		position: absolute;
		top :20px;
		width:100%;
	}
	.block_switcher .container {
		/* position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0; */
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
	}
	
	strong{
		font-weight: bold;
	}
	
	.header {
		background: url("images/fondo_adu.png") no-repeat center;
		background-size: cover;
		min-height: 100vh;
		background-color: rgba(0,0,0,0.8);
		filter:brightness(0.85);
	  }
	  .raflis2
	  {
		  position: absolute;
		  width: auto;
		  height: auto;
		  top: -20px;
		  left: -20px;
		  right: -40px;
		  bottom: -18px;
		  background: rgba(0,0,0,0.75);
		  z-index: 66;
		  opacity: 0.7;
	  }
	  .logo{
		  top:0;
		  position:absolute;
		  padding-top:30px;
		  padding-left:30px;
		  z-index: 99;
	  }
	  .texto{
		  padding-left:30px;
		  
		  z-index: 99;
	  }
	  .header .navbar {
		background-color: transparent !important;
	  }
	  
	  .foot{
		background-color: var(--secondary-color);
		  padding-top:20px;
		  padding-bottom:20px;
		  padding-left:50px;
		  padding-right: 50px;
	  }
	  .panel-info{
		  margin-bottom: 25px;
		  min-height:250px;
	  }
	  h6{
		  margin-bottom: 20px;
		  margin-top:20px;
		  }
	  .titulo{
		  margin-top:30px;
		  margin-bottom:40px;
		  }
		  
		  
	  .becausa {
	  top:0px;
		transition: top 1s;
	  }
	  .becausa:hover {
		top: -20px;
	  }
	  
	  label.tab img {
		  width: 15px;
		  margin-top: -3px;
	  }
	  
	.cabecera
		{
			top: 0;
			animation-name: cabe;
			animation-duration: 2s;
		}
	
	
	.bar_modalidad_mb{
		background-color: var(--secondary-color);
		padding: 5px 5px;
		border-radius: 20px;
		margin-bottom: 30px;
		position: relative;
		z-index: 1;
		width: auto;
		display: inline-block;
	}
	
	.leyenda_tabs .bar_modalidad_mb h2{
		margin:0;
		font-size:15px;
	}
	
	
	.bar_modalidad	{
		background-color: var(--secondary-color);
		padding: 10px 5px;
		border-radius: 20px;
		margin-bottom: 30px;
		position: relative;
		z-index: 1;
	}
	
	.bar_modalidad::after{
		display: block;
		position: absolute;
		content: '';
		width: 5px;
		height: 30px;
		bottom: -30px;
		left: 80px;
		background-color: rgb(0 0 0 / 23%);
		z-index: -1;
	
	}
	
	.bar_modalidad::before{
		display: block;
		position: absolute;
		content: '';
		width: 5px;
		height: 30px;
		bottom: -30px;
		right: 80px;
		background-color: rgb(0 0 0 / 23%);
		z-index: -1;
	
	}
	
	
	.bar_modalidad h2{
		font-size: 25px;
		color: white;
		letter-spacing: 2px;
		margin:0
	}
	
	.front-right {
		top: 50%;
		position: absolute;
		width: 450px;
		max-width: 450px;
		right: 30px;
		transform: translateY(-50%);
		z-index: 99;
	}
	
	
	.border-left {
		border-left: 1px solid white;
	}
	
	.border-left.not {
		border-left: 0px;
	}
	
	.hero{
		background-color: #034285;
		background-image:url('../images/banners/internacional-banner-tab.webp');
		padding-top: 18rem;
		padding-bottom: 0rem;
		text-align: center;
		background-position: top center;
		background-size: contain;
		background-repeat: no-repeat;
	}
	
	
	
	.hero-text-container{
		width: 100%;
		max-width: 500px;
		color: #ffffff;
		display: inline-block;
	}
	
	.hero-text-container h1{
		font-size: 1.25rem;
		color: #f18021;
		font-weight: 700;
	}
	
	.hero-text-container h2{
		font-size: 2rem;
		font-weight: 700;
	}
	
	.hero-form-container{
		background: rgb(255 255 255 / 20%);
		padding: 2rem;
		backdrop-filter: blur(12px);
		width: 100%;
		max-width: 480px;
		display: inline-block;
		color: #ffffff;
	}
	
	.hero-form-container a {
		color: #ffffff;
	}
	
	.formi2
		{
			animation-duration: 2s;
			padding-top: 35px;
			background: rgb(0 0 0 / 23%);
			padding-bottom: 10px;
			/* border-radius: 30px; */
		}
	
		.form_media{
			background-color: var(--primary-color);
			padding: 15px 20px;
			margin: 0;
		}
	
		.hidden{
			display:none;
		}
	
	.tab {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 40px;
		width: 190px;
		font-size: 1.05rem;
		font-weight: 500;
		border-radius: 99px;
		cursor: pointer;
		transition: color 0.15s ease-in;
		margin-bottom: 0;
	}
	
	.notification {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 2rem;
		height: 2rem;
		margin-left: 0.75rem;
		border-radius: 50%;
		background-color: var(--secondary-color);
		transition: 0.15s ease-in;
	}
	
	input[type=radio]:checked+label {
		color: white;
	}
	
	input[type=radio]:checked+label>.notification {
		background-color: #2243a2;
		color: #fff;
	}
	
	input[class="radio-1"]:checked~.glider {
		transform: translateX(0);
	}
	
	input[class="radio-1"]:checked~.img_star {
		content:url("https://");
	}
	
	
	input[class="radio-2"]:checked~.glider {
		transform: translateX(100%);
	}
	
	input[class=radio-3]:checked~.glider {
		transform: translateX(100%);
	}
	
	.glider {
		position: absolute;
		display: flex;
		height: 41px;
		width: 190px;
		background-color: #2243a2;
		z-index: 0 !important;
		border-radius: 99px;
		transition: 0.25s ease-out;
	}
	
	.glider.left{
		border-top-right-radius: 0px;
		border-bottom-right-radius: 0px;
	}
	
	.glider.center{
		border-radius: 0px;
	}
	
	.glider.right{
		border-top-left-radius: 0px;
		border-bottom-left-radius: 0px;
	}
	
	
	.leyenda_tabs{
		width:100%;
		text-align:center;
		color:#2243a2;
		font-weight:bold;
	}
	
	
	.tabs {
		display: flex;
		/* position: relative; */
		background-color: #fff;
		box-shadow: 0 0 1px 0 rgb(0 0 0), 0 6px 12px 0 rgb(0 0 0 / 75%);
		padding: 0;
		border-radius: 99px;
	}
	
	.tabs * {
		z-index: 2;
	}
	
	input[type=radio] {
		display: none;
	}
	
	input[type=text]::placeholder{
		font-size: 12px;
	}
	.program_title p{
		font-size: 1.3rem;
		color: var(--third-color);
		font-weight: bold;
		margin-bottom: 0;
		font-weight: bold;
		font-family: 'Gotham';
	}
	
	.btn_conoce{
		text-align: center;
	}
	.btn_conoce a{
		background: var(--secondary-color);
		padding: 10px 35px;
		color: white !important;
		border-radius: 20px;
		position: relative;
	}
	
	.btn_conoce a img{
		width: 50px;
		position: absolute;
		bottom: -16px;
		right: -10px;
	}
	
	
	
	@media screen and (min-width:1024px) {
		.hero{
			background-image:url('../images/banners/internacional-banner-des.webp');
			background-position: center;
			background-size: cover;
			padding-top: 8rem;
			padding-bottom: 8rem;
		}
	
		.hero-text-container h1{
			font-size: 1.75rem;
		}
		
		.hero-text-container h2{
			font-size: 2.5rem;
		}
		
	
	}
	
	
	.p_modalidad{
		color: white;
		font-size: 1.3rem;
		margin-bottom: 0px;
	}
	
	.p_matricula{
		margin-bottom: 25px;
	
	}
	.p_matricula span {
		color: white;
		font-size: 1rem;
		background: #fc0b90;
		padding: 5px 15px;
		border-radius: 2px;
	}
	
	.carousel-item {
		background: no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size:cover;
	}
	
	/* .formi {
		position:relative;
		font-size: 12px;
		background-color: #f0f1f1;
		border-radius: 0px;
		border:0px;
		height:40px;
		z-index:99;
	} */
	.form-control-container	.formi {
		background-color: #d7effb;
	}
	
	
	.envi {
		position: relative;
		margin: 5px;
		border-radius: 5px;
		z-index: 99;
	}
	.tit {
		position: relative;
		background-color: var(--secondary-color);
		/* opacity: 0.8; */
		border-radius: 5px;
		color: #FFF;
		margin-top: -20px;
		height: 35px;
		padding: 5px;
		z-index: 99;
		width: 100%;
		margin-left: 4px;
	}
	
		.red{
			color: var(--secondary-color) !important;
		}
		.grey{
			color: #898888;
		}
	
		.switcher_body{
			padding: 0 35px;
		}
	
		#mod_form{
			background-color: var(--secondary-color);
	
		}
		.desc_modalidad{
			text-align: center;
			font-size: 17px;
			color: #898888;
		}
		.btn-danger.envi{
			background-color: var(--primary-color);
			border-color: var(--primary-color);
			border-radius: 20px;
		}
		
		.block_switcher.body{
			position: relative;
		}
	@keyframes cabe
		{
			from {top: -100px;}
			to {top: 0;}
		}
	@keyframes form1
		{
			0% {top: 500px;}
			100% {top: 125px;}
		}
	@keyframes form2
		{
			0% {margin-left: 550px;}
			100% {margin-left: 20px;}
		}
	
	
	/* ##Device = Tablets, Ipads (portrait) */
	/* ##Screen = B/w 768px to 1024px */
	
	@media (min-width: 1024px) {
		
		.block_content h1 {
			font-size: 2.75rem;
		}
		p {
			font-size: 1.125rem;
		}
	}
	
	
	
	@media (min-width: 768px) and (max-width: 1024px) {
	
		
		.block_content{
			bottom: 40px;
			left: 10px;
		}
	
		.becausa .panel{
			min-height: 420px;
		}
	
		.switcher_body{
			padding: 0 65px;
		}
	
		.form_media{
			padding:20px 0;
		}
	}
	
	
	/*
	##Device = Low Resolution Tablets, Mobiles (Portrait)
	##Screen = B/w 481px to 767px
	*/
	
	@media (min-width: 320px) and (max-width: 480px) {
		.logo-footer{
			text-align: center;
			margin-bottom: 15px;
		}
		#banner.presencial{
			width: 700px !important;
			/* opacity: 0.9; */
		}
	
		.tit{
			color: white;
			margin: 15px 0;
			background-color: var(--secondary-color);

		}
	
		.btn-danger.envi{
			background-color: var(--primary-color);
		}
	
		.videoFrame{
			height: 300px !important;
		}
	
		.program_title p{
			font-size: 0.8rem;
		}

		.franja_morada .titulo img{
			margin: 0;
		}
		.franja_morada .titulo{
			flex-wrap: wrap;
			gap: 20px;
		}
	
		.franja_morada{
			padding: 4rem 1rem 4rem 1rem !important
		}
	
		.franja_morada .item.border-left{
			border-left: 0px !important;
			border-top: 1px solid white;
			margin-top: 24px;
			padding-top: 24px;
		}
	
		.franja_blanca img{
			width: 10%;
			margin-bottom: 20px;
		}
	
		.btnCA{
			margin-top: 20px;
		}
	
		.faq img{
			width: 30%;
			margin-bottom: 25px;
		}
	
		.faq h2{
			text-align: center;
		}
	
		.btnsEnd a{
			width: 100%;
			text-align: center;
		}
	
		h2{
			font-size: 2.5rem;
		}
	
		.leyenda_tabs h2{
			font-size: 1.1rem;
		}
	
		.formi2{
			padding-top: 10px;
		}
	
		.block_content {
			position: absolute;
			bottom: 20px;
			left: 0;
			right: 0;
			margin: 0 0;
			width: 100%;
		}
	
		.block_content  .btn_conoce{
			text-align: center !important;
		}
	
		.block_content  .btn_conoce a{
			background-color: var(--secondary-color);
		}
	
	
	
		.p_matricula span{
			font-size: 0.8rem;
		}
	
		.block_content h3{
			padding: 0px 0px;
			margin-top: 15px;
			font-size: 1.6rem;
		}
		.btnCA.naranja{
			font-size: 0.8rem !important;
		}
	
		.carousel-indicators{
			display: none !important;
		}
	
		.program_title{
			margin-top: -13px;
		}
	
		.p_modalidad{
			font-size: 1rem;
		}
		.switcher_body{
			padding: 0;
		}
	
		.tabs {
			transform: scale(0.6);
		}
	
	
	}
	
	
	
	@media only screen and (max-width: 600px) {
		.card.speakingup img {
			width:100%;
		}
		.block_switcher{
			top:10px;
		}
	}
	
	@media (max-width: 700px) {
		.tabs {
			transform: scale(0.6);
		}
	}
	
	
	
	.video-container {
		position: relative;
		width: 100%;
		height: 0;
		padding-bottom: 56.25%; /* 16:9 */
	  }
	  
	  .video-container iframe,
	  .video-container video {
		position: absolute;
		width: 100%;
		height: 100%;  
	  }