/* ********** CSS RESET ********** */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, 
caption, tbody, tfoot, thead, tr, th, td, picture, source
                  {margin: 0;padding: 0;border: 0;outline: 0;
                  vertical-align: baseline;
                  background: transparent;}
ol, ul            {list-style: none;}

/* ********** TIPOGRAFÍA ********** */

@font-face { 
    font-family: 'raleway-regular';
    src: url('../tipografia/raleway-regular.woff2') format('woff2'),
         url('../tipografia/raleway-regular.woff') format('woff'),
         url('../tipografia/raleway-regular.ttf') format('truetype');
}

@font-face { 
    font-family: 'raleway-medium';
    src: url('../tipografia/raleway-medium.woff2') format('woff2'),
         url('../tipografia/raleway-medium.woff') format('woff'),
         url('../tipografia/raleway-medium.ttf') format('truetype');
}

@font-face { 
    font-family: 'raleway-semibold';
    src: url('../tipografia/raleway-semibold.woff2') format('woff2'),
         url('../tipografia/raleway-semibold.woff') format('woff'),
         url('../tipografia/raleway-semibold.ttf') format('truetype');
}

@font-face { 
    font-family: 'raleway-bold';
    src: url('../tipografia/raleway-bold.woff2') format('woff2'),
         url('../tipografia/raleway-bold.woff') format('woff'),
         url('../tipografia/raleway-bold.ttf') format('truetype');
}

@font-face { 
    font-family: 'rawline-medium';
    src: url('../tipografia/rawline-medium.woff2') format('woff2'),
         url('../tipografia/rawline-medium.woff') format('woff'),
         url('../tipografia/rawline-medium.ttf') format('truetype');
}

@font-face { 
    font-family: 'rawline-bold';
    src: url('../tipografia/rawline-bold.woff2') format('woff2'),
         url('../tipografia/rawline-bold.woff') format('woff'),
         url('../tipografia/rawline-bold.ttf') format('truetype');
}


/* Iconos */

