.lazy-hidden,.entry img.lazy-hidden, img.thumbnail.lazy-hidden {
opacity: 0.2;
background-color: #ffffff;
}
figure.wp-block-image img.lazy-hidden {
min-width: 150px;
}
.lazy-loaded {
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-ms-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
opacity: 1 !important;
}
picture source[type="image/webp"] {
display: block;
}article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block; } audio,
canvas,
video {
display: inline-block; } audio:not([controls]) {
display: none;
height: 0; } [hidden],
template {
display: none; }  html {
font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body {
margin: 0; }  a {
background: transparent; } a:focus {
outline: thin dotted; } a:active,
a:hover {
outline: 0; }  h1 {
font-size: 2em;
margin: 0.67em 0; } abbr[title] {
border-bottom: 1px dotted; } b,
strong,
.strong {
font-weight: bold; } dfn,
em,
.em {
font-style: italic; } hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0; }  pre {
margin: 0; } code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 1em; } pre {
white-space: pre-wrap; } q {
quotes: "\201C" "\201D" "\2018" "\2019"; } q:before,
q:after {
content: '';
content: none; }
small, .small {
font-size: 75%; } sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sup {
top: -0.5em; }
sub {
bottom: -0.25em; }  dl,
menu,
ol,
ul {
margin: 1em 0; }
dd {
margin: 0; } menu {
padding: 0 0 0 40px; }
ol,
ul {
padding: 0;
list-style-type: none; } nav ul,
nav ol {
list-style: none;
list-style-image: none; }  img {
border: 0; } svg:not(:root) {
overflow: hidden; }  figure {
margin: 0; }  fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; } legend {
border: 0; padding: 0; } button,
input,
select,
textarea {
font-family: inherit; font-size: 100%; margin: 0; } button,
input {
line-height: normal; } button,
select {
text-transform: none; } button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; cursor: pointer; } button[disabled],
html input[disabled] {
cursor: default; } input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; padding: 0; } input[type="search"] {
-webkit-appearance: textfield; -moz-box-sizing: content-box;
-webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; } button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0; } textarea {
overflow: auto; vertical-align: top; }  table {
border-collapse: collapse;
border-spacing: 0; }
.image-replacement,
.ir {
text-indent: 100%;
white-space: nowrap;
overflow: hidden; }
.clearfix, .cf, .comment-respond {
zoom: 1; }
.clearfix:before, .clearfix:after, .cf:before, .comment-respond:before, .cf:after, .comment-respond:after {
content: "";
display: table; }
.clearfix:after, .cf:after, .comment-respond:after {
clear: both; } span.amp {
font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif !important;
font-style: italic; } @font-face {
font-family: 'ReplicaProBold';
src: url(//alberta.barcelona/wp-content/themes/alberta/library/fonts/replicaprobold-webfont.eot);
src: url(//alberta.barcelona/wp-content/themes/alberta/library/fonts/replicaprobold-webfont.eot?#iefix) format('embedded-opentype'),
url(//alberta.barcelona/wp-content/themes/alberta/library/fonts/replicaprobold-webfont.woff) format('woff'),
url(//alberta.barcelona/wp-content/themes/alberta/library/fonts/replicaprobold-webfont.ttf) format('truetype'),
url(//alberta.barcelona/wp-content/themes/alberta/library/fonts/replicaprobold-webfont.svg#ReplicaProBold) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'matilda';
src:  url(//alberta.barcelona/wp-content/themes/alberta/library/fonts/matilda.eot?rb8h7x);
src:  url(//alberta.barcelona/wp-content/themes/alberta/library/fonts/matilda.eot?rb8h7x#iefix) format('embedded-opentype'),
url(//alberta.barcelona/wp-content/themes/alberta/library/fonts/matilda.ttf?rb8h7x) format('truetype'),
url(//alberta.barcelona/wp-content/themes/alberta/library/fonts/matilda.woff?rb8h7x) format('woff'),
url(//alberta.barcelona/wp-content/themes/alberta/library/fonts/matilda.svg?rb8h7x#matilda) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"] { font-family: 'matilda' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-logo-matilda-barcelona:before {
content: "\e900";
}
.icon-grid-menu:before {
content: "\e61b";
}
.icon-arrow-left-project:before {
content: "\e619";
}
.icon-arrow-right-project:before {
content: "\e61a";
}
.icon-jquery:before {
content: "\e60e";
}
.icon-mysql:before {
content: "\e60f";
}
.icon-php:before {
content: "\e610";
}
.icon-css3:before {
content: "\e611";
}
.icon-html5:before {
content: "\e612";
}
.icon-1:before {
content: "\e613";
}
.icon-2:before {
content: "\e614";
}
.icon-3:before {
content: "\e615";
}
.icon-4:before {
content: "\e616";
}
.icon-5:before {
content: "\e617";
}
.icon-6:before {
content: "\e618";
}
.icon-arrow-up-project:before {
content: "\e60c";
}
.icon-pinterest:before {
content: "\e60d";
}
.icon-arrow-up:before {
content: "\e604";
}
.icon-guion:before {
content: "\e605";
}
.icon-lang:before {
content: "\e60b";
}
.icon-arrrow-right:before {
content: "\e600";
}
.icon-close:before {
content: "\e601";
}
.icon-fb:before {
content: "\e602";
}
.icon-g-plus:before {
content: "\e603";
}
.icon-logo-mobile:before {
content: "\e606";
}
.icon-logo:before {
content: "\e607";
}
.icon-menu:before {
content: "\e608";
}
.icon-share:before {
content: "\e609";
}
.icon-tw:before {
content: "\e60a";
}
.icon-tw:before {
content: "\e60a";
} .blue-btn, .comment-reply-link, #submit {
display: inline-block;
position: relative;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
text-decoration: none;
color: white;
font-size: 0.9em;
font-size: 34px;
line-height: 34px;
font-weight: normal;
padding: 0 24px;
border-radius: 4px;
border: 0;
cursor: pointer;
-webkit-transition: background-color 0.14s ease-in-out;
transition: background-color 0.14s ease-in-out; }
.blue-btn:hover, .comment-reply-link:hover, #submit:hover, .blue-btn:focus, .comment-reply-link:focus, #submit:focus {
color: white;
text-decoration: none; }
.blue-btn:active, .comment-reply-link:active, #submit:active {
top: 1px; } .blue-btn, .comment-reply-link, #submit {
background-color: #2980b9; }
.blue-btn:hover, .comment-reply-link:hover, #submit:hover, .blue-btn:focus, .comment-reply-link:focus, #submit:focus {
background-color: #2574a8; }
.blue-btn:active, .comment-reply-link:active, #submit:active {
background-color: #2472a4; } input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea,
.field {
display: block;
height: 2.5em;
line-height: 2.5em;
padding: 0 1em;
margin-bottom: 0;
font-size: 1em;
color: #000;
border-radius: 0;
vertical-align: middle;
box-shadow: none;
border: 0;
border-bottom: 1px solid #222;
width: 100%;
font-family: "Open Sans",sans-serif;
background-color:#f6faf8;
-webkit-transition: background-color 0.24s ease-in-out;
transition: background-color 0.24s ease-in-out; }
input[type="text"]:focus, input[type="text"]:active,
input[type="password"]:focus,
input[type="password"]:active,
input[type="datetime"]:focus,
input[type="datetime"]:active,
input[type="datetime-local"]:focus,
input[type="datetime-local"]:active,
input[type="date"]:focus,
input[type="date"]:active,
input[type="month"]:focus,
input[type="month"]:active,
input[type="time"]:focus,
input[type="time"]:active,
input[type="week"]:focus,
input[type="week"]:active,
input[type="number"]:focus,
input[type="number"]:active,
input[type="email"]:focus,
input[type="email"]:active,
input[type="url"]:focus,
input[type="url"]:active,
input[type="search"]:focus,
input[type="search"]:active,
input[type="tel"]:focus,
input[type="tel"]:active,
input[type="color"]:focus,
input[type="color"]:active,
select:focus,
select:active,
textarea:focus,
textarea:active,
.field:focus,
.field:active {
background-color: #fff; }
input[type="text"].error, input[type="text"].is-invalid,
input[type="password"].error,
input[type="password"].is-invalid,
input[type="datetime"].error,
input[type="datetime"].is-invalid,
input[type="datetime-local"].error,
input[type="datetime-local"].is-invalid,
input[type="date"].error,
input[type="date"].is-invalid,
input[type="month"].error,
input[type="month"].is-invalid,
input[type="time"].error,
input[type="time"].is-invalid,
input[type="week"].error,
input[type="week"].is-invalid,
input[type="number"].error,
input[type="number"].is-invalid,
input[type="email"].error,
input[type="email"].is-invalid,
input[type="url"].error,
input[type="url"].is-invalid,
input[type="search"].error,
input[type="search"].is-invalid,
input[type="tel"].error,
input[type="tel"].is-invalid,
input[type="color"].error,
input[type="color"].is-invalid,
select.error,
select.is-invalid,
textarea.error,
textarea.is-invalid,
.field.error,
.field.is-invalid {
color: #fbe3e4;
border-color: #fbe3e4;
background-color: white;
background-position: 99% center;
background-repeat: no-repeat;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDREQkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDREQ0YwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3ODRGRkE2RjA0QTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERBRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U8iT5wAAAedJREFUeNqk1U9I02Ecx/HtV3aIFAc1hcRDUoGXRAq0oNLA2CrsEFmHbikZu0iQYIFGYAiegkCpLipBxPpDEBMUzB0EhSG2LhG7hMR2GviPgUTvB57Bw8P3+U23B16HPX8+e/b8nt93wezZSMCnhXETF3AcB5BDCnH8Dq98ExcGHcFn8Ah3cdDni+fxnPDv9oAnTB7CKu6VCFXtChZy56LxUjt+jfuB8toSOth9wd7xWAWhqrUjYR/FRTwWJm+iIPT/w7bQf5ljiZnBg45dtKFX6H+LU8gIY8OEV6vgTkStwXWE8BPTGDHGPqNPz2mCfSOOYkA99TvCt1bhGPL68zMcwmncMuape10jrI+q4BbHi/FLn31S9z2x5tRhTc+1W506ipM+T3oRD4X+8+qtc4SqFvL0z/Fr14S+Szjis8bz9Lvvaq8cwS/wwGfdlqfPSWqTiFlX77o13u9Ym1PBs8JAytpRoy44X9Ft9E/gvbA+rYKn8NcaaMVc8UHgBw4b9/iqUQZ6hOAJFbyDcUflmsEX4a6+wTtHGfhAIUqa1U29Zc2BytouThD8x6xuN5CtMPi2CrXLZkZf/HyZoRFCP7n+QVR4PV7uI/AjGghN7OU/r1ilnqILtfpNC+o6vIFljBKYlhb/F2AAgaBsWR5wRiIAAAAASUVORK5CYII=);
outline-color: #fbe3e4; }
input[type="text"].success, input[type="text"].is-valid,
input[type="password"].success,
input[type="password"].is-valid,
input[type="datetime"].success,
input[type="datetime"].is-valid,
input[type="datetime-local"].success,
input[type="datetime-local"].is-valid,
input[type="date"].success,
input[type="date"].is-valid,
input[type="month"].success,
input[type="month"].is-valid,
input[type="time"].success,
input[type="time"].is-valid,
input[type="week"].success,
input[type="week"].is-valid,
input[type="number"].success,
input[type="number"].is-valid,
input[type="email"].success,
input[type="email"].is-valid,
input[type="url"].success,
input[type="url"].is-valid,
input[type="search"].success,
input[type="search"].is-valid,
input[type="tel"].success,
input[type="tel"].is-valid,
input[type="color"].success,
input[type="color"].is-valid,
select.success,
select.is-valid,
textarea.success,
textarea.is-valid,
.field.success,
.field.is-valid {
color: #e6efc2;
border-color: #e6efc2;
background-color: white;
background-position: 99% center;
background-repeat: no-repeat;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDRERkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDRFMEYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MzQ0NERERjA0QjExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERFRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7olkTQAAAfhJREFUeNqklU9oE0EUhzdroWjw0tBeWlDxkEaIp55TsCU9VKIgCrHBelA8CQ1Kr1WPbZrQ3gqtQqvGqxpQc2jBk6BIIaAGD4qNCKURpDSKiPi98gLDsJt//uBjsztvfnk7895sIPAw6/joGMThFJyAXn2+A+9gA57/TaY/eU0OeBgfhGm4DiGnsb7DAszxBz/NAdcKjMJLuNWCqagHbsscN5+L+hmH4QkMOe1L5jzFfNA2PgT34ajTuY7AGuZB0/hmh5m+gS0r8xv1zRvg+gGCHZiOwnF4DP3iB3sQkYxPd2C6CWfhB9Xwlus5+K1j4jXuaq3a+gM1H9OPcAa+7q9lPidZJqHbiIm7Wg22rsEI7FrPSzAMX/T+ADyAKSsu7Fr1KplehLvwCs5DvfBf65p+MypqRbO1FXK9utH4/QKuaqYTsG3E3INJv00Q46px3+XxanJ/Ute2/vqP4FKDza2KcdljIKdnhS0xXYULTaqmLMZFn8FFSFtvt6x70ExFCS5oUXspq2ssa7oEl1swFa+CGFdgtkHgPDyDKy02zyxNU6lXRUZb1EuHYayNNs+Yh5B0WQo+/8fpJnNTZFuzz2OpjoQ2QruSOQlMy35fEGmEGMxY9e1brxobw7TkWA1h6xfckUPb+JhGoE/Hpfvew7qUld/H9J8AAwDpw3WYrxcZ3QAAAABJRU5ErkJggg==);
outline-color: #e6efc2; }
input[type="text"][disabled], input[type="text"].is-disabled,
input[type="password"][disabled],
input[type="password"].is-disabled,
input[type="datetime"][disabled],
input[type="datetime"].is-disabled,
input[type="datetime-local"][disabled],
input[type="datetime-local"].is-disabled,
input[type="date"][disabled],
input[type="date"].is-disabled,
input[type="month"][disabled],
input[type="month"].is-disabled,
input[type="time"][disabled],
input[type="time"].is-disabled,
input[type="week"][disabled],
input[type="week"].is-disabled,
input[type="number"][disabled],
input[type="number"].is-disabled,
input[type="email"][disabled],
input[type="email"].is-disabled,
input[type="url"][disabled],
input[type="url"].is-disabled,
input[type="search"][disabled],
input[type="search"].is-disabled,
input[type="tel"][disabled],
input[type="tel"].is-disabled,
input[type="color"][disabled],
input[type="color"].is-disabled,
select[disabled],
select.is-disabled,
textarea[disabled],
textarea.is-disabled,
.field[disabled],
.field.is-disabled {
cursor: not-allowed;
border-color: #cfcfcf;
opacity: 0.6; }
input[type="text"][disabled]:focus, input[type="text"][disabled]:active, input[type="text"].is-disabled:focus, input[type="text"].is-disabled:active,
input[type="password"][disabled]:focus,
input[type="password"][disabled]:active,
input[type="password"].is-disabled:focus,
input[type="password"].is-disabled:active,
input[type="datetime"][disabled]:focus,
input[type="datetime"][disabled]:active,
input[type="datetime"].is-disabled:focus,
input[type="datetime"].is-disabled:active,
input[type="datetime-local"][disabled]:focus,
input[type="datetime-local"][disabled]:active,
input[type="datetime-local"].is-disabled:focus,
input[type="datetime-local"].is-disabled:active,
input[type="date"][disabled]:focus,
input[type="date"][disabled]:active,
input[type="date"].is-disabled:focus,
input[type="date"].is-disabled:active,
input[type="month"][disabled]:focus,
input[type="month"][disabled]:active,
input[type="month"].is-disabled:focus,
input[type="month"].is-disabled:active,
input[type="time"][disabled]:focus,
input[type="time"][disabled]:active,
input[type="time"].is-disabled:focus,
input[type="time"].is-disabled:active,
input[type="week"][disabled]:focus,
input[type="week"][disabled]:active,
input[type="week"].is-disabled:focus,
input[type="week"].is-disabled:active,
input[type="number"][disabled]:focus,
input[type="number"][disabled]:active,
input[type="number"].is-disabled:focus,
input[type="number"].is-disabled:active,
input[type="email"][disabled]:focus,
input[type="email"][disabled]:active,
input[type="email"].is-disabled:focus,
input[type="email"].is-disabled:active,
input[type="url"][disabled]:focus,
input[type="url"][disabled]:active,
input[type="url"].is-disabled:focus,
input[type="url"].is-disabled:active,
input[type="search"][disabled]:focus,
input[type="search"][disabled]:active,
input[type="search"].is-disabled:focus,
input[type="search"].is-disabled:active,
input[type="tel"][disabled]:focus,
input[type="tel"][disabled]:active,
input[type="tel"].is-disabled:focus,
input[type="tel"].is-disabled:active,
input[type="color"][disabled]:focus,
input[type="color"][disabled]:active,
input[type="color"].is-disabled:focus,
input[type="color"].is-disabled:active,
select[disabled]:focus,
select[disabled]:active,
select.is-disabled:focus,
select.is-disabled:active,
textarea[disabled]:focus,
textarea[disabled]:active,
textarea.is-disabled:focus,
textarea.is-disabled:active,
.field[disabled]:focus,
.field[disabled]:active,
.field.is-disabled:focus,
.field.is-disabled:active {
background-color: #d5edf8; }
input[type="password"] {
letter-spacing: 0.3em; }
textarea {
max-width: 100%;
min-height: 100px;
line-height: 1.5em; }
select {
-webkit-appearance: none; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAHCAYAAADXhRcnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEOEZCMjYxMEYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEOEZCMjYxMUYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ4RkIyNjBFRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ4RkIyNjBGRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Vxkp9gAAAI9JREFUeNpidHFxucHAwKAOxE+AmJmBMPgLxDJAfJMFSKwD4kqoAClgA+P///8ZXF1dPaCGcBKh6QcQB+3evXs7WDMIAA2QB1I7gFgDj0aQFz2BGh+AOEwwUaDAQyBlCMR7cGjcC5KHaQQBuM3IAOiKTiBVhiTUDdRUhq4Oq2aoAelAahIQ5wM1zsCmBiDAADhYMJXVZ9u9AAAAAElFTkSuQmCC);
background-repeat: no-repeat;
background-position: 97.5% center; }  html {
font-size: 62.5%;
height: 100%;
} 
body {
font-family: 'Open Sans', sans-serif;
font-size:14px;font-size:1.4rem;
line-height: 1.6;
color: #202020;
background-color: #fff;
-webkit-font-smoothing: antialiased;
height: 100%;
} .wrap {
} a, a:visited {
font-weight: bold;
text-decoration:none;
color: #202020;   }
a:hover, a:focus, a:visited:hover, a:visited:focus {
text-decoration:underline; }
a:link, a:visited:link { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
text-rendering: optimizelegibility;
font-weight: 300;  }
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
text-decoration: none; }
h1, .h1 {
font-size: 30px;font-size: 3rem;
line-height: 1.1em;
font-family: 'ReplicaProBold', sans-serif;
text-transform: uppercase;
letter-spacing: .1em;
}
h2, .h2 {
font-size: 22px;font-size: 2.2rem;
text-transform: uppercase;}
h3, .h3 {
font-size: 20px;font-size: 2rem; }
h4, .h4 {
font-size: 18px;font-size: 1.8rem;
font-weight: 700; }
h5, .h5 {
font-size: 16px;font-size: 1.6rem;
font-weight: 700;
letter-spacing: 2px; } #header{
position: fixed;
z-index: 9;
background-color: #fff;
width: 100%;
}
#inner-header {
position: relative;
margin:  0 7%;
}
#logo {
padding: 0.55em .45em 0;
margin: 0;
width: 3em;
}
#logo .icon-logo-matilda-barcelona {
font-size:2em
}
#logo a {
color: #202020;
font-size: 30px;font-size: 3rem;  
}
#logo a img{
width: 100%;
height: auto;
}
#logo .text-logo{
display: none;
}
#logo .icon-logo:before{
content:"\e606";
}
.overflow-hidden{overflow: hidden;} .toggle-menu-principal{
position: absolute;
right:2%;
font-size: 0.5em;
top: 1.1em;
cursor: pointer;
font-size: 20px;font-size: 2.0rem;
color: #202020;
}
.toggle-menu-principal:hover{
text-decoration:none;
}
.toggle-menu-principal.active:before{
content:"\e601";
}
.nav {
border-bottom: 0;
margin: 0;
}
.nav li {
position: relative;
font-size: 16px;font-size: 1.6rem;
}
.nav li a {
position: relative;
display: block;
text-decoration: none;
padding: 0.75em 0;
text-transform: uppercase;
font-weight: normal;
letter-spacing: .15em;
}
.nav li a:hover,.nav li.current-menu-item a,.nav li.current-menu-parent > a, .single-projectes .nav li:first-child a{
font-weight: bold;
} .main-nav{
position: fixed;
top: 4.6em;
left: 0;
right: 0;
bottom: 0;
z-index: 20;
padding: 1.9em 8%;
background: #fff;
text-align: center;
}  #container{
height: 100%;
}
#content{
background: #fff;
z-index: 5;
position: relative;
margin: 0 0 2em;
padding-top: 4.8em;
}
body{
background-position: center center;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-color: #fff;
padding-bottom: 2em;  
}
#inner-content{
position: relative;
max-width: 1300px;
padding: 0 14%;
}
.home #inner-content,  .page-template-page-home #inner-content{
padding-left: 0;
padding-right: 0;
padding-top: 0;
max-width: none;
}
.single-news #inner-content,.page-template-page-news #inner-content,.page-template-page-info #inner-content{ background: transparent;
}
.block{
position: relative;
}
.block .article-header{
position: relative;
padding: 2.5em 3em 3.5em;
}
.block .page-title{
font-weight: normal;
letter-spacing: .1em;
text-align: center;
margin: 0;
padding: 0;
font-size: 16px;font-size: 1.6rem;
}
.block .page-title:after{
content: "\e60c";
font-family: matilda;
position: absolute;
right: 2em;
top:  1.9em;
}
.block .article-content{
position: relative;
background: #fff url(//alberta.barcelona/wp-content/themes/alberta/library/images/loading.gif) no-repeat center center;
z-index: 10;
-webkit-transition: opacity .1s ease-in-out;
-moz-transition: opacity .1s ease-in-out;
-o-transition: opacity .1s ease-in-out;
transition: opacity .1s ease-in-out;
}
.block img{
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.block p{
margin: 0;
padding: 0;
}
.block .more{
position: absolute;
display: block;
right: 0;
bottom: 0;
padding: 2em;
}
.block .more:before{
content: '\e600';
font-family: 'matilda';
color: #fff;
font-size: 30px;
}
.block .more .text{
display: none;
}
.block a{
text-decoration: none;
}
#list-blocks{
display: grid;
list-style: none;
margin: 0;
padding: 0;
gap: 0;
}
.list-blocks{
margin: 0;
}
.block-matilda .article-header,.block-matilda .article-content,.block-matilda{
width: 100%;
}
.block-matilda .article-header{
padding: 0;
background: #fff !important;
color: #000 !important;
}
.block-matilda .page-title:after{
content:"";
}
.block-matilda .article-header{
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.block-matilda:hover .article-content{
opacity: 0;
} .block-matilda .slide{
width: 90%;
padding-left: 5%; }
.block-matilda p,.block-matilda h1, .block-matilda h2{
position: absolute;
font-size: 23px;font-size: 2.3rem;
font-family: "ReplicaProBold",sans-serif;
margin: 0;
line-height: 1.2;
display: table;
height: 100%;
text-transform: uppercase;
letter-spacing: .05em;
padding: 9%;
text-align: left;
}
.block-matilda .article-header p span,.block-matilda .page-title span{
display: table-cell;
vertical-align: top;
padding: 55px;padding: 5.5rem;
}
.block-matilda .page-title{
letter-spacing: 0;
text-transform: none;
text-align: left;
font-size: 30px;font-size: 3rem;
display: table;
height: 100%;
}
.block-matilda .article-content .page-title{
position: absolute;
}
.block-matilda .article-content{
z-index: 0;
}
.facebook a:before {
font-family: 'matilda';
content: "\e603";
}
.twitter a:before {
font-family: 'matilda';
content: "\e607";
}
.vimeo a:before {
font-family: 'matilda';
content: "\e608";
}
.instagram a:before {
font-family: 'matilda';
content: "\e604";
}
.block-newsletter{
padding: 1.2em;
}
.block-newsletter p{
text-transform: uppercase;
color: #202020;
}
.block.nav-posts{
border: none;
margin-bottom: 0;
}
.block.nav-posts .block-button{
font-size: 16px;font-size: 1.6rem;
font-family: "Inconsolata",serif;
font-weight: normal;
line-height: 2em;
text-align: left;
padding-left: 2.4em;
}
.block.next-post .block-button{
padding-left: 0;
padding-right: 2.4em;
text-align: right;
}
.block.next-post .block-button:after{
position: absolute;
content: '\e601';
font-family: 'matilda';
font-size: 6px;font-size: .6rem;
right: 0;
}
.block.prev-post .block-button:before{
position: absolute;
content: '\e601';
font-family: 'matilda';
font-size: 6px;font-size: .6rem;
left: 0;
-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);
}
.wpcf7-form input{
border: none;
background: #f8f8f8;
padding: .2em;
height: 1.6em;
line-height: 1.6em;
width: 96%;
} .wpcf7-response-output {
margin: 2em 0em 1em !important;
padding: 0.2em 1em !important;
}
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
width: 1px;
margin: 0;
padding: 0;
border: 0;
}
.wpcf7-mail-sent-ok {
border: 1px solid #61adbb !important;
}
.wpcf7-mail-sent-ng {
border: 1px solid #f94747 !important;
}
.wpcf7-spam-blocked {
border: 1px solid #ffa500 !important;
}
div.wpcf7-validation-errors {
border: 1px solid #f7e700 !important;
}
span.wpcf7-form-control-wrap {
position: relative;
}
span.wpcf7-not-valid-tip {
color: #f94747;
font-size: 0.9em;
display: block;
}
.use-floating-validation-tip span.wpcf7-not-valid-tip { 
position: absolute;
top: 20%;
left: 20%;
z-index: 100;
border: 1px solid #f94747;
background: #fff;
padding: .2em .8em;
} .cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.cycle-slideshow { width: 45%; min-width: 200px; max-width: 500px; margin: 10px auto; padding: 0; position: relative;
background: url(http://malsup.github.com/images/spinner.gif) 50% 50% no-repeat;
} .cycle-slideshow img { position: absolute; top: 0; left: 0;
width: 100%; padding: 0; display: block;
} .cycle-slideshow img:first-child {
position: static; z-index: 100;
}
.wpcf7-form textarea{
border: none;
background: #f8f8f8;
padding: .2em;
width: 100%;
}
.wpcf7-form p{
margin: 0 0 1em;
}
::-webkit-input-placeholder {
opacity:1;
font-style: italic;
color: #7a7c7b;
font-size: 14px; font-size: 1.4rem;
font-size: 14px; font-size: 1.4rem;
}
:-moz-placeholder { opacity:1;
font-style: italic;
color: #7a7c7b;
font-size: 14px; font-size: 1.4rem;
}
::-moz-placeholder { opacity:1;
font-style: italic;
color: #7a7c7b;
font-size: 14px; font-size: 1.4rem;
}
:-ms-input-placeholder {
opacity:1;
font-style: italic;
color: #7a7c7b;
font-size: 14px; font-size: 1.4rem;
}
.wpcf7-form{
margin: 0 0 2em;
}
input.wpcf7-submit{
display: inline-block;
background: #000;
color: #FFF;
text-transform: uppercase;
padding: 0.2em 0.6em;
letter-spacing: 0.1em;
font-weight: normal;
width: auto;
height: auto;
border-radius: 2px;
}
.contact-page .entry-content .wpcf7-submit-container{
position: relative;
margin-top: 2.4em;
}
.wpcf7-form-control-wrap{
display: block;
}
.wpcf7-submit-container{
position: relative;
}
.wpcf7-submit-container:after{
position: absolute;
right: 20px;
content: '\e601';
font-family: 'matilda';
font-size: 6px;font-size:.6rem;
top: 2.6em;
z-index: 0;
}
.getthere .submit{
background: transparent;
border: none;
font-weight: bold;
padding: 0;
} .pagination,
.wp-prev-next {
margin: 1.5em 0; }
.pagination {
text-align: center; }
.pagination ul {
display: inline-block;
background-color: white;
white-space: nowrap;
padding: 0;
clear: both;
border-radius: 3px; }
.pagination li {
padding: 0;
margin: 0;
float: left;
display: inline;
overflow: hidden;
border-right: 1px solid #eaedf2; }
.pagination a, .pagination span {
margin: 0;
text-decoration: none;
padding: 0;
line-height: 1em;
font-size: 1em;
font-weight: normal;
padding: 0.75em;
min-width: 1em;
display: block;
color: #2980b9; }
.pagination a:hover, .pagination a:focus, .pagination span:hover, .pagination span:focus {
background-color: #2980b9;
color: white; }
.pagination .current {
cursor: default;
color: #5c6b80; }
.pagination .current:hover, .pagination .current:focus {
background-color: white;
color: #5c6b80; }  .wp-prev-next .prev-link {
float: left; }
.wp-prev-next .next-link {
float: right; }  .single .article-image img{
width: 100%;
margin-bottom: 1.6em;
}
.single-projectes .entry-content h2{
font-size: 15px; font-size: 1.5rem;
text-transform: uppercase;
letter-spacing: 0.09em;
padding-bottom: 2em;
position: relative;
}
.single-projectes .entry-content h2:before{
position: absolute;
left: 0px;
top: 1em;
font-family: matilda;
content: "\e605";
font-size: 2em;
}
.single-projectes .article-image video {
width: 100%;
-webkit-box-shadow: 9px 7px 64px -18px rgba(156,156,156,0.45);
-moz-box-shadow: 9px 7px 64px -18px rgba(156,156,156,0.45);
box-shadow: 9px 7px 64px -18px rgba(156,156,156,0.45);
}
.single-projectes .type-projectes{
padding-top: 2em;
}
.single .single-title{
font-size: 20px;font-size: 2rem;
margin: 0 0 .7em;
text-align: left;
}
.single .article-header{
padding: 0;
}
.article-footer .url a{
font-weight: normal;
}
.share .title{
position: relative;
padding-left: 28px;padding-left: 2.8rem;
font-size: 14px;font-size: 1.4rem;
display: block;
font-weight: normal;
text-transform: uppercase;
margin: 1em 0;
letter-spacing: 0.10em;
}
.share .title:before{
position: absolute;
left: 0;
top: 0;
font-family: matilda;
content:"\e609";
}
.share li a{
position: relative;
font-size: 12px;font-size: 1.2rem;
font-weight: normal;
text-transform: uppercase;
padding-left: 28px;padding-left: 2.8rem;
letter-spacing: 0.10em;
}
.share ul{
margin-top: -.1em;
position: absolute;
background: #fff;
padding-right: 2em;
padding-bottom: 1em;
z-index: 99;
}
.share li a:hover:before{
position: absolute;
left: 0;
top: -.7em;
font-family: matilda;
content:"\e600";
font-size: 1.5em;
} .article-header .subtitle{
font-size: 14px;font-size: 1.4rem;
text-transform: none;
padding-bottom:.5em;
letter-spacing: 0.03em;
}
.highlights li{
padding-bottom: .5em;
}
.highlights .title{
position: relative;
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
letter-spacing: .1em;
font-size: 18px;font-size: 1.8rem;
padding-left: 2.3em;
line-height: 1.4em;
}
.highlights div{
padding-left: 3em;
}
.highlights .title:before{
position: absolute;
left: 0;
top: -.25em;
font-family: matilda;
font-size: 20px;
}
.highlights li:nth-child(1) .title:before{
content: "\e613";
}
.highlights li:nth-child(2) .title:before{
content: "\e614";
}
.highlights li:nth-child(3) .title:before{
content: "\e615";
}
.highlights li:nth-child(4) .title:before{
content: "\e616";
}
.highlights li:nth-child(5) .title:before{
content: "\e617";
}
.highlights li:nth-child(6) .title:before{
content: "\e618";
}
.tecno{ margin: 1em 0;
}
.tecno li{
display: inline;
font-size: 48px;
vertical-align: middle;
}
.link-btn{ padding: 2em 0 4em;
}
.link-btn a{
display: inline-block;
background: #202020;
color: #fff;
text-transform: uppercase;
padding: .8em 1.8em;
letter-spacing: .1em;
font-weight: normal;
border-radius: 2px;
}
.link-btn a:hover{
text-decoration: none;
background-color: #666;
}
.team{
text-align: center;
}
.team li{
padding: 0 0 2em;
width: 240px;
display: inline-block;
vertical-align: top;
}
.team li .image{
position: relative;
}
.team li img{
max-width: 100%;
display: block;
max-width: 240px;
transition:opacity .4s linear;
}
.team li .title{
margin: 0;
font-size: 14px;font-size: 1.4rem;
padding: 0.5em 1.5em 0.2em;
text-transform: uppercase;
letter-spacing: 0.05em;
font-family: "ReplicaProBold",sans-serif;
}
.team li p{
margin: 0;
padding: 0 1.6em;
letter-spacing: 0.03em;
font-size: 13px; font-size: 1.3rem;
}
.team li img.animac{
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
}
.team li img.fixe{
position: relative;
}
.team li:hover img.fixe{
opacity: 0 !important;
}
.clients-list{ }
.clients-list li{display: inline-block;margin:0 6px 1em; height:85px;}
.clients-list li .text{display: none;}
.clients-list li a{display: inline-block; width:130px; height:61px; background-position:0 0px; background-repeat:no-repeat;}
.clients-list li a:hover{background-position:0 -55px;}
.clients-list li a.two:hover{background-position:0 -65px;}
.clients-list li.nomon a{ background-image: url(//alberta.barcelona/wp-content/themes/alberta/library/images/clients/logoweb-nomon.png)}
.clients-list li.youtoo a{ background-image: url(//alberta.barcelona/wp-content/themes/alberta/library/images/clients/logoweb_youtoo.png)}
.clients-list li.uoc a{ background-image: url(//alberta.barcelona/wp-content/themes/alberta/library/images/clients/logoweb_UOC.png)}
.clients-list li.rayen a{ background-image: url(//alberta.barcelona/wp-content/themes/alberta/library/images/clients/logoweb_rayen.png)}
.clients-list li.festivalet a{ background-image: url(//alberta.barcelona/wp-content/themes/alberta/library/images/clients/logoweb_festivalet.png)}
.clients-list li.mtg a{ background-image: url(//alberta.barcelona/wp-content/themes/alberta/library/images/clients/logoweb_mtg.png)}
.clients-list li.mariaalbertin a{ background-image: url(//alberta.barcelona/wp-content/themes/alberta/library/images/clients/logoweb_maria.png)}
.clients-list li.som a{ background-image: url(//alberta.barcelona/wp-content/themes/alberta/library/images/clients/logoweb_som.png)}
.clients-list li.pull-bear a{ background-image: url(//alberta.barcelona/wp-content/themes/alberta/library/images/clients/logo-pull-bear.png)}
.clients-list li.vueling a{ background-image: url(//alberta.barcelona/wp-content/themes/alberta/library/images/clients/logo-vueling.png)}
.clients-list li.epson a{ background-image: url(//alberta.barcelona/wp-content/themes/alberta/library/images/clients/logo-epson.png)}
.clients-list li.roca a{ background-image: url(//alberta.barcelona/wp-content/themes/alberta/library/images/clients/logo-roca.png)}
.clients-list li.mbt a{ background-image: url(//alberta.barcelona/wp-content/themes/alberta/library/images/clients/logo-mbt.png)}
.clients-list li.brita a{ background-image: url(//alberta.barcelona/wp-content/themes/alberta/library/images/clients/logo-brita.png)}
.clients-list li.jesus-peiro a{ background-image: url(//alberta.barcelona/wp-content/themes/alberta/library/images/clients/logo-jesus-peiro.png)}
.clients-list li.ide a{ background-image: url(//alberta.barcelona/wp-content/themes/alberta/library/images/clients/logo-ide-360-clients-matilda.png)}
.clients-list li.kettal a{ background-image: url(//alberta.barcelona/wp-content/themes/alberta/library/images/clients/logo-kettal.png)}
.clients-list li.caproig a{ background-image: url(//alberta.barcelona/wp-content/themes/alberta/library/images/clients/logo-caproig.png)}
.clients-list li.caproig a:hover{ background-position:0 -62px;}
.clients-list li.cruilla a{ background-image: url(//alberta.barcelona/wp-content/themes/alberta/library/images/clients/logo-cruilla.png)}
.clients-list li.cruilla a:hover{ background-position:0 -62px;}
.clients-list li.bobo a{ background-image: url(//alberta.barcelona/wp-content/themes/alberta/library/images/clients/logo-bobo.png)}
.clients-list li.canada a{ background-image: url(//alberta.barcelona/wp-content/themes/alberta/library/images/clients/logo-canada.png)}
.clients-list li.ocho-agosto a{ background-image: url(//alberta.barcelona/wp-content/themes/alberta/library/images/clients/logo-8agosto.png)}
.clients-list li.ocho-agosto a:hover{ background-position:0 -64px;}
.clients-list li.healthy a{ background-image: url(//alberta.barcelona/wp-content/themes/alberta/library/images/clients/healthy.png)}
.clients-list li.healthy a:hover{  background-position:0 -64px;}
.clients-list li.maquinista a{ background-image: url(//alberta.barcelona/wp-content/themes/alberta/library/images/clients/logo-maquinista.png)}
.clients-list li.maquinista a:hover{background-position:0 -63px;}
.clients-list li.niumba a{ background-image: url(//alberta.barcelona/wp-content/themes/alberta/library/images/clients/logo-niumba.png)}
.clients-list li.letterjuice a{ background-image: url(//alberta.barcelona/wp-content/themes/alberta/library/images/clients/logo-letterjuice.png);}
.clients-list li.peekandpack a{ background-image: url(//alberta.barcelona/wp-content/themes/alberta/library/images/clients/logo-peekandpack.png);}
.clients-list li.stradivarius a{ background-image: url(//alberta.barcelona/wp-content/themes/alberta/library/images/clients/logo-stradivarius.png);}
.clients-list li.aqnb a{ background-image: url(//alberta.barcelona/wp-content/themes/alberta/library/images/clients/logo-aqnb.png);}
.clients-list li.aqnb a:hover{  background-position:0 -57px;}
.clients-list li.clase a{ background-image: url(//alberta.barcelona/wp-content/themes/alberta/library/images/clients/logo-clase.png)}
.clients-list li.scpf a{ background-image: url(//alberta.barcelona/wp-content/themes/alberta/library/images/clients/scpf.png)}
.clients-list li.vainilla a{ background-image: url(//alberta.barcelona/wp-content/themes/alberta/library/images/clients/logo-vainilla.png)}
.clients-list li.base a{ background-image: url(//alberta.barcelona/wp-content/themes/alberta/library/images/clients/logo-base.png)}
.clients-list li.creativos a{ background-image: url(//alberta.barcelona/wp-content/themes/alberta/library/images/clients/logo-creativos.png)}
.clients-list li.grapa a{ background-image: url(//alberta.barcelona/wp-content/themes/alberta/library/images/clients/logo-grapa.png)}
.clients-list li.grapa a:hover{background-position:0 -58px;}
.clients-list li.besocial a{ background-image: url(//alberta.barcelona/wp-content/themes/alberta/library/images/clients/logo-be-social.png); }
.clients-list li.coffee a{ background-image: url(//alberta.barcelona/wp-content/themes/alberta/library/images/clients/logo-coffe.png)}
.clients-list li.coffee a:hover{background-position:0 -63px;}
.clients-list li.brava a{ background-image: url(//alberta.barcelona/wp-content/themes/alberta/library/images/clients/logo-brava.png); }
.clients-list li.shakleton a{ background-image: url(//alberta.barcelona/wp-content/themes/alberta/library/images/clients/logo-shakleton.png); }
.clients-list li.walabi a{ background-image: url(//alberta.barcelona/wp-content/themes/alberta/library/images/clients/logo-walabi.png); }
.clients-list li.walabi a{ background-image: url(//alberta.barcelona/wp-content/themes/alberta/library/images/clients/logo-walabi.png); }
.clients-list li.superstudio a{ background-image: url(//alberta.barcelona/wp-content/themes/alberta/library/images/clients/logo-superstudio.png); }
.clients-list li.rundesign a{ background-image: url(//alberta.barcelona/wp-content/themes/alberta/library/images/clients/logo-run.png); }
.clients-list li.mucho a{ background-image: url(//alberta.barcelona/wp-content/themes/alberta/library/images/clients/logo-mucho.png)}
.list-title{
font-size: 30px;font-size: 3rem;
line-height: 1.1em;
font-family: "ReplicaProBold",sans-serif;
text-transform: uppercase;
letter-spacing: 0.1em; }
.list-title.agencies{
font-size: 24px;font-size: 2.4rem;
line-height: 1.1em;
font-family: "ReplicaProBold",sans-serif;
text-transform: uppercase;
letter-spacing: 0.1em; margin-top: 70px;
}  .contact-holder p{
margin: 0;
}
#content .contact-holder{
margin-bottom: 2em;
}
#content .contact-holder a{
font-weight: normal;
}
#content .contact-holder .title{
font-family: "ReplicaProBold",sans-serif;
text-transform: uppercase;
font-size: 18px;font-size: 1.8rem;
letter-spacing: 0.1em;
margin: 0;
}
#content .contact-holder .address{
margin-bottom: 1em;
}
#map-canvas{
height: 12em;
}
.infowindow{
width: 190px;
}
.infowindow h3,.infowindow p{
margin: 0;
}
.getthere{
margin-top: 1em;
}
.matilda-map{
clear: both;
} .list-blog .post-inner{
border-bottom: 1px solid #202020;
margin-bottom: 2em;
padding-bottom: .5em;
}
.list-blog .article-header{
padding: 0;
}
.list-blog .article-header .page-title{
font-size: 16px;font-size: 1.6rem;
font-family: "ReplicaProBold",sans-serif;
text-transform: uppercase;
letter-spacing: 0.1em;
margin: 0;
}
.post .article-image img{
width: 100%;
height: auto;
margin-bottom: .5em;
}
.post .share{
float: left;
padding-left: 2em;
}
.post .entry-meta{
float: left;
} .posts-nav{
opacity: 0;
transition:opacity 1s linear;
}
.page-loaded .posts-nav{
opacity: 1;
}
.posts-nav .nav-posts{
display: inline;
padding-right: 30px;
}
.posts-nav .nav-posts a{
font-weight: normal;
}  .cookies-es,.cookies-fr,.cookies-en{
display: none;
}
.es .cookies-es{
display: block;
}
.fr .cookies-fr{
display: block;
}
.en .cookies-en{
display: block;
}
.cdp-cookies-alerta .cdp-cookies-texto{
text-align: center;
line-height: 1.1;
padding: 10px;
}
.cdp-cookies-alerta.cdp-cookies-tema-blanco{
}
.cdp-cookies-alerta.cdp-cookies-tema-blanco .cdp-cookies-texto{
border: 1px solid #ccc;
background: #fff;
left: .5em;
right: .5em;
z-index: 1000000;
max-width: 30em;
min-width: 300px;
-webkit-transition: 1s; 
transition: 1s;
-webkit-transition-delay: 1s;
transition-delay: 1s;
padding: 1em;
}
.cdp-cookies-alerta .cdp-mostrar{
bottom: .5em;
}
.cdp-cookies-alerta .cdp-cookies-texto h4{
color: #000 !important;
font-family:'Roboto', sans-serif;
display: inline;
}
.cdp-cookies-alerta.cdp-cookies-tema-blanco .cdp-cookies-texto p,.cdp-cookies-alerta.cdp-cookies-tema-blanco a{
color: #000 !important;
font-size: 14px;font-size: 1.4rem;
line-height: 1.4 !important;
font-family:'Roboto', sans-serif;
width: auto;
text-align: center;
}
.cdp-cookies-alerta.cdp-cookies-tema-blanco .cdp-cookies-texto a:hover, .cdp-cookies-alerta.cdp-cookies-tema-blanco .cdp-cookies-texto a:active, .cdp-cookies-alerta.cdp-cookies-tema-blanco .cdp-cookies-texto a:visited,.cdp-cookies-alerta .cdp-cookies-texto a,.cdp-cookies-alerta.cdp-cookies-tema-blanco .cdp-cookies-texto a{
color: #000 !important;
text-decoration: underline;
line-height: 1.4;
font-size: 14px;font-size: 1.4rem;
font-family:'Roboto', sans-serif;
}
.cdp-cookies-alerta.cdp-cookies-tema-blanco a.cdp-cookies-boton-cerrar,html .cdp-cookies-alerta.cdp-cookies-tema-blanco a.cdp-cookies-boton-cerrar{
background: #fff;
border: 0;
color: #000 !important;
background: transparent !important;
font-size: 14px !important;font-size: 1.4rem !important;
padding:.5em .5em 0;
position: relative;
z-index: 99999;
cursor: pointer;
text-transform: capitalize !important;
display: block;
}
.cdp-cookies-alerta.cdp-cookies-tema-blanco .cdp-cookies-texto a:hover{
background:#fff !important;
}
.cdp-cookies-layout-ventana.cdp-cookies-pos-inferior{
bottom: 0px;
}
@media only screen and (min-width:768px) {
.cdp-cookies-alerta.cdp-cookies-tema-blanco .cdp-cookies-texto{
width: 30%;
left: auto;
right: 2em;
padding: 1em;
}
.cdp-cookies-alerta .cdp-mostrar{
bottom: 2em;
}
} .footer-container{
height: 3em;
width: 100%;
}
.footer{
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
}
.footer .wrap{
position: relative; padding: .8em 10% 1.2em;
}
.footer .icon-close, .toggle-share-links{
position: absolute;
right: 8%;
top: .9em;
font-size: 20px;font-size: 2rem;
}
.toggle-lang-container{
margin: .5em 0 0 0;
font-size: 20px;font-size: 2rem;
}
.share-links,.lang-container{
display: none;
}
.footer a:hover{
text-decoration: none;
}
.footer .contact-holder{
display: none;
}
.footer .share-links,.footer .more-info {
position: fixed;
bottom: 3em;
left: 0;
right: 0;
z-index: 999;
background: #fff;
text-align: center;
padding-top: 3em;
letter-spacing: .1em;
}
.footer .share-links .icon{
display: none;
}
.footer .toggeable a{
font-weight: normal;
display: block;
text-transform: uppercase;
font-size: 14px;font-size: 1.4rem;
padding: .75em 0;
}
.footer .icon-close{
font-size: 16px;font-size: 1.6rem;
}
.toggle{
cursor: pointer;
}
.toggeable{
display: none;
}
.footer #lang_sel_list{
width: auto;
height: auto;
font-family: 'Open Sans', sans-serif;
margin-bottom: 1em;
}
.footer #lang_sel_list li{
float: none;
width: auto;
display: block;
padding: 0 !important;
}
.footer #lang_sel_list li a{
float: none;
width: auto;
display: block;
text-transform: uppercase;
font-size: 14px;font-size: 1.4rem;
padding: .75em 0 !important;
font-weight: normal;
background: transparent;
color: #202020;
}
.footer #lang_sel_list.lang_sel_list_vertical ul{
height: auto;
top: auto;
left: auto;
border: none;
margin: 1em 0 !important;
}
.footer #lang_sel_list.lang_sel_list_vertical a,.footer #lang_sel_list.lang_sel_list_vertical a:visited{
border: none;
}
.footer #lang_sel_list li a.lang_sel_sel{
font-weight: bold;
}
.footer .source-org{
display: none;
}
.footer .legal{
margin-bottom: 1em;
}
.footer .legal a{
font-weight: normal;
text-transform: uppercase;
font-size: 12px;font-size: 1.2rem;
}
.footer-bottom{
display: none;
}
.error404 #inner-content{
padding-left: 0;
padding-right: 0;
background: url(//alberta.barcelona/wp-content/themes/alberta/library/images/error.jpg) no-repeat;
background-size: 100%;
padding-top: 50%;
}
#post-not-found {background: #000;color:#fff; margin: 10%; padding: 36px;}
#post-not-found h1{font-size: 20px;}
#post-not-found h3{font-size: 14px;} .cdp-cookies-alerta{
width: 100%;
left: auto;
right: 1em;
bottom: 1em !important;
}
.cdp-cookies-alerta .cdp-cookies-texto{
padding: 20px;
}
.cdp-cookies-alerta .cdp-cookies-texto p{
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
line-height: 12px;
}
.cdp-cookies-alerta .cdp-cookies-texto a{
font-family: 'Open Sans', Helvetica, Arial, sans-serif !important;
}
.cdp-cookies-alerta .cdp-cookies-boton-cerrar{
background-color: #fff;
color: #000 !important;
}  @media only screen and (min-width: 359px) {   .block-matilda .article-header,.block-matilda .article-content{
min-height: 18em;
}
} @media only screen and (min-width: 700px) {  #inner-content{ position: relative;
z-index: 5;
padding: 0 10%;
}  .block{
position: relative;
}
.block .article-header .page-title{
font-size: 18px;font-size: 1.8rem;
padding-top: 27%;
}
.block:hover .article-content{
opacity:0;
}
.block .article-header{
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
background: #000;
color: #fff; }
.home #list-blocks{
grid-template-columns: repeat(2, 1fr);
}
.grid{
float: none;
width: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.home .grid, .page-template-page-home .grid{
float: none;
}
.block-matilda h1,.block-matilda h2,.block-matilda p{
font-size: 18px;font-size: 1.8rem;
}
.block-matilda .article-header,.block-matilda .article-content{
min-height: 0;
}
.block .page-title:after{
content:"";
}
#logo .icon-logo-matilda-barcelona {
font-size:2em
}
.next-post .text{
display: inline;
padding-right: 2em;
}
.prev-post .text{
display: inline;
padding-left: 2em;
}
#map-canvas{
height: 24em;
}
div.wpcf7 p{
margin-bottom: 1.5em;
}
div.wpcf7 p.textinput{
width: 48%;
float: left;
}
div.wpcf7 p.textinput:nth-child(2n){
clear: left;
}
div.wpcf7 p.textinput:nth-child(2n+1){
float: right;
}
div.wpcf7 p.textarea{
clear: both;
width: 98%;
}
div.wpcf7 img.ajax-loader {
position: absolute;
right: 30%;
top: 1em;
} .single .single-title{
font-size: 30px; font-size: 3rem;
}
.single-projectes .entry-content h2:before{
top: 0.3em;
} .list-blog{
margin: 0 -1em;
}
.list-blog .grid{
width: 49%;
}
.list-blog .post-inner{
margin-left:1em;
margin-right: 1em;
}
.page-template-page-blog #main,.single-post #main{
padding-top: 2em;
}
.team li p{
padding: 5px;
}
} @media only screen and (min-width: 968px) { #toggle-menu-principal{
display: none;
}
#header{
position: fixed;
height: 100%;
width: auto;
background: #fff;
width: 20em;
left: 0;
top: 0;
z-index: 0;
}
#content{
padding-top: 0;
}
#content,.footer{
margin-left: 20em;
}
#content{
margin-bottom: 5em;
}
#inner-content{
min-height: 930px;
padding: 0% 4% 0 0;
}
#inner-header{
position: relative;
margin: 0 10%;
}
.main-nav{
position: relative;
text-align: left;
top: auto;
width: auto;
display: block !important;
}
.nav {
border: 0;
}
.nav li a{
font-size: 14px;font-size: 1.4rem;
}
#logo{
padding: 2.3em .45em 1em;
margin: 0;
width: 73%;;
}  .article-header{ padding: 3em 3em 3em 0;
}
.article-header .subtitle{
padding: 0px 5em .5em 0;
}
.highlights{
text-align: center;
}
.highlights li{
display: inline-block;
width: 41%;
margin: 0 4% 4em 0;
text-align: left;
vertical-align: top;
}
.article-header .page-title,.list-title{
font-size: 40px;font-size: 4rem;
}
.article-header{
padding-top: 4em;
padding-bottom: 4em;
}
.highlights .title:before{
content:"" !important;
}
.highlights div{
position: relative;
}
.highlights div:before{
position: absolute;
left: -6px;
top: -.35em;
font-family: matilda;
font-size: 26px;
}
.highlights li:nth-child(1) div:before{
content: "\e613";
}
.highlights li:nth-child(2) div:before{
content: "\e614";
}
.highlights li:nth-child(3) div:before{
content: "\e615";
}
.highlights li:nth-child(4) div:before{
content: "\e616";
}
.highlights li:nth-child(5) div:before{
content: "\e617";
}
.highlights li:nth-child(6) div:before{
content: "\e618";
}
.tecno li{
font-size: 78px;font-size: 7.8rem;
}
.team{
display: table;
width: 84%;
}
.team li{
width: 33%;
text-align: center;
}
.team li img{
width: 100%;
}
.team li .inner{
display: inline-block;
max-width: 240px;
} .header-relative #footer{
width: auto;	
position: relative;
}
.header-relative .header{
position: absolute;
}
.header-relative .footer .footer-top{
position: absolute;
left: -17.1em;
bottom: 3.6em;
}
.nav li a{
display: block;
padding: .3em 0 .3em;
} .single .page-title,.single .single-title{
text-align: left;
margin: 0 0 .2em;
}
.single .article-image{
margin: 0 0 2em;
} .single-projectes .entry-content{
position: relative;
padding-right: 320px;
min-height: 14em;
}
.single-projectes .article-image{
margin: 0 0 4em;
max-width: 1100px;
}
.single-projectes .article-image video{
max-width: 1100px;
margin: 2em 0;
}
.single-projectes .type-projectes .article-footer{ right: 0;
top: 0;
width: 220px;
margin: 0;
}
.single-projectes .type-projectes{
padding-top: 6.4em;
}
.posts-nav{
position: fixed;
right: 2em;
top: 6em;
}
.single .article-header {
padding-bottom: 4em;
max-width: 60%;
}
.posts-nav {
position: fixed;
right: 2em;
top: 5.5em;
} .footer .contact-holder{
position: fixed;
left: 2.7em;
bottom: 4em;
display: block;
}
.footer .contact-holder a{
font-weight: normal;
}
.footer .contact-holder p{
margin: 0;
font-size: 13px;font-size: 1.3rem;
line-height: 1.5em;
letter-spacing: .03em;
}
.footer .source-org{
display: block;
}
.footer .nav li a,.footer .source-org{
font-size: 16px;font-size: 1.6rem;
}
.footer .share-links{
padding-top: .8em;
}
.footer .more-info{
position: static;
}
.footer .toggeable{
display: block;
}
.footer .footer-top{
position: fixed;
left: 2.7em;
bottom: 1.2em;
width: 14em;
}
.toggle-share-links{
bottom: 1em;
top: auto;
}
.footer .contact-holder{
position: static;
left: auto;
bottom: auto;
}
.footer .share-links{
width: 18em;
text-align: left;
}
.footer .more-info{
width: 11em;
text-align: left;
}
.footer .more-info .legal{
display: none;
}
.footer .share-links{
display: none;
bottom: 5em;
}
.footer .toggle-share-links{
font-size: 16px;font-size: 1.6rem;
}
.footer .more-info .icon-close,.footer .share-links .icon-close{
display: none !important;
}
.footer .icon-lang{
display: none;
}
.footer .share-links ul a:hover:before{
position: absolute;
left: -1.6em;
top: -.2em;
font-family: matilda;
content:"\e600";
font-size: 1.5em;
text-decoration: none;
}
.footer .share-links ul li{
text-align: right;
}
.footer .share-links ul li a{
font-size: 12px;font-size: 1.2rem;
position: relative;
}
.footer .share-links ul a:hover{
text-decoration: underline;
}
.footer #lang_sel_list li,.footer #lang_sel_list li a{
display: inline;
}
.footer #lang_sel_list li:before{
content:"|" !important;
padding: 0;
}
.footer #lang_sel_list li:first-child:before{
content:"" !important;
padding-left: 0;
}
.footer .toggeable a{
display: inline;
}
.footer-bottom{
text-align: left;
display: block;
font-size: 12px;font-size: 1.2rem;
}
.footer .legal a{
text-transform: none;
font-size: 12px;font-size: 1.2rem;
}
.footer .legal .sep{
padding: 0;
}
.footer .source-org{
display: inline;
position: static;
font-size: 12px;font-size: 1.2rem;
left: auto;
bottom: auto;
} .footer .share-links li{
padding-right: 1em;
}
#post-not-found {background: #000; width:400px; color:#fff; margin: 50px; padding: 44px;}
#post-not-found h1{font-size: 30px;}
#post-not-found h3{font-size: 20px;}
.error404 #inner-content{
padding-left: 0;
padding-right: 0;
background: url(//alberta.barcelona/wp-content/themes/alberta/library/images/error.jpg) no-repeat;
max-width: none;
padding-top: 0;
background-size: cover;
}
.cdp-cookies-alerta{
width: 30%;
left: auto;
right: 1em;
bottom: 1em !important;
}
}
@media only screen and (min-width: 1200px) { .highlights li{
width: 29%;
}
#content .contact-holder{
width: 25%;
float: left;
}
#content .form{
float: left;
width: 75%;
margin-bottom: 0.8em;
}
.home #list-blocks{
grid-template-columns: repeat(3, 1fr);
}
.page-template-page-home .grid{
width: 50%;
}
} @media only screen and (min-width: 1400px) {
#logo{
margin-left: 0;
}
#menu-main-menu{
margin-right: 0;
right: 0;
}
#inner-content{
padding: 0 14% 0 10%;
}
.block-matilda h1,.block-matilda h2,.block-matilda p{
font-size: 24px;font-size: 2.4rem;
} .footer .footer-menu{
display: block;
padding: 1em 0;
z-index: 10;
}
.footer .nav li{
padding-left: .5em;
}
.footer .footer-social-links,.footer .source-org{
padding-top: 0;
padding-bottom: 0;
}
.footer .footer-social-links{
bottom: 1em;
z-index: 5;
}
.footer .legal .sep{
padding: 0 .5em;
}
}
@media only screen and (min-width: 1600px) { .block-matilda h1,.block-matilda h2,.block-matilda p{
font-size: 25px;font-size: 2.5rem;
}
}
@media only screen and (min-width: 2200px) {
.grid{
width: 20%;
}
} @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {  } @media print { * {
background: transparent !important;
color: black !important;
text-shadow: none !important;
filter: none !important;
-ms-filter: none !important; }
a, a:visited {
color: #444 !important;
text-decoration: underline; }
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: ""; }
pre, blockquote {
border: 1px solid #999;
page-break-inside: avoid; }
thead {
display: table-header-group; }
tr, img {
page-break-inside: avoid; }
img {
max-width: 100% !important; }
}