/**********************************************/
/************** PORTFOLIO ***************/
/*********************************************/
.portfolioPage{

}
.portfolioPage{
	padding:0;
}

.portfolioPage .container{
	padding:0;
	width:100%!important
}

.firstColumnPortfolio{
	padding:0;
	width:50%;
}

.secondColumnPortfolio{
    padding: 0;
}

.secondColumnPortfolio div{
	padding:0;
}

.firstColumnPortfolio div{
	padding:0;
}

#titleProductos{
/*	float:right;
	width: 50%;*/
	padding-top: 40px;
	padding-bottom: 40px;
}
#titleProductos #firstServ {
	padding-top:0;
	padding-right:20px
}
#titleProductos h1{
	color:#3d3d3d;
	font-weight: 100;
	font-size: 38px;
	margin-bottom:0;
	margin-top:0;
	padding-bottom:25px;
}

#titleProductos p{
	margin-bottom:0;
	margin-top:0;
	/*line-height: 27px;*/
}

#titleProductos p a{
	text-transform:uppercase;
	color:#3b3b3b;
}

#titleProductos p a.selected{
	text-transform:uppercase;
	color:#2b4f87;
}

#titleProyectos{
/*	float:right;
	width: 50%;*/
	padding-top: 40px;
	padding-bottom: 40px;
}
#titleProyectos #firstServ {
	padding-top:0;
	padding-right:20px
}
#titleProyectos h1{
	color:#3d3d3d;
	font-weight: 100;
	font-size: 38px;
	margin-bottom:0;
	margin-top:0;
	padding-bottom:25px;
}

#titleProyectos p{
	margin-bottom:0;
	margin-top:0;
	/*line-height: 27px;*/
}

#titleProyectos p a{
	text-transform:uppercase;
	color:#3b3b3b;
}

#titleProyectos p a.selected{
	text-transform:uppercase;
	color:#2b4f87;
}

#arrowPortfolio{
	width: 40px;
    margin-top: 20px;
}


.portfolioPage .secondBackPortfolio{
	/*background:url(../img/Portfolio/img-danone.png);*/
    width: 50%;
    height: 370px;
    background-size: 100% 100%;
    padding: 0;
	transition:background 0.5s ease-in-out;
	-moz-transition:background 0.5s ease-in-out;
	cursor:pointer;
	color:#fff;
}

.portfolioPage .secondBackPortfolio h2{
    color: #fff;
	text-align: center;
	font-size: 40px;
	font-weight: 300;
}

.portfolioPage .secondBackPortfolio p{
	color: #fff;
	text-align: center;
	font-size: 16px;
	font-weight: 300;
	text-transform:initial!important;
}

.portfolioPage .secondBackPortfolio #arrowPortfolio{
	margin: auto;
    text-align: center;
    display: block;
	max-width:100%;
    width: 40px;
    margin-top: 20px;
	opacity:1;
}

.grid {
	position: relative;
	margin: 0 auto;
	padding: 1em 0 4em;
	max-width: 1000px;
	list-style: none;
	text-align: center;
}

/* Common style */
.grid figure {
    position: relative;
    float: left;
    overflow: hidden;
    min-width: 100%;
    max-width: 100%;
    max-height: 370px;
    width: 48%;
    background: #000000;
    text-align: center;
    cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 1;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

figure.effect-chico img {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.12);
	transform: scale(1.12);
}

figure.effect-chico:hover img {
	opacity: 0.5;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-chico figcaption {
	padding: 3em;
    padding-top: 2.5em;
}

figure.effect-chico figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

figure.effect-chico figcaption::before,
figure.effect-chico p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-chico h2 {
	padding: 20% 0 20px 0;
}

figure.effect-chico p {
	margin: 0 auto;
	max-width: 200px;
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
    text-transform: initial;
    font-size: 15px;
}

figure.effect-chico:hover figcaption::before,
figure.effect-chico:hover p {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

@media screen and (max-width: 50em) {
	.content {
		padding: 0 10px;
		text-align: center;
	}
	.grid figure {
		display: inline-block;
		float: none;
		margin: 10px auto;
		width: 100%;
	}
}

figure.effect-chico:hover  figcaption > a {
    z-index: 1000;
    text-indent: 0%;
    white-space: nowrap;
    font-size: 0;
    opacity: 1;
}

 #logoFigure{
/*    width: 85px!important;
    text-align: center!important;
    margin: auto!important;
    margin-bottom: 10px!important;
	opacity:1;
	
	max-width:160px;*/
}

#titleFigure{
    text-transform: initial;
    font-size: 40px;
    font-weight: 100;
}