@font-face {
  font-family: 'icono-enlace-externo-2';
  src:  url('../tipografia/icono-enlace-externo-2.eot?4xznfd');
  src:  url('../tipografia/icono-enlace-externo-2.eot?4xznfd#iefix') format('embedded-opentype'),
    url('../tipografia/icono-enlace-externo-2.ttf?4xznfd') format('truetype'),
    url('../tipografia/icono-enlace-externo-2.woff?4xznfd') format('woff'),
    url('../tipografia/icono-enlace-externo-2.svg?4xznfd#icono-enlace-externo-2') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'icono-llamar';
  src:  url('../tipografia/icono-llamar.eot?4xznfd');
  src:  url('../tipografia/icono-llamar.eot?4xznfd#iefix') format('embedded-opentype'),
    url('../tipografia/icono-llamar.ttf?4xznfd') format('truetype'),
    url('../tipografia/icono-llamar.woff?4xznfd') format('woff'),
    url('../tipografia/icono-llamar.svg?4xznfd#icono-llamar') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'icono-flecha-izquierda';
  src:  url('../tipografia/icono-flecha-izquierda.eot?4xznfd');
  src:  url('../tipografia/icono-flecha-izquierda.eot?4xznfd#iefix') format('embedded-opentype'),
    url('../tipografia/icono-flecha-izquierda.ttf?4xznfd') format('truetype'),
    url('../tipografia/icono-flecha-izquierda.woff?4xznfd') format('woff'),
    url('../tipografia/icono-flecha-izquierda.svg?4xznfd#icono-flecha-izquierda') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'icono-enlace-descargar';
  src:  url('../tipografia/icono-enlace-descargar.eot?pa46kr');
  src:  url('../tipografia/icono-enlace-descargar.eot?pa46kr#iefix') format('embedded-opentype'),
    url('../tipografia/icono-enlace-descargar.ttf?pa46kr') format('truetype'),
    url('../tipografia/icono-enlace-descargar.woff?pa46kr') format('woff'),
    url('../tipografia/icono-enlace-descargar.svg?pa46kr#icono-enlace-descargar') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'icono-enlace-pdf';
  src:  url('../tipografia/icono-enlace-pdf.eot?pa46kr');
  src:  url('../tipografia/icono-enlace-pdf.eot?pa46kr#iefix') format('embedded-opentype'),
    url('../tipografia/icono-enlace-pdf.ttf?pa46kr') format('truetype'),
    url('../tipografia/icono-enlace-pdf.woff?pa46kr') format('woff'),
    url('../tipografia/icono-enlace-pdf.svg?pa46kr#icono-enlace-pdf') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'icono-enlace-correo';
  src:  url('../tipografia/icono-enlace-correo.eot?pa46kr');
  src:  url('../tipografia/icono-enlace-correo.eot?pa46kr#iefix') format('embedded-opentype'),
    url('../tipografia/icono-enlace-correo.ttf?pa46kr') format('truetype'),
    url('../tipografia/icono-enlace-correo.woff?pa46kr') format('woff'),
    url('../tipografia/icono-enlace-correo.svg?pa46kr#icono-enlace-correo') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'icono-enlace-cv';
  src:  url('../tipografia/icono-enlace-cv.eot?pa46kr');
  src:  url('../tipografia/icono-enlace-cv.eot?pa46kr#iefix') format('embedded-opentype'),
    url('../tipografia/icono-enlace-cv.ttf?pa46kr') format('truetype'),
    url('../tipografia/icono-enlace-cv.woff?pa46kr') format('woff'),
    url('../tipografia/icono-enlace-cv.svg?pa46kr#icono-enlace-cv') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'icono-enlace-tel';
  src:  url('../tipografia/icono-enlace-tel.eot?pa46kr');
  src:  url('../tipografia/icono-enlace-tel.eot?pa46kr#iefix') format('embedded-opentype'),
    url('../tipografia/icono-enlace-tel.ttf?pa46kr') format('truetype'),
    url('../tipografia/icono-enlace-tel.woff?pa46kr') format('woff'),
    url('../tipografia/icono-enlace-tel.svg?pa46kr#icono-enlace-tel') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'icono-rs-compartir-linkedin';
  src:  url('../tipografia/icono-rs-compartir-linkedin.eot?pa46kr');
  src:  url('../tipografia/icono-rs-compartir-linkedin.eot?pa46kr#iefix') format('embedded-opentype'),
    url('../tipografia/icono-rs-compartir-linkedin.ttf?pa46kr') format('truetype'),
    url('../tipografia/icono-rs-compartir-linkedin.woff?pa46kr') format('woff'),
    url('../tipografia/icono-rs-compartir-linkedin.svg?pa46kr#icono-rs-compartir-linkedin') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'icono-rs-compartir-twitter';
  src:  url('../tipografia/icono-rs-compartir-twitter.eot?pa46kr');
  src:  url('../tipografia/icono-rs-compartir-twitter.eot?pa46kr#iefix') format('embedded-opentype'),
    url('../tipografia/icono-rs-compartir-twitter.ttf?pa46kr') format('truetype'),
    url('../tipografia/icono-rs-compartir-twitter.woff?pa46kr') format('woff'),
    url('../tipografia/icono-rs-compartir-twitter.svg?pa46kr#icono-rs-compartir-twitter') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'icono-rs-compartir-correo';
  src:  url('../tipografia/icono-rs-compartir-correo.eot?pa46kr');
  src:  url('../tipografia/icono-rs-compartir-correo.eot?pa46kr#iefix') format('embedded-opentype'),
    url('../tipografia/icono-rs-compartir-correo.ttf?pa46kr') format('truetype'),
    url('../tipografia/icono-rs-compartir-correo.woff?pa46kr') format('woff'),
    url('../tipografia/icono-rs-compartir-correo.svg?pa46kr#icono-rs-compartir-correo') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'icono-rs-compartir-whatsapp';
  src:  url('../tipografia/icono-rs-compartir-whatsapp.eot?pa46kr');
  src:  url('../tipografia/icono-rs-compartir-whatsapp.eot?pa46kr#iefix') format('embedded-opentype'),
    url('../tipografia/icono-rs-compartir-whatsapp.ttf?pa46kr') format('truetype'),
    url('../tipografia/icono-rs-compartir-whatsapp.woff?pa46kr') format('woff'),
    url('../tipografia/icono-rs-compartir-whatsapp.svg?pa46kr#icono-rs-compartir-whatsapp') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'icono-rs-compartir-facebook';
  src:  url('../tipografia/icono-rs-compartir-facebook.eot?pa46kr');
  src:  url('../tipografia/icono-rs-compartir-facebook.eot?pa46kr#iefix') format('embedded-opentype'),
    url('../tipografia/icono-rs-compartir-facebook.ttf?pa46kr') format('truetype'),
    url('../tipografia/icono-rs-compartir-facebook.woff?pa46kr') format('woff'),
    url('../tipografia/icono-rs-compartir-facebook.svg?pa46kr#icono-rs-compartir-facebook') format('svg');
  font-weight: normal;
  font-style: normal;
}


