/* CSS Document */
/* BEGIN reset css */
/* remove and neutralize the inconsistent default styling of HTML elements */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal;}
ol,ul { list-style:none;}
caption,th { text-align:left;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}
q:before,q:after { content:'';}
abbr,acronym {border:0;}
/* END reset css */
/* BEGIN includes */
.clearfix:after { clear:both; content:"."; display:block; height:0pt; visibility:hidden; }
/* END includes */
/* BEGIN standard elements */
html, body { font-family: 'Raleway', Helvetica, Arial, sans-serif; font-weight: 500; }
body { }
form { }
form label { }
form input, form textarea, input, textarea, select {-webkit-appearance: none; -webkit-border-radius: 0;}
::selection {background: #FF5537; color: #18182D; /* Safari */}
::-moz-selection {background: #FF5537; color: #18182D; /* Firefox */}
::-webkit-scrollbar { width: 15px; height: 15px;}::-webkit-scrollbar-button {  width: 0; height: 0; }
::-webkit-scrollbar-track {  background-color: #F8F8F8;}::-webkit-scrollbar-track-piece { background-color: #F8F8F8;}
::-webkit-scrollbar-thumb { height: 76px; background-color: #FF5537;}
::-webkit-scrollbar-corner { width: 15px; height: 15px; background-color: #F8F8F8;}
/*::-webkit-resizer { width: 15px; height: 15px; background-color: #F8F8F8;}*/

/* END standard elements */
/*#preload-01 { background: url(../img/layout/event-place-arrow.png) no-repeat -9999px -9999px; }*/
/* BEGIN entry */
div.entry {
	overflow: hidden;
	font-size: 16px;
	line-height: 21px;
	color: #18182D;
	font-weight: 500;
}
div.entry p {
	font-size: 16px;
	line-height: 21px;
	color: #18182D;
	font-weight: 500;
	text-align: center;
	/*letter-spacing: 1px;*/
}
div.entry h4 {
	font-size: 18px;
	line-height: 23px;
	color: #18182D;
	font-weight: 800;
	margin-bottom: 10px;
}

div.entry h5 {
	font-size: 18px;
	line-height: 23px;
	color: #18182D;
	font-weight: 700;
	margin-bottom: 10px;
}

div.entry strong, div.entry b {
	font-weight: 700;
}

div.entry em, div.entry i {
	font-style: italic;
}
div.entry strong em, div.entry strong i,
div.entry b em, div.entry b i,
div.entry i strong, div.entry i b,
div.entry em strong, div.entry em b {
	font-style: italic;
	font-weight: 700;
}

div.entry strike, div.entry s { text-decoration: line-through; }
div.entry u { text-decoration: underline; }
div.entry a, div.entry a:visited { color: #18182D; transition: all 0.3s ease-in-out 0s; }
div.entry a:hover { color: #18182D; transition: all 0.3s ease-in-out 0s; }
/* END entry */

/* BEGIN layout */
#mainWrapper {min-width: 320px; }
#mainWrapper {background-color: #FFF; position: relative; }
@media screen and (min-width: 600px) {
	#mainWrapper { padding-bottom: 49px; }
}
#pageWrapper {padding-top: 104px;}
#headerWrapper {
	/*background-color: #FFF;*/
	height: 104px;
	position: fixed; width: 100%;
	z-index: 10;
}
#headerWrapper #header {
	margin: 0 20px;
}
@media screen and (min-width: 400px) {
	#headerWrapper {  }
}
#headerWrapper #header {
	height: 104px;
}
.headerLogo {
	float: left;
}
.headerLogo h1 {
	margin-top: 13px;
	float: left;
	font-weight: 800;
	font-size: 28px;
	line-height: 25px;
}
.headerLogo span {
	float: left;
	clear: left;
	/*color: #FF5537;*/
	color: #18182D;
}
.headerLogo span.first {
	color: #18182D;
}
.headerLogo small {
	float: left;
	clear: left;
	font-weight: 600;
	color: #A3A3B3;
	font-size: 17px;
	margin-top: -5px;
}
.headerLogo h1 a.special,
.headerLogo h1 a.special:visited {
	display:none;
}
.headerLogo h1.sticky-header a.special,
.headerLogo h1.sticky-header a.special:visited {
	display: block;
	margin-top: 9px;
	float: left;
	line-height: 500px;
	overflow: hidden;
	width: 43px;
	height: 37px;
	background: url(../img/layout/LuisVazIcon_Small.png) left top no-repeat transparent;
	background-size: contain;
}
.headerLogo h1.sticky-header a.special:hover {
	background: url(../img/layout/IconsMedium.gif) left top no-repeat transparent;
	background-size: contain;
}
.headerLogo h1.sticky-header span {
	clear: none;
}
.headerLogo h1.sticky-header span.first {
	border-left: 1px solid #CBCBCB;
	padding-left: 15px;
	margin-left: 15px;
}
.headerLogo h1.sticky-header small {
	display: none;
}
.headerLogo h1.sticky-header {
	margin-top: 0;
	height: 54px;
	font-size: 24px;
	line-height: 54px;
}
.headerLogo h1.sticky-header.oneline {
}

.portfolio .headerLogo h1 a.special,
.portfolio .headerLogo h1 a.special:visited {
	display: block;
	margin-top: 9px;
	float: left;
	line-height: 500px;
	overflow: hidden;
	width: 43px;
	height: 37px;
	background: url(../img/layout/LuisVazIcon_Small.png) left top no-repeat transparent;
	background-size: contain;
}
.portfolio .headerLogo h1 a.special:hover {
	background: url(../img/layout/IconsMedium.gif) left top no-repeat transparent;
	background-size: contain;
}
.portfolio .headerLogo h1 span {
	clear: none;
}
.portfolio .headerLogo h1 span.first {
	border-left: 1px solid #CBCBCB;
	padding-left: 15px;
	margin-left: 15px;
}
.portfolio .headerLogo h1 small {
	display: none;
}
.portfolio .headerLogo h1 {
	margin-top: 0;
	height: 54px;
	font-size: 24px;
	line-height: 54px;
}
.portfolio .headerLogo h1.oneline {
}
#headerWrapper.sticky-header { background-color: #FFF; }
#headerWrapper.sticky-header, #headerWrapper.sticky-header #header { height: 54px; }
#headerWrapper.sticky-header #header .seeMoreInfo { margin-top: 17px; }
.portfolio #headerWrapper, .portfolio #headerWrapper #header { height: 54px; }
.portfolio #headerWrapper #header .seeMoreInfo { margin-top: 17px; }

#headerWrapper #header a.seeMoreInfo,
#headerWrapper #header a.seeMoreInfo:visited {
	margin-top: 23px;
	float: right;
	font-size: 17px;
	text-decoration: none;
	color: #18182D;
	font-weight: 700;
	line-height: 20px;
}
#headerWrapper #header a.seeMoreInfo span,
#headerWrapper #header a.seeMoreInfo:visited span {
	font-weight: 400;
	font-size: 33px;
	vertical-align: middle;
}
#headerWrapper #header a.closeMoreInfo,
#headerWrapper #header a.closeMoreInfo:visited {
	width: 37px;
	height: 37px;
	float: right;
	margin-top: 20px;
	background: url(../img/layout/close-button-dark-blue.png) left top no-repeat transparent;
	background-size: contain;
	line-height: 500px;
	overflow: hidden;
	display: none;
}
#headerWrapper.sticky-header #header a.closeMoreInfo,
#headerWrapper.sticky-header #header a.closeMoreInfo:visited {
	width: 34px;
	height: 34px;
	margin-top: 10px;
}
.portfolio #headerWrapper #header a.closeMoreInfo,
.portfolio #headerWrapper #header a.closeMoreInfo:visited {
	width: 34px;
	height: 34px;
	margin-top: 10px;
}