.portfolioPage .thirdBackPortfolio{
	/*background:url(../img/Portfolio/img-cim.png);*/
	width:100%;
    height: 225px;
    background-size: 100% 100%;
    padding: 0;
}

.portfolioPage .thirdBackPortfolio figure.effect-chico figcaption {
    padding: 2em;
    padding-top: 0.5em;
}

.portfolioPage .thirdBackPortfolio #logoFigure {
    width: 90px !important;
	margin-bottom: 0px !important;
}

.portfolioPage .thirdBackPortfolio #titleFigure {
    text-transform: initial;
    font-size: 31px;
}

.portfolioPage .thirdBackPortfolio #arrowPortfolio {
	text-align: center;
	margin: 10px auto auto;
	width: 35px;
	opacity: 1;
}

.portfolioPage .thirdBackPortfolio h2{
    color: #fff;
	text-align: center;
	font-size: 40px;
	font-weight: 300;
}

.portfolioPage .thirdBackPortfolio p{
	color: #fff;
	text-align: center;
	font-size: 14.5px;
	font-weight: 300;
	text-transform:initial!important;
}

.portfolioPage .fourthBackPortfolio{
	/*background:url(../img/Portfolio/img-quilmes.png);*/
	width:100%;
    height: 145px;
    background-size: 100% 100%;
    padding: 0;
}

.portfolioPage .fourthBackPortfolio figure.effect-chico figcaption {
    padding: 2em;
    padding-top: 0.4em;
}

.portfolioPage .fourthBackPortfolio #logoFigure {
    width: 100px !important;
	margin-bottom: 0px !important;
}

.portfolioPage .fourthBackPortfolio #titleFigure {
    text-transform: initial;
    font-size: 22px;
}

.portfolioPage .fourthBackPortfolio #arrowPortfolio {
	text-align: center;
	margin: 5px auto auto;
	width: 28px;
	opacity: 1;
}

.portfolioPage .fourthBackPortfolio h2{
    color: #fff;
	text-align: center;
	font-weight: 300;
}

.portfolioPage .fourthBackPortfolio p{
	color: #fff;
	text-align: center;
	font-size: 12px;
	font-weight: 300;
	text-transform:initial!important;
}

.portfolioPage .fourthBackPortfolio.grid figure{
	height:146px;
}

.portfolioPage .fifthBackPortfolio{
	/*background:url(../img/Portfolio/img-yokohama.png);*/
    height: 224px;
    background-size: 100% 100%;
    padding: 0;
}

.portfolioPage .fifthBackPortfolio figure.effect-chico figcaption {
    padding: 2em;
    padding-top: 2.5em;
}

.portfolioPage .fifthBackPortfolio #logoFigure {
    width: 185px !important;
    margin-bottom: 0px !important;
}

.portfolioPage .fifthBackPortfolio #titleFigure {
    text-transform: initial;
    font-size: 31px;
}

.portfolioPage .fifthBackPortfolio #arrowPortfolio {
	text-align: center;
	margin: 10px auto auto;
	width: 35px;
	opacity: 1;
}

.portfolioPage .fifthBackPortfolio h2{
    color: #fff;
	text-align: center;
	font-size: 40px;
	font-weight: 300;
}


.portfolioPage .fifthBackPortfolio p{
	color: #fff;
	text-align: center;
	font-size: 14.5px;
	font-weight: 300;
	text-transform:initial!important;
}


.portfolioPage .sixthBackPortfolio{
	/*background:url(../img/Portfolio/img-jimbeam.png);*/
    height: 224px;
    background-size: 100% 100%;
    padding: 0;
}

.portfolioPage .sixthBackPortfolio figure.effect-chico figcaption {
    padding: 2em;
    padding-top: 1.7em;
}

.portfolioPage .sixthBackPortfolio #logoFigure {
    width: 120px !important;
	margin-bottom: 0px !important;
}