.icono-flecha-izquierda:before {
    font-family: 'icono-flecha-izquierda';
    content: "\ea40";
    padding-right: 5px;
    vertical-align: -3px;
    font-size: 125%;

    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;
}

.icono-enlace-externo:before {
    font-family: 'icono-enlace-externo-2';
    content: "\e900";

    color: #f3494c;
    padding-right: 8px;
    vertical-align:1px;

    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;
}

.icono-enlace-descargar:before {
    font-family: 'icono-enlace-descargar';
    content: "\e900";

    color: #f3494c;
    padding-right: 8px;
    vertical-align:1px;

    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;
}

.icono-enlace-pdf:after {
    font-family: 'icono-enlace-pdf';
    content: "\e900";

    color: #d3cfd0;
    font-size: 95%;
    padding-left: 9px;
    /*vertical-align:1px;*/
    vertical-align:baseline;

    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;
}

.icono-enlace-correo:after, .icono-enlace-tel:after, .icono-enlace-cv:after  {
    content: "\e900";
    /*color: #FFFFFF;*/
    font-size: 130%;

    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icono-enlace-correo:after {
    font-family: 'icono-enlace-correo';
}

.icono-enlace-tel:after {
    font-family: 'icono-enlace-tel';
}
.icono-enlace-cv:after {
    font-family: 'icono-enlace-cv';
}


strong {
    font-family: 'raleway-semibold';
}

/* ********** ESTILOS ********** */

*, *:before, *:after {
    box-sizing: inherit;
}

html {
    font-size: 17px;
    box-sizing: border-box;
}

html, body {
    width: 100%;
    height: 100%;

}

body {
    font-family: 'raleway-medium', Arial, sans-serif;
    background-color: #333333;
    color: #333333;
}

body.proyectos {
    margin-top: 45px;
}

.proyectos-encabezado {
    height: 45px;
    width: 100%;
    position: fixed;
    top:0;
    left:0;
    color: #FFFFFF;
    background-color: #575757;

    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow:    0px 0px 15px 0px rgba(0, 0, 0, 0.5);  /* Firefox 3.5 - 3.6 */
    box-shadow:         0px 0px 15px 0px rgba(0, 0, 0, 0.5);  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}
.proyectos-encabezado a {
    text-decoration: none;
    color: #FFFFFF;
    line-height: 45px;
    height: 45px;
    padding:0 5% 0 5%;
    display: inline-block;
}

#ocs-desktop-1 {
    width:100%;
    max-width: 1200px;
    height: auto;
}
#ocs-movil-1 {
    width:100%;
    max-width: 390px;
    height: auto;
}
#movil-ux-wireframe {
    width:100%;
    max-width: 1300px;
    height: auto;
}
#phg-black-friday {
    width:100%;
    max-width: 1239px;
    height: auto;
}
#hard-rock-hotel {
    width:100%;
    max-width: 1310px;
    height: auto;
}

