@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	/* vertical-align: baseline; */
	text-decoration: none;
	-webkit-text-size-adjust: none;
	/* color: #FFFFFF; */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: 'Montserrat', sans-serif;
	box-sizing:border-box;
}

::selection {
background: #333;
color: #fff;
text-shadow: none;
}

.logoH{
    float: left;
    position: absolute;
    z-index: 9;
    top: 35px;
    left: 35px;
    transition: .2s ease-out;
}
.logoH img{
    width: 250px;
    height: auto;
}
/* ICONOS FUENTE */
		.icos{
			display: inline-block;
			margin: 0px 2px;
			color: white;
			vertical-align: bottom;
		}
		.icos span{
			font: normal normal normal 14px/1 FontAwesome;
			transition: .3s;
			vertical-align: middle;
		}
		
		.iYt span:before{content:"\f16a";}
		.iFb span:before{content:"\f09a";}
		.iTw span:before{content:"\f099";}
		.iIn span:before{content:"\f16d";}
		.iMail span:before{content: "\f003";} /* SOBRE DE CORREO */
		.iTel span:before{content: "\f10b";} /* TELEFONO */
		.iMas span:before{content: "\f054";} /* UBICACION */
		.iDir span:before{content: "\f041";} /* UBICACION */
		.iId span:before{content: "\f1fc";} /* PINCEL */
		.iWb span:before{content: "\f0ac";} /* MUNDO */
		.iSf span:before{content: "\f121";} /* CORCHETES DE CODIGO */
		.iAp span:before{content: "\f10b";} /* CELULAR */
		.iPro span:before{content: "\f02b";} /* ETIQUETA DE PROMO */
		.iVid span:before{content: "\f008";} /* VIDEO - FILM */
		.iTic span:before{content: "\f145";} /* TICKET */
		.iGal span:before{content: "\f030";} /* CAMARA DE FOTOS */
		.iPro2 span:before{content: "\f02b";}
		.iCom span:before{content: "\f086";}  /* GLOBO DE COMENTARIOS */
		.iEve span:before{content: "\f005";} /* ESTRELLA */
		.iDesc span:before{content: "\f164"}  /* PULGAR ARRIBA */
		.iUser span:before{content: "\f007";}
		.iPlay span:before{content: "\f01d";}
		.iZoom span:before{content: "\f002";} /* LUPA */
		
.lainfoc-p{
    position: relative;
}
.hlaepH{
    height: 100vh;
    background-size: cover;
    background-position: center center;
}
.f1{background-image: url(../images/f1n.jpg);}		
.f2{background-image: url(../images/f2n.jpg);}		
.txbp{
    position: absolute;
    bottom: 20px;
    left: 20px;
    letter-spacing: 0px;
    color: white;
}
.txbp p{
    color: white;
    font-size: 11px;
}
.txbp p span{
    color: silver;
}
footer{
    padding: 40px;
    border-top: 1px solid silver;
}
.contPie{
    display: table;
    width: 100%;
}
.col1pie{
    display: table-cell;
    vertical-align: middle;
    padding: 0px 10px;
}
.col1pie a{
    color: black;
    margin: 2px 10px 2px 0px;
}
.col1pie a i{
    font-size: 1.2em;
}
.col1pie a span{
    margin: 0px 8px;
}
.col1pie span:before{
    color: #6d6d6d;
    font-size: 28px;
}
.col1pie p span{
    color: black;
}
.col1pie p{
    color: gray;
    font-size: 14px;
    margin: 0px 0px 25px;
    line-height: 26px;
}
.col1pie p strong{
    color: black;
}
.col1pie p a{
    color: black;
}
.col1pie img{
    width: 145px;
    height: auto;
}
.colDerFull{
    text-align: right;
    font-size: 14px;
    color: #6d6d6d;
}
.colDerFull div:first-child{
    margin: 25px 0px;
}
.contIntDes{
    width: 100%;
    padding: 180px 0px 140px 3%;
    min-height: 100vh;
    background-size: 10%;
    background-repeat: no-repeat;
    background-position: center right;
    position: relative;
}
.bck1{
    background-color: white;
    /* background-image: url(../images/fdodet.png); */
}
.bck2{
    /* background-image: url(../images/fdodet.png); */
}

