/* Cuadro de parrafo */


* { box-sizing: border-box; }
.video-background {
  background: #000;
  
  top: 10; right: 0; bottom: 0; left: 0;
  z-index: -99;
}
.video-foreground,
.video-background iframe {
  position: absolute;
  top: 0;
  left: 10;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
#vidtop-content {
	top: 50%;
	color: #fff;
}
.vid-info { position: absolute; top: 0; right: 0; left: 10; width: 33%; background: rgba(0,0,0,0.3); color: #fff; padding: 1rem; font-family: Avenir, Helvetica, sans-serif; }

.vid-info a { display: block; color: #fff; text-decoration: none; background: rgba(0,0,0,0.5); transition: .6s background; border-bottom: none; margin: 1rem auto; text-align: center; }
@media (min-aspect-ratio: 16/9) {
  .video-foreground { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
  .video-foreground { width: 300%; left: -100%; }
}
@media all and (max-width: 600px) {
.vid-info { width: 50%; padding: .5rem; }
.vid-info h1 { margin-bottom: .2rem; }
}
@media all and (max-width: 500px) {
.vid-info .acronym { display: none; }
}
 
  

@media only screen and (min-width:1200px){
	.nav-item > .nav-link{padding: 5px 20px !important;
		display: block !important;}
}

@media only screen and (max-width:992px){
	.header-inner{background-color: white!important;
	}
	.nav-item > .nav-link{
		color: black!important}
		.logo{color: #000 !important;
			font-weight: 600!important;}
			.content-banner .first-title{font-size: 30px !important;
			}
}

/* Tercera parte */  
header {
	position: relative;
	background-color: black;
	height: 75vh;
	min-height: 25rem;
	width: 100%;
	overflow: hidden;
  }
  
  header video {
	position: absolute; 
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: 0;
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
  }
  
  header .container {
	position: relative;
	z-index: 2;
  }
  
  header .overlay {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: black;
	opacity: 0.5;
	z-index: 1;
  }

  /* Media Query for devices withi coarse pointers and no hover functionality */
  
  /* This will use a fallback image instead of a video for devices that commonly do not support the HTML5 video element */
  
  @media (pointer: coarse) and (hover: none) {
	header {
	  background: url('https://source.unsplash.com/XT5OInaElMw/1600x900') black no-repeat center center scroll;
	}
  
	header video {
	  display: none;
	}
  }



.content-banner{color: #ffffff;
	background-image: url();
	min-height:400px;
	height:100%;
	position: relative;
	background-position: center center;
	background-size: cover;
	padding-top: 125px;
	}
	
	.content-banner:before{position:absolute;
	content: '';
	width: 100%;
	height: 100%;
	background-color:rgba(57,49,49,0.7);
	top:0;
	left: 0;
	z-index: 1;}
	
	.content-banner .first-title{font-size: 44px;
	font-weight: 500;
	line-height: 1.2;
	position: relative;
	z-index: 2;
	margin:0px 0px 12px;}
	
	.content-banner .banner-des{font-size: 18px;
	line-height: 150%;
	letter-spacing: 0;
	position: relative;
	z-index: 2;
	font-weight: 400;
	margin-top: 0;}
	
	.banner-btn{padding:0 34px;
	z-index: 1;
	margin:30px auto 25px;
	line-height: 56px;
	position: relative;
	border-radius: 6px;
	height:56px;
	font-size: 16px;
	background-color: #00ABE6;
	display: inline-block;
	color: #ffffff;
	transition: 0.3s;
	text-align: center;
	
	}
	
	.banner-btn:hover{text-decoration: none;
	color:#00ABE6;
	background-color:white; }
	
	
	.header{position: relative;
	width: 100%;
	}
	
	.header-inner{position: absolute;
	top: 0;
	left: 0;
	width:100%;
	z-index: 99;
	background-color: transparent;
	}
	
	.logo{color:#000;
	}

.nav-item .nav-link{display: block;
	line-height: 36px;
	text-transform: capitalize;
	font-size: 16px;
	font-weight: 500;
	color: #ffffff;
	transition: 0.15s;}
	
	.nav-item .nav-link:hover{color: #00ABE6;}
	
	.header-btn{color:#ffffff;
	border-radius: 30px;
	background-color:#9aca3c;
	border:none;
	font-weight: 500;
	outline: none;
	font-size: 15px;
	padding:7px 22px;
	transition: 0.5s;
	}
	
	.header-btn:hover{background-color: #00ABE6;
	cursor: pointer;}
	
	.navbar-scroll{background-color: #ffffff;
	padding: 0;
	position: fixed;
	top:0;
	z-index: 99;
	box-shadow:0px 1px 10px rgba(0,0,0,0.4);
	transition-duration: 0.6s; }
	
	.navbar-scroll .nav-item .nav-link{color: black;
	}
	
	.navbar-scroll .header-btn{color: #ffffff;
	background-color: #00ABE6;
	}
	
	.navbar-scroll .logo{color: #000;
	font-weight: 500;
	}
	
	.first-title{
		text-transform: capitalize;
	}
	
	section{background-color: white;
	padding: 4rem 0rem 4rem;
	}
	/* Color Rosa #fe4066 */
	section:nth-of-type(even){background-color: #fff;
	color: white;}
	
	.color-reloj {
		background:  #00ABE6;
	   }
	


/* Footer
--------------------------------------------------------------*/
#footer {
	padding: 0 0 30px 0;
	color: #d0d0d0;
	font-size: 14px;
	background: #111111;
  }
  #footer .footer-newsletter {
	padding: 30px 0;
	background: #111111;
	text-align: center;
	font-size: 15px;
	color: #fff;
  }
  #footer .footer-newsletter h4 {
	font-size: 24px;
	margin: 0 0 20px 0;
	padding: 0;
	line-height: 1;
	font-weight: 600;
  }
  #footer .footer-newsletter form {
	margin-top: 30px;
	background: #fff;
	padding: 6px 10px;
	position: relative;
	border-radius: 5px;
	box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
	text-align: left;
  }
  #footer .footer-newsletter form input[type=email] {
	border: 0;
	padding: 4px 8px;
	width: calc(100% - 100px);
  }
  #footer .footer-newsletter form input[type=submit] {
	position: absolute;
	top: 0;
	right: -2px;
	bottom: 0;
	border: 0;
	background: none;
	font-size: 16px;
	padding: 0 20px 3px 20px;
	background: #4eb478;
	color: #fff;
	transition: 0.3s;
	border-radius: 0 5px 5px 0;
	box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  }
  #footer .footer-newsletter form input[type=submit]:hover {
	background: #45a36c;
  }
  #footer .footer-top {
	padding: 60px 0 30px 0;
	background: #1b1b1b;
	color: #fff;
  }
  #footer .footer-top .footer-contact {
	margin-bottom: 30px;
  }
  #footer .footer-top .footer-contact h4 {
	font-size: 22px;
	margin: 0 0 30px 0;
	padding: 2px 0 2px 0;
	line-height: 1;
	font-weight: 700;
  }
  #footer .footer-top .footer-contact p {
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 0;
	font-family: "Raleway", sans-serif;
	color: #b7b7b7;
  }
  #footer .footer-top h4 {
	font-size: 16px;
	font-weight: bold;
	position: relative;
	padding-bottom: 12px;
  }
  #footer .footer-top .footer-links {
	margin-bottom: 30px;
  }
  #footer .footer-top .footer-links ul {
	list-style: none;
	padding: 0;
	margin: 0;
  }
  #footer .footer-top .footer-links ul i {
	padding-right: 2px;
	color: #9aca3c;
	font-size: 18px;
	line-height: 1;
  }
  #footer .footer-top .footer-links ul li {
	padding: 10px 0;
	display: flex;
	align-items: center;
  }
  #footer .footer-top .footer-links ul li:first-child {
	padding-top: 0;
  }
  #footer .footer-top .footer-links ul a {
	color: #aaaaaa;
	transition: 0.3s;
	display: inline-block;
	line-height: 1;
  }
  #footer .footer-top .footer-links ul a:hover {
	text-decoration: none;
	color: #4eb478;
  }
  #footer .footer-top .social-links a {
	font-size: 18px;
	display: inline-block;
	background: #373737;
	color: #fff;
	line-height: 1;
	padding: 8px 0;
	margin-right: 4px;
	border-radius: 50%;
	text-align: center;
	width: 36px;
	height: 36px;
	transition: 0.3s;
  }
  #footer .footer-top .social-links a:hover {
	background: #4eb478;
	color: #fff;
	text-decoration: none;
  }
  #footer .copyright {
	text-align: center;
	
  }
  #footer .credits {
	float: right;
	text-align: center;
	font-size: 13px;
  }


  .sede {
	background: #9aca3c;
	height: 600px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	color: #fff;
  }
  
  .sede h1 {   
	font-family:minion;
	font-size: 3rem;
	color: #fff; 
	
  }



