body{font-family: 'Montserrat' sans-serif;
}

@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;
			}
}



.content-banner{color: #ffffff;
background-image: url(https://encuentronacional.com.mx/portal/img/hoteles5.png);
min-height:350px;
max-width: 100%;
height: auto;
position: relative;
background-position: center center;
background-size: cover;
padding-top: 125px;

}



	

.content-banner:before{position:absolute;
content: '';
width: 100%;
height: 100%;

top:0;
left: 0;
z-index: 1;}

.content-banner .first-title{font-size: 44px;
font-weight: 400;
line-height: 1.2;
position: relative;
z-index: 2;
margin:0px 0px 12px;}

.content-banner .banner-des{font-size: 12px;
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: #fe4066;
display: inline-block;
color: #ffffff;
transition: 0.3s;
text-align: center;

}

.banner-btn:hover{text-decoration: none;
color:#fe4066;
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:#ffffff;
}

.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;
}
section:nth-of-type(even){background-color: #fff;
color: white;}

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

  /*Cambia de Tamaño la imagen*/
  #hero-waves > img{
	/*margin-top: 100px;  Es el ancho del menu, si habilito esta opción se baja la imagen del menu*/ 
	background-size: cover; 
	position: relative; 
	padding: 0; overflow: hidden; 
	width: 100%; 
	height: auto;
  }

  @media (max-width: 992px) {   
	#hero-waves > img{
		margin-top: 100px;
	}
}

/* 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; 
	
  }

  /* --------- 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--------*/


 /* --------- Conferencistas 2 -----------*/

.card-container {
    width: 1000px;
    margin: 15px auto 0;
    height: auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 440px;
    grid-gap: 40px;
}

    .card-container .custom-card {
        position:relative;
        background: #000;
        overflow: hidden;
        border-radius: 10px;
        transition: .5s;
        height:350px;

    }

    .card-container .custom-card:hover {
        transform: translateY(-20px);
        box-shadow: 0 20px 20px rgba(0,0,0,0.2);

    }
        .card-container .custom-card .card-img-box {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            transition: 0.5s;
        }

        .card-container .custom-card:hover .card-img-box {        
            opacity: 0.5;
        }

        .card-container .custom-card .card-img-box img {
            width:350px;
            height: 100%;
        }

        .card-container .custom-card .card-content {
            position: absolute;
            width: 100%;
            height: 60%;
            bottom: -100%;
            padding: 20px;
            box-sizing: border-box;
            text-align: center;
            transition: 0.5s;
            padding-top: 30px;
        }

        .card-container .custom-card:hover .card-content {
            bottom:0
        }
            
        .card-container .custom-card:nth-child(1) {
            background: linear-gradient(0deg, #c21833, transparent)
        }
        .card-container .custom-card:nth-child(2) {
            background: linear-gradient(0deg, #8012a5, transparent)
        }
        .card-container .custom-card:nth-child(3) {
            background: linear-gradient(0deg, #006198, transparent)
        }

        .card-container .custom-card .card-content h2 {
            margin: 0 0 10px;
            padding:0;
            color: #fff;
            font-size: 20px;
        }

        .card-container .custom-card .card-content h2 span {        
            color: #ffeb3b;
            font-size: 16px;
        }

        .card-container .custom-card .card-content p {
            margin: 0;
            padding: 0;
            color: #fff;
            font-size: 13px;
        }

        .card-container .custom-card .card-content ul {
            display: flex;
            margin: 10px 0 0;
            padding: 0;
            align-items: center;
            justify-content: center;
        }

        .card-container .custom-card .card-content ul  li {
            list-style: none;

        }

            .card-container .custom-card .card-content ul li a {
                color: #fff;
                padding: 0 10px;
                font-size: 18px;
                transition: 0.5s;
            }
/*-----Fin de Conferencista 2--------*/


.row.heading h2 {
    color: #fff;
    font-size: 52.52px;
    line-height: 95px;
    font-weight: 400;
    text-align: center;
    margin: 0 0 40px;
    padding-bottom: 20px;
    text-transform: uppercase;
}
ul{
  margin:0;
  padding:0;
  list-style:none;
}
.heading.heading-icon {
    display: block;
}
.padding-lg {
	display: block;
	padding-top: 60px;
	padding-bottom: 60px;
}
.practice-area.padding-lg {
    padding-bottom: 55px;
    padding-top: 55px;
}
.practice-area .inner{ 
     border:1px solid #999999; 
	 text-align:center; 
	 margin-bottom:28px; 
	 padding:40px 25px;
}
.our-webcoderskull .cnt-block:hover {
    box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
    border: 0;
}
.practice-area .inner h3{ 
    color:#3c3c3c; 
	font-size:24px; 
	font-weight:500;
	font-family: 'Poppins', sans-serif;
	padding: 10px 0;
}
.practice-area .inner p{ 
    font-size:14px; 
	line-height:22px; 
	font-weight:400;
}
.practice-area .inner img{
	display:inline-block;
}


.our-webcoderskull{
  background: url("https://encuentronacional.com.mx/portal/img/") no-repeat center top / cover;
  
}
.our-webcoderskull .cnt-block{ 
   float:left; 
   width:100%; 
   background:#fff; 
   padding:30px 20px; 
   text-align:center; 
   border:2px solid #d5d5d5;
   margin: 0 0 28px;
}
.our-webcoderskull .cnt-block figure{
   width:148px; 
   height:148px; 
   border-radius:100%; 
   display:inline-block;
   margin-bottom: 15px;
}
.our-webcoderskull .cnt-block img{ 
   width:148px; 
   height:148px; 
   border-radius:100%; 
}
.our-webcoderskull .cnt-block h3{ 
   color:#2a2a2a; 
   font-size:20px; 
   font-weight:500; 
   padding:6px 0;
   text-transform:uppercase;
}
.our-webcoderskull .cnt-block h3 a{
  text-decoration:none;
	color:#2a2a2a;
}
.our-webcoderskull .cnt-block h3 a:hover{
	color:#337ab7;
}
.our-webcoderskull .cnt-block p{ 
   color:#2a2a2a; 
   font-size:13px; 
   line-height:20px; 
   font-weight:400;
}
.our-webcoderskull .cnt-block .follow-us{
	margin:20px 0 0;
}
.our-webcoderskull .cnt-block .follow-us li{ 
    display:inline-block; 
	width:auto; 
	margin:0 5px;
}
.our-webcoderskull .cnt-block .follow-us li .fa{ 
   font-size:24px; 
   color:#767676;
}
.our-webcoderskull .cnt-block .follow-us li .fa:hover{ 
   color:#025a8e;
}

































































