.bck2 > div > div h1{
    color: #484848;
}
.bck2 > div > div h2{
    color: #cacaca;
    line-height: 30px;
}
.contInfoTx{
    width: 100%;
    position: relative;
}
.contInfoTx .despCol:first-child{/* float: left; */}
.contInfoTx .despCol:last-child{
	/* float: left; */
	display: block;
	position: absolute;
	left: 400px;
	padding-right: 20%;
	max-width: 1024px;
}
.colIzTit{padding: 0px;width: 300px;position: absolute;left: 0px;margin-bottom: 45px;}
	.colIzTit h1{
    font-size: 100px;
    font-weight: bolder;
    text-transform: uppercase;
    line-height: 95px;
}
	.colIzTit h2{
    text-transform: uppercase;
    font-weight: 400;
    color: #777777;
    font-size: 15px;
    letter-spacing: 3px;
    /* margin-bottom: 30px; */
}
.contTxCenr{position: relative;margin-left: 400px;margin-right: 300px;max-width: 880px;transition: .4s;}
.contTxCenr p{font-size: 14px;color: #6d6d6d;line-height: 2;margin: 0 0 30px;}
.contTxCenr h2{font-size: 25px;color: black;line-height: 2;margin: 0 0 30px;font-weight: bold;letter-spacing: 3px;}
.contTxCenr p strong{
    font-weight: bolder;
    color: black;
}

.serv{
    margin-left: 20px;
}
	.serv li{
    margin: 0 0 10px;
}

.tamTx1{
    text-align: justify;
}

.colM{}
	.colM ul{
    list-style: none;
    display: table;
    width: 100%;
}
	.colM ul li{
    display: table-cell;
    width: 50%;
    text-align: left;
    padding: 0px 10px;
}
	.colM ul li p{}
	.colM ul li p strong{
    color: #cacaca;
}
	.colM ul li p a{
    color: #cacaca;
}
	.colM i{
    color: silver;
    font-size: 1.2em;
}
	.colM a{
    color: white;
    display: block;
    margin: 10px 0px;
}
.formaC{
    margin: 30px 0px 30px 0px;
}
.formaC div:last-child{
    text-align: right;
    padding: 15px 0px;
}
.unalin{
    /* width: 93%; */
}
.doslin{
    width: 50%;
    float: left;
}
	.unalin, .doslin{
    display: block;
    margin: 10px 0px;
}

input[type="text"], input[type="email"], input[type="tel"], textarea{
    background-color: transparent;
    border: 1px solid #404040;
    padding: 15px 20px;
    width: 100%;
    font-size: 14px;
    -webkit-appearance: none;
    border-radius: 0px;
    color: white;
}
textarea{
    height: 200px;
}

button[type="submit"]{
    font-size: 14px;
    color: whitesmoke;
    text-transform: uppercase;
    background-color: black;
    border: none;
    -webkit-appearance: none;
    padding: 0px 35px;
    line-height: 50px;
}

.contMed{margin-bottom: 45px;overflow: auto;}
.contMed img{
    width: 100%;
    height: auto;
}

.contMed iframe{
		max-width:640px;
		width:100%;}
	.txMed{
		margin:10px 0px;
		}
	.txMed p{
		margin: 0px;
		line-height: 1.5;
		}
	.txMed strong{
		font-size:18px;
		text-transform:uppercase;
		color: #cacaca !important;
		}

.unP{
    margin-bottom: 50px;
}
	.unP ul{
    display: table;
    width: 100%;
}
	.unP ul li{
    display: table-cell;
    vertical-align: top;
    list-style: none;
    width: 50%;
	}
	
	.unP ul li:first-child > div > div > a > div{
    text-align: center;
    color: white;
    background-color: black;
    width: 40px;
    height: 40px;
    font-size: 20px;
    line-height: 35px;
    border-radius: 50px;
    margin: 30px auto 0px auto;
    display: block;
}
	
.fPp{
    /* display: block; */
    /* height: 400px; */
    width: 90%;
    /* background-size: cover; */
    /* background-position: center center; */
    /* position: relative; */
    /* margin-bottom: 30px; */
}
.fPp > div > a:first-child{
    float: left;
    width: 100% !important;
    height: 100% !important;
    opacity: 1;
    display: block;
    border: none;
    text-align: center;
}
.fPp > div > a{
    opacity: 0;
    width: 1px !important;
    height: 1px;
    position: relative;
}

	.fPp > div > a img{
		width: 0px;
		height: 0px;
		display: block;
	}
	.fPp > div > a:first-child img{
		width: 100%;
		height: auto;
	}

	.unP ul li:first-child > a{
    background-color: black;
    width: 42px;
    height: 42px;
    text-align: center;
    border-radius: 50px;
    box-shadow: 0 1px 5px rgba(0,0,0,.5);
	}
	.unP ul li:first-child > a span:before{
    font-size: 20px;
    line-height: 40px;
}

	.fPp > a{
    position: absolute;
    bottom: -12px;
    right: -12px;
    background-color: black;
    width: 42px;
    height: 42px;
    text-align: center;
    border-radius: 50px;
    box-shadow: 0 1px 5px rgba(0,0,0,.5);
 	}
	.fPp > a span:before{
    font-size: 20px;
    line-height: 40px;
	}
	
	.ftP1{
    /* background-image: url(http://natus.mx/admin/assets/uploads/11/29650-DSC_3781.jpg); */
}
	.ftP2{}
	.ftP3{}
	.ftP4{}
	.ftP5{}
	
.txDp{}
.titP{
    margin: 0 0 30px;
    font-size: 25px;
}
.detGp{
    margin: 0 0 35px;
}
	.detGp p{
    line-height: 1.5;
    text-align: left;
    margin: 0;
}
	.detGp strong{
    color: black;
}
.descP{}
	.descP p{}
.tamPj{
	margin-left: 10% !important;
	max-width: 980px;
	}
.datos-portafolio{
    max-width: 980px;
    margin: auto;
    padding: 50px 0px;
}
.cab-portfolio{
    margin: 0 0 60px;
}
	.cab-portfolio h1{
    font-size: 35px;
    color: #cacaca;
}
	.cab-portfolio h2{
    font-size: 17px;
    color: gray;
}










    


@media (max-width: 1440px){
	.contTxCenr{
    margin-right: 200px;
    transition: .4s;
}
}

	@media (max-width: 1144px){
	.contIntDes{
  }
	.colIzTit{
    padding: 0px;
 }
	.colIzTit h1{
    font-size: 60px;
    line-height: 80px;
 }
	.contTxCenr{
    transition: .4s;
    margin-left: 300px;
}
}
@media (max-width: 1024px){
	
	.col1pie{
    display: block;
 	}
	.colCen2{
    margin: 20px 0px;
	}
	.colIzTit{
    position: relative;
    width: 100%;
}
	.contTxCenr{
    margin-left: 0;
    margin-right: 150px;
}
.tamPj {
    margin-left: 0% !important;
    max-width: 980px;
}
}

@media (max-width: 768px){
	.contIntDes{
  }
	.colIzTit{
 }
	.contTxCenr{}
	.tamPj{}
}


@media (max-width: 667px){
	.contIntDes{
  background-image: none;
  }
	.colIzTit{
    padding: 0px;
  }
	.despCol{
    display: block;
    width: 100%;
	}
	.tamTx1{
 }
	.contTxCenr{
    margin-right: 3%;
}
}


@media (max-width: 666px){


	
.f1{background-image: url(../images/f1n_m.jpg);}		
.f2{background-image: url(../images/f2n_m.jpg);}		
	
	.col1pie{
    display: block;
    text-align: center;
  	}
	.colCen2{
    margin: 35px 0px;
	}
	.colIzq{
    margin: 0px 0px 30px;
	}
	footer{
    padding: 40px 25px;
	}
	.logoH{
    top: 20px;
    left: 20px;
    transition: .2s ease-out;
	}
	.logoH img{
    width: 175px;
	}
	.cd-stretchy-nav{
    top: 10px;
    right: 10px;
    transition: .2s ease-in;
	}


	.colM ul li{
    display: block;
    width: 100%;
    padding: 10px 0px;
}

.unP ul li{
    display: block;
    width: 100%;
    overflow: auto;
}
.fPp{
    width: 100%;
}
.unP ul li:first-child > div > div > a > div{
    margin: 5px auto 0px;
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 99999;
}
.titP{
    margin: 5px 0 15px;
}
.detGp{
    margin: 0 0 15px;
}
.fPp > div > a:first-child{
	float:none;
}

}
@media (max-width: 375px){
	.contIntDes{
    /* padding: 150px 25px; */
    background-image: none;
  }
	.colIzTit{
    padding: 0px;
    /* width: 240px; */
    /* left: 25px; */
  }
	.despCol{
    display: block;
    width: 100%;
	}
	.tamTx1{
    /* padding: 25px; */
 }
	.colM ul li{
    display: block;
    width: 100%;
    margin: 0 0 30px;
    padding: 0;
	}
	.unalin, .doslin{
    margin: 10px 0px;
    width: 100%;
	}
	input[type="text"], input[type="email"], input[type="tel"], textarea{}
	.contTxCenr{}
	.contMed iframe{
    height: 200px;
}

}


.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  /* ideally, transition speed should match zoom duration */
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0;
}

/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}