.portfolioPage .sixthBackPortfolio #titleFigure {
    text-transform: initial;
    font-size: 31px;
}

.portfolioPage .sixthBackPortfolio #arrowPortfolio {
	text-align: center;
	margin: 10px auto auto;
	width: 35px;
	opacity: 1;
}

.portfolioPage .sixthBackPortfolio h2{
    color: #fff;
	text-align: center;
	font-size: 40px;
	font-weight: 300;
}


.portfolioPage .sixthBackPortfolio p{
	color: #fff;
	text-align: center;
	font-size: 14.5px;
	font-weight: 300;
	text-transform:initial!important;
}



.portfolioPage .firstBackPortfolio{
	/*background-image: url(../img/Portfolio/img-fravega.png);*/
	width:100%;
    height: 340px;
    background-size: 100% 100%;
    padding: 0;
	background-color:black;
}

.portfolioPage .firstBackPortfolio p{
	font-size: 18px;
	text-transform: initial;
	font-weight: 300;
}
	
.portfolioPage .firstBackPortfolio figure.effect-chico figcaption {
    padding: 2em;
    padding-top: 5em;
}

.portfolioPage .firstBackPortfolio #logoFigure {
    width: 130px !important;
    margin-bottom: 10px !important;
}

.portfolioPage .firstBackPortfolio #titleFigure {
    text-transform: initial;
    font-size: 42px;
	font-weight:300;
}

.portfolioPage .firstBackPortfolio #arrowPortfolio {
	text-align: center;
	margin: 10px auto auto;
	width: 45px;
	opacity: 1;
}

.portfolioPage .firstBackPortfolio h2{
    color: #fff;
	text-align: center;
	font-size: 40px;
	font-weight: 300;
}

.menu__list {
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
}

.menu__item {
	display: block;
	width:100%;
	position:relative
}

.menu__link {
	font-size: 1.05em;
	font-weight: bold;
	display: block;
	padding: 1em;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.menu__link:hover,
.menu__link:focus {
	outline: none;
}

/* Francisco */
.menu--francisco .menu__item {

}

.menu--francisco .menu__link {
    position: relative;
    overflow: hidden;
    /* height: 3em; */
    padding: 1em 0;
    text-align: left;
    color: #3d3d3d;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    font-weight: 300;
    padding-bottom: 0;
    padding-top: 0;
    line-height: 27px;
	text-transform:uppercase;
}

.menu--francisco .menu__link:hover,
.menu--francisco .menu__link:focus {
	color: #929292;
}

#port.menu--francisco .menu__item--current .menu__link {
	color: #2b4f87!important;
	font-weight: 600!important;
	text-align:left!important
}

#port.menu--francisco .menu__link::before {
    background: #2b4f87!important;
}

#portBTL.menu--francisco .menu__item--current .menu__link {
	color: #2b4f87!important;
	font-weight: 600!important;
}

#portBTL.menu--francisco .menu__link::before {
    background: #2b4f87!important;
}

#act{
	width: 100%;
}
#eventos{
	margin-right:50px;
}
#ml{
    width: 100%;
}
.menu__item--current #act{
	width: 100%;
}
.menu--francisco .menu__link::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	opacity: 0;
	background: #d94f5c;
	-webkit-transform: translate3d(0, -3em, 0);
	transform: translate3d(0, -3em, 0);
	-webkit-transition: -webkit-transform 0s 0.3s, opacity 0.2s;
	transition: transform 0s 0.3s, opacity 0.2s;
}

.menu--francisco .menu__item--current .menu__link::before {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: -webkit-transform 0.3s, opacity 0.1s;
	transition: transform 0.3s, opacity 0.1s;
	-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.menu--francisco .menu__helper {
	display: block;
	pointer-events: none;
}

.menu--francisco .menu__item--current .menu__helper {
	-webkit-animation: anim-francisco 0.3s forwards;
	animation: anim-francisco 0.3s forwards;
}

@-webkit-keyframes anim-francisco {
	50% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}

	51% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes anim-francisco {
	50% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}

	51% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}


figure .logo-right{
    width: 200px!important;
	transform: translateY(-140px)!important;
    float: right!important;
	opacity:1;
	transition: opacity 0.2s ease;
}