/*--------------------------------------------------------------
# Titulos
--------------------------------------------------------------*/
.section-bg {
	background-color: #fafdfb;
  }
  
  .section-title {
	text-align: center;
	padding: 5px;
	position: relative;
  }
  .section-title h2 {
	font-size: 6vh;
	font-weight: 700;
	/*text-transform: uppercase;*/
	margin-bottom: 10px;
	padding-bottom: 0;
	color: #006198;
	position: relative;
	z-index: 2;
  }
  .section-title span {
	position: absolute;
	top: 2vw;
	color: #f4f4f4;
	left: 0;
	right: 0;
	z-index: 1;
	font-weight: 700;
	font-size: 12;
	/* text-transform: uppercase; */
	line-height: 0;
  }
  /*Titulos de Encabezados */
  .section-title p {
	margin-bottom: 0;
	position: relative;
	z-index: 2;
	color: #006198;
	font-size: 5vh;
	font-weight: 700;
  }
  @media (max-width: 1200px) {
	.section-title h2 {
	  font-size: 18px;
	  margin-bottom: 15px;
	}
  
	.section-title span {
	  font-size: 6vh;
	}
  }
  
  /* Imagen conferencista en forma circular */
  .imagen_redonda {
	width: 120px;
	height: 120px;
	border-radius: 150px;
  }
  
  
	  /* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
	/* Bump up size of carousel content */
	.carousel-caption p {
	  margin-bottom: 1.25rem;
	  font-size: 1.25rem;
	  line-height: 1.4;
	}
  
	.featurette-heading {
	  font-size: 50px;
	}
  }
  
  @media (min-width: 62em) {
	.featurette-heading {
	  margin-top: 7rem;
	}
  }
  
  /*----Este ---------------------------------------------- */

  .container {
	width: 75vw;
	max-width: 1700px;
	min-width: 320px;
	margin: auto;
	}

  .container {
		width: 85vw;
		max-width: 1400px;
		min-width: 320px;
		margin: auto;
	  }

	  @media(min-width:992px){
		.container, container-sm {
		  max-width:1400px;
		}
		}

		.pricing .row {
			padding-top: 25px;
		  }
	/* image thumbnail */