@media screen and (min-width: 1030px) {
	#headerWrapper #header a.seeMoreInfo:hover {
		border-bottom: 1px solid #FF5537;
		color: #FF5537;
	}
	#headerWrapper #header a.closeMoreInfo:hover {
		background: url(../img/layout/close-button-orange.png) left top no-repeat transparent;
		background-size: contain;
	}
}
#footerWrapper {
	background-color: #FFF;
	position: relative;
	-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;
}
#footerWrapper.sticky-header {
	display: block;
}
#footerWrapper #footer {
	padding: 16px;
	text-align: center;
}
#footerWrapper #footer a.goToTop,
#footerWrapper #footer a.goToTop:visited {
	width: 13px;
	height: 8px;
	line-height: 500px; overflow: hidden;
	background: url(../img/layout/arrow-top.png) left top no-repeat transparent;
	background-size: contain;
	position: absolute;
	left: 50%;
	margin-left: -6px;
	top: 15px;
}
#footerWrapper #copyright {
	line-height: 17px;
	color: #18182D;
	font-weight: 600;
	font-size: 11px;
	margin-top: 16px;
	margin-bottom: 16px;
}
#footerWrapper #copyright a,
#footerWrapper #copyright a:visited {
	color: #18182D;
	text-decoration: none;
}
#footerWrapper #copyright span {
	font-weight: 400;
}
#footerWrapper #copyright span.underline {
	font-weight: 700;
}
#footerWrapper #footerDesc {
	font-weight: 400;
	line-height: 17px;
	color: #18182D;
	font-size: 11px;
}
@media screen and (min-width: 600px) {
	#footerWrapper {
		position: fixed;
		bottom: -49px;
		left: 0;
		width: 100%;
		-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;		
	}
	#footerWrapper.sticky-header {
		bottom: 0;
	}
	#footerWrapper #footer { height: 17px; text-align: left; }		
	#footerWrapper #copyright {
		float: left;
		margin: 0;
	}
	#footerWrapper #footerDesc {
		float: right;
	}
	#footerWrapper #footer a.goToTop,
	#footerWrapper #footer a.goToTop:visited {
		position: absolute;
		left: 50%;
		margin-left: -6px;
		top: 20px;
	}
}

