#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/francia/f-1.jpg);
	background-repeat:no-repeat;
	height:1051px!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:20%
	}
}
@media screen and (max-width:768px) {
	#banner {
		background-position:20%
	}
}
@media screen and (max-width:480px) {
	#banner {
		background-position:22%
	}
}
.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:#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:260px;
 }
@media screen and (max-width:820px) and (min-width:761px) {
	.proyecto p {
		color:#575756;
		font-family:latoregular;
		font-size:14px;
		padding:0;
		width:100%;
		max-width:250px;
		top:0;
		margin-top:0;
	}
	.proyecto .datos {
		max-width:80%;
		padding:0;
	}
	.proyecto h2 {
		color:#AFBA28;
		font-family:FranziskaPro;
		font-size:16px;
		letter-spacing:1px;
		padding:0;
		margin-top:20px;
	}
}
@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-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:#AFBA28;
		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 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,.plecas {
	position:relative
}
.descanso {
	background-image:url(../../images/portafolio/francia/fondoseparador-01.jpg);
	width:100%;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	max-width:1920px!important;
	min-height:930px;
	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;
	justify-content:center;
	align-items:center
}
.descanso .col-md-12,.descanso .col-md-6 {
	margin:auto!important;
	padding:0;
	float:left!important
}
.descanso .col-md-12 {
	width:100%!important;
}
.descanso .col-md-6 {
	width:50%!important;
}
.descanso .col-md-10 {
	width:83.33333333%!important;
}
.descanso .col-md-2 {
	width:16.66666667%!important;
	padding:0 0
}
.descanso img {
	width:100%;
	max-width:100%;
	height:auto;
	padding:0;
	margin:0 auto
}
.descanso h1 {
	color:#E64849;
	font-family:latoitalic;
	font-size:70px;
	font-size-adjust:100%;
	width:100%!important;
	max-width:380px;
	margin:auto!important;
	float:left!important;
	padding:0;
	left:0px;
}
.plecas {
	background-image:url(../../images/portafolio/francia/plecas.png);
	width:100%;
	background-size:cover;
	background-position:top top;
	background-repeat:no-repeat;
	max-width:72px!important;
	min-height:656px;
	padding-right:0!important;
	padding-left:0!important;
	margin-right:auto!important;
	margin-left:auto!important;
	padding:0 0;
	margin:0 auto 0;
	right:0;
	text-align:right;
	float:right;
 }
.descanso .col-md-6 .xn {
	display:inherit;
	position:relative
}
.xn {
	display:flex;
	justify-content:center;
	align-items:center
}
.xn1 {
	display:none
}
.ux1 {
	display:none
}
@media screen and (max-width:9400px) and (min-width:1380px) {
	.descanso .col-md-4{
	display:inherit;
	position:relative;
}
.descanso .col-md-8{
	display:inherit;
	position:relative;
}
 	.xn1 {
		display:none
	}
}
@media screen and (max-width:1380px) and (min-width:1100px) {
	.descanso .col-md-4{
	display:none;
}
.descanso .col-md-8{
	display:inherit;
	width:100%;
	max-width:100%;
	position:relative;
}
.descanso h1,.xn1 {
		position:relative
	}
	.descanso h1 {
	color:#E64849;
	font-family:latoitalic;
	font-size:70px;
	font-size-adjust:100%;
	width:100%!important;
	max-width:380px;
	margin:auto!important;
	float:left!important;
	padding:0;
	left:0px;
}
 	.xn1 {
		display:none
	}
}
@media screen and (max-width:1100px) and (min-width:880px) {
	.descanso h1,.xn1 {
		position:relative
	}
	.descanso h1 {
		color:#E64849;
	font-family:latoitalic;
	font-size:55px;
	font-size-adjust:100%;
	width:100%!important;
	max-width:300px;
	margin:auto!important;
	float:left!important;
	padding:0;
	left:-20px;
	}
	.descanso .col-md-6 .xn {
		display:inherit;
		position:relative
	}
	.descanso .col-md-10 {
		width:83.33333333%!important;
	}
	.descanso .col-md-2 {
		width:16.66666667%!important;
		padding:0 0s
	}
		.descanso .col-md-4{
	display:none;
}
.descanso .col-md-8{
	display:inherit;
	width:100%;
	max-width:100%;
	position:relative;
}
	.xn1 {
		display:none
	}
}
@media screen and (max-width:880px) and (min-width:760px) {
	.descanso h1,.xn1 {
		position:relative
	}
	.descanso h1 {
		color:#E64849;
	font-family:latoitalic;
	font-size:45px;
	font-size-adjust:100%;
	width:100%!important;
	max-width:230px;
	margin:auto!important;
	float:left!important;
	padding:0;
	left:-20px;
	}
	.descanso .col-md-6 .xn {
		display:inherit;
		position:relative
	}
	.descanso .col-md-10 {
		width:83.33333333%!important;
	}
	.descanso .col-md-2 {
		width:16.66666667%!important;
		padding:0 0s
	}
	.xn1 {
		display:none
	}
		.descanso .col-md-4{
	display:none;
}
.descanso .col-md-8{
	display:inherit;
	width:100%;
	max-width:100%;
	position:relative;
}
}
@media screen and (max-width:760px) and (min-width:300px) {
	.descanso,.descanso h1,.descanso img,.xn1 {
		position:relative
	}
	.descanso {
		background-color:#fff;
		background:none;
		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;
		display:block
	}
	.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 .col-md-4{
	display:none;
}
.descanso .col-md-8{
	display:inherit;
	width:100%;
	max-width:100%;
	position:relative;
}
	.descanso img,.descanso object {
		width:100%;
		max-width:100%;
		height:auto;
		padding:0;
		margin:0 auto;
		position:relative
	}
	.xn {
		display:none;
		position:relative
	}
	.xn1 {
		display:inherit;
		position:relative;
		width:100%;
		max-width:100%;
		margin:0 auto;
	}
	.descanso img {
		background:#fffbf2
	}
	.ux1 {
		display:block
	}
}
.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-8 {
	width:66.66666667%!important;
	margin:auto!important;
	float:left!important;
	padding:0;
	background-color:#fff
}
.proyecto-uno .col-md-4 {
	width:33.33333333%!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:40px
	}
	.proyecto-uno .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;
		top:40px;
	}
	.proyecto-uno .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-uno img {
		width:100%;
		max-width:100%;
		height:auto;
		padding:0;
		margin:0 auto;
		top:0px;
		position:relative
	}
}
.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 sup{
	color:#575756;
	font-family:latoregular;
	font-size:12px;
   }