.thumb {
	display: block;
  width: 100%;
  margin: 0;
  }

  
.pricingTable .title {
	font-size: 35px;
	font-weight: 600;
	color: #ae003d;
	text-transform: uppercase;
	margin: 0 0 10px
  }

  .pricingTable.blue .title {
	color: #005c99
  }

  
.pricingTable.red .title {
	color: #00305e;
  }

  .container {
	width: 75vw;
	max-width: 1700px;
	min-width: 320px;
	margin: auto;
	}

	
.container {
	width: 85vw;
	max-width: 1400px;
	min-width: 320px;
	margin: auto;
  }

  
@media(min-width:992px){
	.container, container-sm {
	  max-width:1400px;
	}
	}

/*--------------------------------------------------------------
# Pricing
--------------------------------------------------------------*/
.pricing .row {
    padding-top: 25px;
  }
  .pricing .box {
    padding: 60px 40px;
    box-shadow: 0 3px 20px -2px rgba(20, 45, 100, 0.1);
    background: #fff;
    height: 100%;
    border-top: 4px solid #fff;
    border-radius: 5px;
  }
  .pricing h3 {
    font-weight: 500;
    margin-bottom: 15px;
    font-size: 20px;
    color: #37517e;
  }
  .pricing h4 {
    font-size: 25px;
    color: #37517e;
    font-weight: 400;
    font-family: "Jost", sans-serif;
    margin-bottom: 15px;
  }
  .pricing h4 sup {
    font-size: 28px;
  }
  .pricing h4 span {
    color: #47b2e4;
    font-size: 25px;
    display: block;
  }
  .pricing ul {
    padding: 20px 0;
    list-style: none;
    color: #999;
    text-align: left;
    line-height: 20px;
  }
  .pricing ul li {
    padding: 10px 0 10px 30px;
    position: relative;
  }
  .pricing ul i {
    color: #28a745;
    font-size: 24px;
    position: absolute;
    left: 0;
    top: 6px;
  }
  .pricing ul .na {
    color: #ccc;
  }
  .pricing ul .na i {
    color: #ccc;
  }
  .pricing ul .na span {
    text-decoration: line-through;
  }
  .pricing .buy-btn {
    display: inline-block;
    padding: 12px 35px;
    border-radius: 50px;
    color: #47b2e4;
    transition: none;
    font-size: 16px;
    font-weight: 500;
    font-family: "Jost", sans-serif;
    transition: 0.3s;
    border: 1px solid #47b2e4;
  }
  .pricing .buy-btn:hover {
    background: #47b2e4;
    color: #fff;
  }
  .pricing .featured {
    border-top-color: #9aca3c;
  }
  .pricing .featured .buy-btn {
    background: #47b2e4;
    color: #fff;
  }
  .pricing .featured .buy-btn:hover {
    background: #47b2e4;
  }
  @media (max-width: 992px) {
    .pricing .box {
      max-width: 60%;
      margin: 0 auto 30px auto;
    }
  }
  @media (max-width: 767px) {
    .pricing .box {
      max-width: 80%;
      margin: 0 auto 30px auto;
    }
  }
  @media (max-width: 420px) {
    .pricing .box {
      max-width: 100%;
      margin: 0 auto 30px auto;
    }
  }

  