figure:hover .logo-right{
	opacity:0!important;
	transition: opacity 0.2s ease;
}

figure .logo-left{
    width: 200px!important;
    transform: translateY(-85px) translateX(-60px)!important;
    float: left!important;
	opacity:1;
	transition: opacity 0.2s ease;
}

figure:hover .logo-left{
	opacity:0!important;
	transition: opacity 0.2s ease;
}

#quilmes{
	width: 80px!important;
    transform: translateY(-50px) translateX(15px)!important;
	min-height: 25px;
}

#yokohama{
    transform: translateY(-100px) translateX(-30px)!important;
}

#jimbeam{
    transform: translateY(-100px) translateX(-50px)!important;
}

li.activePortfolio a {
    color: red!important;
}

@media all and (min-width: 1390px) {
	figure .logo-right {
		transform: translateY(-155%)!important;
	}
	
	figure .logo-left {
		transform: translateY(-110px) translateX(-60px)!important;
	}
	
	#guinness {
		transform: translateY(-115px)translateX(50px)!important;
	}
	
	#yokohama {
		transform: translateY(-110px) translateX(-30px)!important;
	}
	
	#jimbeam {
		transform: translateY(-115px) translateX(-50px)!important;
	}
}

/*** LINKS PORTFOLIO CONTENIDO ***/
/* Web */
#webColumn2{
	display:none;
}

#webRow2{
	display:none;
}

#webColumn .thirdBackPortfolioBTL.grid{
    height: 600px;
}
#webColumn .thirdBackPortfolioBTL.grid figure{
    min-height: 602px;
}

#webColumn .thirdBackPortfolioBTL.grid figure.effect-chico>img{
    min-height: 100%;
    height: 606px;
	width: 100%;
}
#webColumn .thirdBackPortfolioBTL.grid figure.effect-chico figcaption {
    padding: 3em;
    padding-top: 9.5em;
}

#webColumn .secondBackPortfolioBTL #titleFigure {
    text-transform: initial;
    font-size: 40px;
    line-height: 45px;
}

#webColumn .secondBackPortfolioBTL figure.effect-chico figcaption {
    padding: 3em;
    padding-top: 0.4em;
}

#webColumn .secondBackPortfolioBTL #logoFigure {
    width: 180px!important;
    margin-bottom: -35px!important;
}

#webColumn .secondBackPortfolioBTL figure.effect-chico p{
    font-weight: 100;
    margin-top: 10px;
}

#webColumn #arrowPortfolio {
    width: 40px;
    text-align: center;
    margin: auto;
    margin-top: 20px;
    opacity: 1;
}

#webColumn #guinness {
	height: auto!important;
    width: 50px!important;
    transform: translateY(-77px)translateX(-20px)!important;
}

#webColumn .firstBackPortfolioBTL{
	height:300px;
}

#webColumn .secondBackPortfolioBTL{
	height:300px;
}

#webColumn .firstBackPortfolioBTL figure.effect-chico>img{
	height:302px;
}

#webColumn .secondBackPortfolioBTL figure.effect-chico>img{
	height:335px;
}

#webColumn  .firstBackPortfolioBTL #logoFigure {
    width: 100px!important;
	margin-bottom: 0px!important;
}

#webColumn  .firstBackPortfolioBTL figure.effect-chico figcaption {
    padding: 3em;
    padding-top: 3em;
}

#webColumn .firstBackPortfolioBTL figure .logo-rightBTL {
    height: auto!important;
    width: 100px!important;
}

#webColumn .secondBackPortfolioBTL figure .logo-rightBTL {
    height: auto!important;
    width: 180px!important;
    transform: translateY(-115px)translateX(-15px)!important;
}

#webColumn .secondBackPortfolioBTL #arrowPortfolio {
    margin-top: 10px;
}

#webColumn2 .thirdBackPortfolioBTL.grid{
    height: 600px;
}
#webColumn2 .thirdBackPortfolioBTL.grid figure{
    min-height: 602px;
}

#webColumn2 .firstBackPortfolioBTL #logoFigure {
    width: 185px!important;
    height: auto!important;
    margin-bottom: -30px!important;
}