@media screen and (min-width: 1030px) {
	#footerWrapper #copyright a:hover span.underline {
		text-decoration: underline;
	}
	#footerWrapper #footer a.goToTop:hover {
	}
}


#seeMoreInfoWrapper {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 105%;
	background-color: #FFF;
	overflow-y: scroll;
	overflow-x: hidden;
	z-index: 3;
}

@media (-webkit-min-device-pixel-ratio: 2),  (min-resolution: 192dpi) { 
 	#seeMoreInfoWrapper {
		width: 100%;
	}
}
#seeMoreInfoWrapper #seeMoreInfo {
	padding: 154px 20px 50px 20px;
}
#seeMoreInfoWrapper #seeMoreInfo .entry {
	max-width: 435px;
	margin: 0 auto;
	text-align: justify;
	margin-bottom: 30px;
}
#seeMoreInfoWrapper #seeMoreInfo .entry p {
	text-align: justify;
}
#seeMoreInfoWrapper #seeMoreInfo .contactForm {
	max-width: 370px;
	margin: 0 auto;
}
#seeMoreInfoWrapper #seeMoreInfo .contactForm .error h5 {
	float: right;
	font-size: 65px;
	line-height: 75px;
	color: #FF5537;
	font-weight: 400;
}
#seeMoreInfoWrapper #seeMoreInfo .contactForm .success h5 {
	float: right;
	font-size: 60px;
	line-height: 70px;
	color: #18182D;
	font-weight: 400;
}
@media screen and (min-width: 700px) {
	#seeMoreInfoWrapper #seeMoreInfo .contactForm .success h5,
	#seeMoreInfoWrapper #seeMoreInfo .contactForm .error h5	{
		float: left;
	}
}
#seeMoreInfoWrapper #seeMoreInfo .contactForm .error p {
	float: right;
	clear: right;
	font-size: 13px;
	line-height: 15px;
	color: #FF5537;
	font-weight: 400;
	margin-top: 18px;
}
#seeMoreInfoWrapper #seeMoreInfo .contactForm .success p {
	float: right;
	clear: right;
	font-size: 13px;
	line-height: 15px;
	color: #18182D;
	font-weight: 400;
	margin-top: 14px;
}