.sede {
	background: #9aca3c;
	height: 600px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	color: #fff;
  }
  
  .sede h1 {   
	font-family:minion;
	font-size: 3rem;
	color: #fff; 
	
  }

  .masthead {
	background-image: url('https://encuentronacional.com.mx/portal/img/hoteles1.png');
	background-size: cover;
	background-position: center;
	height: 100vh; /* Ajusta la altura según necesites */
  }

  
  .hero-waves {
	display: block;
	width: 100%;
	height: 6px;
	position: relative;
	background-size: cover;   
		
  }

  /* Inversión  */

a {
	text-decoration: none;
  }
  
  
  /* Inversión Presencial ----------- */
  .pricingTable {
	text-align: center;
	background: #fff;
	/*margin: 0 -15px; */
	box-shadow: 0 0 10px #000;
	padding-bottom: 40px;
	border-radius: 10px;
	color: #000;
	transform: scale(1);
	transition: all .5s ease 0s
  }
  
  .pricingTable:hover {
	transform: scale(1.05);
	z-index: 1
  }
  
  .pricingTable .pricingTable-header {
	padding: 30px 0;
	background: #f5f6f9;
	border-radius: 10px 10px 50% 50%;
	transition: all .5s ease 0s
  }
  
  
  /* color de los encabezados de la inversión */
  .pricingTable:hover .pricingTable-header {
	background: #00305e;
  }
  
  .pricingTable .pricingTable-header1 {
	padding: 30px 0;
	background: #f5f6f9;
	border-radius: 10px 10px 50% 50%;
	transition: all .5s ease 0s
  }
  
  /* color de los encabezados de la inversión */
  .pricingTable:hover .pricingTable-header1 {
	background: #00305e;
  }
  
  .pricingTable .pricingTable-header2 {
	padding: 30px 0;
	background: #f5f6f9;
	border-radius: 10px 10px 50% 50%;
	transition: all .5s ease 0s
  }
  
  /* color de los encabezados de la inversión */
  .pricingTable:hover .pricingTable-header2 {
	background: #00305e;
  }
  
  
  .pricingTable .pricingTable-header i {
	font-size: 50px;
	color: #858c9a;
	margin-bottom: 10px;
	transition: all .5s ease 0s;
  }
  
  .pricingTable .price-value {
	font-size: 1.5rem;
	color: #00305e;
	font-weight:bold;
	transition: all .5s ease 0s;
  }
  
  @media screen and (min-width:1400px) {
	.pricingTable .price-value{
	  font-size: 2rem;
	}
  }
  
  .pricingTable .month {
	display: block;
	font-size: 14px;
	color: #cad0de
  }
  
  .pricingTable:hover .month,
  .pricingTable:hover .price-value,
  .pricingTable:hover .pricingTable-header i {
	color: #fff;
  }
  
  .pricingTable .heading {
	font-size: 24px;
	color: #9aca3c;
	/* margin-bottom: 20px; 
	text-transform: uppercase*/
  }
  
  .pricingTable .pricing-content ul {
	list-style: none;
	padding: 0;
	margin-bottom: 30px
  }
  
  .pricingTable .pricing-content ul li {
	line-height: 30px;
	color: #a7a8aa;
  }
  /*  Color de botones de inversiones*/
  .pricingTable .pricingTable-signup a {
	display: inline-block;
	font-size: 15px;
	color: #fff;
	padding: 10px 35px;
	border-radius: 20px;
	background: #9aca3c;
	text-transform: uppercase;
	transition: all .3s ease 0s
  }
  
  .pricingTable .pricingTable-signup a:hover {
	box-shadow: 0 0 10px #9aca3c;
  }
  
  .pricingTable.blue .heading,
  .pricingTable.blue .price-value {
	color: #4b64ff
  }
  
  .pricingTable.blue .pricingTable-signup a,
  .pricingTable.blue:hover .pricingTable-header {
	background: #4b64ff;
  }
  
  .pricingTable.blue .pricingTable-signup a:hover {
	box-shadow: 0 0 10px #4b64ff;
  }
  
  .pricingTable.red .heading,
  .pricingTable.red .price-value {
	color: #ff4b4b;
  }
  
  .pricingTable.red .pricingTable-signup a,
  .pricingTable.red:hover .pricingTable-header {
	background: #ff4b4b;
  }
  
  .pricingTable.red .pricingTable-signup a:hover {
	box-shadow: 0 0 10px #9aca3c;
  }
  
  .pricingTable.green .heading,
  .pricingTable.green .price-value {
	color: #40c952;
  }
  
  .pricingTable.green .pricingTable-signup a,
  .pricingTable.green:hover .pricingTable-header {
	background: #00305e;
  }
  
  .pricingTable.green .pricingTable-signup a:hover {
	box-shadow: 0 0 10px #40c952;
  }
  
  .pricingTable.blue:hover .price-value,
  .pricingTable.green:hover .price-value,
  .pricingTable.red:hover .price-value {
	color: #fff
  }
  
  @media screen and (max-width:768px) {
	.pricingTable {
		margin: 0 0 20px
	}
  }

/* --------- Conferencistas -----------*/
.speaker-card {
	 margin-bottom: 30px;
	 
	 }
	 .speaker-image {
	width: 40%;
	 height: auto;
	 
	 }

	
.container3 {
	display: grid;
	place-items: center;	
	text-align: center;
	}
	 .image {
	 max-width: 100%;
	height: auto;
	}
	 
@media (max-width: 768px){
	.container3{
	   padding: 20px;
	}
}
@media(max-width:576px) {
	.container3 {
	   padding: 10px;
	}
	}
/*-----Fin de Conferencista--------*/
	
	


.img1 {
width: 100%;
height: auto;
border-color: #fff;
margin: 10px;

}

@media only screen and (max-width: 600px) {
.img1 {
width: 100%;

 }
}