#webColumn2 .firstBackPortfolioBTL figure.effect-chico figcaption {
    padding: 3em;
    padding-top: 1.9em;
}

#webColumn2 .firstBackPortfolioBTL #arrowPortfolio {
    margin-top: 10px;
}
#webColumn2 .firstBackPortfolioBTL figure .logo-rightBTL {
    height: auto!important;
    width: 200px!important;
    transform: translateY(-85px)translateX(-24px)!important;
}

#webColumn2 .secondBackPortfolioBTL #logoFigure {
	margin-bottom:0px!important;
}

#webColumn2 .secondBackPortfolioBTL #titleFigure {
    line-height: 45px;
}
#webColumn2 .secondBackPortfolioBTL #arrowPortfolio {
    margin-top: 10px!important;
}

#webColumn2 .thirdBackPortfolioBTL.grid figure.effect-chico>img{
    min-height: 100%;
    height: 606px;
}
#webColumn2 .thirdBackPortfolioBTL.grid figure.effect-chico figcaption {
    padding: 3em;
    padding-top: 11.5em;
}

#webColumn2 .thirdBackPortfolioBTL #logoFigure {
    width: 150px!important;
    margin-bottom: -15px!important;
}

#webColumn2 #arrowPortfolio {
    width: 40px;
    text-align: center;
    margin: auto;
    margin-top: 10px;
    opacity: 1;
}

#foster{
    height: auto!important;
    width: 200px!important;
    transform: translateY(-95px)translateX(-10px)!important;
}

#webColumn2 .firstBackPortfolioBTL{
	height:300px;
}

#webColumn2 .secondBackPortfolioBTL{
	height:300px;
}

#webColumn2 .firstBackPortfolioBTL figure.effect-chico>img{
	height:302px;
}

#webColumn2 .secondBackPortfolioBTL figure.effect-chico>img{
	height:335px;
}

.portfolioPage #webRow2  figure.effect-chico figcaption {
    padding: 2em;
    padding-top: 4em;
}

.portfolioPage #webRow2  #logoFigure {
    width: 130px !important;
    margin-bottom: -20px !important;
}
.portfolioPage #webRow2 figure .logo-right {
    width: 130px!important;
    transform: translateY(-185%) translateX(-20px)!important;
}

/* Social Media */
#socialRow{
	display:none;
}
#socialColumn{
	display:none;
}


#socialRow figure .logo-right {
    transform: translateY(-135px) translateX(45px)!important;
}

#socialColumn .secondBackPortfolio figure.effect-chico figcaption {
    padding: 3em;
    padding-top: 5em;
}

#socialColumn .secondBackPortfolio #logoFigure {
    width: 105px!important;
    margin-bottom: -5px!important;
}

.portfolioPage #socialRow  figure.effect-chico figcaption {
    padding: 2em;
    padding-top: 4.2em;
}
.portfolioPage #socialColumn .secondBackPortfolio #arrowPortfolio {
    margin-top: 10px;
}

.portfolioPage #socialColumn .secondBackPortfolio figure .logo-left {
    width: 100px!important;
	transform: translateY(-65px) translateX(10px)!important;
}

.portfolioPage #socialColumn .thirdBackPortfolio figure.effect-chico figcaption {
    padding: 2em;
    padding-top: 1.5em;
}

.portfolioPage #socialColumn .thirdBackPortfolio #logoFigure {
    width: 120px !important;
    margin-bottom: -15px !important;
}

.portfolioPage #socialColumn .thirdBackPortfolio figure .logo-left {
    width: 120px!important;
    transform: translateY(-75px) translateX(15px)!important;
}

#econ{
	width: 130px!important;
    transform: translateY(-60px) translateX(15px)!important;
    min-height: 25px;
}

.portfolioPage #socialColumn .fourthBackPortfolio figure.effect-chico figcaption {
    padding: 2em;
    padding-top: 0;
    margin-top: -0.4em;
}

.portfolioPage #socialColumn  .fourthBackPortfolio #logoFigure {
    width: 150px !important;
    margin-bottom: -25px !important;
}

.portfolioPage #socialColumn .sixthBackPortfolio figure.effect-chico figcaption {
    padding: 2em;
    padding-top: 2.2em;
}