#seeMoreInfoWrapper #seeMoreInfo .contactForm h2 {
	font-weight: 800;
	line-height: 27px;
	font-size: 23px;
	color: #FF5537;
}
#seeMoreInfoWrapper #seeMoreInfo .contactForm h3 {
	color: #18182D;
	font-size: 15.5px;
	line-height: 18px;
	font-weight: 500;
	margin-bottom: 14px;
}
#seeMoreInfoWrapper #seeMoreInfo .contactForm h3 span {
	display: block;
}
#seeMoreInfoWrapper #seeMoreInfo .contactForm h4 {
	color: #18182D;
	font-size: 14px;
	line-height: 18px;
	font-weight: 700;
	margin-bottom: 22px;
}
#seeMoreInfoWrapper #seeMoreInfo .contactForm h4 span {
	display: block;
}
#seeMoreInfoWrapper #seeMoreInfo .contactForm h4 span.sep {
	display: inline;
	font-weight: 500;
}
#seeMoreInfoWrapper #seeMoreInfo .contactForm h4 span.hideMobile { display: none; }
#seeMoreInfoWrapper #seeMoreInfo .contactForm h4 a,
#seeMoreInfoWrapper #seeMoreInfo .contactForm h4 a:visited {
	color: #18182D;
	text-decoration: none;
}
@media screen and (min-width: 500px) {
	#seeMoreInfoWrapper #seeMoreInfo .contactForm h4 {
		line-height: 20px;
	}
	#seeMoreInfoWrapper #seeMoreInfo .contactForm h3 span {
		display: inline;
	}	
	#seeMoreInfoWrapper #seeMoreInfo .contactForm h4 span.hideMobile { display: inline; }
	#seeMoreInfoWrapper #seeMoreInfo .contactForm h4 span { display: inline; }		
	#seeMoreInfoWrapper #seeMoreInfo .contactForm h2,
	#seeMoreInfoWrapper #seeMoreInfo .contactForm h3,
	#seeMoreInfoWrapper #seeMoreInfo .contactForm h4 {
		text-align: justify;
	}
	#seeMoreInfoWrapper #seeMoreInfo .contactForm h2::after,
	#seeMoreInfoWrapper #seeMoreInfo .contactForm h3::after,
	#seeMoreInfoWrapper #seeMoreInfo .contactForm h4::after {
		width: 100%;
		content: "";
		display: inline-block;
	}
	#seeMoreInfoWrapper #seeMoreInfo .contactForm h4 a,
	#seeMoreInfoWrapper #seeMoreInfo .contactForm h4 a:visited {
		display: inline;
	}
}
@media screen and (min-width: 1030px) {
	#seeMoreInfoWrapper #seeMoreInfo .contactForm h4 a:hover {
		text-decoration: underline;
	}
}
#seeMoreInfoWrapper #seeMoreInfo .contactForm {
}
#seeMoreInfoWrapper #seeMoreInfo .formField {
	margin-bottom: 21px;
}
#seeMoreInfoWrapper #seeMoreInfo .formField input {
	border: 0;
	background-color: #F8F8F8;
	width: 95%;
	padding: 0 2.5%;
	height: 30px; line-height: 30px;
	font-size: 11px;
	color: #565665;
	font-weight: 600;
	font-family: 'Raleway', Helvetica, Arial, sans-serif;
}
#seeMoreInfoWrapper #seeMoreInfo .formField textarea {
	border: 0;
	background-color: #F8F8F8;
	width: 95%;
	max-width: 95%;
	min-width: 95%;
	padding: 15px 2.5%;
	line-height: 19px;
	height: 110px; 
	min-height: 110px; 
	/*max-height: 110px;*/
	font-size: 11px;
	color: #565665;
	font-weight: 600;
	font-family: 'Raleway', Helvetica, Arial, sans-serif;
}
#seeMoreInfoWrapper #seeMoreInfo .formField textarea:focus,
#seeMoreInfoWrapper #seeMoreInfo .formField input:focus {
	background-color: #FFF;
	outline: 1px solid #9191a7;
}
#seeMoreInfoWrapper #seeMoreInfo .formField textarea.error,
#seeMoreInfoWrapper #seeMoreInfo .formField input.error {
	outline: 1px solid #FF5537;
	background-color: #FFF;
}
#seeMoreInfoWrapper #seeMoreInfo .formBottom {
	margin-bottom: 15px;
}
#seeMoreInfoWrapper #seeMoreInfo .formBottom a,
#seeMoreInfoWrapper #seeMoreInfo .formBottom a:visited {
	text-transform: lowercase;
	float: right;
	font-size: 17px;
	text-decoration: none;
	color: #18182D;
	font-weight: 700;
	line-height: 20px;
}
#seeMoreInfoWrapper #seeMoreInfo .formBottom p.successMessage {
	text-transform: lowercase;
	text-align: right;
	font-size: 17px;
	color: #18182D;
	font-weight: 700;
	line-height: 20px;
}
@media screen and (min-width: 910px) {
	#seeMoreInfoWrapper #seeMoreInfo { max-width: 910px; margin: 0 auto; padding: 130px 7.5% 130px 5%; }		
	#seeMoreInfoWrapper #seeMoreInfo .entry { float: left; }
	#seeMoreInfoWrapper #seeMoreInfo .contactForm { float: right; }
}
@media screen and (min-width: 1030px) {
	#seeMoreInfoWrapper #seeMoreInfo .contactForm { margin-right: 20px; }
	#seeMoreInfoWrapper #seeMoreInfo .formBottom a:hover {
		border-bottom: 1px solid #FF5537;
		color: #FF5537;
	}
}
/* END layout */
/* BEGIN homepage */
#sectionHomepage {
	padding: 20px 50px;
	padding-bottom: 104px;
	background: url(../img/layout/gradient.png) left bottom repeat-x transparent;
	/*background-size: cover;*/
	position: relative;
	margin-bottom: 15px;
}
@media screen and (min-width: 900px) {
	/*html, body, #mainWrapper, #pageWrapper, #contentWrapper, #homepageWrapper, #sectionHomepage {
		min-height: 100%;
		height: 100%;
	}*/
	#mainWrapper, #pageWrapper { padding-top: 0; }
	/*#homepageInfo { position: absolute;  width: 100%; top: 104px; left: 0; }*/
	#sectionHomepage { padding-top: 124px; padding-bottom: 104px; }
}
#sectionHomepage img.aux {
	width: 100%;
	height: auto;
	display: none;
}
#sectionHomepage a.goDown,
#sectionHomepage a.goDown:visited {
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -16px;
	width: 40px;
	height: 40px;
	display: none;
}
#sectionHomepage a.goDown span,
#sectionHomepage a.goDown:visited span {
	display: block;
	width: 34px;
	height: 20px;
	background: url(../img/layout/arrow-down.png) left top no-repeat transparent;
	background-size: contain;
}
@media screen and (min-width: 900px) {
	#sectionHomepage a.goDown, #sectionHomepage a.goDown:visited { margin-left: -34px; width: 70px; height: 70px; background-color: #FA4E3A; }
	#sectionHomepage a.goDown span,
	#sectionHomepage a.goDown:visited span {
		margin: 0 auto;
		margin-top: 16px;
		width: 28px;
		height: 17px;
		background: url(../img/layout/arrow-down-white.png) left top no-repeat transparent;
		background-size: contain;
	}	
}
#sectionHomepage #homepageInfo {
	/*max-width: 1035px;*/
	margin: 0 auto;
	position: relative;
}
#sectionHomepage h2 {
	font-weight: 800;
	line-height: 20px;
	font-size: 18px;
	color: #FF5537;
	max-width: 600px;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 40px;
}
#sectionHomepage h2::before {
    color: #FF5537;
    content: '“';
    font-size: 31px;
    position: absolute;
	font-weight: 800;
	margin-left: -20px;
}
#sectionHomepage h2::after {
    color: #FF5537;
    content: '”';
    font-size: 31px;
    position: absolute;
	font-weight: 800;
	margin-top: 5px;
	margin-left: 10px;
}
#sectionHomepage .entry {
	max-width: 590px;
	margin: 0 auto;
}
#sectionHomepage .entry,
#sectionHomepage .entry p {
	font-size: 12px;
	line-height: 15px;
}
#sectionHomepage .lvLogo {
	margin: 0 auto;
	margin-bottom: 40px;
	width: 96px;
	height: 84px;
	background: url(../img/layout/luis-vaz-icon.png) center center no-repeat transparent;
	background-size: contain;
	-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;
}
@media screen and (min-width: 1050px) {
	#sectionHomepage { padding-left: 0; padding-right: 100px; }		
	#sectionHomepage .lvLogo {
		position: absolute;
		top: 50%;
		/*left: 105px;*/
		left: 50%;
		margin-left: -78px;
		margin-top: -78px;
		width: 161px;
		height: 157px;
		background: url(../img/layout/luis-vaz-logo.png) center center no-repeat transparent;
		background-size: contain;
		-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;
	}
	#sectionHomepage h2 {
		float: right;
		clear: both;
		max-width: 590px;
		text-align: left;
	}
	#sectionHomepage .entry {
		float: right;
		clear: both;
		text-align: left;
	}
	#sectionHomepage .entry p {
		text-align: left;
	}
}

