p,ul,li,.row,.form-group { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6 { margin: 0 0 10px; }
h3 { font-size: 28px; margin-bottom: 15px; }
label { font-weight: 600; }
table { border-color: #333; margin-bottom: 1px; }
.form-control { font-weight: 500; font-size: 16px; }
#coreFrame, #conf, #translates { display: none; opacity: 0; width: 0; height: 0; }

body {
	overflow: hidden;
	font-family: 'PT Sans', sans-serif;
	font-weight: 500;
	font-size: 18px;
	color: #222;
}

#app[data-section="index"] .postContent {
	color: #fff;
	text-shadow: 0 0 5px #000;
	font-size: 32px;
	font-weight: 600;
}
#app { float: left; width: 100%; }
/*#app[data-section="nosotros"] .postRow, #app[data-section="nosaltres"] .postRow, #app[data-section="about-us"] .postRow { width: 50%; }
#app[data-section="nosotros"] .postRow:first-of-type, #app[data-section="nosaltres"] .postRow:first-of-type, #app[data-section="about-us"] .postRow:first-of-type { width: 100%; }
#app[data-section="nosotros"] .container, #app[data-section="nosaltres"] .container, #app[data-section="about-us"] .container { width: auto; text-align: justify; }
#app[data-section="nosotros"] .postContainer, #app[data-section="nosaltres"] .postContainer, #app[data-section="about-us"] .postContainer { margin: 0 !important; }
#app[data-section="nosotros"] .postContent, #app[data-section="nosaltres"] .postContent, #app[data-section="about-us"] .postContent { padding: 30px 40px; }
#app[data-section="nosotros"] div.footer, #app[data-section="nosaltres"] div.footer, #app[data-section="about-us"] div.footer { display: none !important; }*/

/*********/
/* POPUP */
/*********/
#core {
	overflow-y: auto;
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	background: url(/assets/img/px-black-80.png);
	z-index: 25;
}
#core .box {
	position: relative;
	width: 80%;
	max-width: 100%;
	height: calc(100% - 100px);
	padding: 25px;
	margin: 50px auto;
	overflow: auto;
	border-radius: 20px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	background-color: #fff;
	color: #000;
}
#core .box > header {
	float: left;
	width: 100%;
	padding-bottom: 20px;;
	text-align: center;
	font-weight: 600;
	font-size: 24px;
}
#core .btnClose {
	display: block;
	margin: 20px auto 5px auto;
	padding: 5px 50px;
	border: 0;
	font-weight: 600;
}

