#banner,#banner1,#banner2 .inner,.proyecto {
	position:relative
}
.circulo,.circulo-txt {
	-moz-border-radius:50%;
	-webkit-border-radius:50%
}
#banner,#banner1,#banner2 {
	display:-webkit-flex;
	background-position:center top;
	background-size:cover;
	border-top:0;
	overflow:hidden
}
#banner .inner,#banner1 .inner,#banner2 .inner {
	-moz-transform:scale(1);
	z-index:1
}
a:focus {
	outline:0!important;
	outline-offset:0!important
}
a,button,li {
	text-decoration:none!important;
	outline:none 0!important;
	list-style:none!important
}
html {
	width:100%;
	height:100%
}
body {
	line-height:1.5;
	font-family:sans-serif;
	font-size:16px;
	color:#fff
}
a,li,ol,ul {
	outline:none 0;
	text-decoration:none;
	background-color:transparent;
	list-style:none
}
::selection {
	background:#bc994e;
	color:#fff!important
}
::-moz-selection {
	background:#bc994e;
	color:#fff!important
}
#banner {
	-ms-flex-pack:center;
	-ms-flex-align:center;
	padding:8em 0 6em;
	-moz-align-items:center;
	-webkit-align-items:center;
	-ms-align-items:center;
	align-items:center;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-moz-justify-content:center;
	-webkit-justify-content:center;
	-ms-justify-content:center;
	justify-content:center;
	background-image:url(../../images/portafolio/pido/pido1.jpg);
	background-repeat:no-repeat;
	height:1078px!important;
	text-align:center;
	margin:0 auto;
	max-width:1920px
}
.datos-dos h1,.datos-dos p,.descanso h1,.proyecto h1,.proyecto p {
	letter-spacing:1px;
	text-align:left
}
#banner .inner {
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	-moz-transition:opacity 1s ease,-moz-transform 1s ease;
	-webkit-transition:opacity 1s ease,-webkit-transform 1s ease;
	-ms-transition:opacity 1s ease,-ms-transform 1s ease;
	transition:opacity 1s ease,transform 1s ease;
	opacity:1
}
body.is-loading #banner .inner {
	-moz-transform:scale(.99);
	-webkit-transform:scale(.99);
	-ms-transform:scale(.99);
	transform:scale(.99);
	opacity:0
}
body.is-loading #banner:before {
	opacity:1
}
@media screen and (max-width:1080px) {
	#banner {
				background-position:50%
	}
}
@media screen and (max-width:768px) {
	#banner {
				background-position:50%
	}
}
@media screen and (max-width:760px) and (min-width:300px) {
	#banner1 {
		background:url(../../images/portafolio/pido/pido1-mov.jpg) center center no-repeat;
		width:100%;
		background-size:cover;
		max-width:1920px!important;
		height:100%;
			padding-right:0!important;
		padding-left:0!important;
		margin-right:auto!important;
		margin-left:auto!important;
		padding:0 2em;
		margin:45px auto 0;
		display:flex
	}
}
@media screen and (max-width:760px) and (min-width:300px) {
	#banner {
				background-position:50%
	}
}
.proyecto {
	width:100%;
	max-width:1100px!important;
	padding-right:0!important;
	padding-left:0!important;
	margin-right:auto!important;
	margin-left:auto!important;
	padding:0 2em;
	margin:0 auto;
	margin-top:45px;
}
.proyecto .col-md-6 {
	width:50%!important;
	margin:auto!important;
	float:left!important;
	padding:0;
	height:100%;
}
.proyecto .datos,.proyecto img {
	height:auto;
	margin:0 auto;
	width:100%;
	position:relative
}
.proyecto img {
	max-width:100%;
	padding:0 1em;
}
.proyecto .datos {
	max-width:80%;
	padding:0
}
.proyecto h2 {
	color:#AFBA28;
	font-family:FranziskaPro;
	font-size:16px;
	letter-spacing:1px;
	padding:0;
	margin-top:30px
}
.proyecto h1 {
	color:#575756;
	font-family:latobold;
	font-size:40px;
	padding:0;
	width:100%;
	margin-top:5px
}
.proyecto h3 {
	color:#939598;
	font-family:FranziskaPro-Italic;
	font-size:36px;
	letter-spacing:1px;
	padding:0em 0;
	width:100%;
	max-width:280px
}
.circulo-txt {
	width:8px;
	height:8px;
	border-radius:50%;
	background:#EFC11A;
	margin-right:0!important;
	float:right
}
.linea-txt {
	width:100%;
	max-width:25px;
	position:relative;
	top:0px;
	height:2px;
	left:0;
	background-color:#CEA01A
}
.proyecto p {
	color:#575756;
	font-family:latoregular;
	font-size:16px;
	padding:0;
	width:100%;
	max-width:340px
}
@media screen and (max-width:760px) and (min-width:300px) {
	.proyecto {
				width:100%;
				max-width:1100px!important;
				padding-right:0!important;
				padding-left:0!important;
				position:relative!important;
				margin:0 auto!important;
				padding:0 2em;
				top:30px
	}
	.proyecto .col-md-6 {
				width:100%!important;
				margin:auto!important;
				float:left!important;
				padding:0 2em;
				height:auto;
				min-height:auto;
				background-color:transparent;
				overflow:hidden
	}
	.proyecto .datos {
				width:100%;
				max-width:100%;
				height:100%;
				overflow:hidden;
				padding:1em 2em;
				margin:0 auto;
				position:relative
	}
	.proyecto h1 {
				margin-top:0;
				letter-spacing:1px;
				padding:0
	}
	.proyecto h2 {
				color:#AFBA28;
				font-family:FranziskaPro;
				font-size:16px;
				letter-spacing:1px;
				padding:0;
				margin-top:20px;
	}
	.proyecto h1 {
				color:#575756;
				font-family:latobold;
				font-size:40px;
				width:100%;
				text-align:left
	}
	.proyecto h3 {
				color:#939598;
				font-family:FranziskaPro-Italic;
				font-size:36px;
				letter-spacing:1px;
				padding:0;
				width:100%;
				max-width:280px
	}
	.linea-txt {
			width:100%;
			max-width:25px;
			position:relative;
			top:15px;
			height:2px;
			left:0;
			background-color:#efc11a
	}
	.proyecto p {
				color:#575756;
				font-family:latoregular;
				font-size:16px;
				letter-spacing:1px;
				padding:0;
				width:100%;
				max-width:330px;
				text-align:left
	}
	.proyecto img {
				width:100%;
				max-width:100%;
				height:auto;
				padding:0;
				margin:0 auto;
				top:10px;
				position:relative
	}
}
.proyecto-uno {
	width:100%;
	max-width:1100px!important;
	padding-right:0!important;
	padding-left:0!important;
	margin-right:auto!important;
	margin-left:auto!important;
	padding:0 2em;
	position:relative;
	margin:45px auto 0
}
.proyecto-uno .col-md-6 {
	width:50%!important;
	margin:auto!important;
	float:left!important;
	padding:0;
	background-color:#fff
}
.proyecto-uno img {
	width:100%;
	max-width:100%;
	height:auto;
	padding:0 1em;
	margin:0 auto;
	position:relative
}
@media screen and (max-width:760px) and (min-width:300px) {
	.proyecto-uno {
				width:100%;
				max-width:1100px!important;
				padding-right:0!important;
				padding-left:0!important;
				position:relative!important;
				margin:0 auto!important;
				padding:0 2em;
				top:30px
	}
	.proyecto-uno .col-md-6 {
				width:100%!important;
				margin:auto!important;
				float:left!important;
				padding:0 2em;
				height:auto;
				overflow:hidden
	}
	.proyecto-uno img {
				width:100%;
				max-width:100%;
				height:auto;
				padding:0;
				margin:0 auto;
				top:30px;
				position:relative
	}
}
.descanso {
	background:url(../../images/portafolio/pido/fondoseparador-01.svg) center center no-repeat;
	width:100%;
	background-size:cover;
	max-width:1920px!important;
	height:100%;
	min-height:867px;
	padding-right:0!important;
	padding-left:0!important;
	margin-right:auto!important;
	margin-left:auto!important;
	padding:0 2em;
	margin:45px auto 0;
	display:flex
}
.descanso .col-md-12,.descanso .col-md-6 {
	margin:auto!important;
	padding:0;
	float:left!important
}
.descanso .col-md-12 {
	width:100%!important;
	display:flex;
	justify-content:center;
	align-items:center
}
.descanso .col-md-6 {
	width:50%!important
}
.descanso img {
	width:100%;
	max-width:100%;
	height:auto;
		position:relative;
	top:50%;
	left:35%;
	-webkit-transform:translate(-50%,0%);
	transform:translate(-50%,0%)
}
.descanso h1 {
	color:#fff;
	font-family:latoitalic;
	font-size:68px;
	font-size-adjust:100%;
	width:100%!important;
	max-width:335px;
		margin:auto!important;
	padding:0;
	position:relative;
	top:50%;
	left:13%;
	-webkit-transform:translate(-50%,0%);
	transform:translate(-50%,0%)
}
.descanso .col-md-6 .xn {
	display:inherit;
	position:relative
}
.xn1 {
	display:none
}
.pt1 {
	display:inherit;
	position:relative
}
.pt2 {
	display:none;
	position:relative
}
@media screen and (max-width:1100px) and (min-width:840px) {
	.descanso h1,.xn1 {
						position:relative
	}
	.descanso h1 {
				color:#fff;
				font-family:latoitalic;
				font-size:52px;
				font-size-adjust:100%;
				width:100%!important;
				max-width:260px;
					margin:auto!important;
				padding:0;
				position:relative;
				top:50%;
				left:15%;
				-webkit-transform:translate(-50%,0%);
				transform:translate(-50%,0%)
	}
	.descanso .col-md-6 .xn {
						display:inherit;
						position:relative
	}
	.xn1 h2 {
						display:none
	}
	.pt1 {
						display:inherit;
						position:relative
	}
	.pt2 {
						display:none;
						position:relative
	}
}
@media screen and (max-width:860px) and (min-width:760px) {
	.descanso h1,.xn1 {
						position:relative
	}
	.descanso h1 {
				color:#fff;
				font-family:latoitalic;
				font-size:50px;
				font-size-adjust:100%;
				width:100%!important;
				max-width:260px;
				margin:auto!important;
				padding:0;
				position:relative;
				top:50%;
				left:25%;
				-webkit-transform:translate(-50%,0%);
				transform:translate(-50%,0%)
	}
	.descanso .col-md-6 .xn {
						display:inherit;
						position:relative
	}
	.xn1 h2 {
						display:none
	}
	.pt1 {
						display:inherit;
						position:relative
	}
	.pt2 {
						display:none;
						position:relative
	}
}
@media screen and (max-width:760px) and (min-width:300px) {
	.descanso,.descanso h1,.descanso img,.xn1 {
						position:relative
	}
	.pt2 {
						display:inherit;
						position:relative
	}
	.pt1 {
						display:none;
						position:relative
	}
	.descanso {
						background-color:#fff;
						background:transparent;
						width:100%;
						background-size:cover;
						max-width:1920px!important;
						height:auto;
						min-height:auto;
						padding-right:0!important;
						padding-left:0!important;
						margin-right:auto!important;
						margin-left:auto!important;
						padding:0 2em;
						margin:0 auto;
						margin-top:65px
	}
	.descanso .col-md-12,.descanso .col-md-6 {
						width:100%!important;
						margin:auto!important;
						float:left!important
	}
	.descanso .col-md-12 {
						padding:0;
						display:block;
						justify-content:none;
						align-items:none
	}
	.descanso .col-md-6 {
						padding:0 2em;
						height:auto;
						overflow:hidden
	}
	.descanso object {
						width:100%;
						max-width:100%;
						height:auto;
						padding:0;
						margin:0 auto;
						position:relative
	}
	.descanso img {
			width:100%;
			max-width:100%;
			height:auto;
			padding:0;
			margin:0 auto;
			position:relative;
			top:auto;
			left:50%;
	}
	.xn {
						display:none;
						position:relative
	}
	.xn1 {
						display:inherit;
						position:relative;
						width:100%;
						max-width:100%;
						margin:0 auto;
	}
}
@media screen and (max-width:760px) and (min-width:300px) {
	.xn1 h2 {
						color:#fff;
						font-family:latoitalic;
						font-size:42px;
						font-size-adjust:100%;
						letter-spacing:1px;
						width:100%!important;
						max-width:100%;
						text-align:left;
						margin:auto!important;
						float:left!important;
						left:0px;
						padding:1em 1em;
						background:url(../../images/portafolio/pido/movil.svg);
	}
}
.proyecto-dos {
	width:100%;
	max-width:1100px!important;
	padding-right:0!important;
	padding-left:0!important;
	margin-right:auto!important;
	margin-left:auto!important;
	padding:0 2em;
	margin:0 auto;
	margin-top:45px;
}
.proyecto-dos .col-md-6 {
	width:50%!important;
	margin:auto!important;
	float:left!important;
	padding:0;
	height:100%;
}
.proyecto-dos .datos,.proyecto-dos img {
	height:auto;
	margin:0 auto;
	width:100%;
	position:relative
}
.proyecto-dos img {
	max-width:100%;
	padding:0 1em;
}
.proyecto-dos .datos {
	max-width:80%;
	padding:0
}
.proyecto-dos p {
	color:#575756;
	font-family:latoregular;
	font-size:16px;
	padding:0;
	width:100%;
	margin-top:30px;
	max-width:310px;
}
.linea-txt {
	width:100%;
	max-width:25px;
	position:relative;
	top:20px;
		height:2px;
	left:0;
	background-color:#CEA01A
}
.proyecto-dos h3 {
	color:#939598;
	font-family:FranziskaPro-Italic;
	font-size:36px;
	letter-spacing:1px;
		width:100%;
	max-width:280px;
		top:20px;
		line-height:normal;
}
@media screen and (max-width:1024px) and (min-width:840px) {
	.proyecto-dos p {
			color:#575756;
			font-family:latoregular;
			font-size:15px;
			padding:0;
			width:100%;
			margin-top:0px;
			max-width:310px;
	}
	.linea-txt {
			width:100%;
			max-width:25px;
			position:relative;
			top:20px;
				height:2px;
			left:0;
			background-color:#CEA01A
	}
	.proyecto-dos h3 {
			color:#939598;
			font-family:FranziskaPro-Italic;
			font-size:34px;
			letter-spacing:1px;
				width:100%;
			max-width:280px;
				top:25px;
				line-height:normal;
	}
}
@media screen and (max-width:840px) and (min-width:760px) {
	.proyecto-dos p {
			color:#575756;
			font-family:latoregular;
			font-size:15px;
			padding:0;
			width:100%;
			margin-top:-5px;
			max-width:310px;
	}
	.linea-txt {
			width:100%;
			max-width:25px;
			position:relative;
			top:20px;
				height:2px;
			left:0;
			background-color:#CEA01A
	}
	.proyecto-dos h3 {
			color:#939598;
			font-family:FranziskaPro-Italic;
			font-size:32px;
			letter-spacing:1px;
				width:100%;
			max-width:280px;
				top:20px;
				line-height:normal;
	}
}
@media screen and (max-width:760px) and (min-width:300px) {
	.proyecto-dos {
				width:100%;
				max-width:1100px!important;
				padding-right:0!important;
				padding-left:0!important;
				position:relative!important;
				margin:0 auto!important;
				padding:0 2em;
				top:30px
	}
	.proyecto-dos .col-md-6 {
				width:100%!important;
				margin:auto!important;
				float:left!important;
				padding:0 2em;
				height:auto;
				min-height:auto;
				background-color:transparent;
				overflow:hidden
	}
	.proyecto-dos .datos {
				width:100%;
				max-width:100%;
				height:100%;
				overflow:hidden;
				padding:1em 2em;
				margin:0 auto;
				position:relative
	}
		.proyecto-dos p {
			color:#575756;
			font-family:latoregular;
			font-size:15px;
			padding:0;
			width:100%;
			margin-top:40px;
			max-width:310px;
	}
	.linea-txt {
			width:100%;
			max-width:25px;
			position:relative;
			top:30px;
				height:2px;
			left:0;
			background-color:#CEA01A
	}
	.proyecto-dos h3 {
			color:#939598;
			font-family:FranziskaPro-Italic;
			font-size:32px;
			letter-spacing:1px;
				width:100%;
			max-width:280px;
				margin-top:50px;
				line-height:normal;
	}
	.proyecto-dos img {
				width:100%;
				max-width:100%;
				height:auto;
				padding:0;
				margin:0 auto;
				top:10px;
				position:relative
	}
}
.proyecto-tres {
	width:100%;
	max-width:1100px!important;
	padding-right:0!important;
	padding-left:0!important;
	margin-right:auto!important;
	margin-left:auto!important;
	padding:0 2em;
	position:relative;
	margin:45px auto 0
}
.proyecto-tres .col-md-6 {
	width:50%!important;
	margin:auto!important;
	float:left!important;
	padding:0;
	background-color:#fff
}
.proyecto-tres img {
	width:100%;
	max-width:100%;
	height:auto;
	padding:0 1em;
	margin:0 auto;
	position:relative
}
@media screen and (max-width:760px) and (min-width:300px) {
	.proyecto-tres {
				width:100%;
				max-width:1100px!important;
				padding-right:0!important;
				padding-left:0!important;
				position:relative!important;
				margin:0 auto!important;
				padding:0 2em;
				top:0px
	}
	.proyecto-tres .col-md-6 {
				width:100%!important;
				margin:auto!important;
				float:left!important;
				padding:0 2em;
				height:auto;
				overflow:hidden
	}
	.proyecto-tres img {
				width:100%;
				max-width:100%;
				height:auto;
				padding:0;
				margin:0 auto;
				top:35px;
				position:relative
	}
}
#banner1,#banner1 .inner,.botones,footer {
	position:relative
}
#banner1 {
	background:url(../../images/portafolio/pido/pido9.jpg) center center no-repeat;
	width:100%;
	background-size:cover;
	max-width:1920px!important;
	height:100%;
	min-height:720px;
	padding-right:0!important;
	padding-left:0!important;
	margin-right:auto!important;
	margin-left:auto!important;
	padding:0 2em;
	margin:45px auto 0;
	display:flex
}
#banner1 .inner {
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	-moz-transition:opacity 1s ease,-moz-transform 1s ease;
	-webkit-transition:opacity 1s ease,-webkit-transform 1s ease;
	-ms-transition:opacity 1s ease,-ms-transform 1s ease;
	transition:opacity 1s ease,transform 1s ease;
	opacity:1
}
body.is-loading #banner1 .inner {
	-moz-transform:scale(.99);
	-webkit-transform:scale(.99);
	-ms-transform:scale(.99);
	transform:scale(.99);
	opacity:0
}
body.is-loading #banner1:before {
	opacity:1
}
@media screen and (max-width:1080px) {
	#banner1 {
							background-position:50%
	}
}
@media screen and (max-width:768px) {
	#banner1 {
							background-position:0%
	}
}
@media screen and (max-width:540px) {
	#banner1 {
							background-position:0%
	}
}
@media screen and (max-width:760px) and (min-width:300px) {
	#banner1 {
		background:url(../../images/portafolio/pido/pido9-mov.jpg) center center no-repeat;
		width:100%;
		background-size:cover;
		max-width:1920px!important;
		height:100%;
		min-height:720px;
		padding-right:0!important;
		padding-left:0!important;
		margin-right:auto!important;
		margin-left:auto!important;
		padding:0 2em;
		margin:45px auto 0;
		display:flex
	}
}
.datos-3,.datos-4,.prueba {
	position:relative
}
.datos-4 h1,.datos-4 span {
	font-size:21px;
	letter-spacing:1px;
	text-align:left
}
.prueba {
	width:100%;
	max-width:1100px!important;
	padding-right:0!important;
	padding-left:0!important;
	margin-right:auto!important;
	margin-left:auto!important;
	padding:0 2em;
	position:relative;
	margin:0 auto;
	top:30px;
}
.prueba .col-md-6 {
	width:50%!important;
	margin:auto!important;
	float:left!important;
	padding:0;
}
.prueba .col-md-12 {
	display:none
}
.datos-4 {
	width:100%;
	max-width:80%;
	height:auto;
	margin:0 auto
}
.datos-4 .col-md-12 {
	width:100%!important;
	margin:auto!important;
	float:left!important;
	padding:0;
	display:inherit;
}
.datos-4 h1 {
	color:#939598;
	font-family:latolight;
	text-transform:uppercase
}
.datos-4 span {
	color:#e1b31a;
	font-family:latobold
}
.datos-4 p {
	color:#575756;
	font-family:latoregular;
	font-size:16px;
	letter-spacing:0.13px;
	padding:0em 0.5em;
	width:100%;
	line-height:normal;
	max-width:100%;
	text-align:left;
	margin-top:-15px;
}
.datos-4 i {
	color:#575756;
	font-family:latoitalic;
	font-size:16px;
	letter-spacing:0.13px;
	text-align:left;
}
.datos-4 em {
	color:#e1b31a;
	font-family:latoregular;
	font-size:14px;
	padding:0em 0em;
	top:5px;
	position:relative;
}
.datos-3 h1,.datos-3 span {
	font-size:21px;
	letter-spacing:1px;
	text-align:left
}
.datos-3 .col-md-12 {
	width:100%!important;
	margin:auto!important;
	float:left!important;
	padding:0;
	display:inherit;
}
.datos-3 {
	width:100%;
	max-width:80%;
	height:auto;
	margin:0 auto
}
.datos-3 h1 {
	color:#939598;
	font-family:latolight;
	text-transform:uppercase
}
.datos-3 h2 {
	color:#e3b51a;
	font-family:latoitalic;
	font-size:26px;
	line-height:normal;
	padding:1em 0em;
	max-width:280px;
	margin-top:0
}
.datos-3 span {
	color:#e1b31a;
	font-family:latobold
}
.datos-3 p {
	color:#575756;
	font-family:latoregular;
	font-size:16px;
	letter-spacing:0.13px;
	padding:0em 0.5em;
	width:100%;
	max-width:220px;
	line-height:normal;
	text-align:left;
	margin-top:-15px;
}
.datos-3 em {
	color:#e1b31a;
	font-family:latoregular;
	font-size:14px;
	padding:0em 0em;
	top:5px;
	position:relative;
}
@media screen and (max-width:990px) and (min-width:895px) {
	.prueba {
				width:100%;
				max-width:100%!important;
				padding-right:0!important;
				padding-left:0!important;
				margin-right:auto!important;
				margin-left:auto!important;
				padding:0 2em;
				position:relative;
				margin:0 auto;
				top:30px;
	}
	.datos-4 {
				width:100%;
				max-width:85%;
				height:auto;
				margin:0 auto;
	}
	.datos-4 h1 {
				color:#939598;
				font-family:latolight;
				text-transform:uppercase;
				font-size:18px;
				letter-spacing:1px;
				text-align:left
	}
	.datos-4 span {
				color:#e1b31a;
				font-size:18px;
				font-family:latobold
	}
	.datos-3 {
				width:100%;
				max-width:85%;
				height:auto;
				margin:0 auto;
	}
	.datos-3 h1 {
				color:#939598;
				font-family:latolight;
				text-transform:uppercase;
				font-size:18px;
				letter-spacing:1px;
				text-align:left
	}
	.datos-3 span {
				color:#e1b31a;
				font-size:18px;
				font-family:latobold
	}
	.datos-3 h2 {
			color:#e3b51a;
			font-family:latoitalic;
			font-size:20px;
			padding:0.5em 0em;
			max-width:280px;
			margin-top:0
	}
}
@media screen and (max-width:895px) and (min-width:300px) {
	.prueba {
					display:none
	}
}
.proyecto-cuatro {
	width:100%;
	max-width:1100px!important;
	padding-right:0!important;
	padding-left:0!important;
	margin-right:auto!important;
	margin-left:auto!important;
	padding:0 2em;
	position:relative;
	margin:50px auto 0
}
.proyecto-cuatro .col-md-6 {
	width:50%!important;
	margin:auto!important;
	float:left!important;
	padding:0;
	background-color:#fff
}
.proyecto-cuatro img {
	width:100%;
	max-width:100%;
	height:auto;
	padding:0 1em;
	margin:0 auto;
	position:relative
}
.proyecto-cuatro .col-md-12 {
	display:none
}
.proyecto-cuatro .col-md-5 {
	display:none
}
.proyecto-cuatro .col-md-10 {
	display:none
}
@media screen and (max-width:895px) and (min-width:760px) {
	.proyecto-cuatro {
							width:100%;
							max-width:1100px!important;
							padding-right:0!important;
							padding-left:0!important;
							position:relative!important;
							margin:0 auto!important;
							padding:0em 2em;
							top:30px
	}
	.proyecto-cuatro .col-md-6 {
							width:100%!important;
							margin:auto!important;
							float:left!important;
							padding:1em 0em;
							height:auto;
							overflow:hidden;
	}
	.proyecto-cuatro img {
		width:100%;
		max-width:100%;
		height:auto;
		padding:0 1em;
		margin:10px auto;
		position:relative
	}
	 .proyecto-cuatro .col-md-12 {
							width:100%!important;
							margin:auto!important;
							float:left!important;
							padding:0em 2em;
							height:auto;
							overflow:hidden;
							display:block
	}
	 .proyecto-cuatro .col-md-5 {
							width:50%!important;
							margin:auto!important;
							float:left!important;
							padding:0em 0em;
							height:auto;
							overflow:hidden;
							display:block
	}
	.proyecto-cuatro .col-md-10 {
		display:none
	}
	.datos-9 h1,.datos-9 p,.datos-9 span {
							letter-spacing:1px;
							text-align:left
	}
	.datos-9 {
							width:100%;
							margin:0 auto;
							padding:0 1em;
							height:auto;
							overflow:hidden;
	}
	.datos-9 .col-md-12 {
							width:100%!important;
							margin:auto!important;
							float:left!important;
							padding:0em 0;
							display:inherit;
							top:0
	}
	.datos-9 h1 {
							color:#939598;
							font-family:latolight;
							font-size:21px;
							text-transform:uppercase
	}
	.datos-9 span {
							color:#efc11a;
							font-family:latobold;
							font-size:21px
	}
	.datos-9 p {
			color:#575756;
			font-family:latoregular;
			font-size:16px;
			letter-spacing:0.13px;
			padding:0em 0.5em;
			width:100%;
			max-width:350px;
			text-align:left;
			margin-top:-22px;
			margin-left:5px;
	}
	.datos-9 h2 {
		color:#e3b51a;
		font-family:latoitalic;
		font-size:26px;
		line-height:normal;
		padding:1em 0em;
		max-width:280px;
		margin-top:0
	}
	.datos-9 i {
			color:#575756;
			font-family:latoitalic;
			font-size:16px;
			letter-spacing:0.13px;
				text-align:left;
	}
	.datos-9 em {
							color:#e1b31a;
							font-family:latoregular;
							font-size:16px;
							padding:0 0em;
							margin:0 0px 0 5px;
							margin-top:0;
	}
	.datos-9 .uno {
					display:inherit;
	}
	.datos-9 .dos {
					display:none;
	}
}
@media screen and (max-width:760px) and (min-width:480px) {
	.proyecto-cuatro {
							width:100%;
							max-width:1100px!important;
							padding-right:0!important;
							padding-left:0!important;
							position:relative!important;
							margin:0 auto!important;
							padding:0em 2em;
							top:30px
	}
	.proyecto-cuatro .col-md-6 {
							width:100%!important;
							margin:auto!important;
							float:left!important;
							padding:1em 1em;
							height:auto;
							overflow:hidden;
	}
	.proyecto-cuatro img {
		width:100%;
		max-width:100%;
		height:auto;
		padding:0 1em;
		margin:20px auto;
		position:relative
	}
	.proyecto-cuatro .col-md-12 {
							width:100%!important;
							margin:auto!important;
							float:left!important;
							padding:0em 2em;
							height:auto;
							overflow:hidden;
							display:block
	}
	 .proyecto-cuatro .col-md-5 {
							width:50%!important;
							margin:auto!important;
							float:left!important;
							padding:0em 0em;
							height:auto;
							overflow:hidden;
							display:block
	}
	.proyecto-cuatro .col-md-10 {
		display:none
	}
	.datos-9 h1,.datos-9 p,.datos-9 span {
							letter-spacing:1px;
							text-align:left
	}
	.datos-9 {
							width:100%;
							margin:0 auto;
							padding:0 1em;
							height:auto;
							overflow:hidden;
	}
	.datos-9 .col-md-12 {
							width:100%!important;
							margin:auto!important;
							float:left!important;
							padding:0em 0;
							display:inherit;
							top:0
	}
	.datos-9 h1 {
							color:#939598;
							font-family:latolight;
							font-size:21px;
							text-transform:uppercase
	}
	.datos-9 h2 {
		color:#e3b51a;
		font-family:latoitalic;
		font-size:26px;
		line-height:normal;
		padding:1em 0em;
		max-width:280px;
		margin-top:0
	}
	.datos-9 span {
							color:#efc11a;
							font-family:latobold;
							font-size:21px
	}
	.datos-9 p {
			color:#575756;
			font-family:latoregular;
			font-size:16px;
			letter-spacing:0.13px;
			padding:0em 0.5em;
			width:100%;
			max-width:350px;
			text-align:left;
			margin-top:-22px;
	}
	.datos-9 i {
			color:#575756;
			font-family:latoitalic;
			font-size:16px;
			letter-spacing:0.13px;
				text-align:left;
	}
	.datos-9 em {
							color:#e1b31a;
							font-family:latoregular;
							font-size:16px;
							padding:0 0em;
							margin-top:0
	}
	.datos-9 .uno {
					display:inherit;
	}
	.datos-9 .dos {
					display:none;
	}
}
@media screen and (max-width:480px) and (min-width:300px) {
	.proyecto-cuatro {
							width:100%;
							max-width:1100px!important;
							padding-right:0!important;
							padding-left:0!important;
							position:relative!important;
							margin:0 auto!important;
							padding:0em 2em;
							top:30px
	}
	.proyecto-cuatro .col-md-6 {
							width:100%!important;
							margin:auto!important;
							float:left!important;
							padding:1em 1em;
							height:auto;
							overflow:hidden;
	}
	.proyecto-cuatro img {
		width:100%;
		max-width:100%;
		height:auto;
		padding:0 1em;
		margin:20px auto;
		position:relative
	}
	.proyecto-cuatro .col-md-12 {
							width:100%!important;
							margin:auto!important;
							float:left!important;
							padding:0em 2em;
							height:auto;
							overflow:hidden;
							display:block
	}
	 .proyecto-cuatro .col-md-10 {
							width:100%!important;
							margin:auto!important;
							float:left!important;
							padding:0em 0em;
							height:auto;
							overflow:hidden;
							display:block
	}
	.proyecto-cuatro .col-md-5 {
		display:none
	}
	.datos-9 h1,.datos-9 p,.datos-9 span {
							letter-spacing:1px;
							text-align:left
	}
	.datos-9 {
							width:100%;
							margin:0 auto;
							padding:0 2em;
							height:auto;
							overflow:hidden;
	}
	.datos-9 .col-md-12 {
							width:100%!important;
							margin:auto!important;
							float:left!important;
							padding:0em 0;
							display:inherit;
							top:0
	}
	.datos-9 h1 {
							color:#939598;
							font-family:latolight;
							font-size:21px;
							text-transform:uppercase
	}
	.datos-9 span {
							color:#efc11a;
							font-family:latobold;
							font-size:21px
	}
	.datos-9 h2 {
		color:#e3b51a;
		font-family:latoitalic;
		font-size:26px;
		line-height:normal;
		padding:1em 0em;
		max-width:280px;
		margin-top:0
	}
	.datos-9 p {
			color:#575756;
			font-family:latoregular;
			font-size:16px;
			letter-spacing:0.13px;
			padding:0em 0.5em;
			width:100%;
			max-width:350px;
			text-align:left;
			margin-top:-22px;
	}
	.datos-9 i {
			color:#575756;
			font-family:latoitalic;
			font-size:16px;
			letter-spacing:0.13px;
				text-align:left;
	}
	.datos-9 em {
							color:#e1b31a;
							font-family:latoregular;
							font-size:16px;
							padding:0 0em;
							margin-top:0
	}
	.datos-9 .uno {
					display:none;
	}
	.datos-9 .dos {
					display:inherit;
	}
}
#banner2,#banner2 .inner,.botones,footer {
	position:relative
}
#banner2 {
	-ms-flex-pack:center;
	-ms-flex-align:center;
	padding:8em 0 6em;
	-moz-align-items:center;
	-webkit-align-items:center;
	-ms-align-items:center;
	align-items:center;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-moz-justify-content:center;
	-webkit-justify-content:center;
	-ms-justify-content:center;
	justify-content:center;
	background-image:url(../../images/portafolio/pido/pido12.jpg);
	background-repeat:no-repeat;
	height:930px!important;
	text-align:center;
	max-width:1920px;
	margin:45px auto 0;
	background-color:#fff
}
#banner2 .inner {
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	-moz-transition:opacity 1s ease,-moz-transform 1s ease;
	-webkit-transition:opacity 1s ease,-webkit-transform 1s ease;
	-ms-transition:opacity 1s ease,-ms-transform 1s ease;
	transition:opacity 1s ease,transform 1s ease;
	opacity:1
}
body.is-loading #banner2 .inner {
	-moz-transform:scale(.99);
	-webkit-transform:scale(.99);
	-ms-transform:scale(.99);
	transform:scale(.99);
	opacity:0
}
body.is-loading #banner2:before {
	opacity:1
}
@media screen and (max-width:1080px) {
	#banner2 {
				background-position:50%
	}
}
@media screen and (max-width:768px) {
	#banner2 {
				background-position:50%
	}
}
@media screen and (max-width:760px) and (min-width:300px) {
	#banner1 {
		background:url(../../images/portafolio/pido/pido12-mov.jpg) center center no-repeat;
		width:100%;
		background-size:cover;
		max-width:1920px!important;
		height:100%;
		min-height:720px;
		padding-right:0!important;
		padding-left:0!important;
		margin-right:auto!important;
		margin-left:auto!important;
		padding:0 2em;
		margin:45px auto 0;
		display:flex
	}
}
.botones h1,.botones h1:hover {
	font-family:latolight;
	font-size:22px;
	letter-spacing:1px;
	text-align:left
}
.circulo,.cuadrado {
	background:#EFC11A
}
.botones {
	width:100%;
	max-width:1100px!important;
	padding-right:0!important;
	padding-left:0!important;
	margin-right:auto!important;
	margin-left:auto!important;
	padding:0 2em;
	margin:0 auto;
	margin-top:45px;
}
.botones .col-md-6 {
	width:50%!important;
	margin:auto!important;
	float:left!important;
	padding:0;
	display:flex;
	align-items:center
}
.botones h1 {
	color:#efc11a;
	text-transform:capitalize
}
.botones h1:hover {
	color:#575756;
	text-transform:capitalize
}
.botones h2,.botones h2:hover {
	font-size:22px;
	text-align:center;
	text-transform:capitalize;
	font-family:latolight;
	letter-spacing:1px
}
.botones h2 {
	color:#efc11a
}
.botones h2:hover {
	color:#575756
}
.botones h3 {
	color:#efc11a;
	font-family:latolight;
	font-size:30px
}
@media screen and (max-width:880px) and (min-width:760px) {
	.botones h1,.botones h1:hover,.botones h2,.botones h2:hover {
				font-size:18px
	}
	.botones h3 {
				font-size:25px
	}
}
@media screen and (max-width:760px) and (min-width:390px) {
	.botones h1,.botones h1:hover {
				font-size:20px;
				text-align:left
	}
	.botones h2,.botones h2:hover {
				font-size:20px;
				text-align:center
	}
	.botones h3 {
				font-size:30px
	}
	.botones {
				margin:0 auto;
				margin-top:45px
	}
	.botones .col-md-6 {
				width:100%!important;
				float:left!important;
				padding:0 3em
	}
}
@media screen and (max-width:390px) and (min-width:280px) {
	.botones h1,.botones h1:hover {
				font-size:17px;
				text-align:left
	}
	.botones h2,.botones h2:hover {
				font-size:17px;
				text-align:center
	}
	.botones h3 {
				font-size:20px
	}
	.botones {
				margin:0 auto;
				margin-top:45px
	}
	.botones .col-md-6 {
				width:100%!important;
				float:left!important;
				padding:0 2em
	}
}
footer {
	width:100%;
	max-width:1920px;
	min-height:220px;
	margin:45px auto 0
}
.todo {
	width:100%;
	max-width:1100px!important;
	padding-right:0!important;
	padding-left:0!important;
	position:relative!important;
	margin:0 auto!important
}
.circulo {
	width:8px;
	height:8px;
	border-radius:50%;
	margin-left:-15px!important
}
.linea,.lineapequeña {
	width:100%;
	height:2px;
	background-color:#EFC11A;
	position:relative
}
.todo h1 {
	color:#575756;
	font-family:latoregular;
	font-size:21px;
	letter-spacing:1px
}
.todo a p,.todo a p:hover {
	font-family:latolight;
	font-size:21px
}
.lineapequeña {
	max-width:25px;
	margin:0 90px 0 auto;
	top:0
}
.todo a p {
	color:#939598;
	letter-spacing:1px
}
.linea {
	max-width:190px;
	margin:0 auto;
	float:left
}
.todo a p:hover {
	color:#EFC11A;
	letter-spacing:1px
}
.todo ul li,.todo ul li a {
	color:#575756;
	letter-spacing:1px
}
.todo ul li,.todo ul li a,.todo ul li a:hover {
	font-family:latoregular;
	font-size:13px
}
.todo ul li.unix{
	font-family:latobold;
	color:#EFC11A;
}
.cuadrado {
	width:8px;
	height:8px;
	margin-right:-15px!important;
	float:right;
	margin-top:-27px
}
.todo ul li a:hover {
	color:#EFC11A
}
.ab {
	position:relative;
	top:27px
}
footer .col-md-5 {
		margin:auto!important;
		float:left!important;
		width:24%!important;
 }