@media screen and (min-width: 675px) {
	#sectionHomepage h2 {
		line-height: 27px;
		font-size: 24px;
	}
	#sectionHomepage h2::before {
		font-size: 42px;
		margin-left: -25px;
	}
	#sectionHomepage h2::after {
		font-size: 42px;
		margin-top: 15px;
		margin-left: 10px;
	}
	#sectionHomepage .entry,
	#sectionHomepage .entry p {
		font-size: 16px;
		line-height: 21px;
	}
}
@media screen and (min-width: 1030px) {
	#sectionHomepage h2 {
		line-height: 40px;
		font-size: 37px;
	}
}
/* END homepage */

/* BEGIN sectionPortfolio */
#portfolioList {
	/*padding: 0 6px;*/
	margin: 0 auto;
	width: 96.25%;
	/*margin-bottom: 40px;*/
	/*text-align: center;*/
}
#portfolioList .portfolioItem {
	position: relative;
	margin: 0 1.875%;
	margin-bottom: 3.75%;
	overflow: hidden;
	background-color: #F8F8F8;
	/*-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;*/
}
#portfolioList .portfolioItem a,
#portfolioList .portfolioItem a:visited {
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
}
#portfolioList .portfolioItem .imageWrapper {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
#portfolioList .portfolioItem .imageWrapper img {
	width: 100%;
	height: auto;
}
#portfolioList .portfolioItem .info {
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background-color: #18182d;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
	color: #FFF;
	-webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s;
}
#portfolioList .portfolioItem.hover .info {
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
	-webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s;
}
#portfolioList .portfolioItem.selected .info {
	filter:alpha(opacity=75) !important;
	-moz-opacity:0.75 !important;
	-khtml-opacity: 0.75 !important;
	opacity: 0.75 !important;
}
#portfolioList .portfolioItem .titles {
	text-align: left;
	bottom: 0; left: 0;
	width: 100%;
	position: absolute;
	background-color: #FFF;
	overflow: hidden;
	height: 0;
	-webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s;
}
#portfolioList .portfolioItem.hover .titles {
	padding: 10px 0;
	height: 20px;
	-webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s;
}
#portfolioList .portfolioItem.selected .titles {
	padding: 10px 0;
	height: 20px !important;
}
#portfolioList .portfolioItem .titles span {
	display: none;
	line-height: 90px;
	font-size: 89px;
	font-weight: 500;
}
#portfolioList .portfolioItem .titles h3 {
	margin-left: 3px;
	color: #18182D;
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
}
@media screen and (min-width: 600px) {
	#portfolioList .portfolioItem {
		float: left;
		width: 48%;
		margin: 0 1%;
		margin-bottom: 2%;
	}
	#portfolioList { width: 98%; }
}
@media screen and (min-width: 900px) {
	#portfolioList .portfolioItem {
		width: 32.01%;
		margin: 0 0.66%;
		margin-bottom: 1.32%;
	}
	#portfolioList { width: 98.68%; }
}
@media screen and (min-width: 1200px) {
	#portfolioList .portfolioItem {
		width: 24%;
		margin: 0 0.50%;
		margin-bottom: 1%;
	}
	#portfolioList { width: 99%; }
}
@media screen and (min-width: 1502px) {
	#portfolioList .portfolioItem {
		width: 19.20%;
		margin: 0 0.4%;
		margin-bottom: 0.8%;
	}
	#portfolioList { width: 99.20%; }
}
@media screen and (min-width: 1884px) {
	#portfolioList .portfolioItem {
		width: 16.04%;
		max-width: 400px;
		margin: 0 0.31%;
		margin-bottom: 0.62%;
	}
	#portfolioList { width: 99.38%; }
}
/* END sectionPortfolio */