/* */

.cnt-body {
    -webkit-display: flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;

    justify-content: flex-start;
    align-items: center;

    width:100%;
    position: relative;
}

section {
    -webkit-display: flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;

    justify-content: flex-start;
    align-items: center;

    width: 100%;

    padding: 25px 0px 25px 0px;
}

section#encabezado {
    background: 
        linear-gradient(
        rgba(64, 64, 64, 0.85),
        rgba(64, 64, 64, 0.85)
        ),
        url(../img/fondo-mov-2.jpg)
        center center no-repeat;
    background-size:cover;

    padding-top: 0px;
    color: #FFFFFF;
    height: 100vh;
}

/* Sección share */

section#share-side {
  display: none;
  position: fixed;
  top: -1000px;
  left: -1000px;
}

section#share {
    padding: 0;
    height: 48px;
    background-color: #f3f2f2;
    position: fixed;
    bottom: 0;
    left: 0;
}

.cnt-share {
    -webkit-display: flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    justify-content: center;
    flex-basis:100%;
    width: 100%;
    max-width: 850px;
}

.cnt-share a {
    -webkit-display: flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 25%;
    text-decoration: none;
    color:#FFFFFF;
    transition: all 0.1s;
}

/* Redes pasar por encima */
.cnt-share #linkedin:hover, .cnt-share #linkedin:active,
.cnt-share #twitter:hover, .cnt-share #twitter:active,
.cnt-share #correo:hover, .cnt-share #correo:active,
.cnt-share #whatsapp:hover, .cnt-share #whatsapp:active,
.cnt-share #facebook:hover, .cnt-share #facebook:active
 {
  font-size: 95%;
    -webkit-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-text-shadow:    0px 0px 5px rgba(0, 0, 0, 0.3);  /* Firefox 3.5 - 3.6 */
    text-shadow:         0px 0px 5px rgba(0, 0, 0, 0.3);  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */    
}

.cnt-share #linkedin:hover, .cnt-share #linkedin:active {
    background-color: #0070a6;
}
.cnt-share #twitter:hover, .cnt-share #twitter:active {
    background-color: #00a0db;
}
.cnt-share #correo:hover, .cnt-share #correo:active {
    background-color: #5f6163;
}
.cnt-share #whatsapp:hover, .cnt-share #whatsapp:active {
    background-color: #23c760;
}
.cnt-share #facebook:hover, .cnt-share #facebook:active {
    background-color: #344f87;
}


.cnt-share #linkedin:before, #twitter:before, 
#correo:before, #whatsapp:before, #facebook:before {
    content: "\e900";
    /*font-size: 165%;*/
    font-size: 155%;

    vertical-align:1px;

    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;
}

.cnt-share #linkedin {
    background-color: #007bb5;
}
.cnt-share #linkedin:before {
    font-family: 'icono-rs-compartir-linkedin';
}

.cnt-share #twitter {
    background-color: #00aced;
}
.cnt-share #twitter:before {
    font-family: 'icono-rs-compartir-twitter';
    /*font-size: 150%;*/
    font-size: 145%;
    padding-left: 6px;
}

.cnt-share #correo {
    display: none;
}

.cnt-share #correo {
    background-color: #696b6d;
}
.cnt-share #correo:before {
    font-family: 'icono-rs-compartir-correo';
    /*font-size: 140%;*/
    font-size: 135%;
}

.cnt-share #whatsapp {
    background-color: #25d366;
}
.cnt-share #whatsapp:before {
    font-family: 'icono-rs-compartir-whatsapp';
}

.cnt-share #facebook {
    background-color: #3b5998;
}
.cnt-share #facebook:before {
    font-family: 'icono-rs-compartir-facebook';
}