footer .col-md-3 {
		margin:auto!important;
		float:left!important;
		width:25%!important;
 }
footer .col-md-2 {
		margin:auto!important;
		float:left!important;
		width:13%!important;
 }
footer .col-md-4 {
	display:none
}
footer .col-md-8 {
	display:none
}
@media screen and (max-width:991px) and (min-width:800px) {
 	footer .col-md-5 {
		margin:auto!important;
		float:left!important;
		width:23%!important;
  	}
	footer .col-md-3 {
		margin:auto!important;
		float:left!important;
		width:24.5%!important;
 	}
	footer .col-md-2 {
		margin:auto!important;
		float:left!important;
		width:13.5%!important;
		display:inherit;
 	}
	.lineapequeña,footer .col-md-4 {
		display:none
	}
	.lineapequeña,footer .col-md-8 {
		display:none
	}
 	.todo h1 {
	color:#575756;
	font-family:latoregular;
	font-size:17px
	}
	.todo a p,.todo a p:hover {
	font-family:latolight;
	font-size:17px
	}
	.todo a p {
	color:#939598
	}
	.linea {
	max-width:150px;
	margin:0 auto;
	float:left
	}
	.todo a p:hover {
	color:#EFC11A;
	letter-spacing:1px
	}
	.todo ul li,.todo ul li a,.todo ul li a:hover {
	font-family:latoregular;
	font-size:11px;
	left:0;
	margin-left:0;
	text-align:left;
	float:left
	}
}
@media screen and (max-width:800px) and (min-width:760px) {
 	footer .col-md-5 {
		margin:auto!important;
		float:left!important;
		width:22%!important;
   	}
	footer .col-md-3 {
		margin:auto!important;
   		float:left!important;
		width:25%!important;
  	}
	footer .col-md-2 {
		margin:auto!important;
		float:left!important;
		width:13%!important;
		display:inherit;
  	}
	.lineapequeña,footer .col-md-4 {
		display:none
	}
	.lineapequeña,footer .col-md-8 {
		display:none
	}
 	.todo h1 {
	color:#575756;
	font-family:latoregular;
	font-size:15px
	}
	.todo a p,.todo a p:hover {
	font-family:latolight;
	font-size:15px
	}
	.todo a p {
	color:#939598
	}
	.linea {
	max-width:140px;
	margin:0 auto;
	float:left
	}
	.todo a p:hover {
	color:#EFC11A;
	letter-spacing:1px
	}
	.todo ul li,.todo ul li a,.todo ul li a:hover {
	font-family:latoregular;
	font-size:10.5px;
	left:0;
	margin-left:0;
	text-align:left;
	float:left
	}
}
@media screen and (max-width:760px) and (min-width:480px) {
	.todo h1,.todo ul li a {
				color:#575756;
				letter-spacing:1px
	}
	.todo h1,.todo ul li,.todo ul li a {
				letter-spacing:1px
	}
	.ab,footer {
				position:relative
	}
	footer {
				width:100%;
				max-width:100%;
				min-height:380px;
				background-color:#fff;
				margin:45px auto 0
	}
	footer .col-md-5 {
		margin:auto!important;
		float:left!important
	}
	footer .col-md-5 {
		width:100%!important;
		top:0;
		padding:0 4em
	}
	.todo h1 {
		font-family:latoregular;
		font-size:21px;
		width:200px
	}
	.todo ul li,.todo ul li a,.todo ul li a:hover {
		font-family:latoregular;
		font-size:14px
	}
	.todo ul li a:hover {
		color:#EFC11A
	}
	.todo ul li {
		color:#575756
	}
	footer .col-md-3 {
		display:none
	}
	footer .col-md-2 {
		display:none
	}
	.cuadrado {
		width:8px;
		height:8px;
		background:#EFC11A;
		margin-right:20px!important;
		float:right;
		margin-top:-27px
	}
	footer .col-md-4 {
		width:50%!important;
		margin:auto!important;
		float:left!important;
		padding:0 1.3em;
		display:inherit
	}
	footer .col-md-8 {
		width:50%!important;
		margin:auto!important;
		float:left!important;
		padding:0 1.3em;
		display:inherit
	}
	.ab1 {
		top:20px;
		position: relative
	}
	.lineapequeña {
	max-width:25px;
  	top:5px;
 	margin-left:40px;
 }
}
@media screen and (max-width:480px) and (min-width:300px) {
	.todo h1,.todo ul li a {
		color:#575756;
		letter-spacing:1px
	}
	.todo h1,.todo ul li,.todo ul li a {
		letter-spacing:1px
	}
	.ab,footer {
		position:relative
	}
	footer {
				width:100%;
				max-width:100%;
				min-height:380px;
				background-color:#fff;
				margin:45px auto 0
	}
	footer .col-md-5 {
		margin:auto!important;
		float:left!important
	}
	footer .col-md-5 {
		width:100%!important;
		top:0;
		padding:0 4em
	}
	.todo h1 {
		font-family:latoregular;
		font-size:20px;
		width:200px
	}
 	.todo a p,.todo a p:hover {
	font-family:latolight;
	font-size:20px
	}
	.linea {
	max-width:175px;
	margin:0 auto;
	float:left
	}
	.todo ul li,.todo ul li a,.todo ul li a:hover {
		font-family:latoregular;
		font-size:12px
	}
	.todo ul li a:hover {
		color:#EFC11A
	}
	.todo ul li {
		color:#575756
	}
	footer .col-md-3 {
		display:none
	}
	footer .col-md-2 {
		display:none
	}
	.cuadrado {
		width:8px;
		height:8px;
		background:#EFC11A;
		margin-right:20px!important;
		float:right;
		margin-top:-27px
	}
	footer .col-md-4 {
		width:60%!important;
		margin:auto!important;
		float:left!important;
		padding:0 1em;
		display:inherit
	}
	footer .col-md-8 {
		width:40%!important;
		margin:auto!important;
		float:left!important;
		padding:0 1em;
		display:inherit
	}
	.ab1 {
		top:20px;
		position: relative
	}
	.lineapequeña {
	max-width:25px;
  	top:5px;
 	margin-left:40px;
 }
}