/* BEGIN portfolioItem */
@media screen and (min-width: 900px) {
	#portfolioItemWrapper {
		/*padding-top: 104px;*/
	}
}
#portfolioItem {
	/*padding-top: 90px;*/
}
#portfolioItem .info {
	display: none;
	background-color: #E7E7EB;
	text-align: center;
	padding: 26px 20px 50px 20px;
	position: relative;
	margin-bottom: 12px;
}
#portfolioItem .info h2 {
	color: #18182D;
	font-weight: 700;
	line-height: 20px;
	font-size: 18px;
	margin-bottom: 13px;
}
#portfolioItem .info p {
	font-size: 12px;
	line-height: 15px;
	color: #18182D;
	font-weight: 400;
	max-width: 598px;
	margin: 0 auto;
}
#portfolioItem .info a.close,
#portfolioItem .info a.close:visited {
	position: absolute;
	bottom: 15px;
	left: 50%;
	margin-left: -7px;
	width: 20px;
	height: 20px;
	background: url(../img/layout/close-button-white.png) left top no-repeat transparent;
	background-size: contain;
}
@media screen and (min-width: 675px) {
	#portfolioItem {
		/*padding-top: 52px;*/
	}	
	#portfolioItem .info { padding: 52px 30px 80px 30px; }
	#portfolioItem .info h2 {
		line-height: 27px;
		font-size: 24px;
	}
	#portfolioItem .info p {
		line-height: 21px;
		font-size: 17px;
	}
	#portfolioItem .info a.close,
	#portfolioItem .info a.close:visited {
		bottom: 22px;
		margin-left: -17px;
		width: 35px;
		height: 35px;
	}	
}
@media screen and (min-width: 900px) {
	#portfolioItem {
		padding-top: 90px;
	}
}
@media screen and (min-width: 1030px) {
	#portfolioItem {
		/*padding-top: 80px;*/
	}
	
	#portfolioItem .info { padding: 80px 65px 120px 65px; }
	#portfolioItem .info h3 { line-height: 40px; font-size: 37px; }
	#portfolioItem .info a.close,
	#portfolioItem .info a.close:visited {
		bottom: 46px;
		margin-left: -17px;
		width: 35px;
		height: 35px;
	}
	#portfolioItem .info a.close:hover {
		background: url(../img/layout/close-button-orange.png) left top no-repeat transparent;
		background-size: contain;
	}
}