section#ux-ui-design {
    background-color: #f3f2f2;
}

section#web-promos {
    background-color: #FFFFFF;
}

section#contacto {

    background: 
        linear-gradient(
        rgba(243, 73, 76, 0.14),
        rgba(243, 73, 76, 0.14)
        ),
        url(../img/fondo-mov-contacto.jpg)
        center center no-repeat;
    background-size:cover;
    color: #FFFFFF;
}

section#footer {
    -webkit-flex-direction: row;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
}

section#footer .texto-s {
    font-family: 'raleway-regular', Arial, sans-serif;
    letter-spacing: 0.4px;
    max-width: 800px;
    color: #808080;
}

section#footer .cnt-proyectos {
    -webkit-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}


/* header */

section#encabezado .contacto {
    margin: 0px 0px 12px 0px;
    line-height: initial;
}

section#encabezado .contacto-texto {
    display: block;
    margin: 0px 0px 27px 0px;
    height: 17px;
    font-family: 'rawline-medium', Arial, sans-serif;
    font-size: 16.5px;
    line-height: 17px;
    letter-spacing: 0.05em;
}

section#encabezado a {
    text-decoration: none;
    color: #FFFFFF;
}

.icono-llamar:before {
    font-family: 'icono-llamar';
    content: "\e900";

    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;
}

section#encabezado .icono-llamar:before {
    font-size: 20px; 
    padding-right: 3px;
    vertical-align:-2.5px;
}


/* TIPOGRAFÍA NIVEL 2 */

h1 {
    line-height: 1.25;
    font-family: 'raleway-semibold', Arial, sans-serif;
}

section#encabezado > * {
    text-align: center;
}

section#encabezado h1 {
    margin: 15px 0px 20px 0px;
    font-size: 160%;
    line-height: 1.15;
    letter-spacing: 0.02em;
}

section#encabezado p {
    margin: 0px 0px 25px 0px;
    font-size: 18px;
}

section#encabezado h1, section#encabezado p {
    width: 85%;
    max-width: 500px;
    color: #FFFFFF;
}


/* Enlaces */

section#encabezado ul.cnt-btn {
    -webkit-display: flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: wrap;
    width: 98%;
    max-width: 500px;

    margin: 0px 0px 20px 0px;
}

section#encabezado ul li.btn {
    margin: 5px 0px 15px 0px;

    display: flex;
    justify-content: center; 
    width: 80%;
}

section#encabezado ul li.btn a {
    display: flex;
    justify-content: center; 
    align-items: center;
    width: 100%;
    height: 50px;

    font-family: 'raleway-semibold', Arial, sans-serif;
    color: white;
    text-decoration: none;

    border: solid 2px #FFFFFF;
    border-radius: 20px;
    transition: all 0.1s;
}
section#encabezado ul li.btn a:hover, 
section#encabezado ul li.btn a:active {
    background: rgb(60, 60, 60);
    background: rgba(50, 50, 50, 0.5);
}

/* encabezado botones */

.cnt-encabezado-botones {
    -webkit-display: flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
    width:100%;
    max-width: 768px;
    margin-bottom: 19px;
}

.cnt-encabezado-botones div {
    -webkit-display: flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 25%;
}

.cnt-encabezado-botones div a:nth-child(1) {
    display: none;
}
section#encabezado .cnt-encabezado-botones div a:hover, section#encabezado .cnt-encabezado-botones div a:active {
    color:#a6a6a6;
    transition: all 0.15s;
}

/* sección proyectos  */

.cnt-proyectos, .cnt-seccion, .cnt-contacto  {
    -webkit-display: flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    width:92%;
    max-width: 400px;
    /*outline: dotted 1px lightgrey;*/
}

.cnt-seccion h1 {
    font-size: 28px;
    line-height: 1.15;
    margin-bottom: 20px;

    display: flex;
    width: 100%;
    justify-content: center;
}
.cnt-seccion p {
    line-height: 1.75;
    margin-bottom: 10px;    
    text-align: center;
}
.cnt-seccion p:last-child {
    margin-bottom: 35px;
}