.portfolioPage #socialColumn .sixthBackPortfolio #logoFigure {
    width: 90px !important;
    margin-bottom: 0px !important;
}

.portfolioPage #socialRow #logoFigure {
    width: 100px !important;
    margin-bottom: 10px !important;
}

/* E-commerce */
#ecommerceRow{
	display:none;
}
#ecommerceColumn{
	display:none;
}
#ecommerceColumn .thirdBackPortfolioBTL.grid{
    height: 600px;
}
#ecommerceColumn .thirdBackPortfolioBTL.grid figure{
    min-height: 602px;
}

#ecommerceColumn .thirdBackPortfolioBTL.grid figure.effect-chico>img{
    min-height: 100%;
    height: 606px;
}
#ecommerceColumn .thirdBackPortfolioBTL.grid figure.effect-chico figcaption {
    padding: 3em;
    padding-top: 9.5em;
}

#ecommerceColumn #arrowPortfolio {
    width: 40px;
    text-align: center;
    margin: auto;
    margin-top: 10px;
    opacity: 1;
}

#ecommerceColumn .firstBackPortfolioBTL{
	height:300px;
}

#ecommerceColumn .secondBackPortfolioBTL{
	height:300px;
}

#ecommerceColumn .firstBackPortfolioBTL figure.effect-chico>img{
	height:302px;
}

#ecommerceColumn .secondBackPortfolioBTL figure.effect-chico>img{
	height:335px;
}


.portfolioPage  #ecommerceRow figure.effect-chico figcaption {
    padding: 2em;
    padding-top: 4.1em;
}

.portfolioPage  #ecommerceRow #logoFigure {
    width: 150px !important;
    margin-bottom: -5px !important;
}

#stella {
    height: auto!important;
    width: 120px!important;
    transform: translateY(-80px)translateX(0px)!important;
}

.portfolioPage  #ecommerceRow figure .logo-right {
    width: 150px!important;
    transform: translateY(-203%)!important;
}

figure.effect-chico:hover figcaption::before, figure.effect-chico p{
	font-weight:100;
}

.portfolioPage  #ecommerceColumn  .thirdBackPortfolioBTL #titleFigure {
    text-transform: initial;
    font-size: 40px;
    font-weight: 100;
    line-height: 40px;
}

.portfolioPage  #ecommerceColumn  .thirdBackPortfolioBTL  #logoFigure {
    width: 130px!important;
    text-align: center!important;
    margin: auto!important;
    margin-bottom: 10px!important;
    opacity: 1;
}

.portfolioPage  #ecommerceColumn  .firstBackPortfolioBTL figure.effect-chico figcaption {
    padding: 3em;
    padding-top: 3em;
}

.portfolioPage  #ecommerceColumn  .firstBackPortfolioBTL #logoFigure {
    width: 110px!important;
    margin-bottom: -10px!important;
}

#gat{
    transform: translateY(-60px)translateX(-30px)!important;
	height: auto!important;
    width: 100px!important;
}

.portfolioPage  #ecommerceColumn  .secondBackPortfolioBTL #logoFigure {
    width: 150px!important;
    margin-bottom: -30px!important;
}

.portfolioPage  #ecommerceColumn  .secondBackPortfolioBTL #titleFigure {
    text-transform: initial;
    font-size: 40px;
    font-weight: 100;
    line-height: 45px;
}

.portfolioPage  #ecommerceColumn  .secondBackPortfolioBTL figure.effect-chico figcaption {
    padding: 3em;
    padding-top: 2.1em;
}

.portfolioPage  #ecommerceColumn  .secondBackPortfolioBTL figure .logo-rightBTL {
    height: auto!important;
    width: 150px!important;
    transform: translateY(-95px)translateX(-25px)!important;
}

/*dots*/
.menu--francisco{
}
.menu__item--current .dotstyle { display:block}

.dotstyle {
	position:absolute;
	right:0;
	top:4px;
	display:none
}

.dotstyle ul {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style: none;
	cursor: default;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin-top: 0px;
}

.dotstyle li {
	position: relative;
	display: block;
	float: left;
	margin: 0 0 0 5px;
	width: 10px;
	height: 10px;
	cursor: pointer;
}