.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 0em;
	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:block;
		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;
	}
	.datos-dos h1 {
		color:#939598;
		font-family:latolight;
		font-size:19px;
		text-transform:uppercase;
		top:0px;
		margin-top:5px;
	}
	.datos-dos span {
		color:#eec01a;
		font-family:latobold;
		font-size:19px;
		top:0;
		margin-top:0
	}
	.datos-dos p {
		color:#575756;
		font-family:latoregular;
		font-size:14px;
		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:#efc11a;
		font-family:latoitalic;
		font-size:23px;
		padding:0.8em 0em;
		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:90px
	}
	.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 {
		width:100%!important;
		margin:auto!important;
		float:left!important;
		padding:0 2em;
		height:auto;
		overflow:hidden
	}
	.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:15px;
		padding:1em 0;
		width:100%;
		max-width:330px
	}
	.datos-dos em {
		color:#eec01a;
		font-family:latoregular;
		font-size:15px;
		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:#939598;
	    font-family:latolight;
	    font-size:21px;
	    text-transform:uppercase;
		padding:0;
		margin-top:0;
		width:100%
	}
}
#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/francia/f-6.jpg);
	background-repeat:no-repeat;
	height:930px!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:760px) and (min-width:300px) {
	#banner1 {
		margin-top:135px
	}
}
#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:65%
	}
}
@media screen and (max-width:768px) {
	#banner1 {
		background-position:70%
	}
}
.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;
	display:flex;
	justify-content:center;
	align-items:center;
	margin:45px auto 0;
}
.proyecto-tres .col-md-8 {
	width:66.66666667%!important;
	margin:auto!important;
	float:left!important;
	padding:0;
	background-color:#fff
}
.proyecto-tres .col-md-4 {
	width:33.33333333%!important;
	margin:auto!important;
	float:left!important;
	padding:0;
}
.proyecto-tres img {
	width:100%;
	max-width:100%;
	height:auto;
	padding:0 1em;
	margin:0 auto;
	position:relative
}
.proyecto-tres .datos-tres {
	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-tres h1 {
	color:#939598;
	font-family:latolight;
	font-size:21px;
	text-transform:uppercase
}
.datos-tres span {
	color:#eec01a;
	font-family:latobold;
	font-size:21px
}
.datos-tres 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-tres em {
	color:#eec01a;
	font-family:latoregular;
	font-size:14px;
	padding:0 0em;
	margin-top:0
}
.datos-tres h2 {
	color:#e3b51a;
	font-family:latoitalic;
	font-size:26px;
	padding:1em 0em;
	width:260px;
	margin-top:0
}
.datos-ocho {
	display:none
}
@media screen and (max-width:920px) and (min-width:760px) {
	.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;
		display:block;
		margin:45px auto 0;
	}
	.proyecto-tres .col-md-4 {
		width:33.33333333%!important;
		margin:auto!important;
		float:left!important;
		padding:0;
		display:block;
		justify-content:center;
		align-items:center;
	}
	.proyecto-tres .datos-tres {
		width:100%;
		max-width:80%;
		height:auto;
		padding:0 0;
		margin:0 auto;
		display:block;
	}
	.datos-tres h1 {
		color:#939598;
		font-family:latolight;
		font-size:19px;
		text-transform:uppercase;
		top:0px;
		margin-top:5px;
	}
	.datos-tres span {
		color:#eec01a;
		font-family:latobold;
		font-size:19px;
		top:0;
		margin-top:0
	}
	.datos-tres p {
		color:#575756;
		font-family:latoregular;
		font-size:14px;
		letter-spacing:1px;
		padding:0;
		width:100%;
		max-width:400px;
		text-align:left;
		margin-top:0
	}
	.datos-tres em {
		color:#eec01a;
		font-family:latoregular;
		font-size:14px;
		padding:0 0em;
		margin-top:0
	}
	.datos-tres h2 {
		color:#efc11a;
		font-family:latoitalic;
		font-size:23px;
		padding:0.8em 0em;
		width:260px;
		margin-top:0
	}
	.datos-ocho {
	display:none
}
}
@media screen and (max-width:760px) and (min-width:300px) {
	.datos-tres {
	display:none
}
.datos-ocho {
	display: inherit
}
	.datos-ocho h1,.datos-ocho p {
		letter-spacing:1px;
		text-align:left
	}
	.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;
		display:block;
		top:45px
	}
	.proyecto-tres .col-md-8 {
		width:100%!important;
		margin:auto!important;
		float:left!important;
		padding:0 2em;
		height:auto;
		overflow:hidden
	}
	.proyecto-tres .col-md-4 {
		width:100%!important;
		margin:auto!important;
		float:left!important;
		padding:0 2em;
		height:auto;
		overflow:hidden
	}
	.proyecto-tres .datos-ocho,.proyecto-tres img {
		max-width:100%;
		margin:0 auto;
		position:relative;
		width:100%
	}
	.proyecto-tres .datos-ocho {
		height:100%;
		overflow:hidden;
		padding:1em 2em
	}
	.proyecto-tres img {
		height:auto;
		padding:0;
		top:0px
	}
	.datos-ocho p {
		color:#575756;
		font-family:latoregular;
		font-size:15px;
		padding:1em 0;
		width:100%;
		max-width:330px
	}
	.datos-ocho em {
		color:#eec01a;
		font-family:latoregular;
		font-size:15px;
		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-ocho h1 {
		color:#939598;
	    font-family:latolight;
	    font-size:21px;
	    text-transform:uppercase;
		padding:0;
		margin-top:0;
		width:100%
	}
	.datos-ocho span {
		color:#eec01a;
		font-family:latobold;
		font-size:19px;
		top:0;
		margin-top:0
	}
}
.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:45px auto 0
}
.proyecto-cuatro .col-md-8 {
	width:66.66666667%!important;
	margin:auto!important;
	float:left!important;
	padding:0;
	background-color:#fff
}
.proyecto-cuatro .col-md-4 {
	width:33.33333333%!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
}
.datos-nueve {
	display:none
}
@media screen and (max-width:760px) and (min-width:300px) {
	.datos-nueve{
		display:inherit;
	}
	.datos-nueve h1,.datos-nueve p {
		letter-spacing:1px;
		text-align:left
	}
	.proyecto-cuatro {
		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:90px
	}
	.proyecto-cuatro .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;
		top:0px;
	}
	.proyecto-cuatro .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-cuatro img {
		width:100%;
		max-width:100%;
		height:auto;
		padding:0;
		margin:0 auto;
		top:0px;
		position:relative
	}
 	.proyecto-cuatro .datos-nueve {
		height:100%;
		overflow:hidden;
		padding:1em 2em;
	}
	.datos-nueve p {
		color:#575756;
		font-family:latoregular;
		font-size:15px;
		padding:1em 0em;
		width:100%;
		max-width:330px
	}
	.datos-nueve em {
		color:#eec01a;
		font-family:latoregular;
		font-size:15px;
		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-nueve h1 {
		color:#939598;
	    font-family:latolight;
	    font-size:21px;
	    text-transform:uppercase;
		padding:1em 0em;
		margin-top:10px;
		width:100%
	}
	.datos-nueve span {
		color:#eec01a;
		font-family:latobold;
		font-size:19px;
		top:0;
		margin-top:0
	}
	.datos-nueve h2 {
	color:#e3b51a;
	font-family:latoitalic;
	font-size:26px;
	padding:1em 0em;
	width:260px;
	margin-top:0
}
}
#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/francia/f-9.jpg);
	background-repeat:no-repeat;
	height:930px!important;
	text-align:center;
	max-width:1920px;
	margin:45px auto 0;
	background-color:#fff
}
@media screen and (max-width:760px) and (min-width:300px) {
	#banner2 {
		margin-top:135px
	}
}
#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:15%
	}
}
@media screen and (max-width:768px) {
	#banner2 {
		background-position:15%
	}
}
.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;
 }
}