.cnt-proyectos h2 {
    font-family: 'raleway-regular', Arial, sans-serif;
    font-size: 26px;
    line-height: 1.18;
    letter-spacing: 0.01em;
    margin: 20px 0px 15px 0px;
}

.cnt-proyectos p {
    line-height: 1.6;
    margin-bottom: 25px;
}
.cnt-proyectos div[id*="pr-"] a:not(.excluir) {
    display: block;
    width: 92%;
    margin-left:15px;
    font-family: 'raleway-bold', Arial, sans-serif;
    color: #333333;
    text-decoration: none;
    font-size: 109%;

    border-top: solid 1px #e1dfdf;
    padding-top: 1em;
    padding-bottom: 0.885em;
    transition: all 0.15s;
}
.cnt-proyectos div[id*="pr-"] a:hover {
    color: #999999;
}
.cnt-proyectos div[id*="pr-"] a:active {
    background: #f9f9f9;
    color: #333333;
}
.cnt-proyectos div[id*="pr-"] a:last-child, .cnt-proyectos div[id*="pr-"] .texto-s:last-child {
    margin-bottom: 0px;
}

div[id*="pr-"] a:nth-child(1):hover, 
div[id*="pr-"] a:nth-child(1):active {
    background: transparent;
}

.cnt-proyectos div[id*="pr-"] .enlace-texto {
  display: inline!important;
  font-family: inherit!important; 
  color: #999999!important; 
  text-decoration: underline!important;
  margin: 0!important; 
  padding: 0!important; 
  border: inherit!important;
}

.cnt-proyectos div[id*="pr-"] .enlace-texto:hover, 
.cnt-proyectos div[id*="pr-"] .enlace-texto:active {
  text-decoration: none!important;
}

.par-varios {
  margin-bottom: 15px!important;
}

.texto-s {
    font-size: 15px;
    letter-spacing: 0.2px;
}

div[id*="pr-"] .texto-s {
    color:#b2b2b2;
    max-width: 350px;
}

#footer .texto-s {
    color:#cccccc;
    line-height:1.35;
}
#footer p.texto-s {
    margin-bottom: 0.85em;
}

#footer .texto-s a {
    color:inherit;
    text-decoration: underline;
}

#footer {
    margin-bottom: 50px;
}


/* Módulo contacto */
div[id*="modulo-"] {
    -webkit-flex-direction: column;
    flex-direction: column;

    justify-content: center;
    align-items: center;
    
    width: 100%;
    height: 100px;

    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: rgba(255, 255, 255, 0.4);
    display: flex;

    margin-bottom: 20px;
}
div[id*="modulo-"]:last-child {
    border-width: 0px 0px 0px 0px;
}

.modulo-enlace {
    width:100%;
    text-align: center; 
    height: 100px;
    padding: 20px 15px 0px 15px;

    font-family: 'rawline-bold', Arial, sans-serif;
    font-size: 110%;
    line-height: 150%;
    letter-spacing: 0.5px;
    text-decoration: none;
}

div[id*="modulo-"] > *  {
  color: #FFFFFF;
}
div[id*="modulo-"] a  {
  color: #FFFFFF;
}
div[id*="modulo-"] *:hover, div[id*="modulo-"] *:active  {
  color: #fbc8c9;
}