.dotstyle li a {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	outline: none;
	border-radius: 50%;
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.3);
	text-indent: -999em; /* make the text accessible to screen readers */
	cursor: pointer;
	position: absolute;
}

.dotstyle li a:focus {
	outline: none;
}


/* 3D Flip */

.dotstyle-flip li {
	-webkit-perspective: 1000px;
	perspective: 1000px;
}

.dotstyle-flip li a {
	background-color: transparent;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
	transition: transform 0.3s ease, opacity 0.3s ease;
}

.dotstyle-flip li a::before,
.dotstyle-flip li a::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #d2d2d2;
	content: '';
	text-indent: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.dotstyle-flip li a::after {
	background-color: #2b4f87;
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.dotstyle-flip li a:hover,
.dotstyle-flip li a:focus {
}

.dotstyle-flip li a.current {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

@media all and (min-width: 1380px) {
#socialRow figure .logo-right {
    transform: translateY(-155px) translateX(40px)!important;
}

}

.projects .item, .btlprojects .itembtl {
	background:#000;
	overflow:hidden;
	cursor:pointer
}
.projects .item.fijardi, .btlprojects .itembtl.fijardi {
	background:#fff;
	cursor:auto
} 
.projects .item .imggde, .btlprojects .itembtl .imggde {
	transform: scale(1);
	width:100%;
	height:auto;
	position:absolute;
	z-index:888;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	transition-duration: 0.4s;	
}
.projects .item .shadow, .btlprojects .itembtl .shadow {
	transform: scale(1);
	width:100%;
	height:100%;
	position:absolute;
	z-index:890;
	display:none;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	transition-duration: 0.4s;		
}
.projects .item figure, .btlprojects .itembtl figure {
	width:100%;
	height:100%;
	display:table;
	vertical-align:middle;
	position:relative;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;	
}
.projects .item figure figcaption *, .btlprojects .itembtl figure figcaption * {
	opacity:0;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
}
.projects .item figure figcaption, .btlprojects .itembtl figure figcaption {
	position:relative;
	z-index:999;
	background:rgba(0,0,0,0);
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	transform: scale(1.5);
	color:#fff;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;	
	
}
.projects .item figure figcaption ul {
	display:inline-block;
	margin:0;
	padding:0;
	text-align:center;
	list-style:none
}
.btlprojects .itembtl figure figcaption ul {
	display:none!important;
	margin:0;
	padding:0;
	text-align:center;
	list-style:none
}
.projects .item figure figcaption ul li, .btlprojects .itembtl figure figcaption ul li{
	display:inline-block;
	text-align:center;
	list-style:none;
	margin:0 2px;
}

.projects .item figure figcaption #logoFigure, .btlprojects .itembtl figure figcaption #logoFigure {
    margin: auto auto 10px !important;
	transform:scale(1.12);
}
.projects .item figure #logoMark, .btlprojects .itembtl figure #logoMark {
	position:absolute;
	bottom:20px;
	left:20px;
	z-index:999;
	opacity: 1;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	transition-duration: 0.4s;	
	
}
.projects .item:hover figure #logoMark, .btlprojects .itembtl:hover figure #logoMark {
	opacity:0
}

.projects .item figure figcaption #titleFigure, .btlprojects .itembtl figure figcaption #titleFigure {
   font-size: 42px;
    font-weight: 300;
    text-transform: initial;
	transform:scale(1.5);
}
.projects .item figure figcaption p, .btlprojects .itembtl figure figcaption p {
    font-size: 24px;
    font-weight: 300;
    text-transform: initial;
}
.projects .item figure figcaption #arrowPortfolio, .btlprojects .itembtl figure figcaption #arrowPortfolio {
    margin: 10px auto auto;
    opacity: 1;
    text-align: center;
    width: 45px;
	transform:scale(1.12);
}

.projects .item:hover .imggde, .btlprojects .itembtl:hover .imggde {
	transform: scale(1);
}

.projects .item:hover figure figcaption, .btlprojects .itembtl:hover figure figcaption {
	transform: scale(1);
	background:rgba(0,0,0,0.5);	
}
.projects .item:hover .imggde, .btlprojects .itembtl:hover .imggde {
transform: scale(1.2)!important;
}
.projects .item:hover figure figcaption *, .btlprojects .itembtl:hover figure figcaption * {
	transform: scale(1)!important;
}
.projects .item:hover figure *, .btlprojects .itembtl:hover figure * {
	opacity:1;
}