#portfolioItem .images {
	padding: 0 20px;
	max-width: 1024px;
	margin: 0 auto;
}
#portfolioItem .imageItemWrapper {
	background-color: #F8F8F8;
	margin-bottom: 12px;
}
#portfolioItem .images img {
	filter:alpha(opacity=0);
	-moz-opacity:00;
	-khtml-opacity: 0;
	opacity: 0;
	max-width: 100%;
	height: auto;
}

.navigation {
	padding-top: 50px;
	background: url(../img/layout/gradient.png) left bottom repeat-x transparent;
	margin-bottom: 12px;
	/*height: 35px;
	padding: 22px 0;
	background-color: #E7E7EB;
	margin-bottom: 12px;*/
	position: relative;
}
.navigation .arrows {
	height: 35px;
	position: absolute;
	top: 50%; left: 0;
	width: 100%;
	margin-top: 0;
}
.navigation .arrows a.prev,
.navigation .arrows a.prev:visited {
	position: fixed;
	top: 50%;
	left: 42px;
	width: 35px;
	height: 35px;
	background: url(../img/layout/arrow-left.png) left top no-repeat transparent;
	background-size: contain;
}
.navigation .arrows a.next,
.navigation .arrows a.next:visited {
	position: fixed;
	top: 50%;
	right: 42px;
	width: 35px;
	height: 35px;
	background: url(../img/layout/arrow-right.png) right top no-repeat transparent;
	background-size: contain;
}
.navigation .arrows a.prev.notfixed,
.navigation .arrows a.prev.notfixed:visited,
.navigation .arrows a.next.notfixed,
.navigation .arrows a.next.notfixed:visited {
	position: absolute;
	top: 0;
}
@media screen and (min-width: 600px) { /*675*/
	.navigation {
		padding-top: 60px;
		/*padding: 28px 0;*/
	}
	.navigation .arrows {
		margin-top: 7px;
	}
}
@media screen and (min-width: 1030px) {
	.navigation {
		/*padding: 35px 0;*/
	}
	.navigation .arrows a.prev:hover {
		background: url(../img/layout/arrow-left-orange.png) left top no-repeat transparent;
		background-size: contain;
	}
	.navigation .arrows a.next:hover {
		background: url(../img/layout/arrow-right-orange.png) right top no-repeat transparent;
		background-size: contain;
	}
}
/* END portfolioItem */