/* Contenidos de proyectos */
div[id*="pr-"] {
    -webkit-display: flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;

    margin-bottom: 50px;
    padding-bottom: 25px;
    background: #FFFFFF;
    border-radius: 2px;

    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow:    0px 0px 5px 0px rgba(0, 0, 0, 0.3);  /* Firefox 3.5 - 3.6 */
    box-shadow:         0px 0px 5px 0px rgba(0, 0, 0, 0.3);  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

div[id*="pr-"] > *:not(a) {
    padding-left: 15px;
    padding-right: 15px;
}

div[id*="pr-"] p {
    color:#4c4c4c;
}

.margin-padding-0 {
    margin: 0 !important;
    padding: 0!important;
}

div[id*="pr-"] img {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    border-radius: 2px 2px 0px 0px;
}


/* orden de cajas */
/*
div.cnt-proyectos #pr-metro-europa  {
    order: 1;
}
div.cnt-proyectos #pr-black-friday  {
    order: 2;
}
div.cnt-proyectos #pr-hrh  {
    order: 0;
}
*/

/* Mostrar y ocultar */
.display-flex-860 {
    display: none;
}
.ocultar-movil {
    display: none;
}



/* ********** PERSONALIZADO ********** */

@media (min-width: 300px) {
    .display-flex-300 {
        display: inline-flex;
    }
}

/* ********** PERSONALIZADO ********** */

@media (min-width: 400px) {
    .display-none-400 {
        display: none;
    }
}

/* ********** TABLETA ********** */

@media (min-width: 768px) {

    .cnt-encabezado-botones div a:nth-child(1) {
        display: inline;
        margin-right: 0.9em;
    }

    .proyectos-encabezado a {

      background:
      linear-gradient(
        rgba(0, 0, 0, 0.3), 
        rgba(0, 0, 0, 0.3)
      )
      ;}

    section {
        padding: 55px 0px 55px 0px;
    }

    section#ux-ui-design, section#web-promos {
        padding: 70px 0px 55px 0px;
    }

    section#encabezado {
        background: 
        linear-gradient(
        rgba(64, 64, 64, 0.8),
        rgba(64, 64, 64, 0.8)
        ),
        url(../img/fondo-tab-2.jpg)
        bottom center no-repeat;
        background-size:cover;
        
        height: initial;
        min-height: 400px;
    }

    section#encabezado h1 {
        font-size: 208%;
        line-height: 1.20;
        margin: 28px 0px 25px 0px;
    }

    /* Sección share */

    section#share {
        position: relative;
        top: 0;
        left: 0;
        height: 56px;
    }

    .cnt-share #linkedin:before, #twitter:before, 
    #correo:before, #whatsapp:before, #facebook:before {
        padding-right: 4%;
    }
    .cnt-share #twitter:before {
        padding-left: 0px;
        padding-right: 3%;
    }

    .cnt-share #linkedin:after, #twitter:after, 
    #correo:after, #whatsapp:after, #facebook:after {
        font-family: 'raleway-medium', Arial, sans-serif;
        font-size: 82.7%;
    }
    .cnt-share #linkedin:after {
        content: 'Share on LinkedIn';
    }
    .cnt-share #twitter:after {
        content: 'Share on Twitter';
    }
    .cnt-share #whatsapp {
        display: none;
    }    
    .cnt-share #correo {
        display: flex;
    }
    .cnt-share #correo:after {
        content: 'Share by E-mail';
    }
    .cnt-share #whatsapp:after {
        content: 'Share on Whatsapp';
    }
    .cnt-share #facebook:after {
        content: 'Share on Facebook';
    }

    /* Redes pasar por encima */
    .cnt-share #linkedin:hover, .cnt-share #linkedin:active,
    .cnt-share #twitter:hover, .cnt-share #twitter:active,
    .cnt-share #correo:hover, .cnt-share #correo:active,
    .cnt-share #whatsapp:hover, .cnt-share #whatsapp:active,
    .cnt-share #facebook:hover, .cnt-share #facebook:active
     {
      font-size: 100%;
        -webkit-text-shadow: none;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
        -moz-text-shadow: none;  /* Firefox 3.5 - 3.6 */
        text-shadow: none;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */    
    }


