html {color: #222;font-size: 1em;line-height: 1.4;}
::-moz-selection {background: #b3d4fc;text-shadow: none;}
::selection {background: #b3d4fc;text-shadow: none;}
hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0;padding: 0;}
audio,canvas,iframe,img,svg,video {vertical-align: middle;}
video {display: block}
fieldset {border: 0;margin: 0;padding: 0;}
textarea {resize: vertical;}
.browserupgrade {margin: 0.2em 0;background: #ccc;color: #000;padding: 0.2em 0;}

/* ==========================================================================
     Ariel Rojo
   ========================================================================== */
html {scroll-padding-top: 95px;}
body {font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;color: #231f20;margin: 0;padding: 95px 0 0 0;}
a:link {color: #231f20}
a:visited {color: #555}
a:hover {color: #000}
a:active {}

.inner {max-width: 1280px;margin: 0 auto;padding: 0 4%}
@media only screen and (min-width: 30em) {
	.inner {padding: 0 6%}
}
.nav ul, .footer ul, .home-carousel ul, .content-share, .brands, .logos, .areas, .talleres .tags, .pag, .cols ul, .expo ul, .press {list-style: none;margin: 0;padding: 0}
.modal {padding: 0}

.header {background: #fff;height: 95px;overflow: visible;position: fixed;left: 0;top: 0;z-index: 400;width: 100%}
.header .inner {padding: 10px 6%;position: relative}
.header h1 {margin: 5px 0 0}
.header h1 img {height: 55px;width: auto;}
@media only screen and (min-width: 30em) {.header h1 img {height: 70px}}
.btn-nav {position: absolute;right: 2%;top: 34px}
.btn-nav svg:hover rect {fill: #777}

.nav {background: #ed1c24;background: rgba(217,7,0,.80);color: #fff;font-size: 25px;font-weight: 400;margin: 0;padding: 8px 0;display: block;}
.nav a:link, .nav a:visited, .nav a:hover, .nav a:active {color: #fff;text-decoration: none}
.nav a:hover {border-bottom: 1px solid #fff}
.nav ul, .nav form, .nav div {padding: 0 30px}
.nav li {margin: 6px 0;font-size: 1.1em}
.nav a {line-height: 52px}
.snav {font-size: 16px;}
.snav li {display: inline-block;width: 45%}
.snav a {line-height: 50px}
.nav form {position: relative;margin-top: 25px}
.snav li:last-child {margin-top: 12px}
.nav #keywords {background: none;border: 0;border-bottom: 1px solid #fff;width: 250px;padding: 2px 8px;color: #fff}
.nav #keywords:focus {outline: none;background-color: rgba(170,16,12,0.6)}
::-webkit-input-placeholder {color: #fff}
:-moz-placeholder {color: #fff}
::-moz-placeholder {color: #fff}
:-ms-input-placeholder {color: #fff}
.nav .social {margin: 20px 80px 20px 55px;font-size: 13px; padding: 0;display: block}
.nav .social span {width: 110px;display: inline-block;margin: 10px 0 0}
.nav .social a {line-height: 48px}
.shownav {display: block}
.nav input[type=search] {-webkit-appearance: none;border-radius: 0}

/* (min-width: 35em) */
@media only screen and (min-width: 45em) {
.nav ul, .nav form, .nav div {padding: 0 55px}
.nav {width: 50%;padding: 40px 0;position: fixed;right: 0 !important;top: 95px;z-index: 500;}
.nav li {margin: 6px 0;font-size: 1.3em}
.snav {padding-left: 52px}
.snav li {width: auto;display: block}
.snav a {line-height: 24px;font-size: .8em}
.nav .social {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;-webkit-justify-content: space-between;justify-content: space-between;font-size: 12px;width: 300px}
.nav .social span {width:auto;margin:0}
.nav .social a {line-height: 30px}
.shownav {right: 4%}
.no-flexbox .nav .social{display: block}
.no-flexbox .nav .social span {margin-right: 12px}}

.footer {background: #231f20;color: #fff;padding: 40px 0;font-size: 13px;max-width: 100%;overflow: hidden;}
.footer a {color: #fff;text-decoration: none;padding: 20px 0;line-height: 1.5}
.footer .social {margin-bottom: 21px;width: 300px !important}
.footer .social img {margin-right: 5px}
.footer li {margin: 5px 0;}
.footer li.privacy {margin-top: 28px}
.footer ul ul {padding-left: 15px}
.footer .col {width: 42%;margin: 0 2%;display: inline-block;vertical-align: top}
.footer .col:first-child {width: auto;display: block;margin-bottom: 40px}
.footer .col.ards {font-size: 10px;margin-top: 5px}
.col.ards {height: 60px;overflow: hidden}
.ards h1 {font-size: 14px;margin-top: .3em}
.ards-address {width: 210px}
.footer .col.soc {width: 100%;margin-top: 40px}
.tweet {padding-bottom: 6px;border-bottom: 1px solid #333;margin-bottom:6px}
.tweet a {color: #cc181f}
.tweet a:hover {color: #f17154}
@media only screen and (min-width: 60em) {
	.nav {min-height: 60%}
	.col.ards {height: auto}
	.ards-address {width: 216px}
	.ards p {margin: 4.2em 0 0}
	.footer {padding: 60px 0 40px;vertical-align: top;}
	.footer a {padding: 0}
	.ards h1 {margin-bottom: 20px}
	.footer .col, .footer .col.soc {width: 20%;vertical-align: top}
	.footer .col.soc {margin-top: 0}
	.footer .col:first-child {width: 25%;display: inline-block;margin-bottom: 0	}
	.footer .col:nth-child(2) {width: 15%;}}

.btn a, button.btn {font-style: normal !important;display: inline-block;padding: 16px 60px;border: 1px solid #777;color: #58595b; font-weight: 600;text-decoration: none;font-size: 15px;}
.btn a:hover, .btn a:active, button.btn:hover, button.btn a:active {background: #ed1c24;color: #fff;border-color: #ed1c24;}
button.btn {padding: 8px 40px;vertical-align: middle}

.pag {text-align: center;margin: 20px 0 40px}
.pag li {display: inline-block;vertical-align: baseline}
.pag a {display: inline-block;line-height: 44px;padding: .5em;text-decoration: none;font-weight: 800;font-size: .8em;}
.pag a:link {color: #929497}
.pag a:visited {color: #bec0c4}
.pag a:hover, .pag a:active, .pag a.is-on {color: #ec2024}

/* Splash */
.splash {background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;background-position: top center;min-height: 100%;-webkit-font-smoothing: antialiased;}
.splash body {color: #fff;min-height: 100%;}
.splash .header {background: none}
.btn-splash {margin: 10px 8%;text-align: center}
.btn-splash a {font-size: 20px !important; background: #ed1c23;border: #ed1c23;color: #fff;margin: 10px 10px 10px 0;padding: 14px 32px;}
.btn-splash a:hover {background: #cc181f}
.splash-intro {font-size: 18px;line-height: .9;margin: 60px 8%;text-shadow: 0 0 20px rgba(0,0,0,.2);}
.splash-intro big {display: block;font-size: 60px;letter-spacing: -0.0625em;text-indent: -8px}
#splash-video {position: fixed;top: 50%;left: 50%;min-width: 100%;min-height: 100%;width: auto;height: auto;z-index: -100;-webkit-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background-size: cover;}
#videobtn {display: none}
#videobtn:hover {opacity: 1}
#videobtn:focus {outline: none}
@media only screen and (min-width: 40em) {
.btn-splash {text-align: left;text-indent: -2px}
.splash-intro {margin: 180px 8% 80px;font-size: 24px}
.splash-intro big {font-size: 180px}
#videobtn {display: block;background: none;border: none;width: 50px;height: 50px;opacity: .5;position: absolute;right: 10%;bottom: 10%;padding: 0}}


/* Home */
.home-carousel {width: 100%;overflow: hidden}
.slick-slider {margin: 0 !important}
.slide {height: 60vh;vertical-align: bottom;background-size: cover;background-position: top center}
.slide a {color: #fff;text-decoration: none;display: block}
.slide:focus {outline: 0}
.blurb {margin: 0 6% 4%;height: 70vh;display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column;flex-direction: column;-webkit-justify-content: flex-end;justify-content: flex-end}
.blurb h2, .blurb p {color: #fff;line-height: 1;display: block}
.blurb h2 {font-size: 42px;font-weight: 600;letter-spacing: -0.0625em;margin-bottom: .4em;}
.blurb p {margin: 0 0 60px;font-weight: 300;font-style: italic;width: 100%;}
@media only screen and (min-width: 35em) {.blurb {height: 500px;margin: 0 2% 4%;}
.blurb h2 {max-width: 60%;}
.blurb p {margin: 0 0 20px}
.slide-link {margin:0 8%}}

.grid {text-align: center;font-size: 17px}
.grid .row {overflow: hidden}
.grid-item {position: relative;width: 100%;margin:0 0 2%;display:inline-block;text-align: left;overflow: hidden;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.grid .row:first-child .grid-item {margin-top: 2%}
.grid-item:before {content: "";display: block;padding-top: 110%}
.grid-item-pad {display: block;position: absolute;top: 0;left: 0;bottom: 0;right: 0;text-decoration: none;color: #fff;padding: 4%;text-decoration: none;color: #fff !important;letter-spacing: -0.03em;}
.grid-item-pad:hover {background: #333;	background: rgba(0, 0, 0, .7);color: #fff;}
.grid-item-pad .bottom {position: absolute;bottom: 20px;display: none}
.grid-item-pad:hover .bottom, .grid-item-pad .bottom.visible {display: block}
.grid-item span {font-weight: 300;padding-left: 4px;font-size: 1em}
.grid-item h3, .grid-item h4, .grid-item span {line-height: 1}
.grid-item h3 {font-weight: 700;font-size: 3.6em;margin: 0;letter-spacing: -0.0625em;text-transform: lowercase;}
.grid-item h4 {font-weight: 700;font-size: 2.5em;margin: 0 0 20px;max-width: 80%;}
.grid-item p {font-weight: 300;font-style: italic;font-size: 1.125em;line-height: 1.4;max-width: 90%;}
.grid-item.white span, .grid-item.white .bottom {color: #231f20 !important}
.grid-item.white h3, .grid-item.white h4 {color: #ed1c24 !important}
.grid-item p.big {font-weight: 400;font-style: normal;font-size: 1.750em}
.grid-item.white p.big {color: #58595b;}
.grid-item.white .grid-item-pad:hover p, .grid-item.white .grid-item-pad:hover span {color: #fff !important}
@media only screen and (min-width: 40em) {.grid {font-size: 16px}
.grid-item h4 {font-size: 1.8em;color: #fff}
.grid-item.left {float: left}
.grid-item.right {float: right}
.grid-item {position: relative;width: 49%;}}
@media only screen and (min-width: 50em) {
.grid-item h4 {font-size: 3em}}

/* Categ */
.categ.hero .inner {position: relative}
.categ .inner span, .categ .inner h2 {color: #fff;margin: 0;padding: 0;position: absolute;}
.categ .inner span {font-size: 21px;line-height: .8;text-shadow: 0 0 20px rgba(0,0,0,.2);top:140px;left: 6%}
.categ .inner h2 {display: block;font-size: 60px;letter-spacing: -0.0625em;text-indent: -8px;line-height: .8;top: 160px;left: 6%;text-transform: lowercase}
.categ .section h3 {font-weight: 400;font-size: 2.5em;line-height: 1.3;color: #231f20;font-style: normal;margin: 0 0 .5em}
.content.categ .section {margin-bottom: 80px}
@media only screen and (min-width: 40em) {.categ .inner h2 {font-size: 180px}}

/* Caso */
.heroproy {margin-bottom: 20px;width: 100%}
.heroproy>img {width: 100%;height: auto}
.content h2 {font-weight: 700;font-size: 40px;color: #231f20;letter-spacing: -0.0625em;line-height: 1.2;margin-bottom: 52px}
.content h3 {font-weight: 100;font-style: italic;color: #58595b;font-size: 21px;}
.content h4 {font-weight: 100;font-size:28px;}
.content h5 {font-size: 18px;margin-bottom: 0;}
.content-tools {border-top: 1px solid #d5d5d6;border-bottom: 1px solid #d5d5d6;overflow: hidden;padding: 20px 0 24px;}
.content-share {list-style: none;width: 69.1933%;display: inline-block;float: left;padding-left: 6px;}
.content-share li {display: inline-block;margin-right: 10px;vertical-align: middle;}
.content-buy {float: right;width: 20.1668%;text-align: right}
.content .section {font-size: 17px;	line-height: 1.7}
.content .section, .content .aside {margin-top: 50px;margin-bottom: 50px}
.tags {font-size: 15px}
.tags, .tags a {color: #58595b;}
.tags a {padding-bottom: 1px}
.tags a:link {text-decoration: none;}
.tags a:visited {color: #999}
.tags a:hover {border-bottom: 1px solid #999}
.tags dt {font-weight: 600;margin-top: 40px}
.tags dt:first-child {margin-top: 0}
.tags dd {margin: 0 0 2px;-webkit-margin-start: 0;display: block;padding-left: 24px;text-transform: capitalize}
.btn-buy {margin: 50px 0}
.btn-buy a {font-size: 15px;}
.btn-buy a:hover {border-color: #777;background: #ddd;color: #444}
.gallery {margin-bottom: 20px}
.gallery .img>img {width: 100%;height: auto}
.gallery .video {position: relative;padding-bottom: 56.25%;height: 0}
.gallery .video iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
@media only screen and (min-width: 40em) {
.content .section {width: 69.1933%;float: left}
.content .aside {width: 20.1668%;float: right}
.content-buy {text-align: left}}

/* CVD19 */
.hero-cv19 {position: relative;}
.hero-cv19 .sld {position: relative;}
.hero-cv19 .sld img, .hero-cv19 .sld picture {width: 100%;object-fit: cover;display: block;}
.hero-cv19 .slick-next,.hero-cv19 .slick-prev {bottom: 55%;}
.hero-cv19 .slick-next{right:4.5% !important}
.hero-cv19 .slick-prev{left:0%;}
.hero-cv19 .slick-dots{bottom:0;}
.cvd19 section {text-align: center;padding: 1em 0 3em;max-width: 100%; overflow-x: hidden;}
.cvd19 section:nth-child(even) {background: #f0f0f0;}
.cvd19 section:nth-child(even) .download {background: none;}
.cvd19 section:nth-child(even) .tos {background: #fff;}
.cvd19 section .inner {max-width: 52em;text-align: left;margin: 0 auto;padding: 0 4%;}
.cvd19 section p, .cvd19 section ul {font-size: 1.1em;line-height: 1.8;}
.cvd19 section p.rec {font-size: .9em;}
.download {padding: 1em 0 0;}
.cvd19 section p.tos {background: #e6e6e6;font-size: .86em;padding: 1em;}
.cvd19 section p.note {font-size: .9em;}
.btn-dl {text-align: center;}
.btn-dl a, .btn-lang a {background: #ed1c24;border: none;color: #fff;transition: all 0.25s ease-out;margin-bottom: .5em;padding: 1em 1.4em;}
.btn-dl a[disabled], .btn-dl a[disabled]:hover {background: #ddd;color:#999;cursor: not-allowed;}
.btn-dl a:hover, .btn-lang a:hover {background: #af0204;}
.btn-dl img {display: inline-block; vertical-align: middle;margin-right: 4px;}
.cvd19 h2 {font-size: 1.6em;}
.cvd19 .content-share {float: none;}
.cvd19 .content-tools .btn {display: block;margin-top: .5em;}
.cvd19 .content-tools .btn a {padding: .4em 1em;margin-top: 1em;}
.cvd19 .subt {padding-bottom: .5em;}
.cvd19 .subt span {margin: 0 0;display: block;font-weight: 300;font-style: italic;font-size: 1.4em;color: #58595b}
.cvd19 h3 {font-size: 2.2em; font-weight: 700;color: #231f20;font-style: normal;letter-spacing: -0.0625em;
line-height: 1.2;}
.cvd19 h4 {margin-bottom: 0;font-size: 1.4em}
.block {margin: 0 -4%;padding: 0 4%;transition: all 0.25s ease-out;}
.cvd19 .section {margin-top: 0;}
.hero-cv19 a {display: block;}
.hero-cv19 span {font-weight: 500;font-size: 1.5em;position: absolute;padding:.5em 5% 2em;text-align: center;width:90%;bottom:0;background: rgba(0,0,0,0.8);color:#fff;}
.cvd19 .gallery {margin-top: 2em;}
.cvd19 .gallery img {width:100%;height:auto;max-width:52em;}
@media only screen and (min-width: 40em) {
	.cvd19 section .inner {padding: 0 6%;}
	.hero-cv19 .slick-next{right:2.5%}
	.download {background:#f9f9f9;padding: 1em 2em 1.5em;}
	.cvd19 section:nth-child(even) .download {background: #fff;}
	.cvd19 section:nth-child(even) .tos {background: #e6e6e6;}
	.tos {background: #e6e6e6;font-size: .8em;padding: 2em;}
	.cvd19 h2 {font-size: 2.2em;}
	.cvd19 .section {margin-top: 1em;}
	.cvd19 .subt, .cvd19 .content-tools {display: flex;justify-content: space-between;align-items: center;}
	.cvd19 .subt span {display: inline-block;margin: .5em 0;}
	.cvd19 .content-tools .btn {margin-top: 0;}
	.cvd19 .content-tools .btn a {padding: .6em 2em;margin-top:0;}
}

li.pdf, li.rar, li.zip {padding-left: 1.7em;line-height: 2.2;background: url(/img/ic-pdf.svg) left center no-repeat;}
li.rar {background-image: url(/img/ic-rar.svg)}
li.zip {background-image: url(/img/ic-zip.svg)}

@media only screen and (min-width: 50em) {
	.hero-cv19 span {font-size: 2em;bottom:auto;top:45%;text-align:left;width:auto;max-width:30%;right:10%;color:#fff;background: none;padding:0;}
	.hero-cv19 .sld1 span {color:#fff;top:40%;}
	.hero-cv19 .sld2 span,.hero-cv19 .sld3 span,.hero-cv19 .sld4 span,.hero-cv19 .sld5 span {background: rgba(0,0,0,0.6);color:#fff;padding:.3em .5em;}
}

@media only screen and (max-width: 39.9em) {
	.cvd19 .is-collapsed {max-height: 300px;position: relative;overflow: hidden;padding-bottom:2em;}
	.cvd19 .is-collapsed::after {position: absolute;bottom: 0;left:0;right:0;width:100%;background: rgb(240,240,240);
background: linear-gradient(0deg, rgba(240,240,240,1) 40%, rgba(240,240,240,0) 100%);border-bottom:2px solid #ddd;z-index: 2;font-weight: bold;padding: 2em 1em 1em;}
	html[lang=en] .cvd19 .is-collapsed::after {content:'Read more'}
	html[lang=es] .cvd19 .is-collapsed::after {content:'Leer más'}
}



/* Static */

.hero {height: 50vh;padding: 0 0 4% 0;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: top center}
@media only screen and (min-width: 40em) {.hero {height: 500px;}}
.static h2 {font-weight: 400;font-size: 48px;color: #231f20}
.static p.italic, .static h3, .content.brands .inner>p, .staff .inner>p, .exponemos .inner>p {font-weight: 300;font-style: italic;font-size: 1.4em;color: #58595b}
.static .content {padding: 36px 0}
.about {color: #000}
.about h2 {font-style: normal}
.areas {margin: 40px 0 0;font-size: 1.4rem;display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;-webkit-justify-content:center;justify-content: center;-webkit-flex-wrap: wrap; flex-wrap: wrap;}
.areas li {margin: 10px 3%;width: 92%;}
.areas a {color: #ed1c24;display: block;text-align: center;padding: 16px 5px}
.areas li p {font-size: 16px;text-align: center;font-style: italic;padding: 0 5px;max-height: 0;overflow: hidden;-webkit-transition: max-height 0.2s; -moz-transition: max-height 0.2s; transition: max-height 0.2s;}
.areas li:hover p, .areas li:focus p {max-height: 800px}
.no-flexbox .areas li {display: inline-block}
@media only screen and (min-width: 30em) {.areas li {margin: 10px 3%;width: 44%}}
@media only screen and (min-width: 50em) {.areas li {margin: 10px 3%;width: 26%}}
.grey {background: #e6e7e8}
.black {background: #111}
.black h2, .black h3, .black p, .black p.italic, .black address, .black a {color: #fff}
.red {background-color: #DE1A22 ;color: #fff}
.red h2, .red p.italic, .red a {color: #fff}
.workshops {background: url(/img/static-taller.jpg) center center;-webkit-background-size: cover; -moz-background-size: cover;
 -o-background-size: cover; background-size: cover;}
 .workshops .inner {padding-top: 300px}
 .workshops p {font-style: italic}
 .btn-contact {margin: 40px 0;text-align: center; }
 .btn-contact a {border: 1px solid #fff;color: #fff; font-size: 18px;margin: 10px 0;width: 60%; }
 .btn-contact a:hover,  .btn-contact a:active {background: #fff;color: #ed1c24;border-color: #fff }
 @media only screen and (min-width: 30em) {
 	.btn-contact {text-align: left;}
 	.btn-contact a {width: auto;}}
.profiles {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;-webkit-justify-content:center;justify-content: center;-webkit-flex-wrap: wrap;	flex-wrap: wrap;margin: 60px -25px 0}
.no-flexbox .profiles {display: block;text-align: center}
.no-flexbox .designer {display: inline-block}
.designer {text-align: center;margin: auto 25px 40px;position: relative;}
.designer-img {border-radius: 100%;overflow: hidden;width: 175px;height: 175px;background-position: top;background-size: cover}
.designer:hover .designer-img, .designer-img:hover {background-position: bottom}
.designer h4 {font-weight: 800;font-size: 22px;margin: 20px 0 0;letter-spacing: -0.0625em;line-height: 1}
.designer p {font-weight: 500;color: #58595b;font-size: 13px;margin: 5px 0 0}
.designer a {text-decoration: none;display: block}
.designer a:hover {text-decoration: underline}
.brand-logos {text-align: center;max-width: 1400px;margin: 60px auto;padding: 0;}
.brand-logos li {width: 40%;margin: 50px 10px;display: inline-block;vertical-align: middle}
.brand-logos img {width: 110px;height: auto}
 .ocio .logos {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;-webkit-justify-content: space-around;justify-content: space-around;-webkit-align-content: center;align-content: center;-webkit-align-items: center;align-items: center;margin: 80px auto}
 .no-flexbox .logos {text-align: center}
 .no-flexbox .logos li {display: inline-block;margin: 0 50px}
 .ocio .logos img {width: 100px;height: auto}
   @media only screen and (min-width: 30em) {
   	.ocio .logos img {width: 120px;}
   	.brand-logos li {width: 28%}}
  @media only screen and (min-width: 45em) {
  	.brand-logos li {width: 14%}
  	.ocio .logos img {width: 167px}}
.profile h1 {font-weight: 800;font-size: 36px;letter-spacing: -0.0625em;margin-bottom: 0;line-height: 1}
.profile h2 {font-weight: 300;font-size: 24px;font-style: italic;margin-top: 10px}
.profile p {font-size: 18px;line-height: 1.6}
.profile img {width: 100%;height: auto}
.profile .btn {margin-top: 60px;}
title.featherlight-inner {display: none !important}
.mx {text-align: center}
.mx .gr {width: 100%}
.expo {-webkit-columns: 200px 2; -moz-columns: 200px 2; columns: 200px 2;-webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px;margin: 60px 0 40px;font-size: .85em;}
.expo li {margin: 0 0 12px}
.expo li b {display: block;font-weight: normal}

/* Crecemos juntos */
.crecemos {background-position: top center;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;letter-spacing: -0.03em;margin-bottom: 20px;}
.crecemos span, .crecemos .tag {font-weight: 300}
.crecemos h2, .crecemos h3 {font-weight: 700;line-height: 1;font-size: 48px;font-style: normal;margin: 0;}
.crecemos h2 {margin-top: 400px;}
.crecemos .tag {font-style: italic}
.crecemos a {text-decoration: none;display: block}
.talleres h4 {margin-bottom: -1em;font-style: italic;font-size: 21px}
.talleres .tags {list-style: none;margin-left: 30%}
.talleres.content .section {margin-top: 0;width: 63.124108416547784%%}
.talleres.content .aside {margin-top: 2em;width: 30.670470756062766%}
.talleres .btn-buy a {padding: 16px 100px;text-align: center}

/* Contacto */
address {line-height: 1.6;font-style: normal;font-weight: 300;margin-bottom: 60px}
address span, address a {display: block;}
address .tel {margin: 2em 0}
.press {-webkit-columns: 200px 2; -moz-columns: 200px 2; columns: 200px 2;-webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px;margin: 90px 0 40px;}
.press a {text-decoration: none;line-height: 2}
.press a:hover {color: #ed1c24}


/* News */
.news {margin: 260px 0 40px}
.news h2 {font-weight: 400;padding: 6%;margin-bottom: 0}
.news h2 a {text-decoration: none;border-bottom: 1px solid transparent}
.news h2 a:hover {border-bottom: 1px solid #444}
.news .hero {margin-bottom: 20px}
.summary {margin: 4em 0 2em}
.summary p {font-style: italic;line-height: 1.5}
.news .date {display: block;font-size: .9em;margin: 1.4em 0 2em}
.news .content-tools {padding: 40px 0}

/* All */
.all {min-height: 700px}
.all h2 {font-weight: 400;margin-bottom: 20px}
.all-dynamic {margin: 0}
.all-dynamic a.is-on {font-weight: bold}
.cols {-webkit-columns: 200px 4; -moz-columns: 200px 4; columns: 200px 4;margin: 100px 0 40px;font-size: .85em;}
.cols li {margin: 12px 0}
.cols a {text-decoration: none;line-height: 1.2}
.cols a:link {color: #000}
.cols a:visited {color: #666}
.cols a:hover {color: #ec2024}

/* Search  */
.searchres {padding: 60px 0;min-height: 700px}
.searchres h2 {font-weight: 400;font-size: 2em}
.searchres form {background: #f6f6f6;padding: 40px;}
.searchres label {display: block;margin: 0 0 10px;line-height: 2}
.searchres #keywords {border: none;font-size: 1.2em;padding: 8px;margin: 0;vertical-align: middle;width: auto;display: block;}
.searchres .btn {margin-bottom: 10px;border: none;background: #ed1c24;color: #fff}
@media only screen and (min-width: 30em) {
 .searchres #keywords {width: 60%;display: inline;margin: 0 10px 10px 0}
 .searchres .btn {display: inline}
}}

/* ======================================================
   Helper classes
   ====================================================== */

/* Hide visually and from screen readers: */
.hidden {display: none !important;}

/* Hide only visually */
.visuallyhidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto;}

/* Hide visually and from screen readers, but maintain layout */
.invisible {visibility: hidden;}

.visible {display: block}

.clearfix:before,.clearfix:after {content: " ";   display: table;}
.clearfix:after {clear: both;}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *, *:before, *:after {background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important;}
    a, a:visited {text-decoration: underline;}
    a[href]:after {content: " (" attr(href) ")";}
    abbr[title]:after {content: " (" attr(title) ")";}
    a[href^="#"]:after,
    a[href^="javascript:"]: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;}
    p, h2, h3 {orphans: 3;widows: 3;}
    h2, h3 {page-break-after: avoid;}
}