.nav-fillpath {
	display:block;
	clear:both;
	position:relative;
	height:100px
}
.nav-fillpath a {
	width: 50px;
	height: 70px;
	transform: translateY(0%)!important;
}

.nav-fillpath .icon-wrap {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}

.nav-fillpath a:before,
.nav-fillpath a:after,
.nav-fillpath .icon-wrap:before,
.nav-fillpath .icon-wrap:after {
	position: absolute;
	left: 0%;
	width: 3px;
	height: 50%;
	background: #d2d2d2;
	content: '';
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}


.nav-fillpath a.next:before,
.nav-fillpath a.next:after,
.nav-fillpath a.next .icon-wrap:before,
.nav-fillpath a.next .icon-wrap:after {
	right:0;
	left:inherit
}



.nav-fillpath .icon-wrap:before,
.nav-fillpath .icon-wrap:after {
	z-index: 100;
	height: 0;
	background: #2b4f87;
	-webkit-transition: height 0.3s, -webkit-transform 0.3s;
	transition: height 0.3s, transform 0.3s;
}
#btl .nav-fillpath .icon-wrap:before,
#btl .nav-fillpath .icon-wrap:after {
	background: #2b4f87;
}


.nav-fillpath a:before,
.nav-fillpath .icon-wrap:before {
	top: 50%;
	-webkit-transform: translateX(-50%) rotate(-135deg);
	transform: translateX(-50%) rotate(-135deg);
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
}

.nav-fillpath a.next:before,
.nav-fillpath a.next .icon-wrap:before {
	-webkit-transform: translateX(-50%) rotate(135deg);
	transform: translateX(-50%) rotate(135deg);
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
}

.nav-fillpath a:after,
.nav-fillpath .icon-wrap:after {
	top: 50%;
	-webkit-transform: translateX(-50%) rotate(-45deg);
	transform: translateX(-50%) rotate(-45deg);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

.nav-fillpath a.next:after,
.nav-fillpath a.next .icon-wrap:after {
	-webkit-transform: translateX(-50%) rotate(45deg);
	transform: translateX(-50%) rotate(45deg);
	-webkit-transform-origin: 100% 0%;
	transform-origin: 100% 0%;
}

.nav-fillpath h3 {
	position: absolute;
	top: 50%;
	margin: 0;
	color: #d2d2d2;
	font-weight: 300;
	font-size: 0.85em;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
}

.nav-fillpath a.prev h3 {
	left: 100%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
}

.nav-fillpath a.next h3 {
	right: 100%;
	text-align: right;
	-webkit-transform: translateY(-50%) translateX(50%);
	transform: translateY(-50%) translateX(50%);
}

.nav-fillpath a:hover .icon-wrap::before,
.nav-fillpath a:hover .icon-wrap::after {
	height: 50%;
}

.nav-fillpath a:hover::before,
.nav-fillpath a:hover .icon-wrap::before {
	-webkit-transform: translateX(-50%) rotate(-125deg);
	transform: translateX(-50%) rotate(-125deg);
}

.nav-fillpath a.next:hover::before,
.nav-fillpath a.next:hover .icon-wrap::before {
	-webkit-transform: translateX(-50%) rotate(125deg);
	transform: translateX(-50%) rotate(125deg);
}

.nav-fillpath a:hover::after,
.nav-fillpath a:hover .icon-wrap::after {
	-webkit-transform: translateX(-50%) rotate(-55deg);
	transform: translateX(-50%) rotate(-55deg);
}

.nav-fillpath a.next:hover::after,
.nav-fillpath a.next:hover .icon-wrap::after {
	-webkit-transform: translateX(-50%) rotate(55deg);
	transform: translateX(-50%) rotate(55deg);
}

.nav-fillpath a:hover h3 {
	opacity: 1;
	-webkit-transform: translateY(-50%) translateX(0);
	transform: translateY(-50%) translateX(0);
}


.projects.papasito2 .item, .btlprojects.papasito2 .itembtl {
	width:100%!important;
}