/* Enlaces */

    section#encabezado ul.cnt-btn {
        max-width: 450px;
        margin-bottom: 0px;
    }

    section#encabezado ul li.btn {
        width: 50%;
        max-width: 200px;
    }

    section#encabezado ul li.btn a {
        height: 45px;
    }
  
  /* Enlaces a proyectos */ 
  .cnt-proyectos div[id*="pr-"] a:not(.excluir) {
    width: 88%;
    margin-left:25px;
    font-size: 105%;

    padding-top: 0.9em;
    padding-bottom: 0.87em;
  }


/* Sección proyectos */

    .cnt-seccion {
        width:75%;
        max-width: 700px;
    }
    .cnt-seccion h1 {
        font-size: 32px;
        line-height: 1.2;
        text-align: center;
        margin-bottom: 20px;
    }
    .cnt-seccion p {
        margin-bottom: 15px;
        font-size: 110%;
    }
    .cnt-seccion p:last-child {
        margin-bottom: 3.25em;
    }


    .cnt-proyectos, .cnt-contacto {
        width:92%;
        max-width: 850px;
    }

    div[id*="pr-"] > *:not(a) {
        padding-left: 25px;
        padding-right: 25px;
    }

    div[id*="pr-"] {
        width: 47%;
        max-width: 425px;
        margin-bottom: 50px;
    }
    /*
    div[id*="pr-"]:nth-child(odd) {
        margin-right: 40px;
    }*/

/* Módulo contacto */

    section#contacto {
        background: 
          linear-gradient(
          rgba(243, 73, 76, 0.14),
          rgba(243, 73, 76, 0.14)
          ),
          url(../img/fondo-tab-contacto.jpg)
          center center no-repeat;
        background-size:cover;
    }

    div[id*="modulo-"] {
        width: 50%;
        /*width: 33.3%;*/
        border-width: 0px 1px 0px 0px;
        border-color: rgba(255, 255, 255, 0.8);
        margin: 0px 0px 0px 0px;
    }

    div[id*="modulo-"]:last-child {
        margin-right: 0px;
        border-width: 0px 0px 0px 0px;
    }

  /* Footer */
      #footer {
        margin-bottom: initial;
      }
  }


/* Mostrar y ocultar */
  .display-flex-768 {
      display: flex;
  }

/* ********** PERSONALIZADO ********** */

@media (min-width: 860px) {
    .display-flex-860 {
        display: inline-flex;
    }
}

/* ********** ORDENADOR ********** */

@media (min-width: 1100px) {
    
    section#encabezado {
        height: initial;
        min-height: 425px;
    }

    .cnt-encabezado-botones {
        margin-bottom: 30px;
    }

    section#encabezado h1 {
        font-size: 220%;
        line-height: 1.20;
        margin: 30px 0px 30px 0px;
    }

    section#encabezado h1, section#encabezado p {
        max-width: 600px;
    }

    /* Enlaces a proyectos */ 
    .cnt-proyectos div[id*="pr-"] a:not(.excluir) {
      font-size: 105%;
      padding-top: 0.85em;
      padding-bottom: 0.82em;
    }

    div[id*="pr-"] {
        margin-bottom: 60px;
    }

    div[id*="pr-"]:nth-child(odd) {
        margin-right: 50px;
    }

    /* Sección share */

    section#share-side {
      width: 55px;
      height: 200px;
      background-color: #f3f2f2;
      position: fixed;
      top: 50%;
      left: 15px;
      margin-top: -200px;
      padding: 0;
    }

    #share-side .cnt-share {
      flex-direction: column;
      width: 100%;
      height: 200px;
    }
    #share-side .cnt-share a {
      width: 100%;
      flex: 1!important;
    }

    #share-side #linkedin:after, #share-side #twitter:after, 
    #share-side #correo:after, #share-side #whatsapp:after, 
    #share-side #facebook:after {
      content: '';
    }

    #share-side #linkedin:before, #share-side #twitter:before, 
    #share-side #correo:before, #share-side #whatsapp:before, 
    #share-side #facebook:before
      {
        padding-right: 0px;
        font-size: 120%;
      }    

}