#banner,#banner .inner,.proyecto {
	position:relative
}
.circulo,.circulo-txt {
	-moz-border-radius:50%;
	-webkit-border-radius:50%
}
#banner,#banner1 {
	display:-webkit-flex;
	background-position:center top;
	background-size:cover;
	border-top:0;
	overflow:hidden
}
#banner .inner,#banner1 .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/scuda/scuda1.jpg);
	background-repeat:no-repeat;
	height:1055px!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:45%
	}
}
@media screen and (max-width:760px) and (min-width:640px) {
	#banner {
			background-position:45%;
	}
}
@media screen and (max-width:640px) and (min-width:300px) {
	#banner {
		-ms-flex-pack:center;
		-ms-flex-align:center;
		padding:0em 0 0em;
		-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/scuda/scuda1-mov.jpg);
		background-repeat:no-repeat;
		height:768px!important;
		text-align:center;
		margin:0 auto;
		max-width:100%;
		width:100%;
	}
}
.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-8 {
	width:66.66666667%!important;
	margin:auto!important;
	float:left!important;
	padding:0;
	height:auto;
}
.proyecto .col-md-4 {
	width:33.33333333%!important;
	margin:auto!important;
	float:left!important;
	padding:0;
	height:auto;
}
.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:#2d74ba;
	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
}
.proyecto h4 {
	padding:0em 0;
	width:100%;
	max-width:230px;
}
.circulo-txt {
	width:8px;
	height:8px;
	border-radius:50%;
	background:#EFC11A;
	margin-right:0px!important;
	float:right
}
.linea-txt {
	width:100%;
	max-width:25px;
	position:relative;
	top:0px;
	height:2px;
	left:0;
	background-color:#efc11a
}
.proyecto p {
	color:#575756;
	font-family:latoregular;
	font-size:16px;
	padding:0;
	width:100%;
	max-width:270px
}
.pt1 {
	display:inherit;
	position:relative
}
.pt2 {
	display:none;
	position:relative
}
@media screen and (max-width:1024px) and (min-width:900px) {
	.proyecto .datos {
			max-width:80%;
			padding:0;
	}
	.proyecto h2 {
			color:#2d74ba;
			font-family:FranziskaPro;
			font-size:12px;
			letter-spacing:1px;
			padding:0;
			margin-top:10px;
	}
	.proyecto h1 {
		color:#575756;
		font-family:latobold;
		font-size:36px;
		padding:0;
		width:100%;
		margin-top:0px
	}
	.proyecto h4 {
		padding:0em 0;
		width:100%;
		max-width:200px;
	}
	.proyecto h3 {
		color:#939598;
		font-family:FranziskaPro-Italic;
		font-size:30px;
		letter-spacing:1px;
		padding:0em 0;
		width:100%;
		max-width:100%;
	}
	.proyecto p {
			color:#575756;
			font-family:latoregular;
			font-size:14.5px;
			padding:0;
			width:100%;
			max-width:100%;
			top:0;
			margin-top:0;
	}
	.pt1 {
		display:inherit;
		position:relative
	}
	.pt2 {
		display:none;
		position:relative
	}
}
@media screen and (max-width:900px) and (min-width:380px) {
	.pt2 {
					display:inherit;
					position:relative
	}
	.pt1 {
					display:none;
					position:relative
	}
	.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-8 {
			width:100%!important;
			margin:auto!important;
			float:left!important;
			padding:0 2em;
			height:auto;
			min-height:auto;
			background-color:transparent;
			overflow:hidden
	}
	.proyecto .col-md-4 {
			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,.proyecto h2 {
			margin-top:0;
			letter-spacing:1px;
			padding:0
	}
	.proyecto h2 {
			color:#2d74ba;
			font-family:FranziskaPro;
			font-size:16px
	}
	.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
	}
	.proyecto h4 {
				width:100%;
			max-width:230px
	}
	.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
	}
}
@media screen and (max-width:380px) and (min-width:280px) {
	.pt2 {
					display:inherit;
					position:relative
	}
	.pt1 {
					display:none;
					position:relative
	}
	.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-8 {
			width:100%!important;
			margin:auto!important;
			float:left!important;
			padding:0 2em;
			height:auto;
			min-height:auto;
			background-color:transparent;
			overflow:hidden
	}
	.proyecto .col-md-4 {
			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,.proyecto h2 {
			margin-top:0;
			letter-spacing:1px;
			padding:0
	}
	.proyecto h2 {
			color:#2d74ba;
			font-family:FranziskaPro;
			font-size:16px
	}
	.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:30px;
			letter-spacing:1px;
			padding:0;
			width:100%;
			max-width:100%
	}
	.proyecto h4 {
				width:100%;
			max-width:200px
	}
	.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
	}
}
.descanso,.descanso h1,.descanso img,.linea-txt1,.proyecto-dos,.proyecto-dos img,.xn1 {
	position:relative
}
.descanso {
	background:url(../../images/portafolio/scuda/scuda3.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
}
.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:5%
}
.descanso h1 {
	color:#606060;
	font-family:latoitalic;
	font-size:68px;
	font-size-adjust:100%;
	width:100%!important;
	max-width:400px;
	margin:auto!important;
	padding:0;
	position:relative;
	top:50%;
}
.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:900px) {
	.descanso {
		background:url(../../images/portafolio/scuda/scuda3.jpg) center center no-repeat;
		width:100%;
		background-size:cover;
		max-width:1920px!important;
		height:100%;
		min-height:640px;
		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 h1,.xn1 {
					position:relative
	}
	.descanso h1 {
			color:#606060;
			font-family:latoitalic;
			font-size:52px;
			font-size-adjust:100%;
			width:100%!important;
			max-width:340px;
			margin:auto!important;
			padding:0;
			position:relative;
			top:50%;
			left:5%
	}
	.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:900px) and (min-width:760px) {
	 .descanso {
		background:url(../../images/portafolio/scuda/scuda3.jpg) center center no-repeat;
		width:100%;
		background-size:cover;
		max-width:1920px!important;
		height:100%;
		min-height:640px;
		padding-right:0!important;
		padding-left:0!important;
		margin-right:auto!important;
		margin-left:auto!important;
		padding:0 2em;
		margin:80px auto 0;
		display:flex
	}
	.descanso h1,.xn1 {
					position:relative
	}
	.descanso h1 {
			color:#606060;
			font-family:latoitalic;
			font-size:50px;
			font-size-adjust:100%;
			width:100%!important;
			max-width:320px;
				margin:auto!important;
			padding:0;
			position:relative;
			top:50%;
			left:5%
	}
	.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:80px
	}
	.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:0%;
	}
	.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:440px) {
	.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-color:#d72e3b;
	}
}
@media screen and (max-width:440px) and (min-width:300px) {
	.xn1 h2 {
					color:#fff;
					font-family:latoitalic;
					font-size:34px;
					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-color:#d72e3b;
	}
}
.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;
	display:flex;
	justify-content:center;
	align-items:center;
	margin:45px auto 0;
}
.proyecto-dos .col-md-8 {
	width:66.66666667%!important;
	margin:auto!important;
	float:left!important;
	padding:0;
	background-color:#fff
}
.proyecto-dos .col-md-4 {
	width:33.33333333%!important;
	margin:auto!important;
	float:left!important;
	padding:0;
}
.proyecto-dos img {
	width:100%;
	max-width:100%;
	height:auto;
	padding:0 1em;
	margin:0 auto;
	position:relative
}
.proyecto-dos .datos-dos {
	width:100%;
	max-width:80%;
	height:auto;
	padding:0 0;
	margin:0 auto;
}
.linea-txt1 {
	width:100%;
	max-width:25px;
	top:5px;
	height:2px;
	left:0;
	background-color:#efc11a
}
.datos-dos h1 {
	color:#939598;
	font-family:latolight;
	font-size:21px;
	text-transform:uppercase
}
.datos-dos span {
	color:#eec01a;
	font-family:latobold;
	font-size:21px
}
.datos-dos p {
	color:#575756;
	font-family:latoregular;
	font-size:16px;
	letter-spacing:1px;
	padding:0;
	width:100%;
	max-width:400px;
	text-align:left;
	margin-top:0
}
.datos-dos em {
	color:#eec01a;
	font-family:latoregular;
	font-size:14px;
	padding:0 0em;
	margin-top:0
}
.datos-dos h2 {
	color:#e3b51a;
	font-family:latoitalic;
	font-size:26px;
	padding:1em 0.4em;
	width:260px;
	margin-top:0
}
@media screen and (max-width:920px) and (min-width:760px) {
	.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;
		display:flex;
		justify-content:center;
		align-items:center;
		margin:45px auto 0;
	}
	.proyecto-dos .col-md-4 {
			width:33.33333333%!important;
			margin:auto!important;
			float:left!important;
			padding:0;
			display:block;
			justify-content:center;
			align-items:center;
	}
	.proyecto-dos .datos-dos {
			width:100%;
			max-width:80%;
			height:auto;
			padding:0 0;
			margin:0 auto;
			display:block;
	}
	.linea-txt1 {
		width:100%;
		max-width:25px;
		top:5px;
		height:2px;
		left:0;
		background-color:#efc11a
	}
	.datos-dos h1 {
		color:#939598;
		font-family:latolight;
		font-size:19px;
		text-transform:uppercase
	}
	.datos-dos span {
		color:#eec01a;
		font-family:latobold;
		font-size:19px
	}
	.datos-dos p {
		color:#575756;
		font-family:latoregular;
		font-size:15px;
		letter-spacing:1px;
		padding:0;
		width:100%;
		max-width:400px;
		text-align:left;
		margin-top:0
	}
	.datos-dos em {
		color:#eec01a;
		font-family:latoregular;
		font-size:14px;
		padding:0 0em;
		margin-top:0
	}
	.datos-dos h2 {
		color:#e3b51a;
		font-family:latoitalic;
		font-size:24px;
		padding:0.5em 0.4em;
		width:260px;
		margin-top:0
	}
}
@media screen and (max-width:760px) and (min-width:300px) {
	.datos-dos h1,.datos-dos p {
			letter-spacing:1px;
			text-align:left
	}
	.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;
			display:block;
			top:60px
	}
	.proyecto-dos .col-md-8 {
			width:100%!important;
			margin:auto!important;
			float:left!important;
			padding:0 2em;
			height:auto;
			overflow:hidden
	}
	.proyecto-dos .col-md-4 {
			display:none
	}
	.proyecto-dos .datos-dos,.proyecto-dos img {
			max-width:100%;
			margin:0 auto;
			position:relative;
			width:100%
	}
	.proyecto-dos .datos-dos {
			height:100%;
			overflow:hidden;
			padding:1em 2em
	}
	.proyecto-dos img {
			height:auto;
			padding:0;
			top:0px
	}
	.datos-dos p {
			color:#575756;
			font-family:latoregular;
			font-size:16px;
			padding:1em 0;
			width:100%;
			max-width:330px
	}
	.datos-dos em {
			color:#eec01a;
			font-family:latoregular;
			font-size:16px;
			padding:1em 0em;
			margin-top:0
	}
	.linea-txt1 {
			width:100%;
			max-width:25px;
			position:relative;
			top:5px;
			height:2px;
			left:0;
			background-color:#efc11a
	}
	.datos-dos h1 {
			color:#efc11a;
			font-family:latoitalic;
			font-size:32px;
			padding:0;
			margin-top:0;
			width:100%
	}
}
.datos-3,.prueba {
	position:relative
}
.prueba {
	display:none
}
.datos-3 h1,.datos-3 span {
	font-size:21px;
	letter-spacing:1px;
	text-align:left
}
.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 span {
	color:#eec01a;
	font-family:latobold
}
.datos-3 p {
	color:#575756;
	font-family:latoregular;
	font-size:16px;
	letter-spacing:1px;
	padding:0 0.5em;
	width:100%;
	max-width:240px;
	text-align:left
}
.datos-3 em {
	color:#eec01a;
	font-family:latoregular;
	font-size:16px;
	letter-spacing:1px;
	padding:0;
}
@media screen and (max-width:760px) and (min-width:300px) {
	.prueba {
			width:100%;
			max-width:1100px!important;
			padding-right:0!important;
			padding-left:0!important;
			position:relative!important;
			margin:0 auto!important;
			padding:0 2em;
			display:block;
			top:30px;
			display:inherit
	}
	.prueba .col-md-12 {
			width:100%!important;
			margin:auto!important;
			float:left!important;
			padding:0 2em;
			justify-content:center;
			align-items:center;
			display:inherit;
			top:35px
	}
	.prueba .col-md-6 {
			display:none
	}
	.datos-3 {
			width:100%;
			max-width:100%;
			height:100%;
			overflow:hidden;
			padding:1.5em 2em;
			margin:0 auto;
			position:relative
	}
}
.datos-33,.prueba3 {
	position:relative
}
.prueba3 {
	display:none
}
.datos-33 h1,.datos-33 span {
	font-size:21px;
	letter-spacing:1px;
	text-align:left
}
.datos-33 {
	width:100%;
	max-width:80%;
	height:auto;
	margin:0 auto
}
.datos-33 h1 {
	color:#939598;
	font-family:latolight;
	text-transform:uppercase
}
.datos-33 span {
	color:#eec01a;
	font-family:latobold
}
.datos-33 p {
	color:#575756;
	font-family:latoregular;
	font-size:16px;
	letter-spacing:1px;
	padding:0 0.5em;
	width:100%;
	max-width:240px;
	text-align:left
}
.datos-33 em {
	color:#eec01a;
	font-family:latoregular;
	font-size:16px;
	letter-spacing:1px;
	padding:0;
}
@media screen and (max-width:760px) and (min-width:300px) {
	.prueba3 {
			width:100%;
			max-width:1100px!important;
			padding-right:0!important;
			padding-left:0!important;
			position:relative!important;
			margin:0 auto!important;
			padding:0 2em;
			display:block;
			top:30px;
			display:inherit
	}
	.prueba3 .col-md-12 {
			width:100%!important;
			margin:auto!important;
			float:left!important;
			padding:0 2em;
			justify-content:center;
			align-items:center;
			display:inherit;
			top:0px
	}
	.prueba3 .col-md-6 {
			display:none
	}
	.datos-33 {
			width:100%;
			max-width:100%;
			height:100%;
			overflow:hidden;
			padding:0em 2em;
			margin:0 auto;
			position:relative
	}
}
#banner1,#banner1 .inner,.botones,footer {
	position:relative
}
#banner1 {
	-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/scuda/scuda5.jpg);
	background-repeat:no-repeat;
	height:832px!important;
	text-align:center;
	max-width:1920px;
	margin:45px auto 0;
	background-color:#fff
}
.botones h1,.botones h1:hover {
	font-family:latolight;
	font-size:22px;
	letter-spacing:1px;
	text-align:left
}
@media screen and (max-width:1080px) {
	#banner1 {
			background-position:65%
	}
}
@media screen and (max-width:760px) and (min-width:640px) {
	#banner1 {
			background-position:60%;
	}
}
@media screen and (max-width:640px) and (min-width:300px) {
	#banner1 {
			background-position:61%;
	}
}
@media screen and (max-width:760px) and (min-width:300px) {
	#banner1 {
			margin-top:80px;
	}
}
#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
}
.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:45px auto 0
}
.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 {
			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:55px auto 0
	}
	.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 {
			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:60px auto 0
	}
	.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:390px;
			background-color:#fff;
			margin:90px 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:390px;
		background-color:#fff;
		margin:90px 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;
 }
}
#myImg,#myImg1,#myImg2,#myImg3 {
	cursor:pointer;
	transition:0.3s;
	border:none;
	border-radius:none;
}
.modal {
	display:none;
	position:fixed;
	z-index:1;
	padding-top:0px;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:auto;
	background-color:rgb(0,0,0);
	background-color:rgba(0,0,0,0.9);
	border:none;
	border-radius:none;
	text-align:center
}
.modal-content {
	margin:auto;
	display:block;
	width:80%;
	max-width:700px;
}
.modal img {
	margin:auto;
	left:0;
	right:0;
	top:0;
	bottom:0;
	position:absolute;
	display:block;
}
#caption {
	margin:auto;
	display:block;
	width:80%;
	max-width:700px;
	text-align:center;
	color:#ccc;
	padding:0px 0;
	height:0px;
}
.modal-content,#caption {
	-webkit-animation-name:zoom;
	-webkit-animation-duration:0.6s;
	animation-name:zoom;
	animation-duration:0.6s;
	border:none;
	border-radius:none;
}
@-webkit-keyframes zoom {
	from {
			-webkit-transform:scale(0)
	}
	to {
			-webkit-transform:scale(1)
	}
}
@keyframes zoom {
	from {
			transform:scale(0)
	}
	to {
			transform:scale(1)
	}
}
.cerrar {
	position:absolute;
	top:35px;
	right:50px;
	margin-right:0;
	transition:0.3s;
	z-index:99999
}
.cerrar img {
	opacity:1;
}
.cerrar img:hover {
	opacity:0.8;
}
.cerrar:hover,.cerrar:focus {
	text-decoration:none;
	cursor:pointer;
}
@media screen and (max-width:760px) and (min-width:300px) {
	.modal-content {
			width: 100%
	}
}