/* BEGIN moreInfoButton */
.moreInfoButton {
	margin: 0 auto;
	width: 210px;
	border-top: 1px solid #B3B3BB;
	text-align: center;
	line-height: 20px;
	padding-top: 30px;
	padding-bottom: 40px;
}
.moreInfoButton a,
.moreInfoButton a:visited {
	display: inline-block;
	color: #19192D;
	font-weight: 700;
	font-size: 18px;
	text-decoration: none;
	/*border-bottom: 1px solid #FFF;*/
}
.moreInfoButton a span, .moreInfoButton a:visited span {
	font-size: 37px;
	font-weight: 500;
	float: left;
	margin-right: 3px;
	top: 7px;
}
@media screen and (min-width: 600px) {
	.moreInfoButton { padding-top: 40px; }		
	.moreInfoButton { padding-bottom: 50px; }		
}
@media screen and (min-width: 1030px) {
	.moreInfoButton a:hover	{
		color: #FF5537;
		/*border-bottom: 1px solid #FF5537;*/
	}
}

@media screen and (min-width: 675px) {
	.moreInfoButton { line-height: 27px; }
	.moreInfoButton a, .moreInfoButton a:visited { font-size: 24px; }
	.moreInfoButton a span, .moreInfoButton a:visited span { font-size: 50px; top: 7px; }	
}
@media screen and (min-width: 1030px) {
	.moreInfoButton { line-height: 47px; }
	.moreInfoButton a, .moreInfoButton a:visited { font-size: 37px; }
	.moreInfoButton a span, .moreInfoButton a:visited span { font-size: 63px; top: 7px; }	
}

.cWrapperAux .bottomGradient {
	position: absolute;
	bottom: 0; left: 0;
	width: 100%;
	height: 354px;
	background: url(../img/layout/gradient-bottom.png) left top repeat-x transparent;
}
.moreInfoButton {
	position: relative;
	z-index: 2;
}
/* END moreInfoButton */