/********/
/* MENU */
/********/
#app .navbar-static-top { z-index: 20; }
.navbar-brand > img { height: 48px; }
.navbar {
	position: fixed;
	width: 100%;
	top: 0;
	margin: 0;
	padding: 5px 120px 5px 150px;
	border: 0;
	color: #fff;
	/*background: rgba(255, 255, 255, 0);*/
	background: url('/assets/img/header-bg.png') repeat-x;
	font-family: 'PT Sans', sans-serif;
	font-size: 14px;
}
.navbar.gradientWhite {
	background: -moz-linear-gradient(top, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.navbar.gradientBlack {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.1+0,0+100;Neutral+Density */
	background: -moz-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

.navbar.whiteStyle li.dropdown a, .navbar.whiteStyle ul.navbar-nav, .navbar.whiteStyle .languages a, .navbar.whiteStyle .languages a.active { color: #fff; border-color: #fff; }
.navbar.blackStyle li.dropdown a, .navbar.blackStyle ul.navbar-nav, .navbar.blackStyle .languages a, .navbar.blackStyle .languages a.active { color: #000; border-color: #000; }

.navbar-header { float: left; }
.navbar-brand {
	height: auto;
	margin: 0;
	padding: 20px 0 0 0;
}
.navbar-default button.navbar-toggle { display: none; }
.navbar-default .navbar-toggle {
	display: initial;
	float: right;
	padding: 8px 10px 8px 0;
	border: 0;
	z-index: 2;
}
.navbar-toggle .icon-bar { height: 3px; }
.navbar-default .navbar-collapse { float: right; }
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	box-shadow: none;
	border: none;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: transparent; }
.navbar-nav {
	height: 27px;
	margin: 35px 0 0 0;
	padding: 2px 20px 5px 0;
	overflow: hidden;
	white-space: nowrap;
	border-right: #777 1px solid;
}
.navbar-default .navbar-nav > li { float: left; white-space: nowrap; }
.navbar-default .navbar-nav > li > a { color: #333; padding: 0 20px; white-space: nowrap; }
.navbar-default .navbar-nav>li>a:hover { text-decoration: underline; }
.navbar-default .navbar-nav > li > a.active { font-weight: 600; text-decoration: none; }

.telephone {
	float: left;
	margin: 13px 0 0 26px;
	font-family: 'Times New Roman', serif;
	font-weight: normal;
	font-size: 18px;
	color: #0f3e71;
}
.telephone > a { color: inherit; }
.telephone > a img { display: none; }


/*************/
/* LANGUAGES */
/*************/
.languages {
	position: relative;
	float: right;
	width: 40px;
	margin: 36px 30px 16px 35px;
	text-align: center;
}
.languages a {
	margin: 0;
	padding: 0 0 5px 0;
	font-weight: 500;
	font-size: 14px;
}
.languages a.active { font-weight: 600; }
.languages .otherLanguages {
	display: none;
	position: absolute;
	width: 40px;
	padding-top: 8px;
	text-align: center;
	z-index: 12;
}
.languages .otherLanguages a {
	clear: both;
	display: inline-block;
}


/********/
/* HOME */
/********/
.postRow:first-of-type.withPadding { padding: 0; }
#home .carousel-indicators, #home .carousel-control-prev, #home .carousel-control-next { display: none; }
#slideArrow { position: fixed; width: 20px; height: 12px; left: calc(50% - 10px); bottom: 42px; z-index: 2; }
#slideArrow i { position: absolute; width: 20px; height: 12px; transition: background 0.5s ease; cursor: pointer; }
#slideArrow i.whiteStyle { background: url('/assets/img/downarrow-whiteStyle.png?t=20210720') no-repeat; }
#slideArrow i.blackStyle { background: url('/assets/img/downarrow-blackStyle.png?t=20210720') no-repeat; }
.sliderContent { position: absolute; width: 100%; top: 0; z-index: 2; /*text-shadow: 0 0 2px rgba(0,0,0,0.25);*/ }
.sliderContent.postContainer.absolute { height: auto; }
.sliderContent .postContent { max-width: 780px; }
.sliderContent h3 { font-size: 54pt; font-weight: 600; }
.sliderContent .postText { font-size: 24px; font-weight: 600; }
.sliderContent .postText p { margin-bottom: 0; }


/************/
/* PROJECTS */
/************/
.projectsLocation {
	position: fixed;
	opacity: 0;
	z-index: 2;
	width: 100%;
	text-align: center;
	font-size: 16px;
	padding: 0;
	font-weight: 700;
}
.projectsLocation .likeSelect { position: relative; float: left; width: calc(100% / 3 - 30px); margin: 0 15px; }
.projectsLocation select { float: left; width: 100%; margin: 0; padding-left: 5px; border: none; border-bottom: #4a4a4a 1px solid; background: transparent; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; color: #4a4a4a; font-weight: 500; font-size: 14px; }
.projectsLocation select::-ms-expand { display: none; }
.projectsLocation select:focus { outline-offset: inherit; outline: -webkit-focus-ring-color auto 0; }
.projectsLocation i { position: absolute; right: 0; padding: 4px 2px 0 0; text-align: right; color: #4a4a4a; }


/**************/
/* NEWSLETTER */
/**************/
.newsletter {
	position: fixed;
	left: 0;
	bottom: 50px;
	font-size: 16px;
	padding: 5px 18px 5px 0;
	border-radius: 0 40px 40px 0;
	border: #ccc 1px solid;
	border-left: none;
	font-weight: 700;
	background-color: rgba(255, 255, 255, 0.7);
	z-index: 10;
}
.newsletter input, .newsletter select { float: left; margin-left: 5px; }
.newsletter input { padding: 4px 5px; font-size: 14px; }
.newsletter select { padding: 6px 2px 5px 5px; font-weight: 700; font-size: 14px; }
.newsletter div { float: left; width: 55px; padding: 5px 10px 5px 10px; font-weight: bold; margin: 1px 0 0 5px; font-size: 14px; color: #fff; text-shadow: rgb(0, 0, 0) 0 0 2px; white-space: nowrap; text-align: center; cursor: pointer; background-color: #0f3e71; }


/**********/
/* FOOTER */
/**********/
.fixedFooter { display: none; position: fixed; width: 100%; bottom: 0; padding-bottom: 25px; }
div.footer {
	float: left;
	width: 100%;
	margin-top: 30px;
	background-color: #262626;
}
ul.footer, .copyright, .address, .designBy {
	float: left;
	width: 100%;
	padding: 10px 0;
	color: #fff;
	font-weight: 600;
	font-size: 18px;
	text-align: center;
}
ul.footer > li {
	display: inline-block;
	margin: 0 10px;
}
ul.footer > li > a { color: inherit; }
.copyright, .address {
	font-size: 14px;
	padding: 0 0 0 0;
}
.copyright a { color: #0f3e71; }
.address { padding: 5px 0; }
.designBy {
	padding: 5px 0 10px 0;
	font-size: 12px;
	color: #777;
}
.designBy.withMargin { margin-bottom: 45px; }
.designBy > a {
	text-decoration: none;
	color: inherit;
}
.designBy > a:hover, .designBy > a:focus { text-decoration: underline; }
.copyright { float: left; color: #999; }
.copyright a { color: #0f3e71; }
.address { padding: 5px 0; }
.designBy {
	float: right;
	font-size: 13px;
	color: #999;
}
.designBy.withMargin { margin-bottom: 45px; }
.designBy > a {
	text-decoration: none;
	color: inherit;
}
.designBy > a:hover, .designBy > a:focus { text-decoration: underline; }


/****************/
/* CONTACT PAGE */
/****************/
.hideMapsBar { display: none; }
#app[data-section='contacto'] .hideMapsBar, #app[data-section='contact'] .hideMapsBar, #app[data-section='contacte'] .hideMapsBar {
	display: block;
	position: absolute;
	height: 99px;
	width: 100%;
	z-index: 8;
	top: 0;
	background-color: rgb(36, 36, 41);
}
#app[data-section='contacto'] .withIframe, #app[data-section='contact'] .withIframe, #app[data-section='contacte'] .withIframe { margin: 0 !important; }
.postContactSection > div {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 40px;
	font-weight: 600;
	color: #fff;
}
.postContactSection > div.dash { margin: 15px 0; font-size: 28px; }
.postContactSection > div .contactBox { float: left; width: 100%; }
.postContactSection > div .contactBox a { text-decoration: none; color: inherit; letter-spacing: 2px; }
.postContactSection > div .leftContactBox, .postContactSection > div .rightContactBox { float: left; }
.postContactSection > div .leftContactBox { margin-left: calc(50% - 124px); margin-right: 15px; }
.postContactSection > div .rightContactBox { width: 200px; }
.postContactSection > div .leftContactBox span, .postContactSection > div .rightContactBox span { font-size: 20px; font-weight: 500; }
.postContactSection > div .leftContactBox span, .postContactSection > div .rightContactBox span, .postContactSection > div .leftContactBox img { float: left; clear: both; letter-spacing: 2px; }
.postContactSection > div .leftContactBox img:not(.secondLine) { margin-top: 4px; }
.postContactSection > div .leftContactBox img.secondLine { margin-top: 18px; }
.postContactSection > div .secondLine { margin-top: 15px; }
.postContactSection > div > p:last-of-type, .postContactSection .postText > p:last-of-type { margin-bottom: 15px; }
.postContactSection .postText .contactBox > div { cursor: pointer; }


/****************/
/* CONTACT FORM */
/****************/
.contactStyle {
	color: #fff;
	background-color: #262626;
}

#frmContact {
	float: left;
	width: 100%;
	text-align: left;
}
#frmContact > h3 {
	font-size: 40px;
	text-align: center;
	padding-bottom: 25px;
}
#frmContact .frmLeft {
	float: left;
	width: calc(100% / 3 * 2);
}
#frmContact .frmRight {
	float: left;
	width: calc(100% / 3);
}
#frmContact > div > div {
	float: left;
	min-height: 80px;
	padding: 5px 10px;
}
#frmContact > div.frmCenter {
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 38px;
}
#frmContact > div.frmCenter .policyAcceptation { min-height: auto; }
#frmContact > div.frmCenter > * { float: none; }
#frmContact > div.frmCenter > .policyAcceptation { width: auto; margin-bottom: 10px; }
#frmContact > div > div.frmWhole { width: 100%; }
#frmContact > div > div.frmWhole textarea {
	float: left;
	width: 100%;
	height: 114px;
	background-color: transparent;
	border-top: none;
	border-right: none;
	border-left: none;
	border-image: initial;
	border-bottom: 2px solid rgb(255, 255, 255);
	border-radius: 0;
	padding-left: 0;
	margin: 0;
	color: #fff;
	font-size: 18px;
	-webkit-appearance: none;
	outline: 0;
	resize: none;
}
#frmContact > div > div.frmSingle { width: calc(100% / 3); }
#frmContact > div > div.frmSingle.widthHalf { width: calc(50%); }
#frmContact > div.frmCenter button { width: calc(100% / 3 - 20px); }
#frmContact > div > div.frmDouble { width: calc(100% / 3 * 2); }

#frmContact > div > div label, #frmContact > div > div input, #frmContact > div > div select, #frmContact > div > div button {
	float: left;
	width: 100%;
}
#frmContact > div > div label { font-size: 16px; }

.form-control::-webkit-input-placeholder { color: #ddd; }
.form-control:-moz-placeholder { color: #ddd; opacity: 1; }
.form-control::-moz-placeholder { color: #ddd; opacity: 1; }
.form-control:-ms-input-placeholder { color: #ddd; }
.form-control::-ms-input-placeholder { color: #ddd; }
.form-control::placeholder { color: #ddd; }

#frmContact > div > div input, #frmContact > div > div select {
	background-color: transparent;
	border-top: none;
	border-right: none;
	border-left: none;
	border-image: initial;
	border-bottom: 2px solid rgb(255, 255, 255);
	border-radius: 0;
	padding-left: 0;
	margin: 0;
	color: #fff;
	font-size: 18px;
}
#frmContact > div > div select {
	padding: 2px 12px;
	font-weight: 600;
	font-size: 18px;
}
#frmContact > div.frmCenter .policyAcceptation input, #frmContact > div.frmCenter .policyAcceptation label {
	float: none;
	width: auto;
	height: 12px;
	margin: 0;
}
#frmContact > div.frmCenter .policyAcceptation label { height: auto; }
#frmContact div .form-control:focus { -webkit-box-shadow: none; box-shadow: none; }
#frmContact div button {
	padding: 7px 0 6px 0;
	border: 0;
	color: #ffffff;
	background: transparent;
	border-bottom: 2px solid;
	border-radius: 0;
	font-weight: 600;
	font-size: 24px;
	margin-top: 15px;
	/*
	margin-top: 8px;
	border-radius: 4px;
	background: #929292;
	background-image: -webkit-linear-gradient(top, #6f6f6f, #929292);
	background-image: -moz-linear-gradient(top, #6f6f6f, #929292);
	background-image: -ms-linear-gradient(top, #6f6f6f, #929292);
	background-image: -o-linear-gradient(top, #6f6f6f, #929292);
	background-image: linear-gradient(to bottom, #6f6f6f, #929292);
	*/
}
/*#frmContact div button:hover {
	background: #929292;
	background-image: -webkit-linear-gradient(top, #929292, #929292);
	background-image: -moz-linear-gradient(top, #929292, #929292);
	background-image: -ms-linear-gradient(top, #929292, #929292);
	background-image: -o-linear-gradient(top, #929292, #929292);
	background-image: linear-gradient(to bottom, #929292, #929292);
	text-decoration: none;
}*/

.error-div {
	float: left;
	width: 100%;
	padding: 2px 0 0 2px;
	font-weight: 600;
	font-size: 14px;
	color: #ff5400;
}
.error-div.errorAuto { float: none; width: auto; }
.form-group { position: relative; }
.form-control-feedback { top: 32px; right: 8px; }


/*****************/
/* COLABORADORES */
/*****************/
.colaboradoresSection { float: left; width: 100%; background-color: #f9f9f9; }
.colaboradoresSection .container { width: auto; }
.colaboradoresSection .postRowColaboradores { float: left; }
.colaboradoresSection h3 { font-size: 18px; margin-bottom: 0; }
.colaboradoresSection .postRow .mainImage1 { max-width: 100%; }
.colaboradoresSection a { color: inherit; }
.colaboradoresSection .containerImage { position: relative; float: left; width: 100%; height: 100px; }
.colaboradoresSection .containerImage > img { position: absolute; max-width: 100%; margin: 0; padding: 0; }


/***********/
/* CONTENT */
/***********/
video { float: left; max-width: 100%; }
#app[data-section='index'] video { max-width: none; }
.protectionScroll {
	position: absolute;
	width: 100%;
	height: 100%;
	cursor: pointer;
	background-color: rgba(0,0,0,0.4);
}
.protectionScroll img {
	position: absolute;
	top: calc(50% - 42px);
	left: calc(50% - 38px);
}
.protectionScroll img.icon-finger-push {
	margin-left: 9px;
	margin-top: -10px;
}

.videoContainer {
	float: left;
	width: 100%;
	overflow-x: hidden;
}

.videoControls {
	position: absolute;
	width: 100%;
	bottom: 15px;
	padding: 10px 0;
	text-align: center;
	cursor: pointer;
	z-index: 9;
}
.videoControls .group-icons { display: inline-block; }
.videoControls .group-icons img { margin: 0 5px; }

#app[data-section="index"] .videoControls {
	width: auto;
	top: 14px;
	right: 35px;
	bottom: inherit;
}

.textVideo {
	float: left;
	width: auto;
}

.postRow {
	float: left;
	width: 100%;
	text-align: center;
	position: relative;
}

.postRow[data-title='home'] {
	margin-top: 50px;
}
.postRow[data-title='home'] .postContent {
	color: #fff;
	font-size: 50px;
}
.postContent p { margin-bottom: 10px; }
.postContent p:last-of-type { margin-bottom: 0; }

.postRow .mainImage1, .postRow .mainImage2 { margin: 25px 0; }
.postRow .mainImage1 { max-width: 30%; max-height: 150px; }
.postRow .mainImage2 { max-width: 30%; max-height: 150px; }

.postRow .wholeImage { float: left; }
.postRow .carousel-inner .wholeImage { float: none; }
.postRow .showcase { float: left; position: relative; }
.postRow .showcase > img { float: left; width: 100%; }
.postRow .showcase > .hoverShowcase {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.4);
}
.postRow .showcase > .hoverShowcase:hover {
	-webkit-transition: opacity 300ms ease-in-out;
	-moz-transition: opacity 300ms ease-in-out;
	-ms-transition: opacity 300ms ease-in-out;
	-o-transition: opacity 300ms ease-in-out;
	opacity: 0;
}
.postRow a.showcase.noClick { cursor: inherit; }
.postRow a.showcase.noClick .hoverShowcase { display: none; }

.postContainer:not(.container) {
	float: left;
	width: 100%;
	color: #333;
	/*background-color: #f9f9f9;*/
}
#app[data-section='promociones'] .postContainer:not(.absolute) {
	height: 350px;
}
#app[data-section='promociones'] .blackStyle { display: block !important; }
.postContainer:not(.container).halfText {
	position: inherit;
	float: left;
	width: 50%;
	top: 0 !important;
}

.projectRow {
	float: left;
	width: 100%;
	padding: 85px 115px 25px 115px;
	background: rgb(255, 255, 255);
	text-align: center;
}
.projectRow .projectContainer {
	display: inline-block;
	position: relative;
	width: calc(100% - 225px);
}
.projectRow .postContainer, .lastProject {
	position: relative;
	/*width: calc(100% / 3 - 70px);
	margin: 15px 35px;*/
	width: calc(100% / 3 - 30px);
	margin: 15px;
	text-align: center;
	text-decoration: none;
	color: #fff;
}
.projectRow .postContainer.locked { cursor: default; }
.lastProject { margin-bottom: 0; }
.lastProjectContainer { margin-left: -10px; margin-right: -10px; }
.lastProjectContainer .slick-slide { padding: 0 15px; }
.slickArrows { position: relative; float: left; width: 100%; margin-top: 20px; }
.slickArrows .fa { font-size: 36px; cursor: pointer; color: #494949; }
.postLastProjects .slick-prev { position: absolute; left: -5px; }
.postLastProjects .slick-next { position: absolute; right: -5px; }
.postNextProjects .slick-prev { position: absolute; left: -5px; }
.postNextProjects .slick-next { position: absolute; right: -5px; }
.postOngoingProjects .slick-prev { position: absolute; left: -5px; }
.postOngoingProjects .slick-next { position: absolute; right: -5px; }
.lastProject .cover {
	opacity: 0.2;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: #000;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.lastProject:hover .cover { opacity: 0.5; }
.lastProject h2 {
	position: absolute;
	width: 100%;
	margin: 0;
	padding: 0 15px;
	font-size: 48px;
	line-height: 90%;
	font-weight: 700;
	text-align: center;
	color: #fff;
}
.lastProject .cover div {
	position: absolute;
	bottom: 15px;
	width: 100%;
	font-weight: 600;
	line-height: 24px;
	text-shadow: #fff 0 0 3px;
}
.slickArrows .slick-dots { position: absolute; list-style: none; }
.slickArrows .slick-dots li { float: left; margin: 0 30px; }
.slickArrows .slick-dots li button {
	float: left;
	border-radius: 16px;
	height: 14px;
	width: 14px;
	border: none;
	padding: 0;
	background: #333;
	color: #333;
	font-size: 1px;
}
.slickArrows .slick-dots li.slick-active button {
	background: #afaeae;
	color: #afaeae;
}

.projectRow .postContainer .cover {
	opacity: 0;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: #fff;
	-webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;
}
.projectRow .postContainer:hover .cover { opacity: 0.75; }
.projectRow .postContainer .hoverContent {
	position: absolute;
	width: 100%;
	bottom: 0;
	opacity: 0;
	padding: 15px 20px;
	color: #4a4a4a;
	text-align: left;
	-webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;
}
.projectRow .postContainer:hover .hoverContent { opacity: 1; }
.projectRow .postContainer .hoverContent h2 { font-weight: 600; font-size: 14px; margin: 0; line-height: 4px; }
.projectRow .postContainer .hoverContent span { font-size: 12px; font-style: oblique; margin-left: -2px; }
.projectRow .postContainer .hoverContent div { font-size: 12px; margin-top: 2px; }

.lastProjectDiv {
	float: left;
	width: calc(100% / 3 - 27px);
}
.lastProjectDiv > span {
	float: left;
	width: 100%;
	font-size: 16px;
	text-align: left;
	padding-top: 15px;
}
a.lastProject {
	float: left;
	width: 100%;
	height: 335px;
	color: #333;
	text-decoration: none;
}
a.lastProject:first-of-type { margin-left: 0; }
a.lastProject:last-of-type { margin-right: 0; }
.postContainer:not(.container).postLastProjects {
	padding: 0 150px;
}
.postLastProjects h3 {
	margin-bottom: 5px;
	font-size: 58px !important;
	font-weight: 900;
	text-align: left;
}
.postContainer:not(.container).postNextProjects {
	padding: 0 150px;
}
.postNextProjects h3 {
	margin-bottom: 5px;
	font-size: 58px !important;
	font-weight: 900;
	text-align: left;
}
.postContainer:not(.container).postOngoingProjects {
	padding: 0 150px;
}
.postOngoingProjects h3 {
	margin-bottom: 5px;
	font-size: 58px !important;
	font-weight: 900;
	text-align: left;
}

.postContainer.withIframe { padding: 0 !important; }
.postContainer.withIframe iframe { float:left; }
.postContainer.absolute {
	position: absolute;
	height: 100%;
	background-color: transparent;
}
.postContainer.absolute.withinWhiteBox:not(.ignoreAutoMarging) { width: auto; top: 100px; left: 150px; }
.postContainer.absolute.withinWhiteBox:not(.ignoreAutoMarging) .postContent {
	float: left;
	width: 50%;
	padding: 25px 30px 30px 30px;
	/*background-color: rgba(255,255,255,0.8);*/
	background-color: #fff;
}
.postContainer.postContactForm {
	padding: 0 150px;
}

.postContent {
	padding: 25px;
	text-align: center;
}

.carousel-control-prev, .carousel-control-next {
	position: absolute;
	width: 21px;
	height: 33px;
	top: calc(50% - 17px);
	opacity: 0.6;
	z-index: 10;
}
.carousel-control-prev:hover, .carousel-control-next:hover { opacity: 1; }
.carousel-control-prev { background: url('/assets/img/left-arrow.png'); left: 15px; }
.carousel-control-next { background: url('/assets/img/right-arrow.png'); right: 15px; }
.carousel-indicators li, .carousel-indicators li.active {
	width: 14px;
	height: 14px;
	margin: 0 20px;
	padding: 0;
	border-radius: 16px;
	border: none;
	font-size: 1px; }
.carousel-indicators li:not(.active) { background: #333; color: #333; }
.carousel-indicators li.active { background: #afaeae; color: #afaeae; }

.postMedia:not(.isSlider) .carousel-indicators, .postMedia:not(.isSlider) .carousel-control-next, .postMedia:not(.isSlider) .carousel-control-prev { display: none; }
.postContainer:not(.absolute).textPlusImage { padding-top: 110px; padding-bottom: 0; }
.mixedBlock { float: left; width: 50%; }
.mixedBlock > .container { width: 100%; padding-top: 0; padding-bottom: 0; text-align: left; padding: 0 40px; }
.mixedImage img { width: 100%; }
.carousel-indicators { bottom: 75px; }

.bold { font-weight: 600; }


/************/
/* NOSOTROS */
/************/
.postLeft, .postRight { float: left; width: 50%; padding: 35px 100px 25px 150px; text-align: justify; }
.postRight { padding: 25px 150px 25px 100px; }
.postLeft h3, .postRight h3 { margin-bottom: 50px; font-size: 48px; font-weight: 600; }
.postLeft .postText > p { margin-bottom: 50px; }
.postLeft .postText > p:first-of-type { font-size: 20px; margin-bottom: 0; }
.postLeft .postText > p:last-of-type { font-size: 22px; font-weight: 600; }
.postLeft .postText > p:nth-last-child(2) { margin-bottom: 0; }
.postRight .postText > p { margin-bottom: 25px; }
.postRight .postText > p:last-of-type { margin-bottom: 0; }


/*******************/
/* PROJECT DETAILS */
/*******************/
.postRow.withPadding { padding: 100px 150px; }
#app[data-section='promociones-detail'] .postContainer:not(.container) { background-color: transparent; }
#app[data-section='promociones-detail'] .postContainer:not(.container).postParams {  }
#app[data-section='promociones-detail'] .postParams div.paramsLeft, #app[data-section='promociones-detail'] .postParams div.paramsRight { float: left; width: 50%; }
#app[data-section='promociones-detail'] .postParams div.paramsDiv { position: relative; float: left; width: 100%; padding: 6px 0; text-align: center; }
#app[data-section='promociones-detail'] .postParams .paramsLeft div.paramsDiv:first-of-type { padding-top: 0; }
#app[data-section='promociones-detail'] .postParams .paramsLeft div.paramsDiv:last-of-type { padding-bottom: 0; }
#app[data-section='promociones-detail'] .postParams div.paramsDiv.mapLocation { width: 100%; font-size: 24px; font-weight: 600; }
#app[data-section='promociones-detail'] .postParams div.paramsDiv.mapLocation a { color: #fff; }
#app[data-section='promociones-detail'] .postParams div.paramsDiv.divPercentage { pointer-events: none; }
#app[data-section='promociones-detail'] .postParams div.paramsDiv.divPercentage span { display: block; height: 70px; padding: 22px 10px 0 10px; margin: 0 auto; font-weight: 900; font-size: 20px; }
#app[data-section='promociones-detail'] .postParams div.paramsDiv.divPercentage.onlyOne span { height: 100px; padding: 32px 10px 0 10px; font-size: 24px; }
#app[data-section='promociones-detail'] .postParams div.paramsDiv > i { font-size: 40px; }
#app[data-section='promociones-detail'] .postParams div.paramsDiv > span { float: left; width: 100%; height: 28px; font-size: 24px; font-weight: 900; margin: 0; }
#app[data-section='promociones-detail'] .postParams div.paramsDiv > span.commercialStatus { height: 26px; line-height: 26px; font-size: 22px; }
#app[data-section='promociones-detail'] .postParams div.paramsDiv > div { float: left; width: 100%; font-size: 16px; margin: 0; }
#app[data-section='promociones-detail'] .postParams div.paramsDiv > div.hrParams { height: 15px; line-height: 23px; font-size: 24px; font-weight: 900; }
#app[data-section='promociones-detail'] .postParams div.paramsDiv:last-of-type > div.hrParams { display: none; }
#app[data-section='promociones-detail'] .postParams .paramsRight div.paramsDiv > div { font-size: 14px; }
#app[data-section='promociones-detail'] .mixedBlock { width: 100%; }
#app[data-section='promociones-detail'] .mixedBlock.mixedText { width: 100%; padding-top: 20px; }
#app[data-section='promociones-detail'] .mixedBlock.mixedText:first-of-type { padding: 0 0 20px 0; }
#app[data-section='promociones-detail'] .mixedBlock > .container { text-align: center; }
#app[data-section='promociones-detail'] .paramLocation { opacity: 0; position: absolute; z-index: 2; }
#app[data-section='promociones-detail'] .paramLocation a { color: #fff; }
#app[data-section='promociones-detail'] .paramLocation img { height: 20px; margin-top: -2px; }
#app[data-section='promociones-detail'] .paramLocation span { font-weight: 600; letter-spacing: 0.5px; }
#app[data-section='promociones-detail'] .mixedImage img { width: auto; max-width: 100%; }
.postRow.withPadding .postContainer:not(.absolute).textPlusImage { padding: 0; }
.postRow.withPadding .container { max-width: 100%; }
#app[data-section='promociones-detail'] .newsletter { bottom: 8px; }
#app[data-section='promociones-detail'] .projectsUp { position: fixed; width: 30px; left: calc(50% - 15px); top: 35px; font-size: 36px; z-index: 10; cursor: pointer; text-align: center; }
#app[data-section='promociones-detail'] .projectsDown { position: fixed; width: 30px; left: calc(50% - 15px); bottom: 35px; font-size: 36px; z-index: 10; cursor: pointer; text-align: center; }
#app[data-section='promociones-detail'] .projectsPrev, #app[data-section='promociones-detail'] .projectsNext { position: fixed; top: 50%; z-index: 10; cursor: pointer; text-align: center; color: #333; }
#app[data-section='promociones-detail'] .projectsPrev { left: calc(75px - 20px); }
#app[data-section='promociones-detail'] .projectsPrev > span { float: left; width: 140px; margin-top: 0; margin-left: -56px; font-size: 13px; -moz-transform: rotate(270deg); -webkit-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }
#app[data-section='promociones-detail'] .projectsPrev > img { float: left; font-size: 36px; }
#app[data-section='promociones-detail'] .projectsNext { right: calc(75px - 20px); }
#app[data-section='promociones-detail'] .projectsNext > span { float: right; width: 140px; margin-top: 0; margin-right: -56px; font-size: 13px; -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
#app[data-section='promociones-detail'] .projectsNext > img { float: right; font-size: 36px; }
#app[data-section='promociones-detail'] .postRow:first-of-type { padding: 0; }
#app[data-section='promociones-detail'] .postRow:first-of-type .postContainer h3 { position: absolute; left: 50%; width: 100%;}
#app[data-section='promociones-detail'] .projectsNext, #app[data-section='promociones-detail'] .projectsPrev { opacity: 0; }
#app[data-section='promociones-detail'] .sliderContent .postText { font-size: 15px; line-height: 22px; font-weight: 500; text-align: left; }
#app[data-section='promociones-detail'] .sliderContent .postText p { padding-top: 5px; margin-bottom: 20px; }
#app[data-section='promociones-detail'] .sliderContent .postText a { color: #fff; font-size: 18px; line-height: 15px; font-weight: 600; }
#app[data-section='promociones-detail'] .sliderContent.halfText .postContent { padding: 0 100px 0 150px; }
#app[data-section='promociones-detail'] .sliderContent.halfText .postContent.postParams { padding: 0 150px 0 100px; }
#app[data-section='promociones-detail'] .chart-area { position: absolute; top: 0; left: calc(50% - 75px); width: 150px !important; height: 75px !important; }
#app[data-section='promociones-detail'] .onlyOne .chart-area { left: calc(50% - 100px); width: 200px !important; height: 100px !important; }
#app[data-section='promociones-detail'] .postRow .wholeImage { float: none; display: inline-flex; }



/************************/
/* TWENTY TWENTY PLUGIN */
/************************/
.twentyTwentyContainer > img { width: 100%; }
div.twentytwenty-horizontal .twentytwenty-before-label, div.twentytwenty-horizontal .twentytwenty-after-label { display: none; }
.twentyBoxText {
	position: absolute;
	display: none;
	top: 30px;
	max-width: 20%;
	padding: 15px;
	font-size: 18px;
	line-height: 20px;
	color: #fff;
	background-color: rgba(255, 255, 255, 0.2);
	font-family: 'PT Sans', sans-serif;
	z-index: 10;
}
.twentyBoxLeft { left: 30px; }
.twentyBoxRight { right: 30px; }
.twentyBoxSlide {
	display: block;
	opacity: 1;
	top: 38px;
	right: calc(50% + 20px);
	left: inherit;
	font-size: 16px;
	padding: 5px 10px;
	border-radius: 10px;
	border: #fff 2px solid;
	background-color: rgba(255,255,255,0.3);
}
.twentyBoxSlide > span {
	position: absolute;
	top: calc(50% - 6px);
	right: -8px;
	width: 7px;
	height: 12px;
	background: url('/assets/img/arrow-right.png') no-repeat;
}

/*****************/
/* IMAGES STYLES */
/*****************/
[data-size='cover'] { background-size: cover; }
[data-size='contain'] { background-size: contain; background-repeat: no-repeat; }
[data-size='fit'] { background-size: 100% 100%; }
[data-position-x='left'] { background-position-x: left; }
[data-position-x='center'] { background-position-x: center; }
[data-position-x='right'] { background-position-x: right; }
[data-position-y='top'] { background-position-y: top; }
[data-position-y='center'] { background-position-y: center; }
[data-position-y='bottom'] { background-position-y: bottom; }

/*****************/
/* TABLES STYLES */
/*****************/
table.noBorders, table.noBorders tr, table.noBorders td { border: 0; }

table.noBordersHV td, table.noBordersVH td { border-width: 0; }

table.noBordersV td { border-left-width: 0; border-right-width: 0; }
table.noBordersV td:first-child { border-left-width: 1px; }
table.noBordersV td:last-child { border-right-width: 1px; }

table.noBordersH tr, table.noBordersH td { border-top-width: 0; border-bottom-width: 0; }
table.noBordersH tr:first-child { border-top-width: 1px; }
table.noBordersH tr:last-child { border-bottom-width: 1px; }

table.noExternalBorders { border: 0; border-color: #333; }
table.noExternalBorders tr:first-child, table.noExternalBorders tr:first-child > td { border-top-width: 0; }
table.noExternalBorders tr:last-child, table.noExternalBorders tr:last-child > td { border-bottom-width: 0; }
table.noExternalBorders tr { border-left-width: 0; border-right-width: 0; }
table.noExternalBorders td:first-child { border-left-width: 0; }
table.noExternalBorders td:last-child { border-right-width: 0; }

/***************/
/* COOKIES BAR */
/***************/
#cookie-bar {
	display: none;
	position: fixed;
	width: 100%;
	z-index: 999;
	padding: 10px 0;
	bottom: 0;
	left: 0;
	font-size: 13px;
	font-weight: normal;
	text-align: left;
	letter-spacing: normal;
	color: #000;
	box-shadow: rgb(0, 0, 0) 0 0 8px;
	background-color: rgba(17, 17, 17, 0.9);
}

#cookie-content {
	margin: 0 15px;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	color: #fff;
	line-height: 23px;
	letter-spacing: normal;
}

#cookie-read-more {
	margin: 0 15px;
	color: #fff;
	font-weight: 500;
	cursor: pointer;
}

#cookie-accept {
	border-radius: 5px;
	background-color: #0f3e71;
	border: 0;
	padding: 6px 10px;
	font-weight: bold;
	cursor: pointer;
	margin: 0 10px 0 0;
	color: #fff;
	transition: 0.25s;
	display: inline;
	text-shadow: rgb(0, 0, 0) 0 0 2px;
	white-space: nowrap;
}

@media screen and (max-width: 1199.9px){
	.navbar { padding: 9px 70px 5px 100px; }
	.projectRow { padding: 85px 65px 25px 65px; }
	.postLeft { padding: 25px 50px 25px 100px; }
	.postRight { padding: 25px 100px 25px 50px; }
	.postLeft .postText, .postRight .postText { font-size: 16px; }
	.postLeft h3, .postRight h3 { font-size: 46px; }
	.projectRow .projectContainer { width: calc(100% - 50px); }
}

@media screen and (max-width: 1024.9px){
	.navbar.whiteStyle { display: block; background: transparent; }
	.navbar.blackStyle { display: block; opacity: 0; background: #fff; height: 106px; }
	#app[data-section='promociones'] .navbar.whiteStyle, #app[data-section='promocions'] .navbar.whiteStyle, #app[data-section='promotions'] .navbar.whiteStyle { display: none !important; }
	#app[data-section='promociones'] .navbar.blackStyle, #app[data-section='promocions'] .navbar.blackStyle, #app[data-section='promotions'] .navbar.blackStyle { display: block !important; opacity: 1; }
	.projectRow .projectContainer { width: 100%; }
	.projectRow { min-height: initial !important; padding: 0 10px; }
	.projectRow:first-of-type { padding-top: 55px; }
	.projectRow .postContainer { width: calc(50% - 10px); margin: 7.5px 5px; }
	.projectRow .postContainer:last-of-type { margin-bottom: 0; }
	.projectsLocation { position: inherit; float: left; top: 0 !important; margin-bottom: 7.5px; }
	.projectsLocation .likeSelect { width: calc(100% - 10px); margin: 5px; }
	.projectContainer { margin-top: 0 !important; }
	.projectRow:first-of-type .projectContainer { margin-top: 50px !important; }
	.projectContainer .postContainer { margin-top: 7.5px !important; margin-bottom: 7.5px !important; }
	.postContainer.postContactForm { padding: 0 50px; }
	.postContainer:not(.container).postLastProjects { padding: 0 50px; }
	.postContainer:not(.container).postNextProjects { padding: 0 50px; }
	.postContainer:not(.container).postOngoingProjects { padding: 0 50px; }
	.lastProject h2 { font-size: 32px; }
	#app[data-section='promociones-detail'] .sliderContent.halfText .postContent { padding: 0 15px 0 30px; }
	#app[data-section='promociones-detail'] .sliderContent.halfText .postContent.postParams { padding: 0 30px 0 15px; }
}

@media screen and (max-width: 991.9px){
	.navbar { padding: 9px 10px 5px 40px; }
	/*.projectRow { padding: 85px 5px 25px 5px; }*/
	.postLeft { padding: 25px 20px 25px 40px; }
	.postRight { padding: 25px 40px 25px 20px; }
	.postLeft h3, .postRight h3 { font-size: 42px; }
	.postLeft .postText > p:last-of-type { font-size: 20px; }
}

@media screen and (max-width: 767.9px){
	.carousel-indicators { width: 100%; margin-left: -50%; }
	.navbar-default button.navbar-toggle { display: inline-block; z-index: 30; padding: 29px 0 8px 0; }
	.navbar { padding: 5px 15px; }
	.navbar.whiteStyle .navbar-toggle .icon-bar { background-color: #fff; }
	.navbar.blackStyle { height: 45px; }
	.navbar-toggle { margin-right: 0; }
	.navbar-collapse { padding: 0; }
	.navbar-nav { display: none; position: fixed; z-index: 20; height: 100%; top: 0; right: 0; margin: 0; padding: 85px 0 0 0; border-right: none; background-color: #fff; box-shadow: #000 0 0 10px -2px; }
	.navbar.whiteStyle li.dropdown a, .navbar.blackStyle li.dropdown a { color: #000; }
	.navbar.whiteStyle .navbar-toggle .icon-bar { background-color: #fff; }
	.navbar.blackStyle .navbar-toggle .icon-bar { background-color: #000; }
	.navbar.whiteStyle .navbar-toggle.clicked .icon-bar, .navbar.blackStyle .navbar-toggle.clicked .icon-bar { background-color: #000; }
	.navbar-default .navbar-nav > li { float: none; padding: 10px 4px 10px 6px; }
	.navbar-default .navbar-nav > li > a { text-align: right; padding: 0 10px 0 20px; }
	#frmContact .frmLeft, #frmContact .frmRight { width: 100%; }
	#frmContact .frmLeft { margin-top: 20px; }
	#frmContact > div > div { min-height: 60px; padding: 5px 0; }
	#frmContact > div > div.frmSingle.widthHalf { width: 100%; }
	#core .box { width: calc(100% - 20px); margin: 10px; padding: 25px 10px; font-size: 16px; }
	.tableContainer { overflow-x: auto; }
	table { min-width: 700px; overflow-x: auto; }
	#frmContact > div { min-height: 80px; }
	#frmContact > div.frmCenter .policyAcceptation { padding: 0; margin-bottom: 5px; }
	#frmContact > div.frmCenter .policyAcceptation input { float: left; max-width: 20px; margin: 6px 2px 0 0; }
	#frmContact > div.frmCenter .policyAcceptation label { float: left; width: calc(100% - 20px); text-align: left; }
	#frmContact > div.frmCenter button { width: 100%; margin-top: 15px; }
	.videoControls img { height: 50px; }
	.postContent { padding: 15px; }
	.postContainer.postContactForm { padding-left: 15px; padding-right: 15px; }
	.postContainer:not(.absolute) { padding-top: 0; padding-bottom: 0; margin-top: 100px !important; margin-bottom: 100px !important; }
	.error-div.errorAuto { float: left; margin-left: 12px; }
	.telephone { margin: 13px 0 0 15px; }
	.postRow .showcase { width: 50% !important; }
	.twentyBoxText { top: 10px; padding: 10px; font-size: 14px; }
	.twentyBoxLeft { left: 10px; }
	.twentyBoxRight { right: 10px; }
	.twentyBoxSlide { padding: 5px 10px; top: 13px; }
	.colaboradoresSection .postRowColaboradores { width: 100% !important; }
	.colaboradoresSection .postRowColaboradores:first-of-type .postContainer { padding-bottom: 0; }
	.colaboradoresSection .postRowColaboradores:last-of-type .postContainer { padding-top: 0; }
	.colaboradoresSection .postRowColaboradores:not(:first-of-type):not(:last-of-type) .postContainer { padding-top: 15px; padding-bottom: 15px }
	div.twentytwenty-horizontal .twentytwenty-before-label:before, div.twentytwenty-horizontal .twentytwenty-after-label:before { max-width: 40%; padding: 10px 5px; font-size: 12px; line-height: 14px; }
	.textPlusImage { display:flex; flex-flow: column; }
	.mixedBlock { float: left; width: 100%; order: 1; padding-top: 65px; padding-bottom: 72px; }
	.mixedBlock.mixedImage { float: right; order: 2; }
	.postContainer:not(.container).postLastProjects { padding: 0 10px; }
	.postContainer:not(.container).postNextProjects { padding: 0 10px; }
	.postContainer:not(.container).postOngoingProjects { padding: 0 10px; }
	.projectRow .projectContainer { width: 100%; }
	.projectRow { padding: 0 10px; }
	.projectRow:first-of-type { padding-top: 55px; }
	.projectRow .postContainer { width: calc(100% - 10px); margin: 7.5px 5px; }
	.projectRow .postContainer:last-of-type { margin-bottom: 0; }
	.projectRow .postContainer .cover { opacity: 1; background-color: transparent; }
	.projectRow .postContainer .hoverContent { opacity: 0.75; background-color: #fff; }
	.projectRow .postContainer:hover .cover { opacity: 0; }
	.projectRow .postContainer:hover .hoverContent { opacity: 0; }
	.projectsLocation { position: inherit; float: left; top: 0 !important; margin-bottom: 7.5px; }
	.projectsLocation .likeSelect { width: calc(100% - 10px); margin: 5px; }
	.projectContainer { margin-top: 35px !important; }
	.projectContainer .postContainer { margin-top: 7.5px !important; margin-bottom: 7.5px !important; }
	.postLeft, .postRight { width: 100%; }
	.postRight h3 { display: none; }
	#app[data-section='home'] div.footer { margin-top: 0; position: inherit; display: initial !important; }
	.postContainer:not(.container).halfText { width: 100%; padding: 0; }
	#app[data-section='promociones-detail'] .sliderContent.halfText .postContent { padding: 0 15px; }
	#app[data-section='promociones-detail'] .sliderContent.halfText .postContent.postParams { padding: 0 15px; }
	#app[data-section='promociones-detail'] .postRow:first-of-type .postContainer h3 { left: 0; width: 100%; }
	.postContainer:not(.container).halfText:last-of-type { padding-top: 20px !important; padding-bottom: 50px !important; }
	#app[data-section='promociones-detail'] .postRow.withPadding { padding: 7.5px 15px !important; }
	#app[data-section='promociones-detail'] .postRow.withPadding:first-of-type { padding: 0 !important; margin-bottom: 10px; }
	.projectsNext, .projectsPrev { display: none !important; }
}

@media screen and (max-width: 499.9px), screen and (max-height: 400px){
	.navbar-default button.navbar-toggle { padding: 0 0 8px 0; top: 0; }
	.telephone { margin: 2px 0 0 15px; }
	.telephone > a span { display: none; }
	.telephone > a img { display: inherit; height: 22px; }
	.navbar { min-height: 45px; height: 45px; }
	.navbar-nav { padding-top: 45px; }
	.navbar-brand { padding: 5px 0 0 0; }
	.navbar-brand > img { height: 25px; }
	.navbar-default .navbar-toggle { padding: 1px 0 0 0; }
	.languages { margin: 6px 12px; }
	.languages > a { font-size: 15px; }
	.languages > a.active { font-weight: 500; }
	.postRow .mainImage1 { max-width: 35%; }
	.postRow .mainImage2 { max-width: 35%; }
	.sliderContent { padding: 0 40px; }
	.sliderContent h3 { font-size: 28pt; }
	.sliderContent .postText { font-size: 20px; }
	.postLastProjects h3 { font-size: 28px !important; margin-left: 3px; margin-bottom: 0; }
	.postNextProjects h3 { font-size: 28px !important; margin-left: 3px; margin-bottom: 0; }
	.postOngoingProjects h3 { font-size: 28px !important; margin-left: 3px; margin-bottom: 0; }
	#frmContact > h3 { font-size: 28px; }
	.lastProject h2 { font-size: 26px; }
	.lastProjectDiv > span { font-size: 14px; }
	.projectContainer { margin-top: 0 !important; }
	.postContactSection > div { font-size: 20px; }
	.postContactSection > div .leftContactBox { margin-left: calc(50% - 112px); }
	.postContactSection > div .leftContactBox span, .postContactSection > div .rightContactBox span { font-size: 16px; }
	.postContactSection > div .leftContactBox img:not(.secondLine) { margin-top: 2px; }
	.postContactSection > div .leftContactBox img.secondLine { margin-top: 12px; }
	.postContactSection > div .rightContactBox { width: 182px; }
	.slickArrows { margin-top: -60px !important; }
	.slickArrows .slick-dots li, .carousel-indicators li, .carousel-indicators li.active { margin: 0 10px; }
}
@media screen and (max-height: 400px){
	.lastProjectDiv { max-width: 50%; margin-left: 25%; }
	.lastProjectDiv { max-width: 100%; margin-left: 0; }
	.carousel-indicators { bottom: 40px; }
	.projectContainer .postContainer { width: calc(50% - 10px); }
	.lastProjectContainer { margin-left: 0; margin-right: 0; }
}

/**************/
/* SCROLL BAR */
/**************/
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-button { width: 0; height: 0; }
::-webkit-scrollbar-thumb { background: #1b1b1b; border: 0 none #ffffff; border-radius: 30px; }
::-webkit-scrollbar-thumb:hover { background: #262626; }
::-webkit-scrollbar-thumb:active { background: #262626; }
::-webkit-scrollbar-track { background: #ffffff; border: 0 none #ffffff; border-radius: 1px; }
::-webkit-scrollbar-track:hover { background: #ffffff; }
::-webkit-scrollbar-track:active { background: #ffffff; }
::-webkit-scrollbar-corner { background: transparent; }

/*
  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb
*/
.carousel-fade .carousel-inner .item {
	opacity: 0;
	transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
	opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
	left: 0;
	opacity: 0;
	z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}

.carousel-fade .carousel-control {
	z-index: 2;
}

/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
	.carousel-fade .carousel-inner > .item.next,
	.carousel-fade .carousel-inner > .item.active.right {
		opacity: 0;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	.carousel-fade .carousel-inner > .item.prev,
	.carousel-fade .carousel-inner > .item.active.left {
		opacity: 0;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	.carousel-fade .carousel-inner > .item.next.left,
	.carousel-fade .carousel-inner > .item.prev.right,
	.carousel-fade .carousel-inner > .item.active {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}