body{
	font-family: 'Didact Gothic', sans-serif !important;
}

.hidden{
	visibility: hidden;
}

.ver{
	visibility: visible!important;
}


/*Estilos Base*/
.contenedor-img {
width: 100%;
height: 350px;
float: left;
overflow: hidden;
position: relative;
text-align: center;
cursor: default;
background: #fff;
}
.contenedor-img img{
	width: 100%;
}
.contenedor-img .mascara1 ,.contenedor-img .contenido {
width: 100%;
height: 400px;
position: absolute;
overflow: hidden;
top: 0;
left: 0
}
.contenedor-img .mascara2 ,.contenedor-img .contenido {
width: 100%;
height: 350px;
position: absolute;
overflow: hidden;
top: 0;
left: 0
}
.contenedor-img img {
display: block;
position: relative;

}
.contenedor-img h1 {
text-transform: uppercase;
color: #fff;
text-align: center;
position: relative;
font-size: 17px;
padding: 10px;
background: rgba(0, 0, 0, 0.9);
margin: 20px 0 0 0
}
.contenedor-img p {
font-size: 15px;
position: relative;
color: #fff;
padding: 10px 20px 10px;
text-align: center
}
.contenedor-img a.link {
display: inline-block;
text-decoration: none;
padding: 7px 14px;
background: #222;
color: #fff;
text-transform: uppercase;
box-shadow: 0 0 1px #000
}
.contenedor-img a.link:hover {
box-shadow: 0 0 5px #000
}

/*Ejemplo 5*/
.ejemplo-5 img {
transform: scaleY(1);
transition: all 0.7s ease-in-out;
height: 350px;
}
.ejemplo-5 .mascara1 {
background-color: rgba(26, 105, 172, 0.7);
transition: all 0.5s linear;
opacity: 1;
}
.ejemplo-5 .mascara2 {
background-color: rgba(73, 120, 107, 0.7);
transition: all 0.5s linear;
opacity: 1;
}
.ejemplo-5 h2{

background: transparent;
margin: 20px 40px 0px 40px;
transform: scale(0);
color: #fff;
transition: all 0.5s linear;
opacity: 0;
}
.ejemplo-5 p {
color: #fff;
opacity: 1;
transform: scale(0);
transition: all 0.5s linear;
}
.ejemplo-5 a.link {
opacity: 0;
transform: scale(0);
transition: all 0.5s linear;
background-color: rgba(119, 80, 21, 0.9);
}

.ejemplo-5:hover img {
transform: scale(1.2);

}
.ejemplo-5:hover .mascara1 {
opacity: 1;
}
.ejemplo-5:hover .mascara2{
opacity: 1;
}
.ejemplo-5 h2,
.ejemplo-5 p,
.ejemplo-5 a.link{
transform: scale(1);
opacity: 1;
}


.box-principal{
	padding: 40px;
}


h2.titulo.negro, h3.titulo.negro {
    color: #333;
}
h2.titulo, h3.titulo {
    font-size: 26px;
    font-weight: 600;
    text-align: center;
    margin-top: 0;
    margin-bottom: 20px;
    text-transform: uppercase;
    padding: 40px 0;
    background: #fff;
}
h2.titulo::after, h3.titulo::after {
    content: "";
    height: 5px;
    width: 100%;
    display: block;
    text-align: center;
    background: #f2f4f8;
    margin-top: -15px;
}
h2.titulo span, h3.titulo span {
    display: inline-block;
    background: #fff;
    padding: 0 25px;
}

.footer-1{
	
	background:#2d2d2e; 
	text-align: center;
}

.footer-1 img{
	padding: 20px;
	border-radius: 100px;
}

.footer-1 a img:hover {
	transform: scale(1.1);
}
.footer-2{
	border-top-width: 1px;
	border-top-style: solid;
	border-color: #fff;
	height: 64px;
	background:#2d2d2e;
}

.footer-principal{
	color: #fff;
}

.row{
	margin-right: 0px;
margin-left: 0px;
}

.footer-font{
	padding: 10px;
	margin-left: 30px;
}
.footer-font2{
	padding: 10px;
	margin-left: 30px;
}

.footer-copyright{
	padding: 20px;
	float: right;
	font-size: 10px;
}
.img-cli{
	border-radius: 50%;
	border-color: #c4c4c4;
	width: 140px;
	margin:40px;
	-webkit-box-shadow: -2px 3px 13px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: -2px 3px 13px 0px rgba(0,0,0,0.75);
	box-shadow: -2px 3px 13px 0px rgba(0,0,0,0.75);
	}
@media(max-width: 600px){
	.footer-font{
		display: none;

	}
	.footer-2{
		text-align: center;
	}
	.footer-copyright{
		float: unset;
		
	}
}

.navbar{
	position: fixed;
	z-index: 100;
	width:100%;
}

@media(max-width: 600px){
	.navbar{
	position: relative;

}

.bg-wildnet1 {
background-color:#2d2d2e !important;
	
}
}
.bg-wildnet1 {
	background-color: transparent;
	transition: 2s;
}

.bg-wildnet2 {
	background-color: #2d2d2e  !important;
	transition: 2s;
}

.wildnet-logo{
	color: #fff;

	font-weight: bold;

}

@media(max-width: 600px){

	.txt-desc{
		font-size: 9px !important;

	}

}



.bloque-desc{
	height: 140px;
}

@media(max-width: 350px){

	.txt-desc{
		display: none

	}
	.bttn-new{
		margin-top: 20px;
	}
	.bloque-desc{
		height: 0px;
	}
}

.slide-wild{
	position: relative;
}
.slide-botom-text{
	position:absolute !important;
    bottom:15px;
    
}




.titulo1-diapo{
	font-size: 40px !important;
}
.titulo2-diapo{
	font-size: 100px	!important;
}

.titulo3-diapo{
	font-size: 50px !important;
}

.desc-diapo{
	font-size: 40px !important;
}
.desc-diapo2{
	font-size: 40px !important;
}





@media(max-width: 600px){
.titulo2-diapo{
	font-size: 50px	!important;
}
.desc-diapo{
	font-size: 25px !important;
}
.desc-diapo2{
	font-size: 15px !important;
}
.slide-botom-text{
	position:absolute !important;
    bottom:15px;
  
}
}