/*
Theme Name: elBullifoundation
Author: dosgrapas
Author URI: http://www.dosgrapas.com
Version: 1.0.10
*/

/*------------------------------------------------  GOOGLEFONTS ------------------------------------------------*/

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

/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans'; font-style: normal; font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTQ7aC6SjiAOpAWOKfJDfVRY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {lo
  font-family: 'Open Sans'; font-style: normal; font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTRdwxCXfZpKo5kWAx_74bHs.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans'; font-style: normal; font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTZ6vnaPZw6nYDxM4SVEMFKg.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans'; font-style: normal; font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTfy1_HTwRwgtl1cPga3Fy3Y.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans'; font-style: normal; font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTfgrLsWo7Jk1KvZser0olKY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans'; font-style: normal; font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTYjoYw3YTyktCCer_ilOlhE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans'; font-style: normal; font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTRampu5_7CjHW5spxoeN3Vs.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans'; font-style: normal; font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/K88pR3goAWT7BTt32Z01m4X0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans'; font-style: normal; font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/RjgO7rYTmqiVp7vzi-Q5UYX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans'; font-style: normal; font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/LWCjsQkB6EMdfHrEVqA1KYX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans'; font-style: normal; font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/xozscpT2726on7jbcb_pAoX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans'; font-style: normal; font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/59ZRklaO5bWGqF5A9baEEYX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans'; font-style: normal; font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/u-WUoqrET9fUeobQW7jkRYX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans'; font-style: normal; font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3ZBw1xU1rKptJj_0jans920.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans'; font-style: normal; font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzA7aC6SjiAOpAWOKfJDfVRY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans'; font-style: normal; font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzBdwxCXfZpKo5kWAx_74bHs.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans'; font-style: normal; font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzJ6vnaPZw6nYDxM4SVEMFKg.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans'; font-style: normal; font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzPy1_HTwRwgtl1cPga3Fy3Y.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans'; font-style: normal; font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzPgrLsWo7Jk1KvZser0olKY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans'; font-style: normal; font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzIjoYw3YTyktCCer_ilOlhE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans'; font-style: normal; font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzBampu5_7CjHW5spxoeN3Vs.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

@font-face {
    font-family: 'Roboto'; src: url('fonts/Roboto-Light.eot'); src: url('fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Light.woff') format('woff'), url('fonts/Roboto-Light.ttf') format('truetype'), url('fonts/Roboto-Light.svg#RobotoLight') format('svg');
    font-weight: 200; font-style: normal;
}

@font-face {
    font-family: 'Roboto'; src: url('fonts/Roboto-Regular.eot'); src: url('fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Regular.woff') format('woff'), url('fonts/Roboto-Regular.ttf') format('truetype'), url('fonts/Roboto-Regular.svg#RobotoRegular') format('svg');
    font-weight: 400; font-style: normal;
}

@font-face {
    font-family: 'Roboto'; src: url('fonts/Roboto-Medium.eot'); src: url('fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Medium.woff') format('woff'), url('fonts/Roboto-Medium.ttf') format('truetype'), url('fonts/Roboto-Medium.svg#RobotoMedium') format('svg');
    font-weight: 500; font-style: normal;
}
 
@font-face {
    font-family: 'Roboto'; src: url('fonts/Roboto-Bold.eot'); src: url('fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Bold.woff') format('woff'), url('fonts/Roboto-Bold.ttf') format('truetype'), url('fonts/Roboto-Bold.svg#RobotoBold') format('svg');
    font-weight: 700; font-style: normal;
}

@font-face { font-family: HelveticaNeue; src: url("fonts/HelveticaNeueLTStd-Bd.otf") format("opentype"); }
@font-face { font-family: "Din"; src: url("fonts/DINNextLTPro-Bold.otf") format("opentype"); font-weight: bold; }
@font-face { font-family: "Din"; src: url("fonts/DINNextLTPro-Regular.otf") format("opentype"); font-weight: normal; }
@font-face { font-family: "Din"; src: url("fonts/DINNextLTPro-Light.otf") format("opentype"); font-weight: lighter; }


/*------------------------------------------------  GENERAL ------------------------------------------------*/

html, body { margin:0; }
ul, ol { margin:0; padding:0; }
li, #index-container li, .container .indice-lista-left li, .container .indice-lista-right li { list-style:none; }
.container li { list-style: inherit; list-style-position: inside; }
button:focus {outline:0;}

hr { margin: 0 !important; padding: 0 !important; border-top: 1px solid #aeaeae; }
body { width:100% !Important; }

.box { border-top-width:7px; border-top-style:solid; box-shadow:0 2px 0 0 #E1E1E1; overflow:hidden; }
.box h2, .box-title { -webkit-transition: .15s; -moz-transition: .15s; -o-transition: .15s; transition: .15s;}
.box-image, #boton-proximamente { -webkit-transition: .3s ease; -moz-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease;}
.box { -webkit-transition: border-color .15s; -moz-transition: border-color .15s; -o-transition: border-color .15s; transition: border-color .15s;}
.box:hover { border-color:#999 !important;}
.box:hover h2{ color:#999 !important; }
.box-title { padding:30px 40px;}
.box-image { width:100%; height:220px; background-size:cover; background-position:center; }
.box:hover .box-image { transform:scale(1.1); }


.btn { background-color:transparent; }
.box img { width:100% !important; }

.column-1-2-left { padding-right:22px; }
.column-1-2-right { padding-left:22px; }

.background-grey { background-color:#e7e7e7; }
.background-greyblack { background-color:#d2d2d2; }
.background-black { background-color:#061424; }
.background-blue, .page-template-proyectos-por-anos .projectsCategories-container .projectsCategory-container:nth-child(4n+1) .header-projectsCategory { background-color:#1e88e5; background-color:#0094ff; }

.border-blue { border-color:#0094ff; } .bulliniano:hover h4 { color:#0094ff !important; } #cita-container h3 { background-color:#0094ff !important; }
.border-white { border-color:#fff; }
.border-orange { border-color:#ec6043; }
.border-green { border-color:#39a44a; }
.border-purple { border-color:#9d2bdb; }
.border-pink { border-color:#db3d73; }

.borderTop-blue { border-color:#0094ff; }
.borderTop-green { border-color:#33cc66; }
.borderTop-pink { border-color:#db3d73; }

.hideme, .hideme2 { opacity:0; }
.up { margin-top:80px; }

@media (max-width: 767px) { 
  #cita-container h3 { font-size:26px !important; line-height:34px !important; }
  .column-1-2-left, .column-1-2-right { padding:0px; }
  .box { margin-bottom:50px; }
  .hideme { opacity:1 !important; }
  .up { margin-top:0px !important; }
}

/* -------------------------------------------------------------- CONTENIDORS ------------------------------------------------------------- */
.container { padding:0 30px; width:calc(100% - 60px) !important; overflow:hidden; }
.wrap655 { max-width:690px; margin:0 auto; }
.wrap750 { max-width:750px; margin: 0 auto; }
.wrap770 { max-width:825px; margin:0 auto; }
.wrap780 { max-width:830px; margin:0 auto; }
.wrap815 { max-width:850px; margin:0 auto; }
.wrap820 { max-width:870px; margin:0 auto; }
.wrap850 { max-width:900px; margin:0 auto; }
.wrap900 { max-width:970px; margin:0 auto; }
.wrap970 { max-width:1020px; margin:0 auto; }
.wrap1000 { max-width:1010px; margin:0 auto; }
.wrap1010 { max-width:1060px; margin:0 auto; }
.wrap1020 { max-width:1075px; margin:0 auto; }
.wrap1110 { max-width:1140px; margin:0 auto; }
.full-container { padding:75px 0 100px 0; }
.wrap900 { max-width:950px; margin:0 auto; }
.wrap960 { max-width:960px; margin:0 auto; }
.wrap1110 { max-width:1100px; margin:0 auto; }
.wrap1150 { max-width:1150px; margin:0 auto; }
.wrap1090 { max-width:1090px; margin:0 auto; }
.wrap1200 { max-width:1200px; margin:0 auto; }

/* --- Margin bottom --- */
h1 { margin-bottom: 50px; }
p, .page-template-cronologia p, .biografia-content p, .container li { margin-bottom: 20px; }
.credit-publications p { margin-bottom: 8px; }
.titol-proyecto p, .credit-proyecto p, .titol-proyecto ul li, .credit-proyecto ul li { margin-bottom: 5px; }
body.page-template-lo-ultimo p, .header-caixa-contactar p, .caixa-premi p, #columna-la-creacion li, #columna-la-reproduccion li, 
#columna-la-historia li, #columna-modelo-negocio li, #columna-las-consecuencias li, #index-container li { margin-bottom: 0 !important; }


/* --------------------------------------------------------------- COLUMNES --------------------------------------------------------------- */

col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {float:left;}
col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {float:left;}
col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {float:left;}
col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {float:left;}
col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {float:left;}

@media (max-width: 575px) {
.col-xs-1 {width:8.33% !important;} .col-xs-2 {width:16.66% !important;} .col-xs-3 {width:25% !important;} .col-xs-4 {width:33.33% !important;} .col-xs-5 {width:41.66% !important;} .col-xs-6 {width:50% !important;} .col-xs-7 {width:58.33% !important;} .col-xs-8 {width:66.66% !important;} .col-xs-9 {width:75% !important;} .col-xs-10 {width:83.33% !important;} .col-xs-11 {width:91.66% !important;}.col-xs-12 {width:100% !important;}
.col-sm-1 {width:8.33%;} .col-sm-2 {width:16.66%;} .col-sm-3 {width:25%;} .col-sm-4 {width:33.33%;} .col-sm-5 {width:41.66%;} .col-sm-6 {width:50%;} .col-sm-7 {width:58.33%;} .col-sm-8 {width:66.66%;} .col-sm-9 {width:75%;} .col-sm-10 {width:83.33%;} .col-sm-11 {width:91.66%;}.col-sm-12 {width:100%;}
.col-md-1 {width:8.33%;} .col-md-2 {width:16.66%;} .col-md-3 {width:25%;} .col-md-4 {width:33.33%;} .col-md-5 {width:41.66%;} .col-md-6 {width:50%;} .col-md-7 {width:58.33%;} .col-md-8 {width:66.66%;} .col-md-9 {width:75%;} .col-md-10 {width:83.33%;} .col-md-11 {width:91.66%;}.col-md-12 {width:100%;}
.col-lg-1 {width:8.33%;} .col-lg-2 {width:16.66%;} .col-lg-3 {width:25%;} .col-lg-4 {width:33.33%;} .col-lg-5 {width:41.66%;} .col-lg-6 {width:50%;} .col-lg-7 {width:58.33%;} .col-lg-8 {width:66.66%;} .col-lg-9 {width:75%;} .col-lg-10 {width:83.33%;} .col-lg-11 {width:91.66%;}.col-lg-12 {width:100%;}
.col-xl-1 {width:8.33%;} .col-xl-2 {width:16.66%;} .col-xl-3 {width:25%;} .col-xl-4 {width:33.33%;} .col-xl-5 {width:41.66%;} .col-xl-6 {width:50%;} .col-xl-7 {width:58.33%;} .col-xl-8 {width:66.66%;} .col-xl-9 {width:75%;} .col-xl-10 {width:83.33%;} .col-xl-11 {width:91.66%;}.col-xl-12 {width:100%;}
}

@media (min-width: 576px) and (max-width: 767px) {
.col-xs-1 {width:8.33%;} .col-xs-2 {width:16.66%;} .col-xs-3 {width:25%;} .col-xs-4 {width:33.33%;} .col-xs-5 {width:41.66%;} .col-xs-6 {width:50%;} .col-xs-7 {width:58.33%;} .col-xs-8 {width:66.66%;} .col-xs-9 {width:75%;} .col-xs-10 {width:83.33%;} .col-xs-11 {width:91.66%;}.col-xs-12 {width:100%;}
.col-sm-1 {width:8.33% !important;} .col-sm-2 {width:16.66% !important;} .col-sm-3 {width:25% !important;} .col-sm-4 {width:33.33% !important;} .col-sm-5 {width:41.66% !important;} .col-sm-6 {width:50% !important;} .col-sm-7 {width:58.33% !important;} .col-sm-8 {width:66.66% !important;} .col-sm-9 {width:75% !important;} .col-sm-10 {width:83.33% !important;} .col-sm-11 {width:91.66% !important;}.col-sm-12 {width:100% !important;}
.col-md-1 {width:8.33%;} .col-md-2 {width:16.66%;} .col-md-3 {width:25%;} .col-md-4 {width:33.33%;} .col-md-5 {width:41.66%;} .col-md-6 {width:50%;} .col-md-7 {width:58.33%;} .col-md-8 {width:66.66%;} .col-md-9 {width:75%;} .col-md-10 {width:83.33%;} .col-md-11 {width:91.66%;}.col-md-12 {width:100%;}
.col-lg-1 {width:8.33%;} .col-lg-2 {width:16.66%;} .col-lg-3 {width:25%;} .col-lg-4 {width:33.33%;} .col-lg-5 {width:41.66%;} .col-lg-6 {width:50%;} .col-lg-7 {width:58.33%;} .col-lg-8 {width:66.66%;} .col-lg-9 {width:75%;} .col-lg-10 {width:83.33%;} .col-lg-11 {width:91.66%;}.col-lg-12 {width:100%;}
.col-xl-1 {width:8.33%;} .col-xl-2 {width:16.66%;} .col-xl-3 {width:25%;} .col-xl-4 {width:33.33%;} .col-xl-5 {width:41.66%;} .col-xl-6 {width:50%;} .col-xl-7 {width:58.33%;} .col-xl-8 {width:66.66%;} .col-xl-9 {width:75%;} .col-xl-10 {width:83.33%;} .col-xl-11 {width:91.66%;}.col-xl-12 {width:100%;}
}

@media (min-width: 768px) and (max-width: 991px) {
.col-xs-1 {width:8.33%;} .col-xs-2 {width:16.66%;} .col-xs-3 {width:25%;} .col-xs-4 {width:33.33%;} .col-xs-5 {width:41.66%;} .col-xs-6 {width:50%;} .col-xs-7 {width:58.33%;} .col-xs-8 {width:66.66%;} .col-xs-9 {width:75%;} .col-xs-10 {width:83.33%;} .col-xs-11 {width:91.66%;}.col-xs-12 {width:100%;}
.col-sm-1 {width:8.33%;} .col-sm-2 {width:16.66%;} .col-sm-3 {width:25%;} .col-sm-4 {width:33.33%;} .col-sm-5 {width:41.66%;} .col-sm-6 {width:50%;} .col-sm-7 {width:58.33%;} .col-sm-8 {width:66.66%;} .col-sm-9 {width:75%;} .col-sm-10 {width:83.33%;} .col-sm-11 {width:91.66%;}.col-sm-12 {width:100%;}
.col-md-1 {width:8.33% !important;} .col-md-2 {width:16.66% !important;} .col-md-3 {width:25% !important;} .col-md-4 {width:33.33% !important;} .col-md-5 {width:41.66% !important;} .col-md-6 {width:50% !important;} .col-md-7 {width:58.33% !important;} .col-md-8 {width:66.66% !important;} .col-md-9 {width:75% !important;} .col-md-10 {width:83.33% !important;} .col-md-11 {width:91.66% !important;}.col-md-12 {width:100% !important;}
.col-lg-1 {width:8.33%;} .col-lg-2 {width:16.66%;} .col-lg-3 {width:25%;} .col-lg-4 {width:33.33%;} .col-lg-5 {width:41.66%;} .col-lg-6 {width:50%;} .col-lg-7 {width:58.33%;} .col-lg-8 {width:66.66%;} .col-lg-9 {width:75%;} .col-lg-10 {width:83.33%;} .col-lg-11 {width:91.66%;}.col-lg-12 {width:100%;}
.col-xl-1 {width:8.33%;} .col-xl-2 {width:16.66%;} .col-xl-3 {width:25%;} .col-xl-4 {width:33.33%;} .col-xl-5 {width:41.66%;} .col-xl-6 {width:50%;} .col-xl-7 {width:58.33%;} .col-xl-8 {width:66.66%;} .col-xl-9 {width:75%;} .col-xl-10 {width:83.33%;} .col-xl-11 {width:91.66%;}.col-xl-12 {width:100%;}	
}

@media (min-width: 992px) and (max-width: 1199px) {
.col-xs-1 {width:8.33%;} .col-xs-2 {width:16.66%;} .col-xs-3 {width:25%;} .col-xs-4 {width:33.33%;} .col-xs-5 {width:41.66%;} .col-xs-6 {width:50%;} .col-xs-7 {width:58.33%;} .col-xs-8 {width:66.66%;} .col-xs-9 {width:75%;} .col-xs-10 {width:83.33%;} .col-xs-11 {width:91.66%;}.col-xs-12 {width:100%;}
.col-sm-1 {width:8.33%;} .col-sm-2 {width:16.66%;} .col-sm-3 {width:25%;} .col-sm-4 {width:33.33%;} .col-sm-5 {width:41.66%;} .col-sm-6 {width:50%;} .col-sm-7 {width:58.33%;} .col-sm-8 {width:66.66%;} .col-sm-9 {width:75%;} .col-sm-10 {width:83.33%;} .col-sm-11 {width:91.66%;}.col-sm-12 {width:100%;}
.col-md-1 {width:8.33%;} .col-md-2 {width:16.66%;} .col-md-3 {width:25%;} .col-md-4 {width:33.33%;} .col-md-5 {width:41.66%;} .col-md-6 {width:50%;} .col-md-7 {width:58.33%;} .col-md-8 {width:66.66%;} .col-md-9 {width:75%;} .col-md-10 {width:83.33%;} .col-md-11 {width:91.66%;}.col-md-12 {width:100%;}
.col-lg-1 {width:8.33% !important;} .col-lg-2 {width:16.66% !important;} .col-lg-3 {width:25% !important;} .col-lg-4 {width:33.33% !important;} .col-lg-5 {width:41.66% !important;} .col-lg-6 {width:50% !important;} .col-lg-7 {width:58.33% !important;} .col-lg-8 {width:66.66% !important;} .col-lg-9 {width:75% !important;} .col-lg-10 {width:83.33% !important;} .col-lg-11 {width:91.66% !important;}.col-lg-12 {width:100% !important;}
.col-xl-1 {width:8.33%;} .col-xl-2 {width:16.66%;} .col-xl-3 {width:25%;} .col-xl-4 {width:33.33%;} .col-xl-5 {width:41.66%;} .col-xl-6 {width:50%;} .col-xl-7 {width:58.33%;} .col-xl-8 {width:66.66%;} .col-xl-9 {width:75%;} .col-xl-10 {width:83.33%;} .col-xl-11 {width:91.66%;}.col-xl-12 {width:100%;}	
}

@media (min-width: 1200px) {
.col-xs-1 {width:8.33%;} .col-xs-2 {width:16.66%;} .col-xs-3 {width:25%;} .col-xs-4 {width:33.33%;} .col-xs-5 {width:41.66%;} .col-xs-6 {width:50%;} .col-xs-7 {width:58.33%;} .col-xs-8 {width:66.66%;} .col-xs-9 {width:75%;} .col-xs-10 {width:83.33%;} .col-xs-11 {width:91.66%;}.col-xs-12 {width:100%;}
.col-sm-1 {width:8.33%;} .col-sm-2 {width:16.66%;} .col-sm-3 {width:25%;} .col-sm-4 {width:33.33%;} .col-sm-5 {width:41.66%;} .col-sm-6 {width:50%;} .col-sm-7 {width:58.33%;} .col-sm-8 {width:66.66%;} .col-sm-9 {width:75%;} .col-sm-10 {width:83.33%;} .col-sm-11 {width:91.66%;}.col-sm-12 {width:100%;}
.col-md-1 {width:8.33%;} .col-md-2 {width:16.66%;} .col-md-3 {width:25%;} .col-md-4 {width:33.33%;} .col-md-5 {width:41.66%;} .col-md-6 {width:50%;} .col-md-7 {width:58.33%;} .col-md-8 {width:66.66%;} .col-md-9 {width:75%;} .col-md-10 {width:83.33%;} .col-md-11 {width:91.66%;}.col-md-12 {width:100%;}
.col-lg-1 {width:8.33%;} .col-lg-2 {width:16.66%;} .col-lg-3 {width:25%;} .col-lg-4 {width:33.33%;} .col-lg-5 {width:41.66%;} .col-lg-6 {width:50%;} .col-lg-7 {width:58.33%;} .col-lg-8 {width:66.66%;} .col-lg-9 {width:75%;} .col-lg-10 {width:83.33%;} .col-lg-11 {width:91.66%;}.col-lg-12 {width:100%;}
.col-xl-1 {width:8.33% !important;} .col-xl-2 {width:16.66% !important;} .col-xl-3 {width:25% !important;} .col-xl-4 {width:33.33% !important;} .col-xl-5 {width:41.66% !important;} .col-xl-6 {width:50% !important;} .col-xl-7 {width:58.33% !important;} .col-xl-8 {width:66.66% !important;} .col-xl-9 {width:75% !important;} .col-xl-10 {width:83.33% !important;} .col-xl-11 {width:91.66% !important;}.col-xl-12 {width:100% !important;}	
}


.column-1-5 { float:left; }
@media (min-width: 992px) {
.column-1-5 { width:calc(20% - 16px); margin-right:20px; }
.column-1-5:nth-child(0n+5) { margin-right:0px; }
}

@media (min-width: 768px) and (max-width: 991px) {
.column-1-5 { width:calc(33% - 11px); margin-right:20px; }
.column-1-5:nth-child(0n+3) { margin-right:0px; }
.column-1-5:nth-child(0n+4) { margin-left:16.5%; }
.column-1-5:nth-child(0n+4), .column-1-5:nth-child(0n+5) { margin-top:40px; }
}

@media (min-width: 576px) and (max-width: 767px) { 
.column-1-5 { width:calc(50% - 10px); margin-right:20px; }
.column-1-5:nth-child(0n+2), .column-1-5:nth-child(0n+4) { margin-right:0px; }
.column-1-5:nth-child(0n+5) { margin-left:25%; }
.column-1-5:nth-child(0n+3), .column-1-5:nth-child(0n+4), .column-1-5:nth-child(0n+5) { margin-top:40px; }
}

@media (max-width: 575px) {
.column-1-5 { width:calc(100% - 60px); margin-right:0px; }
.column-1-5 { margin-top:40px; }
}


/*------------------------------------------------ COLOR ------------------------------------------------*/

/*--- White ---*/
h2, .white, #columna-la-creacion a, #columna-la-reproduccion a, body.page-template-lideres h1, body.page-template-lideres strong, body.home h2,
/*-body.page-template-biografias h1,---*/ .indice-title, .number-list, .biografia-button, .header-caixa-contactar, #amazon-footer p, #amazon-container-home p  { color:#fff; }
#removecookie, #more, body.error404 h1, body.error404 .wrap1020 p, #years-container h2, .tab-button, #copyright,
body.page-template-biografias .seccion-biografia h2, .biografia-button, .header-caixa-contactar p, body.page-template-contactar-7 #selector-idioma-header a,
body.page-template-contactar-7 #selector-idioma-header p, body.page-template-de-donde-venimos #selector-idioma-header p, 
body.page-template-de-donde-venimos #selector-idioma-header a, footer .wpml-ls-current-language a, footer a:hover, body.page-template-proyectos #breadcrumb a.white, body.page-template-proyectos #breadcrumb p.white, body.page-template-timeline-proyectos #breadcrumb a.white, body.page-template-timeline-proyectos #breadcrumb p.white, body.page-template-proyectos-por-entidades #breadcrumb a.white, body.page-template-proyectos-por-entidades #breadcrumb p.white, body.page-template-proyectos-por-categorias #breadcrumb a.white, body.page-template-proyectos-por-categorias #breadcrumb p.white,
#noticia-container .text strong, .white-red-button, .quadre-blau-imatge h1, .quadre-color-imatge h1 .template_modelo_de_negocio2 #text-majuscules h1, 
.template_clasificar_proyectos_galaxia #text-majuscules h1, #breadcrumb a, #breadcrumb p, .footer-partners p, .requadre-sintesis h2, #single-title-container #titol-container h1, .header-projectsCategory, h1.white, h1.white strong/*-, .text-projectsCategory a:hover-*/  { color: #FFF !important; }

/*--- Black ---*/
.black, #columna-la-historia a, #columna-modelo-negocio a, #columna-las-consecuencias a, body.page-template-basica h1, 
h1, body.page-template-video h1, .number-box, .masonry-box p, .text-quadre-numero h1, .text-quadre-numero #subtitol-quadrat-blanc, 
.quadre-blau-imatge h2, .quadre-color-imatge h1, .quadre-color-imatge h1, .quadre-color-imatge h2, .angel h3, .angel .contingut p, .angel .contingut li, .page-template-proyectos h3, /*-.text-projectsCategory a,-*/ .page-template-proyectos-por-entidades h2, .project-element h2, .black-button:hover, 
.single-proyectos-globales h2, body.single-proyectos-globales #breadcrumb li p, 
body.page-template-proyectos #breadcrumb li p, 
body.page-template-timeline-proyectos #breadcrumb li p,
body.page-template-proyectos-por-categorias #breadcrumb li p, 
body.page-template-proyectos-por-entidades #breadcrumb li p, 
body.single-proyecto #breadcrumb li p, 
body.page-template-proyectos-resultados #breadcrumb li p { color:#000 !important; }

/*--- Grey---*/
.light-grey { color:#cecece; }
.grey-pre-footer, #noticia-container .text h1 { color:#404041; }
.project-element .projects-categories_container .category-element p.black { color:#a2a2a2 !important }
p, body, .grey, .page-template-bibliografia-filmografia h2 p, .titol-publicacio p, .titol-proyecto p, .credit-proyecto p, 
.page-template-cronologia h2 p, .contingut-cronologia p, .seccion-biografia p, .page-template-23-puntos h2, 
.page-template-premios-reconocimientos h2 p, .contingut-caixa-contactar p, .titol-proyecto ul li, .credit-proyecto ul li,
.page-template-modelo-negocio h2 p, #noticia-container .text p { color:#6e6d6d; }
body.page-template-proyectos #breadcrumb li a, body.page-template-proyectos #breadcrumb li:after, 
body.page-template-timeline-proyectos #breadcrumb li a, body.page-template-timeline-proyectos #breadcrumb li:after,
body.page-template-proyectos-por-categorias #breadcrumb li a,  body.page-template-proyectos-por-categorias #breadcrumb li:after, 
body.page-template-proyectos-por-entidades #breadcrumb li a, body.page-template-proyectos-por-entidades #breadcrumb li:after, 
body.single-proyecto #breadcrumb li a, body.single-proyecto #breadcrumb li:after, 
body.page-template-proyectos-resultados #breadcrumb li a, body.page-template-proyectos-resultados #breadcrumb li:after, 
body.single-proyectos-globales #breadcrumb li a, body.single-proyectos-globales #breadcrumb li:after { color:#6e6d6d !important; }
.light-grey, .credit-publications p, /*.page-template-modelo-negocio-2 #text-subtitol h2,*/ .page-template-modelo-negocio-2 #text-subtitol p, 
.quadre-blau-imatge h4 { color:#bbbaba !important; }

/*--- Blue---*/
.blue, .credit-proyecto strong, #cita-biografia p, body.page-template-biografias .seccion-biografia h1 span.number, 
h3, .seccion-biografia blockquote p, .border-button-blue, .wpml-ls-legacy-dropdown-click a:focus, .wpml-ls-legacy-dropdown a:focus, 
.wpml-ls-legacy-dropdown-click a:hover { color:#1e88e5; }
#selector-idioma-header .wpml-ls-current-language a { color:#1e88e5 !important; }
#selector-idioma-header a:hover { color:#1e88e5 !important; }
#selector-idioma-header p, .wpml-ls-legacy-dropdown-click a, .wpml-ls-legacy-dropdown a, .wpml-ls-legacy-list-horizontal a, 
.light-blue, footer p, footer a { color:#858a93 !important; }
#numero-blau, #breadcrumb p { color: #0094ff !important; }

/*--- Red---*/
.border-button.red { color: #e11d1d; }

/*--- Purple---*/
.purple { color:#82358b; }
.contingut-caixa-contactar a { color: #9d2bdb; }


/*------------------------------------------- BACKGROUND-COLOR ------------------------------------------*/

body.home .border-blue, #home-logo-container, #sapiens-container, #sobre-elbullifoundation-container, #proyectos-elbullifoundation-container, 
#elbullistore-container, #bullinianos-container, #de-donde-venimos-container, #contactar-container, #lo-ultimo-container, #angeles-container,
#elbullilab-container, #cita-background, footer, body.page-template-construction, body.page-template-construction #construccion, 
body.error404, #amazon-container-home, body.page-template-modelo-negocio-2, .page-template-clasificar_proyectos_galaxia .template_clasificar_proyectos_galaxia,
.page-template-clasificar_proyectos_galaxia .fons-footer-partners, body.page-template-template_singles, body.page-template-template_singles_alt, body.modelo-negocio-template,
.modelo-negocio-template-clasificar_proyectos_galaxia .template_clasificar_proyectos_galaxia, .modelo-negocio-template-clasificar_proyectos_galaxia .fons-footer-partners,
body.page-template-template_modelo_page, body.single-modelo-negocio, body.page-template-home-2 header, .darkblue-background, 
#labulliografia-elbulli1846-container.darkblue-background, #cita-background.darkblue-background, body.page-template-home-2, body.page-template-proyectos header, 
body.page-template-timeline-proyectos header, body.page-template-proyectos-por-entidades header, body.page-template-proyectos-por-categorias header
{ background-color:#061324; }

.lightblue-background { background-color: #2c3645; }

/*--- White ---*/
body.page-template-premios-reconocimientos, body.page-template-bibliografia-filmografia, body.page-template-modelo-negocio,
body.page-template-cronologia, body.page-template-biografias, body.page-template-23-puntos, #noticia-container, #quadrat-blanc-numero,
.page-template-template_singles .cos-pagina, .page-template-template_singles_alt .cos-pagina, .modelo-negocio-template .cos-pagina,
.white-background, body.page-template-template_angeles, body.page-template-proyectos, body.page-template-proyectos-por-anos, 
body.single-proyecto, body.page-template-proyectos-por-categorias, body.page-template-proyectos-por-entidades, body.page-template-proyectos .borderTop-element, 
body.page-template-proyectos-resultados, body.single-proyectos-globales, body.page-template-timeline-proyectos, .single-proyectos-globales .project-element { background-color: #FFF !important; }

/*--- Grey---*/
.lightgrey-background { background-color: #f3f3f3; }
/*-.text-projectsCategory a,-*/ .black-button:hover { background-color: #e3e3e3; }
.tab-button { background-color: #4d4b4b; }
.page-template-clasificar_proyectos_galaxia header, body.page-template-clasificar_proyectos_galaxia,
.page-template-clasificar_proyectos_galaxia .grey-background-header, .modelo-negocio-template-clasificar_proyectos_galaxia header,
body.modelo-negocio-template-clasificar_proyectos_galaxia, .modelo-negocio-template-clasificar_proyectos_galaxia .grey-background-header 
{ background-color: #13202f; }

/*--- Blue---*/
.blue-background, h2, #years-container h2, body.home .tab-button, .tab-button.active, .blue-container, body.page-template-biografias .seccion-biografia h2, 
.contingut-requadre-blau { background-color: #0094ff; }
.blue-header { background-color: #001321; }
.number-list { background-color: #1c7aba; }
.biografia-button { background-color: #0061a6; }

/*--- Black---*/
.black-background, body.home .tab-button:hover, .biografia-button.active, body.page-template-biografias .seccion-biografia h1 span.number/*--, .text-projectsCategory a:hover-*/  { 
  background-color:#000; }

/*--- Purple---*/
.header-caixa-contactar { background-color: #9d2bdb; }

/*--- Red---*/
.white-red-button { background-color: #d43c40; }

/*--- Transparent---*/
body.home h2, .project-element h2 { background-color: transparent !important; }

/*--- Green---*/
.green-background { background-color:#33cc66; }
.page-template-proyectos-por-categorias .projectsCategories-container .projectsCategory-container:nth-child(4n+1) .header-projectsCategory { background-color: #33cc66; }

/*--- Pink---*/
.pink-background { background-color:#db3d73; }


/*------------------------------------------------ TIPOS ------------------------------------------------*/

p, body, .contingut-cronologia p, #google-search-form input, #breadcrumb, .template_single table p, body.page-template-template_form input, .content-singleProyects li 
{ font-family: 'Roboto'; font-size:18px; line-height:28px; font-weight:400; margin-top: 0; }
h1, .biografia-content h1, .page-template-premios-reconocimientos h1, .page-template-bibliografia-filmografia h1, 
.page-template-modelo-negocio h1, .page-template-cronologia h1, .page-template-23-puntos h1  { 
  font-family: 'Roboto'; font-size:43px; line-height:43px; font-weight:200; }
h2 { font-family: "Din"; font-weight: bold; font-size: 18px; padding: 4px 10px 0; margin-bottom: 35px; }
h3 { font-family: 'Roboto', sans-serif !important; font-size: 18px; line-height: 26px; 
font-weight: 700; background: url(images/list-triangle-grey.svg) no-repeat left !important; background-position: 0px 9px !important; 
padding-left: 20px; margin-left: -20px; margin-top: 20px; margin-bottom: 0; }
h4, .caixa-premi p, .masonry-box p { font-family: 'Roboto'; font-size:16px; line-height:23px; font-weight:200; }


#breadcrumb a, #breadcrumb p { text-transform: uppercase; font-size: 12px; line-height: 14px; font-weight: bold; text-decoration: none; }


.page-template-lideres h1 { font-family: Arial, Helvetica, sans-serif; font-weight:normal; line-height:1.5; font-size:21px; }
.lideres-content table td, .biografia-content table td { font-family: Arial, Helvetica, sans-serif; font-weight:normal; line-height:1.5; font-size:14px; }
.page-template-basica h3, .page-template-basica strong { font-family: Arial, Helvetica, sans-serif; font-weight:bold; line-height:1.5; font-size:16px; }
#pre-footer p { font-family: Helvetica, Arial, sans-serif; font-size:13px; line-height:18px; margin:0; }
footer p, footer a, footer .wpml-ls-legacy-list-horizontal a { font-family:'Open Sans', sans-serif !important; font-size:16px !important; font-weight:normal !important; line-height:20px; margin:0; }
body.page-template-construction #construccion p {font-family:'Roboto'; font-size:48px; line-height:60px; font-weight: 200; padding:30px; }
@media (max-width: 767px) { 
body.page-template-construction #construccion p {font-size:28px; line-height:35px; }
}

.wpml-ls-legacy-dropdown-click a, .wpml-ls-legacy-dropdown a, .wpml-ls-legacy-list-horizontal a { font-family: 'Open Sans'; font-family: 'Roboto'; font-style: normal; font-weight:bold !important; font-size:14px !important; text-decoration:none !important; }
#selector-idioma-header p { font-family: 'Open Sans';  font-family: 'Roboto'; font-style: normal; font-weight:normal; font-size:14px; }
#selector-idioma-footer .wpml-ls-legacy-dropdown-click a, #selector-idioma-footer .wpml-ls-legacy-dropdown a, #selector-idioma-footer p { font-family: 'Open Sans'; font-family: 'Roboto'; font-style: normal; font-weight:normal !important; font-size:15px !important; }

body.home h2, body.page-template-home-2 h2 {font-family: 'Roboto'; font-size:35px; line-height:41px; font-weight:bold; }
body.home p, body.page-template-home-2 p { font-family: 'Roboto'; font-size:18px; line-height:22px; font-weight:bold; } 
#cita-container p { font-family: 'Roboto'; font-size:22px; line-height:28px; font-weight:normal; margin-bottom: 0; }
#cita-container strong { color:#FFF !important; }
#cita-container h3 { font-family: 'Roboto' !important; font-size:25px; line-height:30px; font-weight:500; color:#FFF; 
padding:12px 35px 14px; display:table; margin:18px auto; background: none !important; background-color: #0094ff !important; }

#navigation-biography a { font-family: 'Roboto'; font-size:14px; line-height:22px; font-weight:500; color:#a6a4a4; text-decoration:none !Important; }
#navigation-biography a:hover { color:#908f8e; }
#navigation-biography p { font-family: 'Roboto'; font-size:14px; line-height:22px; font-weight:bold; color:#908f8e; }


.biografia-content h4 { font-family: 'Roboto'; font-size:17px; line-height:25px; font-weight:bold; }
.biografia-content h5 { font-family: 'Roboto'; font-size:17px; line-height:25px; font-weight:500; }
.biografia-content a { font-family: 'Roboto'; font-size:17px; line-height:25px; font-weight:normal; color:#535151; text-decoration:underline; }
.biografia-content a:hover { text-decoration:none; }

#columna-administracion p, #columna-rrhh p, #columna-donaciones p, #columna-colabora p, #columna-prensa p { font-family: 'Open Sans', sans-serif; font-size:14px; line-height:18px; margin:0; text-decoration:none; }
#columna-la-creacion a, #columna-la-reproduccion a, #columna-la-historia a, #columna-modelo-negocio a, #columna-las-consecuencias a { 
  font-family: 'Roboto'; font-size:13px; line-height:19px; font-weight:500; text-decoration: none; }
#columna-la-creacion a:hover, #columna-la-reproduccion a:hover, #columna-la-historia a:hover, #columna-modelo-negocio a:hover, #columna-las-consecuencias a:hover { text-decoration:underline; }
#index-container a { font-family: 'Roboto'; font-size:15px; line-height:24px; font-weight:500; color:#0972ba; text-decoration:none; }
#index-container a:hover, #index-container a.active-link { color:#000; }
#index-container a.inactive-link { color:#0972ba; }

#titol { /*--font-family: Helvetica, sans-serif !important; font-size:54px !important; line-height:60px !important; margin:0 !important; 
  font-weight:bold !important; -*/ font-family: "Din" !important; font-weight: normal !important; font-size: 58px !important; 
  line-height: 60px !important; text-transform: uppercase; margin-top:0 !important; }

h5 { font-family: 'Open Sans', sans-serif; font-size:30px; line-height:36px; margin:0; font-weight:bold; }
h6 { font-family: 'Open Sans', sans-serif; font-size:18px; line-height:21px; margin:0; font-weight:bold; color:#939393; }
#menu a { font-family: 'Roboto', sans-serif; font-size:14px; line-height:24px; margin:0; font-weight:700; color:#4d4d4d; }
h2.helvetica { font-family:Helvetica, Arial, sans-serif; font-size:24px; line-height:27px; font-weight:300; }
a:link, a:visited { text-decoration:underline; }
a:hover { text-decoration:none; }
.box h2, a .box {text-decoration:none !important; color:#000 !important;}
strong, b { color:#000; }

.caixa-premi strong, .projects-categories_container .category-element p, .projects-categories_container .category-element a { font-family: 'Roboto'; font-size:16px; line-height:23px; font-weight:700; }
.page-template-bibliografia-filmografia h2 p, .page-template-cronologia h2 p, .page-template-23-puntos h2,
.page-template-premios-reconocimientos h2 p, .page-template-modelo-negocio h2 p, .page-template-template_angeles h2 p { 
  font-family: 'Roboto'; font-size:26px; line-height:35px; font-weight:200; }
.credit-publications p { font-family: 'Roboto'; font-size:15px; line-height:15px; font-weight:400; }
.titol-proyecto p, .credit-proyecto p, .titol-proyecto ul li, .credit-proyecto ul li, .angel p, .angel .contingut li { font-family: 'Roboto'; font-size:14px; line-height:21px; font-weight:400; }
.angel .contingut li { margin-bottom: 0; padding-left: 1.5em; text-indent: -1.5em; list-style-position: inside; }
/*-body.page-template-biografias h1 { font-family: Din !important; font-size: 46px; line-height: 56px; font-weight: 400; text-transform: uppercase; }--*/
blockquote { padding: 30px 0; }
#cita-biografia p, .seccion-biografia blockquote p, blockquote p { font-family: 'Roboto'; font-weight: 300; font-size: 26px; line-height: 34px; margin: 0 auto; }
.number-list { font-family: "Din"; font-size: 20px; line-height: 28px; font-weight: 700; text-transform: uppercase; }
.biografia-button { font-family: "Din"; font-size: 16px; line-height: 26px; font-weight: 400; text-transform: uppercase; }
/*-body.page-template-biografias .seccion-biografia h1 { font-family: 'Roboto', sans-serif !important; font-size: 22px; line-height: 30px; 
font-weight: 400; overflow: hidden; margin-bottom: 40px; }--*/
.header-caixa-contactar p, .title-contact-section { font-family: "Din"; font-weight: bold; font-size: 14px; line-height: 22px; }
.title-contact-section { text-transform: uppercase; }
.contingut-caixa-contactar p { font-family: "Roboto"; font-weight: 200; font-size: 30px; line-height: 37px; }
.contingut-caixa-contactar a { font-family: "Roboto"; font-weight: 400; font-size: 18px; line-height: 24px; text-decoration: none; }
footer #amazon-inside p, #amazon-container-home p { font-family: "Roboto" !important; font-weight: 200 !important; font-size: 25px !important; 
line-height: 32px !important; }

.page-template-proyectos h1, body.page-template-timeline-proyectos h1, body.page-template-proyectos-por-entidades h1, body.page-template-proyectos-por-categorias h1 { font-family: "Din" !important; font-weight: lighter !important; font-size: 58px !important; 
  line-height: 60px !important; text-transform: uppercase; }
.page-template-proyectos h3, .single-proyectos-globales h2 { font-family: "Roboto" !important; font-weight: bold !important; font-size: 26px !important; 
  line-height: 30px !important; background: none !important; }
.searchType p { font-size: 16px; line-height: 20px; }
.black-button { font-size: 16px; line-height: 20px; font-weight: bold; }

.page-template-proyectos-por-anos h1, .single-proyecto h1 { font-family: "Din" !important; font-weight: normal !important; font-size: 45px !important; 
  line-height: 54px !important; }
.header-projectsCategory { font-family: "Roboto" !important; font-weight: bold !important; font-size: 20px !important; 
  line-height: 24px !important; }
/*-.text-projectsCategory a  { font-family: "Roboto"; font-weight: normal; font-size: 14px; line-height: 18px; }-*/

.single-proyecto h2, .page-template-proyectos-por-entidades h2, .project-element h2 { font-family: "Din" !important; font-weight: lighter !important; font-size: 30px !important; line-height: 40px !important; }
.projects-pagination a div.project-link_container .text, .webButton-link a { font-family: "Din" !important; font-weight: bold !important; font-size: 20px !important; line-height: 24px !important; }

.project-element .excerpt_container p { font-family: 'Roboto'; font-size:16px; line-height:26px; font-weight:400; }

.requadre-sintesis h2 { font-family: DIN !important; font-size: 13px; font-weight: bold; line-height: 21px; text-transform: uppercase; }

.cd-timeline-year p { font-family: DIN !important; font-size: 40px; line-height: 48px; font-weight: normal; }
.timeline-body .title-project { font-family: DIN !important; font-size: 24px; line-height: 27px; font-weight: normal; }
.timeline-body .category-project { font-family: DIN !important; font-size: 12px; line-height: 14px; font-weight: bold; }

@media (max-width: 767px) { 
  .page-template-proyectos-por-anos h1, .page-template-proyectos-por-categorias h1, .page-template-proyectos-por-entidades h1, .single-proyecto h1, .page-template-proyectos-resultados h1 { font-size: 32px !important; line-height: 40px !important; }
  .page-template-proyectos h1, body.page-template-timeline-proyectos h1, body.page-template-proyectos-por-entidades h1, body.page-template-proyectos-por-categorias h1 { font-size: 30px !important; line-height: 40px !important; }
}

/*----------------------------------------------- MODELO DE NEGOCIO 2 -----------------------------------------------*/
.template_modelo_de_negocio2 #text-majuscules h1 { font-family: "Din"; font-weight: normal; font-size: 46px; text-transform: uppercase; line-height: 56px; }
/*.template_modelo_de_negocio2 #text-subtitol h2,*/ .template_modelo_de_negocio2 #text-subtitol p { font-family: "Din"; font-size: 27px; font-weight: lighter; line-height: 42px; }
.text-quadre-numero #subtitol-quadrat-blanc { font-family: "Din"; font-size: 29px; line-height: 31px; text-transform: uppercase; }
.text-quadre-numero h1 { font-family: 'Roboto'; font-size: 14px; font-weight: normal; line-height: 21px; text-transform: none; } 
.footer-partners p { font-family: 'Helvetica'; font-size: 13px; line-height: 21px; margin-bottom: 20px; }
.requadre-sintesis h2 { font-family: DIN !important; font-size: 13px; font-weight: bold; line-height: 21px; text-transform: uppercase; }




/*------------------------------------------------  BUTTONS ------------------------------------------------*/

.tab-button { font-family: 'Roboto'; font-size: 12px; font-weight: 500; border: none; border-radius: 5px; padding: 6px 15px 8px; width: 90px; margin: 0 2px 10px;
-webkit-transition: 0.2s ease-out; transition: 0.2s ease-out; }
.tab-button:hover { opacity: 0.9; cursor: pointer; }

.indice-lista-left li, .indice-lista-right li { clear: both; margin-bottom: 30px; overflow: hidden; }
.number-list { width: 38px; text-align: center; float: left; padding-top: 6px; }
.biografia-button { width: calc(100% - 70px); border: none; float: right; text-align: left; padding: 6px 16px 2px; 
  -webkit-transition: 0.2s ease-out; transition: 0.2s ease-out; }
.biografia-button:hover { background-color: #000; cursor: pointer; }

.border-button { font-size: 12px; line-height: 18px; font-weight: bold; padding: 0 10px; padding: 4px 10px;
  text-align: center; }
.border-button.red { border:2px solid #e11d1d; }

.white-red-button { font-family: 'Din'; font-weight: bold; text-decoration: none !important; font-size: 16px; padding: 10px 18px 6px 17px; }

/*------------------------------------------------  HEADER ------------------------------------------------*/

.page-template-de-donde-venimos header { border-color:#008e8b !important; }
.page-template-contactar header, .page-template-contactar-2 header, .page-template-contactar-3 header, .page-template-contactar-4 header, .page-template-contactar-5 header, .page-template-contactar-6 header, .page-template-lo-ultimo header  { border-color:#5e4e9b !important; }
.page-template-lideres header { border-color:#0d5729 !important; }
header { border-top-width:18px; border-top-style:solid; }
#nav-icon {
  float:right;
  width: 25px;
  height: 20px;
  position: fixed;
  top:44px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  z-index:9999999;
}

#nav-icon span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #FFF;
  border-radius: 3px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon span:nth-child(1) {
  top: 0px;
}

#nav-icon span:nth-child(2),#nav-icon span:nth-child(3) {
  top: 8px;
}

#nav-icon span:nth-child(4) {
  top: 16px;
}

#nav-icon.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

#nav-icon.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

.hasScrolled span { background:#353e4a !Important; }

#menu { position:fixed; top:0; right:-300px; width:230px; background-color:#040e1b; -webkit-transition: right 0.3s; transition: right 0.3s;
transition-timing-function: ease-out; height:100vh; z-index:9999; padding:35px; }

#menu ul{ padding:40px 0px; }
#menu li{ margin-bottom:5px; list-style:none; }
#menu a { line-height:24px; margin:0; color:#fafafa !important; text-decoration:none !important; }
#menu a:hover { color:#dadada !important; }
#menu.open { right:0px; }
#menu.close { right:-300px; opacity:1; text-shadow:none; font-weight:normal; }

#container-movement {
-webkit-transition: 0.3s; transition: 0.3s; transition-timing-function: ease-out;
}

#container-movement.right {
-ms-transform: translate(0px,0px); /* IE 9 */
-webkit-transform: translate(0px,0px); /* Safari */
transform: translate(0px,0px); /* Standard syntax */
}

#container-movement.left {
-ms-transform: translate(-300px,0px); /* IE 9 */
-webkit-transform: translate(-300px,0px); /* Safari */
transform: translate(-300px,0px); /* Standard syntax */
}

@media (max-width: 550px) { 
#logo { max-width: calc(100% - 70px) !important; }
}

body.home #nav-icon span { background:#353e4a; }


/* ----body.home #selector-idioma-header { top:0px !important; }---- */
#selector-idioma-header { position:absolute; right:110px; top:39px; /* max-width:148px;*/ z-index:9; width: 100%; max-width: 255px; }
.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle::after, .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle::after { content:url(images/selector.svg); border:none; top:inherit; }
#selector-idioma-header2 { position:absolute; right:400px; top:22px; }

#selector-idioma-header .wpml-ls-legacy-dropdown .wpml-ls-sub-menu { margin-top:25px; }

.wpml-ls-sub-menu a span { padding-right:21px; }

@media (max-width: 650px) {
#selector-idioma-header, #login-button { display:none;}
}

.traduction-under-construction { position: absolute; left: 50%; top: 40px; }
@media (max-width: 900px) { .traduction-under-construction { top: 90px; } }



/*------------------ BREADCRUMB ------------------*/

#breadcrumb {
  /*margin-bottom: 20px;*/
  padding-left: 40px;
}
#breadcrumb ul {
  padding-left: 0;
  margin-top: 0;
}
#breadcrumb li {
  float: left;
  display: inline;
  margin: 0;
}
#breadcrumb a, #breadcrumb p {
  display: inline;
  padding: 0 3px;
}
#breadcrumb a p { padding: 0; }
#breadcrumb li:after {
  content: " / ";
  color: #FFF;
}
#breadcrumb li:last-child:after {
  content: "";
}



/*------------------------------------------------  FOOTER ------------------------------------------------*/

/*----------------------  FOOTER BOOTOM -------------------------*/

html { height: 100%; box-sizing: border-box; background-color:#eaeaeb; }
div { box-sizing:content-box; }
*, *:before, *:after { box-sizing: inherit; }
body { position: relative; margin: 0; min-height: 100%; /*--height:100%;--*/ }
#single-container { height: calc(100% - 490px); }
footer { position: absolute; right: 0; bottom: 0; left: 0; }
#copyright { margin-top: 5px; }
#copyright, #menu-footer { float: left; }
#menu-footer ul li { display: inline; margin-right: 20px; }

.footer-partners { position: relative; overflow: hidden; padding: 60px 25px 100px; }
.footer-partners img { clear: both; width: 100%; }
.footer-partners img { max-width: 255px; }
.footer-partners #angeles-container a:not(:last-child) img { padding-right: 30px; }
.footer-partners #angeles-container img { float: left; clear: none; max-width: 29%; min-height: 50px; }

@media (max-width: 991px) { 
  .footer-partners #angeles-container img { clear: both; max-width: 150px; margin: 0 auto 20px; float: none; }
  .footer-partners #angeles-container a:not(:last-child) img { padding-right: 0px; }
  .footer-partners { padding: 30px 25px 230px; }
  .footer-partners { text-align: center; padding-top: 50px !important; }
}
@media (max-width: 767px){
  .footer-partners div:nth-child(2) { float: left !important; clear: both; margin-top: 30px; }
}

/*---------------------------------------------------------------*/

footer a:link, footer a:visited { text-decoration: none !important; }
#pre-footer { /*--padding: 40px 0;--*/ padding:40px 0 115px; /*--background-color:#c8c8c8;--*/ background-color:#FFF; }
footer { padding:7px 0 !important; /*--overflow:hidden;--*/ }
footer p, footer a { display:inline; }
footer a:hover img { opacity:0.7; }
.wpml-ls-legacy-dropdown a { background-color:transparent !important; color:#FFF !important; text-decoration:none !important; }
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu { top:-58px !important; background-color:#141f2f; }
.wpml-ls-legacy-dropdown { position:absolute !Important; right:20px !Important; } 
.wpml-ls-legacy-dropdown a:hover { color:#1e88e5 !Important; }

@media (max-width: 991px) { 
  footer .wpml-ls-legacy-list-horizontal { float: none; }
	#pre-footer .box, #que-son-prefooter .box, #home-queson-lista .box { max-width:400px; margin:0 auto 40px; }
	#pre-footer { padding:40px 0 240px; } /*--New--*/
}

@media (min-width: 992px) { 
#pre-footer { max-height:720px; }
#home-queson-lista { max-height:532px; }
#que-son-prefooter { max-height:483px; }
}

@media (max-width: 991px) {
  footer { padding:15px 0 !Important; max-height: 190px; }
  footer p, footer a { display:block; }
  #container-languages, #copyright, #textos-footer, #menu-footer { width:100% !important; }
  #menu-footer ul li { margin-bottom: 0 !important; margin-right: 0 !important; }
  #textos-footer, #container-languages { text-align:center; }
  #textos-footer a { margin-right:0 !important; }
  #twitter-link { float:none !important; margin-top:10px; }
  #selector-idioma-footer { float:none !Important; margin:10px auto 0 !important; display: none; }
}

#container-languages { padding-top:4px; }

@media (max-width: 767px) { 
footer { min-height:140px !important;}
#textos-footer { width:100% !important; text-align:center !important; }
#container-languages, #copyright { width:100% !important; }
#copyright { margin-right:0px !important; display:block !Important; margin-bottom:5px !Important; }
#container-languages { text-align:center !important; width:100% !important; display:block !important; margin-top:10px !important; }
.wpml-ls-legacy-dropdown { right:40px !important; width:calc(100% - 80px); }
}

#selector-idioma-header .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu { border-top:none !important}
.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu, .wpml-ls-legacy-dropdown .wpml-ls-sub-menu { border-bottom:none !important;}
.wpml-ls-legacy-dropdown-click a, .wpml-ls-legacy-dropdown a { text-align:right; background-color:transparent !Important; border:none !important; }

#selector-idioma-footer { height:27px; }
#selector-idioma-footer { padding:0px 3px 6px 12px; /*--max-width:190px;--*/ }
#selector-idioma-footer { padding:0px 3px 6px 12px; }
/*--#selector-idioma-footer, #selector-idioma-footer .js-wpml-ls-sub-menu { border:1px solid #0094ff; background-color:#151d2d; }--*/
#selector-idioma-footer .js-wpml-ls-sub-menu { width:calc(100% + 15px) !important; margin-left:-13px; padding-bottom:6px; padding-top:6px; }
#selector-idioma-footer .js-wpml-ls-sub-menu li { width:100% !important; }
#selector-idioma-footer .js-wpml-ls-sub-menu li a { margin-right:8px; }
#selector-idioma-footer .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle::after, #selector-idioma-footer .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle::after { content:url(images/selector-white-bottom.svg); }
#selector-idioma-footer p { margin-top:3px; }

#selector-idioma-footer .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu { top:-73px; }
#selector-idioma-footer .wpml-ls-legacy-dropdown .wpml-ls-sub-menu { top:39px; }
#selector-idioma-footer .wpml-ls-sub-menu { background-color:#151d2d; }
#selector-idioma-footer ul li:first-child a { /*-height:40px;-*/ }
#selector-idioma-footer ul li:first-child .wpml-ls-sub-menu a { height:inherit; }
#selector-idioma-footer a { -webkit-transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; transition: all 0s ease-in-out;}


.wpml-ls-legacy-list-horizontal { padding:0; clear: none !important; float: right; line-height: 19px; }
.wpml-ls-legacy-list-horizontal a { padding-top:0 !important; }

@media (max-width: 767px) {
#selector-idioma-footer { max-width:none !important; }
#selector-idioma-footer .wpml-ls-legacy-dropdown, #selector-idioma-footer .wpml-ls-legacy-dropdown-click { width:100%; }
#selector-idioma-footer .wpml-ls-legacy-dropdown ul, #selector-idioma-footer .wpml-ls-legacy-dropdown-click ul { top:0; }
}

/*------------------------------------------------  INDEX ------------------------------------------------*/

.page-template-index-full #project-logo { display:none;}
#home-logo-container { overflow:hidden; text-align:center; padding:100px 0 60px; }
#home-logo-container img { width:70%; height:auto; max-width:375px; }
#labulliografia-elbulli1846-container { overflow:hidden; text-align:center; }
#labulliografia-elbulli1846-container, #cita-background, #construccion { background-color:#151f2e; }
#labulliografia-elbulli1846-container div img { width:80%; max-width:225px; height:auto; margin:0 auto; }
#labulliografia-elbulli1846-container div:nth-child(2) img { max-width:222px; display:block; }
#labulliografia-elbulli1846-container .wrap960 div { margin:20px 0 25px; }
#sapiens-container { padding:65px 0 90px; text-align:center; }
#sapiens-container div div { width:100%; max-width:400px; margin:0 auto; }
#sapiens-container div div img:first-child { max-width:190px; }
#sapiens-container div div img { display:block; margin:0 auto; }
.play { width:90px !important; position:absolute; margin-top:75px !important; opacity:0; -webkit-transition: 0.2s ease-out; -moz-transition: 0.2s ease-out; -o-transition: 0.2s ease-out; transition: 0.2s ease-out; }
#openvimeo1 .play { margin-left:72px !Important; }
#openvimeo2 .play { margin-left:172px !Important; }
#openvimeo3 .play { margin-left:156px !Important; }
#openvimeo1 img, #openvimeo2 img, #openvimeo3 img{ -webkit-transition: 0.2s ease-out; -moz-transition: 0.2s ease-out; -o-transition: 0.2s ease-out; transition: 0.2s ease-out; }
#openvimeo1:hover .play, #openvimeo2:hover .play, #openvimeo3:hover .play{ opacity:1 !important; }
#openvimeo1:hover img, #openvimeo2:hover img { opacity:0.15; }
.hidden {
    display: none;
}
#construccion p { margin-bottom: 0 !important; }

@media (min-width: 768px) and (max-width: 860px) { 
#openvimeo2 .play { margin-left:calc(25% - 70px) !Important; }
}

@media (max-width: 767px) { 
#openvimeo2 .play { margin-left:calc(50% - 70px) !Important; }
}



#sobre-elbullifoundation-container .container, #proyectos-elbullifoundation-container .container, #elbullistore-container .container, #bullinianos .container, #de-donde-venimos-container .container, #contactar-container .container, #lo-ultimo-container .container, #elbullilab-container .container, #angeles-container .container { padding-top:40px; padding-bottom:40px; line-height:0;}
#sobre-elbullifoundation-container div div:nth-child(2) img, #proyectos-elbullifoundation-container div div:nth-child(2) img, #elbullistore-container div div:nth-child(2) img, #bullinianos div div:nth-child(2) img, #de-donde-venimos-container div div:nth-child(2) img, #contactar-container div div:nth-child(2) img, #lo-ultimo-container div div:nth-child(2) img, #elbullilab-container div div:nth-child(2) img { width:100%; }
#cita-container { max-width:670px; margin:0 auto; text-align:center; padding:70px 50px 58px; }
@media (max-width: 650px) { 
#cita-container h2 { display:inline; }
}
#de-donde-venimos-container { padding-top:100px; }
#sobre-elbullifoundation-container .container { background-color:#ff1c2e; }

#proyectos-elbullifoundation-container, #elbullistore-container, #contactar-container, #lo-ultimo-container, #elbullilab-container, #sobre-elbullifoundation-container, #bullinianos-container, #amazon-container-home, #angeles-container, #sapiens-container-section { padding-top:45px; }

#proyectos-elbullifoundation-container .container { background-color:#ff1c2e; }

#elbullistore-container .container { background-color:#ffca1e; }

#bullinianos-container .container { background-color:#0094ff; }

#elbullilab-container .container { background-color:#0094ff; }
#elbullilab-container .container.purple { background-color:#7e3e7a; }

#de-donde-venimos-container .container { background-color:#00be63; }

#contactar-container .container { background-image: url('images/contact-button.jpg'); background-size: cover; text-align:center; }

#lo-ultimo-container .container {  background-color: #803eff; text-align:center; }

#lo-ultimo-container { padding-bottom:140px; }

#construccion { text-align:center; padding:15px 0; } 
#construccion p { color:#d5d7da; font-family:'Roboto'; font-size:18px; font-weight:normal; }

#pre-footer img { margin-top:20px; }
#partner-tecnologico-container { float:left; }
#angeles-container img:nth-child(2) { margin-right:25px !important; }

@media (max-width: 991px) { 
  #angeles-container img { clear: both; display: block; margin-bottom: 25px; margin-right: auto !important; }
  #pre-footer img { margin:0 auto; padding-top:20px; display:block; clear:both; float:inherit !important; }
  #pre-footer p { margin:35px 0 15; text-align:center; }
  #partner-tecnologico-container p:first-child { margin-top:10px; }
  #lavazza { margin-top: 0 !important; padding-top:0 !important; }
  #angeles-container a img { margin-bottom: 25px !important; padding-top: 0 !important; }
}

@media (min-width: 992px) { #pre-footer img.caixabankLogo { margin-right: 30px; } }

#logo1 { position:absolute;}
#text1 { position:relative; top:50px; padding-top:32px; } 
#logo2 { position:absolute; margin-left:150px; margin-top:60px; }
#text2 { position:relative; padding-top:75px; }
#logo3 { position:absolute; margin-top:30px; }
#text3 { position:relative; padding-top:75px; }
#text4 { position:relative; top:50px; margin-bottom:250px; }
#logo4-1 { position:absolute; left:-20px; bottom:42px; }
#logo4-2 { position:absolute; right:-20px; bottom:42px; }
#text5 { position:relative; padding-top:75px; padding-right:25px; }
#logo5 { position:absolute; margin-top:-165px; margin-left:200px; }
#text6 { position:relative; top:86px; }
#logo6-1 { position:relative; margin-bottom:70px; right: -160px; top: -80px; width: 175px; }
#logo6-2 { position:relative; margin-left:-52%; margin-top:-18%; left: -138px; top: -175px; }
#text7 { position:relative; top:30px; }
#logo7-1 { position:absolute; top:50px; left:200px; }
#logo7-2 { position:absolute; top:60px; right:190px; }
#bulli1 { position:absolute; top:45px; left:85px;  }
#bulli2 { position:absolute; top:70px; margin-left:-118px;  }
#bulli3 { position:absolute; top:45px; right:85px;  }
#logo8 { position:relative; left:calc(50% - 105px); margin-top:-12px; max-width:180px; }
#text8 { position:relative; top:-10px; padding-right:25px; }

#boton-proximamente { position:relative; z-index:9; margin:100px auto 0; max-width:200px; padding:7px 0 11px; background-color:#623dc4; 
  border-radius:3px; display: none; }

@media (min-width: 768px) { 
#labulliografia-elbulli1846-container .wrap960 div:first-child div { padding-right:45px; }
#labulliografia-elbulli1846-container .wrap960 div:nth-child(2) div { padding-left:45px; }
}

@media (min-width: 768px) and (max-width: 991px) {
#logo2 { margin-top:10px; }
#logo3 { margin-top:0; }
#logo5 { margin-top:-150px; }
#logo7-1 { left:100px; }
#logo7-2 { right:100px; }
}

@media (min-width: 576px) and (max-width: 767px) {
body.home h2 { font-size:32px; line-height:38px; }
#logo1 { max-width:22%; } #text1 { top:10px; }
#logo2 { max-width:20%; margin-top: 0; } #text2 { padding-top:42px; }
#logo3 { max-width:19%; margin-top: 0; } #text3 { padding-top:42px; }
#logo4-1 { max-width:21%; bottom:52px; } #logo4-2 { max-width:21%; bottom:52px; }
#bulli1 { left:2%; } #bulli3 { right:2%; }
#logo8 { max-width:30%; left:calc(50% - 15%); }
#logo5 { max-width:17%; } #text5 { padding-top:30px; }
#logo6-2 { max-width:24%; margin-top:-21%; }
#logo7-1 { left:9%; max-width:23%; } #logo7-2 { right:9%; max-width:25%; }
}

@media (max-width: 575px) {
#sobre-elbullifoundation-container .container, #proyectos-elbullifoundation-container .container, #elbullistore-container .container, #elbullilab-container .container, #de-donde-venimos-container .container { max-height:none !important; }
#sobre-elbullifoundation-container .container .col-xs-12:first-child, #proyectos-elbullifoundation-container .container .col-xs-12:first-child, #elbullistore-container .container .col-xs-12:first-child,  #de-donde-venimos-container .container .col-xs-12:first-child { min-height:220px; }
#elbullilab-container .container .col-xs-12:first-child { min-height:275px; }

#proyectos-elbullifoundation-container .container, #elbullistore-container .container, #de-donde-venimos-container .container, #contactar-container .container { padding-top:0 !important; }

#contactar-container .container, #lo-ultimo-container .container { height:220px !important; }

#text4 { margin-bottom:180px; }
#logo3 { max-width:28%; margin-top:30px; }
#logo4-1, #logo4-2 { display:none; }
#bulli1, #bulli2, #bulli3 { max-width:45%; }
#bulli1 { left:-5%; }
#bulli2 { margin-left:-25%; }
#bulli3 { right:-5%; }
#logo5 { margin-left:28%;}
#logo6-2 { margin-top:-40%; width:40%;}
#logo7-1 { left:0; width:38%;}
#logo7-2 { right:0; width:38%;}
#logo2 { margin-left:100px; }
}

#pre-footer #angeles-container { padding-top:30px; }
#angeles-container .container { line-height:0; background-color: #1CB4AD; padding-bottom: 0px; padding-top: 0px;}
#angeles-container #text4 { top: 130px; }
#angeles-container #bulli1 { left: 10px; }
#angeles-container #bulli3 { right: 10px; }
#angeles-container #logo4-1 { width: 250px; left: 100px; bottom: 70px; }
#angeles-container #logo4-2 { width: 250px; right: 100px; bottom: 50px; }

@media (max-width: 991px){
    #angeles-container #logo4-1 { bottom: 40px; left: 70px; }
    #angeles-container #logo4-2 { bottom: 20px; right: 70px; }
}

@media (max-width: 767px){
    #angeles-container #bulli1, #angeles-container #bulli3 { display: none; }
    #angeles-container #logo4-1, #angeles-container #logo4-2 { max-width: 45%; }
    #angeles-container #logo4-1 { left: -2%; }
    #angeles-container #logo4-2 { right: -2%; }
}

@media (max-width: 575px){
    #angeles-container #text4 { top: 110px; }
}



#image-home-container { background-color:#FFF; padding-bottom:50px; }
#image-slide{height:500px; width:100%;} 
#contenidor-video .embed-container iframe, #contenidor-video .embed-container object, #contenidor-video .embed-container embed { top:-50px !important}

@media (max-width: 767px) { 
#image-slide{height:300px;} 
#felices-text { display:none !important; }
#lo-ultimo-container .toright { margin-right:0 !important; }
#lo-ultimo-container .toleft { margin-left:0 !important; }
}

@media (max-width: 600px) { 
#image-slide{height:300px;} 
#felices-text { display:none !important; }
}

@media (max-width: 500px) { 
#image-slide{height:200px;} 
#image-home-container { padding-bottom:30px; }
}

.carousel-control.left, .carousel-control.right { background:none !Important; }
.border-white h2, a .border-white .white { color:#FFF !important; }
a:hover .border-white h2 { color:#999 !important; }

.glyphicon-chevron-left::before { content:url(images/prev.svg); }
.glyphicon-chevron-right::before { content:url(images/next.svg); }

#bullinianosCarousel { padding:0 40px; }
#bullinianosCarousel .glyphicon-chevron-left::before {background-image: url('images/prev.svg');}
#bullinianosCarousel .glyphicon-chevron-right::before { background-image: url('images/next.svg'); }
#bullinianosCarousel .carousel-control.left, #bullinianosCarousel .carousel-control.right { width:20px; }

#bullinianosCarousel .glyphicon-chevron-right::before, #bullinianosCarousel .glyphicon-chevron-left::before {
    background-size: 20px 30px;
    display: inline-block;
    width: 20px; 
    height: 30px;
    content:"";}

@media (min-width: 768px) {
#contenidor-video { overflow:hidden; height:450px; }
#contenidor-video .embed-container  { display:inherit; }
#imatge-video { display:none; }
}

@media (max-width: 767px) {
#contenidor-video .embed-container  { display:none; }
#imatge-video { display:inherit; }
}

@media (min-width: 768px) and (max-width: 991px) { 
#bullinianosCarousel .carousel-inner .item .bulliniano:nth-child(4) { display:none; }
}
@media (max-width: 767px) { 
#bullinianosCarousel .carousel-inner .item .bulliniano:nth-child(2), #bullinianosCarousel .carousel-inner .item .bulliniano:nth-child(3), #bullinianosCarousel .carousel-inner .item .bulliniano:nth-child(4) { display:none; }
#home-queson-lista .box { max-width:400px; margin:0 auto 40px; }
}
@media (max-width: 600px) { 
#bullinianosCarousel .container-elemento-bulliniano{ width:100%; max-width:280px; margin:0 auto;}
#bullinianosCarousel .col-xs-6 { width:100%;}
#bullinianosCarousel .carousel-inner .item .bulliniano:nth-child(2), #bullinianosCarousel .carousel-inner .item .bulliniano:nth-child(3), #bullinianosCarousel .carousel-inner .item .bulliniano:nth-child(4) { display:none; }
#home-queson-lista .box {}
}

#que-son-prefooter {}

.nivo-lightbox-theme-default.nivo-lightbox-overlay { background: rgb(0,0,0) !important; }
.nivo-lightbox-overlay { z-index:999999998 !important; }
.nivo-lightbox-theme-default .nivo-lightbox-close { background-image:url(images/close.svg) !important; background-position:center; background-size:contain; width:25px; height:25px; margin-top:32px; margin-right:15px; opacity:1 !important;}

#text-video {position:absolute; z-index:9; text-align:center; width:100%; padding:130px 10% 10% 10%;}
@media (max-width: 767px) { #text-video {position:absolute; z-index:9; text-align:center; width:100%; padding:4% 6% 6% 6%;} }

#amazon-container-home .contenidor-text-amazon { max-width: 280px !important; padding-left: 5%; }
#amazon-container-home .contenidor-image-amazon { max-width: calc(100% - 445px) !important; }

#amazon-container-home #amazon-inside { padding: 24px 24px 18px 38px; }
#amazon-container-home p { margin-bottom: 0 !important; }
#amazon-container-home #amazon-inside .contenidor-text-amazon { padding-top: 4%; }
@media (max-width: 767px) {
  #amazon-container-home #amazon-inside .contenidor-text-amazon { padding-left: 0 !important; padding-top: 0 !important; }
  #amazon-container-home .contenidor-image-amazon { max-width: calc(100% - 360px) !important; }
}
@media (max-width: 575px) {
  #amazon-container-home #amazon-inside { padding: 40px 20px 35px 20px; }
  #amazon-container-home .contenidor-text-amazon { width: 70%; max-width: 600px !important; margin: 0 auto; float: inherit; }
  #amazon-container-home .contenidor-image-amazon {  max-width: 600px !important; margin-top: 25px; width: 70%; margin: 25px auto 0;
  float: inherit;}
}

#button-eb1846 { padding: 12px 35px 14px; display: table; margin: 50px auto 18px; background-color: #0094ff; }
#button-eb1846 p { font-weight: bold; color: #FFF; margin-bottom: 0; }
#button-eb1846:hover { background-color: #248ae7 !important; }


/*-- Lightbox noticia --*/

#lightbox-noticia{ width: 100%; height: 100vh; padding: 80px 100px; text-align: center; position: fixed; z-index: 9999999; top: 0; left: 0; 
  background-color: rgba(0,0,0,0.7); }
#noticia-container { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 70%; border: 6px solid #a7a5a5; 
  max-width: 825px; }
#noticia-container .image .padding { padding: 50px 0 45px; } 
#noticia-container .text { text-align: center; }
#noticia-container .text .padding { padding: 50px 60px 45px 0; } 
#noticia-container .text h1 { max-width: 310px; margin: 8% auto 40px; }
#noticia-container .text p { font-weight: normal; font-size: 16px; margin-bottom: 35px; }
#lightbox-noticia-close { width: 26px; position: absolute; right: 16px; top: 16px; }
#lightbox-noticia-close:hover { cursor: pointer; }

@media (min-width: 575px) and (max-width: 767px) {
  #noticia-container .text .padding { padding: 20px 20px 20px 0; }
  #noticia-container .image .padding { padding: 20px 10px 20px 0; }
  #noticia-container .text p { display: none; }
  #noticia-container .text h1 { font-size: 24px; line-height: 30px; margin:30px auto 20px; }
}

@media (max-width: 575px) {
  #noticia-container .text .padding { padding: 0 30px 45px 30px; }
  #noticia-container .image .padding { padding: 50px 60px 0px; }
  #noticia-container .image img { max-width: 90%; }
  #noticia-container .text p { display: none; }
  #noticia-container .text h1 { font-size: 24px; line-height: 30px; margin:15px auto 20px; }
}

/*-- New home --*/
body.page-template-home-2 #home-logo-container { padding: 100px 0 5px; }
body.page-template-home-2 .wrap1000 { margin-top: 45px; }
.padding-right { padding: 0 20px 0 0 !important; margin: 0 !important; }
.padding-left { padding: 0 0 0 20px !important; margin: 0 !important; }
#labulliografia-elbulli1846-container .container div div div { padding: 55px 45px 40px; }
.lightblue-background .tab-button { border-radius: 12px; background-color: #0094ff !important; }
#cita-background.darkblue-background #cita-container strong { color: #000 !important; }
#de-donde-venimos-container h2, #bullinianos-container h2, #sobre-elbullifoundation-container h2, 
#proyectos-elbullifoundation-container h2, #angeles-container h2, #elbullilab-container h2, #elbullistore-container h2, 
#contactar-container h2, #lo-ultimo-container h2, #contactar-container-small h2, #ultimo-container-small h2 { background-color: transparent; }
#elbulli1846-container { text-align: center; margin-top: 100px; height: 480px; width: 100%; background-image: url('images/elbulli1846-back.jpg'); background-position: center; background-size: cover; }
#logo-eb1846 { max-width: 450px; margin-top: 140px; }
#sapiens-container-section .container { background-image: url('images/sapiens-back.jpg'); background-position: center; background-size: cover; }
#logo-sapiens { max-width: 300px; margin-top: 80px; margin-bottom: 40px; }
#angeles-container.new #logo4-2 { width: 520px; right: 0px; bottom: 50px; }
#contactar-ultimo-container { margin-bottom: 200px; }
#contactar-container-small { background-image: url('images/petjades.jpg'); background-position: center; background-size: cover;  }
#contactar-container-small, #ultimo-container-small { min-height: 250px; }
@media (max-width: 767px){
  body.page-template-home-2 #labulliografia-elbulli1846-container .col-xs-12 { margin-bottom: 45px; }
  .padding-right, .padding-left { padding: 0 !important; } 
  #elbulli1846-container { height: 380px; }
  #logo-eb1846 { width: 50%; margin-top: 85px; }
  #angeles-container.new #logo4-2 { max-width: 75%; }
  #contactar-container-small { margin-bottom: 55px; }
  #contactar-ultimo-container .container { padding: 0; margin-left: 0; margin-right: 0; width: 100% !important; }
}
@media (max-width: 575px){
  #elbullilab-container .container.purple .col-xs-12:first-child { min-height: 175px; }
  #elbullilab-container .container.purple h2 { padding-top: 50px !important; }
}

.convocatoria-buttons__container { display: flex; flex-direction: row; margin: 0 auto; width: 100%; max-width: 600px; text-align: center; padding-top: 30px; }
.convocatoria-buttons__container .convocatoria-1, .convocatoria-buttons__container .convocatoria-2 { flex: 1; margin: 18px; padding: 25px 12px 20px; }
.convocatoria-buttons__container .convocatoria-1, .convocatoria-buttons__container .convocatoria-2 { background-color: #FFF; }
.convocatoria-buttons__container .convocatoria-2 { flex: 1; margin: 18px; padding: 12px 12px 8px; text-decoration: none; }
.convocatoria-buttons__container .convocatoria-1 p, .convocatoria-buttons__container .convocatoria-2 p { margin-bottom: 6px; }
.convocatoria-buttons__container .convocatoria-1 a:hover, .convocatoria-buttons__container .convocatoria-2 a:hover { opacity: 0.9; cursor: pointer; }

@media (max-width: 767px){
  .convocatoria-buttons__container .convocatoria-1, .convocatoria-buttons__container .convocatoria-2 { margin: 5px; }
}

/*-----------------------------------------------------  DE DÓNDE VENIMOS ------------------------------------------------------*/


#columna-la-creacion ul{ margin-bottom:47px; }
#columna-la-historia ul{ margin-bottom:22px; }

/*- 2 -*/
#columna-la-creacion ul, #columna-la-reproduccion ul, #columna-la-historia ul, #columna-modelo-negocio ul, #columna-las-consecuencias ul 
{ background-color: transparent !important;  }
#columna-la-creacion ul li, #columna-la-reproduccion ul li, #columna-la-historia ul li, #columna-modelo-negocio ul li, 
#columna-las-consecuencias ul li { line-height: 19px !important; border-bottom: 1px solid #e7e7e7; border-left: 1px solid #e7e7e7; 
border-right: 1px solid #e7e7e7; padding: 10px 10px 13px; list-style: square inside url("images/list-triangle.svg"); }
#columna-la-creacion ul li a, #columna-la-reproduccion ul li a, #columna-la-historia ul li a, #columna-modelo-negocio ul li a, 
#columna-las-consecuencias ul li a { color: #000 !important; }

h2.title-contact-section { margin-bottom: 0 !important; }
.title-contact-section { color: #FFF !important; padding: 10px 15px 8px; }
.title-contact-section.creacion { background-color: #008080; }
.title-contact-section.reproduccion { background-color: #178780; }
.title-contact-section.lideres { background-color: #508780; }
.title-contact-section.historia { background-color: #418080; }
.title-contact-section.modelo { background-color: #619d95; }
.title-contact-section.consecuencias { background-color: #008e8b; }

#amazon-footer { background-color: #121d2c; padding: 80px 0; overflow: hidden; }
#amazon-inside { border-radius: 12px; background-color: #2a3341; padding: 65px 55px 15px; overflow: hidden; }
footer #amazon-inside { padding: 23px 25px 15px 55px; }
footer .contenidor-text-amazon { padding-top: 3%; }
.contenidor-text-amazon { max-width: 250px !important; float: left; }
.contenidor-image-amazon { float: right; max-width: calc(100% - 325px); }
body.page-template-de-donde-venimos #single-container.full-container { padding: 65px 0 640px 0 !important; }
#footer-amazon-link a, #footer-amazon-link img  { -webkit-transition: .3s ease; -moz-transition: .2s ease; -o-transition: .2s ease; transition: .2s ease; }
body.page-template-de-donde-venimos #login-button img { -webkit-filter: brightness(500%); filter: brightness(500%); }

@media (min-width: 768px) and (max-width: 991px) {
  body.page-template-de-donde-venimos #single-container.full-container { padding: 65px 0 770px 0 !important; }
  body.page-template-de-donde-venimos .contenidor-text-amazon { padding-top: 2% !important; padding-left: 3% !important; }
  body.page-template-de-donde-venimos #amazon-container-home .contenidor-image-amazon{ max-width: calc(100% - 415px) !important; } 
}

@media (max-width: 767px) {
  body.page-template-de-donde-venimos #single-container.full-container { padding: 65px 0 200px 0 !important; }
  body.page-template-de-donde-venimos footer { position: inherit !important; overflow: hidden !important; padding-top:0 !important; }
  body.page-template-de-donde-venimos footer #textos-footer { padding-top: 30px; }
  body.page-template-de-donde-venimos footer #amazon-inside { margin-right: 15px; margin-left: 15px; width: calc(100% - 85px) !important;
  padding: 35px 25px 50px 25px; }
  body.page-template-de-donde-venimos footer .contenidor-text-amazon, body.page-template-de-donde-venimos footer .contenidor-image-amazon { 
    width: 80% !important; max-width: 800px !important; text-align: center; margin-left: auto; margin-right: auto; float: inherit; }
  body.page-template-de-donde-venimos footer .contenidor-text-amazon { margin-bottom: 25px; }
}

/*---------------------------------------------------------- CONTACTAR ---------------------------------------------------------*/

.page-template-contactar hr, .page-template-contactar-2 hr .page-template-contactar-3 hr { border-top:3px solid #5e4e9b !important; margin-bottom:25px; }
#single-container img#contact-logo { width:18px !important; }
#contact-logo, .contacta-text { display:inline; }
.contacta-text { margin-left:7px !important; }
#columna-administracion a, #columna-rrhh a, #columna-donaciones a, #columna-colabora a, #columna-prensa a { text-decoration: none; } 
#columna-administracion a:hover, #columna-rrhh a:hover, #columna-donaciones a:hover, #columna-colabora a:hover, #columna-prensa a:hover { text-decoration: underline; text-decoration-color:#82358b; } 

@media (min-width: 768px) {
.page-template-contactar .column-1-5:nth-child(0n+3) p, .page-template-contactar-2 .column-1-5:nth-child(0n+3) p, .page-template-contactar-3 .column-1-5:nth-child(0n+3) p, .page-template-contactar-4 .column-1-5:nth-child(0n+3) p, .page-template-contactar-5 .column-1-5:nth-child(0n+3) p, .page-template-contactar-6 .column-1-5:nth-child(0n+3) p { width:150px; }
}


.contact-box { border-top:7px solid #5e4e9b; margin-top:20px; background-color:#FFF; box-shadow:0 2px 0 0 #E1E1E1; overflow:hidden; padding:12px 12px 20px; }
.contact-box p, .contact-box a { font-size:12px !important; }

.contact-container { margin-top:20px; background-color:#5e4e9b; overflow:hidden; padding:14px 12px; }
.contact-container p, .contact-container a { font-size:12px !important; color:#FFF !important; text-decoration:none !important; }

.link-contact {text-decoration:none !important;}
.link-contact:hover .contact-container { background-color:#504381; }

.page-template-contactar-4 #columna-administracion .contact-container, #title-administracion { background-color:#2a1c61; }
.page-template-contactar-4 #columna-rrhh .contact-container, #title-rrhh { background-color:#3b2982; }
.page-template-contactar-4 #columna-donaciones .contact-container, #title-donaciones { background-color:#5e4e9b; }
.page-template-contactar-4 #columna-colabora .contact-container, #title-colabora { background-color:#8c81b3; }
.page-template-contactar-4 #columna-prensa .contact-container, #title-prensa { background-color:#b1a2e9; }

.page-template-contactar-4 #columna-administracion .contact-container:hover, .page-template-contactar-4 #columna-rrhh .contact-container:hover, .page-template-contactar-4 #columna-donaciones .contact-container:hover, .page-template-contactar-4 #columna-colabora .contact-container:hover, .page-template-contactar-4 #columna-prensa .contact-container:hover { background-color:#231c40; }

#title-administracion, #title-rrhh, #title-donaciones, #title-colabora, #title-prensa { padding:10px 15px; margin-bottom:10px; }

.border-contact { border-top:2px solid #ccc; margin-top:8px; padding-top:4px; }


/*---------------------------------------------------------- LO ÚLTIMO ---------------------------------------------------------*/

.page-template-lo-ultimo #nav-icon span { background: #666;}
.page-template-lo-ultimo { background-color:#FFF !important; } 
.page-template-lo-ultimo #project-logo, body.page-template-basica #project-logo, body.page-template-biografia #project-logo, 
body.page-template-video #project-logo, body.page-template-premios-reconocimientos #project-logo, 
body.page-template-bibliografia-filmografia #project-logo, body.page-template-modelo-negocio #project-logo,
body.page-template-cronologia #project-logo, body.page-template-23-puntos #project-logo, body.page-template-newsletter #project-logo, 
body.page-template-suscribete-a-nuestra-newsletter #project-logo, body.page-template-template_angeles #project-logo, body.page-template-template_form #project-logo,
body.page-template-template_confirm #project-logo, body.page-template-proyectos #project-logo, body.page-template-proyectos-por-anos #project-logo,
body.single-proyecto #project-logo, body.page-template-proyectos-por-categorias #project-logo, body.page-template-proyectos-por-entidades #project-logo,
body.page-template-proyectos-resultados #project-logo, body.single-proyectos-globales #project-logo, body.page-template-timeline-proyectos #project-logo { -webkit-filter: brightness(0%); filter: brightness(0%); }
#google-header { width:calc(100% - 60px); text-align:center; padding:125px 30px 65px; }
#google-search-form { margin-top:20px; }
#google-search-form, #google-search-form table { width:100%; max-width:570px; } 
#google-search-form input { width:calc(100% - 100px); max-width:525px; border-radius:2px; border:2px solid #f4f4f4; padding:7px 15px; box-shadow: 3px 3px 3px #d0d1d1; } 

#google-1, #google-2, #google-3 { width:100%; max-width:725px; margin:0 auto 50px;; background-color:#f4f4f4; overflow:hidden; }
.number-container { width:calc(30% - 2px); float:left; text-align:center; padding:75px 0 65px; }
.text-number-container { width:calc(70% - 180px); border-left:2px solid #e0dcdd; float:right; padding:70px 90px; }
.text-number-container h1 { margin-bottom:30px; }
.google-content-container { background-color:#f4f4f4; padding:65px 0; }
.busquedas { border:2px solid #c6c6c5; border-radius:2px; background-color:#FFF; width:70%; margin:0 auto 15px; padding:5px 10px; }
.google-content-container a, #google-2 a { color:#000; text-decoration:none; }
#filter-image { width:100%; height:auto; }
#search-input { background:url(images/search.svg) !important; background-size:contain !important; background-repeat:no-repeat !important; width:6px !important; border:none !important; box-shadow:none !important; padding-top:5px !important; }
#search-input:hover { cursor:pointer; }

@media (max-width: 767px) { 
.number-container { width:100%; border-bottom:2px solid #e0dcdd; }
.text-number-container { width:calc(100% - 80px); padding:55px 40px; }
.google-content-container { width:100%; }
#filter-image { width:calc(100% - 20px); height:auto; }
}


/*--- 7 ---*/
body.page-template-contactar-7 #single-title-container h1 { padding-top: 190px; }
.caixa-contactar .padding { padding: 12px; }
.header-caixa-contactar { text-align: center; padding: 10px 10px 6px; }
.contingut-caixa-contactar { border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; 
padding: 35px 35px 50px; text-align: center; }
.contingut-caixa-contactar p { margin-bottom: 15px; }


/*---------------------------------------------------------- LIDERES ---------------------------------------------------------*/

body.page-template-lideres { background-color:#349946 !important; }
body.page-template-lideres h1 { margin-bottom:20px !important; }
body.page-template-lideres .lideres-content p, body.page-template-lideres .lideres-content strong { font-size: 16px !important; line-height:1.5 !important; color:#349946 !important; }
body.page-template-lideres #nav-icon span { background:#FFF !important; }
.lideres-content { background-color:#FFF; overflow:hidden; padding:40px; margin-bottom:180px; }

@media (min-width: 992px) { 
.lideres-content-container { padding-left:65px; }
}


/*---------------------------------------------------------- BIOGRAFIAS ---------------------------------------------------------*/

body.page-template-basica #nav-icon span, body.page-template-biografia #nav-icon span, body.page-template-video #nav-icon span, 
body.page-template-premios-reconocimientos #nav-icon span, body.page-template-bibliografia-filmografia #nav-icon span,
body.page-template-modelo-negocio #nav-icon span, body.page-template-cronologia #nav-icon span, body.page-template-23-puntos #nav-icon span,
body.page-template-suscribete-a-nuestra-newsletter #nav-icon span, body.page-template-template_angeles #nav-icon span, body.page-template-template_form #nav-icon span, 
body.page-template-template_confirm #nav-icon span, body.page-template-proyectos #nav-icon span, body.page-template-proyectos-por-anos #nav-icon span, 
body.single-proyecto #nav-icon span, body.page-template-proyectos-por-categorias #nav-icon span, body.page-template-proyectos-por-entidades #nav-icon span,
body.page-template-proyectos-resultados #nav-icon span, body.single-proyectos-globales #nav-icon span, body.page-template-timeline-proyectos #nav-icon span  { background-color:#353e4a; }
#navigation-biography { margin-top:5px; }
#navigation-biography li, #navigation-biography p { display:inline; }
.biografia-content-container { padding:45px 50px 100px; background-color:#FFF; }
#index-container { border:1px solid #bcbbbb; padding:20px 30px; }
#index-container li { line-height:0; }
.biografia-contingut { padding-top:30px;}
.section-title { width:100%; border-bottom:1px solid #bcbbbb; padding-bottom:2px; padding-top:30px; margin-bottom:25px; }
.biografia-contingut .section { display:none; }
.biografia-contingut .section:first-child { display:inherit; }
.active-section { display:inherit !important; }
.inactive-section { display:none !important; }

/*---------------------------------------------------------- BÁSICOS ---------------------------------------------------------*/

body.page-template-basica-2 { padding-bottom:150px; }
#basic-container { margin-bottom:100px; background-color:#FFF; padding-left:0 !Important; padding-right:0 !important; padding-top:80px; padding-bottom:120px; }
body.page-template-basica-2 { background-color:#0f1a2b !important; }
body.page-template-basica-2  table, body.page-template-basica table { border-spacing: 0px; border-collapse: separate; border-bottom:1px solid #0f1a2b; border-right:1px solid #0f1a2b; }
body.page-template-basica-2  table td, body.page-template-basica table td { border-top:1px solid #0f1a2b; border-left:1px solid #0f1a2b; padding:5px; }
.basic-content-container { padding:0 80px; }

.basic-content-container h1 { font-size:33px; font-weight:700; margin-bottom:30px; }
.basic-content-container h3 { font-family:'Roboto'; font-size:20px; line-height:28px; font-weight:600; }
.basic-content-container p { font-family: 'Roboto'; font-style: normal; font-size: 16px; line-height: 25px; margin-bottom: 0; padding-bottom: 0; color:#666666; }


/*------------------------------------------------  singles elBullirestaurant, etc ------------------------------------------------*/

#single-container .column { width:inherit !important; }
.gallery-icon img, figure.wp-caption.alignnone img {margin-bottom:5px !important;}
.gallery { margin-bottom:45px !Important; }
figcaption { text-align:left; color:#CCC; font-size:14px !important; }
figure.wp-caption.alignnone {width:100% !important; padding-bottom:15px !Important}

body.proyectos-template, body.page-template-que-son-2 { background-color:#252b33 !important; }
body.proyectos-template #nav-icon span, body.page-template-que-son-2 #nav-icon span { background:#fff; }
.header-image-container { width:100%; height:460px; position:fixed; top:0; z-index:-1; background-position:center !important;
}

@media (max-width: 700px) { 
.header-image-container { background-size:cover !Important; }
}


#header-image {}

#single-title-container { width:100%; height:350px; text-align:center; max-width:850px; margin: 0 auto; }
#single-title-container h1 { padding-top:210px; }
#single-container { margin-top:339px; background-color:#f4f4f4; }
#single-container iframe { width:100% !important; }
#single-container img { width:100% !important; height:auto !important; }
#single-buttons a { text-decoration:none !important; }
#single-button { max-width:565px; width:100%; margin:0 auto 20px; padding:20px; background-color:#1e88e5; text-align:center; border-bottom:3px solid #0274c9; -webkit-transition: .3s ease; -moz-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; border-bottom:3px solid #0460a5; }
#single-button:hover, #background-actualizar:hover { background-color:#0274c9;}
#single-button p { font-family:'Open Sans', sans-serif; font-size:29px; line-height:35px; color:#FFF; }
#single-buttons { margin-top:140px; margin-bottom:0px; clear:both; }
#single-bullinianos-container { text-align:center; max-width:1000px; margin:100px auto; }
.bullinianos1 .col-xs-12:first-child { margin-left:33.333333%; }
.bullinianos2 .col-xs-12:first-child { margin-left:16.66%; }
.bullinianos3 {}
.bullinianos5 .col-xs-12:nth-child(4) { margin-left:16.66%; }
#single-container .gallery figure { display:inline-block; }
.gallery-columns-2 figure { width:48%; } 
.gallery-columns-2 figure:nth-child(1n+0) { margin-right:4%; }
.gallery-columns-2 figure:nth-child(2n+0) { margin-right:0;}
.gallery-columns-3 figure { width:31%; } 
.gallery-columns-3 figure:nth-child(1n+0), .gallery-columns-3 figure:nth-child(2n+0) { margin-right:3.5%; }
.gallery-columns-3 figure:nth-child(3n+0) { margin-right:0; }
.gallery-columns-4 figure { width:24%; } 
.gallery-columns-4 figure:nth-child(1n+0), .gallery-columns-4 figure:nth-child(2n+0), .gallery-columns-4 figure:nth-child(3n+0) { margin-right:1.3%; }
.gallery-columns-4 figure:nth-child(4n+0) { margin-right:0; }


#container-bullinianos-proyectos, #container-bullinianos-proyectos-4 { margin-top:120px; }
#container-bullinianos-proyectos img, #container-bullinianos-proyectos-4 img { margin:0 !important; }
#container-bullinianos-proyectos .bulliniano:nth-child(4n)::after { clear:none; }
figcaption { display: table-cell; }

@media (min-width: 992px) { 
#container-bullinianos-proyectos-4.num6 a:nth-child(5) .resultat-busqueda {margin-left:25%;}
}

@media (min-width: 768px) {
#container-bullinianos-proyectos.num2 a:first-child .resultat-busqueda{ margin-left:16.66%; }
#container-bullinianos-proyectos.num4 a:first-child .resultat-busqueda, #container-bullinianos-proyectos.num4 a:nth-child(3) .resultat-busqueda{ margin-left:16.66%; }
#container-bullinianos-proyectos.num5 a:nth-child(4) .resultat-busqueda {margin-left:16.66%;}
#container-bullinianos-proyectos.num1 a .resultat-busqueda {margin-left:33.33%;}
}

@media (max-width: 767px) { 
#titol { font-size:38px !important; line-height:46px !important; padding-right:20px !important; padding-left:20px !important; }
.gallery-columns-3 figure, .gallery-columns-2 figure { width:100%; }
.bullinianos1 .col-xs-12:first-child, .bullinianos2 .col-xs-12:first-child, .bullinianos5 .col-xs-12:nth-child(4) { margin-left:0; }
.resultat-busqueda { max-width:300px; margin:0 auto; float:inherit; } 
.gallery-columns-4 figure { width:100%; margin-right:0; }
}

#barri-projectes { margin-top:50px; overflow:hidden; margin-bottom:70px; }
#barri-projectes img { margin:0 !Important; }
#barri-projectes .col-xs-6, #barri-projectes .col-sm-4, #barri-projectes .col-md-3 { padding-left:7px; padding-right:7px; }
.projecte-barri { margin-bottom:50px; }
@media (min-width: 992px) {
.projecte-barri:nth-child(5) { margin-left:25%; } 
}

.resultat-busqueda img { -webkit-filter: grayscale(100%); filter: grayscale(100%); }

@media (max-width: 500px){
body.page-template-de-donde-venimos #nav-icon, body.page-template-lo-ultimo #nav-icon { top:51px; }
}

/*------------------------------------------------ Buscador ------------------------------------------------*/

#filters { float:left; margin-bottom:50px; }
#filters a { text-decoration:none !important; }
#resultats-bullinianos-container { margin:45px 0 75px; overflow:hidden; min-height:250px; }
.resultat-busqueda { margin-bottom:30px; padding-left:10px; padding-right:10px; min-height:256px; }
.open > .dropdown-menu { max-height:410px !important; overflow:auto !important; }

@media (min-width: 992px) { .bulliniano:nth-child(4n+0):after{ clear:both; content:" "; display:block; } }
@media (min-width: 768px) and (max-width: 991px) { .bulliniano:nth-child(3n+0):after{ clear:both; content:" "; display:block; } }

.bulliniano img { -webkit-transition: .3s ease; -moz-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; }
.bulliniano:hover img { opacity:0.8; -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.container-elemento-bulliniano { padding:20px 20px 35px 20px; background-color:#FFF; box-shadow:0 2px 0 0 #E1E1E1; min-height:325px; }
.container-elemento-bulliniano h4 { margin-top:10px; }
.container-elemento-bulliniano img { width:100%; height:auto; }

#filters-nacionalitats li:nth-child(2) { display:none !Important; }
#filters-projectes li:nth-child(2), #filters-projectes li:nth-child(3), #filters-departaments li:nth-child(2){ display:none !important; }
.bulliniano { text-decoration:none !important; }

#searchform { margin-top:14px; margin-bottom:50px; }
#searchform .inlineSearch{ border:none; background-color:transparent; height:25px; width:125px; }
#searchsubmit{ background:url(images/search.svg); border:none; background-repeat:no-repeat; background-position:center; width:30px; }
.inlineSearch { font-family: 'Open Sans', sans-serif; font-size:18px; line-height:25px; margin:0; color:#4d4d4d; }
::-webkit-input-placeholder { font-family: 'Open Sans', sans-serif; font-size:18px; line-height:25px; margin:0; color:#808081; }
::-moz-placeholder { font-family: 'Open Sans', sans-serif; font-size:18px; line-height:25px; margin:0; color:#808081; }
:-ms-input-placeholder { font-family: 'Open Sans', sans-serif; font-size:18px; line-height:25px; margin:0; color:#808081; }
:-moz-placeholder { font-family: 'Open Sans', sans-serif; font-size:18px; line-height:25px; margin:0; color:#808081; }
#background-actualizar {background-color:#1e88e5; -webkit-transition: .3s ease; -moz-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; .se }
#actualizar { max-width:565px; width:100%; margin:0 auto; padding:20px; text-align:center; }
@media (max-width: 991px) { #filters { margin-bottom:0px; } }

#pagination { clear:both; padding:50px 0; }
#pagination a { text-decoration:none !important; }
#pagination a:link, #pagination a:visited { text-decoration:none !important; color:#FFF !important; background-color:#858585; font-family: 'Open Sans', sans-serif !important; font-size:20px !important; line-height:29px !important; 
margin:0 !important; width:32px !important; padding:0px 8px; margin:0 2px !Important; }
#pagination a:hover { background-color:#636363 !important; }
#pagination a.prev:hover, #pagination a.next:hover { color:#636363 !important; }
#pagination span.current {font-family: 'Open Sans', sans-serif !important; font-size:20px !important; line-height:29px !important; margin:0 !important; 
background-color:#1e88e5; padding:0px 8px; margin:0 2px !Important; color:#FFF; }
#pagination a.prev, #pagination a.next { color:#808080 !important; background-color:transparent !Important; }

/*------------------------------------------------ Single bullinianos ------------------------------------------------*/

#single-box { float:inherit; background-color:#FFF; overflow:hidden; padding:50px 40px; }
#single-template img { width:100%; height:auto;  -webkit-filter: grayscale(100%); filter: grayscale(100%);  }

#single-template h1 {font-size:35px !important; line-height:39px !important; font-weight:inherit; margin-bottom:30px;}
#single-template p {font-size:16px !important; line-height:28px !important; color:#000;}
#single-template hr { border-top:1px solid #959595; }
#image-bulliniano { padding-left:80px; }
#image-bulliniano img { margin-bottom:32px; }
#social img {margin-right:4px; }
#actualizar, #bullinianos-form input[type="submit"], #volver { margin-top:30px; padding:8px 0 10px 0; text-align:center; }
#actualizar p, #actualizar strong, #bullinianos-form input[type="submit"], #volver { color:#FFF; font-size:21px !Important;/*--font-size:23px !Important;--*/ line-height:29px !important; }


@media (max-width: 767px) { 
#image-bulliniano { padding-left:25px; margin-top:40px; }
}


/*------------------------------------------------ Formulari ------------------------------------------------*/

.form-control { width:70%; float:right; }
.form-group { overflow:hidden; }
label { width:calc(30% - 15px); margin-top:6px !important; text-align:right; float:left; }
#bullinianos-form input[type="submit"], #volver { background-color:#1e88e5; border:none; width:250px; }
#bullinianos-form input[type=file] { width:70%; float:right; margin-top:5px; }
#containerproyecto2, #containerproyecto3, #containertrabajos2, #containertrabajos3 {display:none;}
#addproject, #addwork { font-size:18px; text-decoration:underline; }
#addproject:hover, #addwork:hover { cursor:pointer; text-decoration:none; }


/*------------------------------------------ Política de privacidad ----------------------------------------*/

.page-template-nota-legal tr:first-child td, .page-template-basica tr:first-child td { background-color:#eaeaeb; }


/*------------------------------------------ Premios y reconocimientos ----------------------------------------*/

body.page-template-premios-reconocimientos .container, body.page-template-bibliografia-filmografia .container, 
body.page-template-modelo-negocio .container, body.page-template-cronologia .container, body.page-template-biografias .container,
body.page-template-23-puntos .container { 
  padding-bottom: 200px; }
.buttons { text-align: center; padding-bottom: 50px; }
.tab { display: none; }
.tab.active { display: inherit; }
#years-container h2 { text-align: left; margin-bottom: 35px; }
.any-premis { overflow: hidden; padding: 0 15px 55px 15px; }
.any-premis .padding { padding: 0 10px; }
.caixa-premi { border: 1px solid #bcbbbb; width: 100%; /*-height: 0; padding-bottom: 63.5%; position: relative;-*/ }
.premi { margin-bottom: 20px; }
.premi img { width: 100%; height: auto; }
.contingut-text { /*--position: absolute; width: 84%; height: 55%; top: 0; right: 0; left: 0; bottom: 0; line-height: 23px; -*/
margin: auto; line-height: 23px; padding: 15px 20px; position: relative; top: 50%; -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%); transform: translateY(-50%); }

@media (max-width: 767px) {
  .caixa-premi { height: inherit !important; }
  .contingut-text { position: inherit !important; transform: none !important; top: 0 !important; }
}

@media (max-width: 991px) {
  body.page-template-premios-reconocimientos .container, body.page-template-bibliografia-filmografia .container, 
  body.page-template-modelo-negocio .container, body.page-template-cronologia .container, body.page-template-biografias .container,
  body.page-template-23-puntos .container { padding-bottom: 300px; }
  .any-premis .col-lg-4:nth-child(2n+1) { clear: both; }
}

@media (min-width: 992px) {
  .any-premis .col-lg-4:nth-child(3n+1) { clear: both; }
}


/*------------------------------------------ Premios y reconocimientos ----------------------------------------*/

.titol-publicacio { text-align: left; padding: 10px 0 12px; border-bottom: 1px solid #bcbbbb; }
.titol-publicacio p { margin-bottom: 5px; }
.credit-publications { text-align: left; padding: 18px 0 0; }
body.page-template-bibliografia-filmografia .any-premis .padding { padding: 0 14px; }
body.page-template-bibliografia-filmografia .premi { margin-bottom: 40px; }
body.page-template-bibliografia-filmografia .any-premis { padding: 0 15px 15px 15px; }


/*------------------------------------------ Modelo de negocio ----------------------------------------*/

.titol-proyecto ul li { list-style: inherit; }
body.page-template-modelo-negocio #years-container h2 { padding-top: 2px !important; }
body.page-template-modelo-negocio #years-container h2:first-child { padding-top: 4px !important; }
body.page-template-modelo-negocio .tab-button { width: inherit !important; }
.proyecto { overflow: hidden; padding: 25px 0; border-bottom: 2px solid #1e88e5; }
.image-proyecto, .titol-proyecto, .credit-proyecto { text-align: left; }
.image-proyecto { height: 70px; background-position: center; background-size: contain; background-repeat: no-repeat; width: 75%;
margin: 0 auto; }
.titol-proyecto { padding: 0 15px; }
.credit-proyecto { float: right; }

@media (max-width: 767px) {
  .image-proyecto { height: 100px; background-position: center; margin-bottom: 30px; }
  .titol-proyecto { padding: 0; margin-bottom: 20px; }
}


/*------------------------------------------ Cronologia ----------------------------------------*/

.contingut-cronologia { padding: 35px 15px 50px; text-align: left; }


/*------------------------------------------ Biografia ----------------------------------------*/

body.page-template-biografias .blue-header .container { position: relative; }
body.page-template-biografias header { position: absolute; left: 0; right: 0; }
.blue-header { background-color: #001321; padding-top: 120px; overflow: hidden; }
#imagen-biografia { float: left; position: absolute; bottom: 0; line-height: 0; }
#imagen-biografia img { width: 100%; height: auto; }
#cita-biografia { text-align: center; }
#cita-biografia blockquote p { max-width: 100%; }
#cita-biografia .padding { padding: 55px 0 55px 40px; }
blockquote p { max-width: 525px; margin: 0 auto; }
.page-template-biografias blockquote p:first-child:before { content: url(images/left-quote.svg); vertical-align: -3px; padding-right: 20px; opacity: 0.4; }
.page-template-biografias blockquote p:last-child:after { content: url(images/right-quote.svg); vertical-align: -3px; padding-left: 10px; opacity: 0.4; }*/
#indice { padding: 50px 0 20px; }
.indice-lista-left { padding-right: 35px; }
.indice-lista-right { padding-left: 35px; }
.seccion-biografia { padding: 60px 0 150px; }
body.page-template-biografias .seccion-biografia h1 span.number { padding: 5px 10px; margin-right: 5px; float: left; }
body.page-template-biografias .seccion-biografia h1 span.text { width: calc(100% - 58px); float: right; padding: 6px 10px 4px; } 
.seccion-biografia blockquote { margin-left: 0 !important; margin-right: 0 !important; }
blockquote p { max-width: 76%; margin: 0 auto; text-align: center; }
.seccion-biografia .tab { padding-bottom: 50px !important; }
body.page-template-biografias ol li ul li { padding-left: 25px; }
body.page-template-biografias #login-button { top: 24px !important; }

@media (max-width: 991px) { 
  .indice-lista-left, .indice-lista-right { padding-left: 0; padding-right: 0; }
}

@media (max-width: 767px) {
  body.page-template-biografias .blue-header .container { position: inherit; }
  body.page-template-biografias .blue-header #imagen-biografia { position: inherit; }
  #imagen-biografia img { max-width: inherit; }
  #cita-biografia .padding { padding-left: 0; }
}


/*------------------------------------------------ 23 puntos ------------------------------------------------*/

#masonry-container { padding-top: 70px; }
.grid-sizer, .masonry-box { width: 25%; } 
.masonry-box img { width: 100%; height: auto; }
.masonry-box .padding { padding: 7px 15px; line-height: 0; }
.masonry-box .border-box { border: 1px solid #bcbbbb; padding: 14px 22px; text-align: left; min-height: 310px; }
.masonry-box .border-box p { margin-top: 8px; }
.masonry-box p.number-box { float: left; font-size: 38px; margin-top:0 !important; margin-bottom: 0 !important; font-weight: 200; }

@media (min-width: 768px) and (max-width: 991px) { .grid-sizer, .masonry-box { width: 33.33%; } }
@media (min-width: 576px) and (max-width: 767px) { .grid-sizer, .masonry-box { width: 50%; } }
@media (max-width: 575px) { .grid-sizer, .masonry-box { width: 100%; } }


/*------------------------------------------------ ÁNGELES ------------------------------------------------*/
.angeles-line { width: 100%; height: 18px; margin-top: 70px; }
.angeles-container { padding: 28px 0 160px; overflow: hidden; }
.angel { text-align: left; margin-bottom: 40px; }
.angel img { width: 100%; height: auto; }
.angel .padding { padding: 0 15px; }
.angel h3 { background: none !important; padding-left: 0; margin-left: 0; margin-top: 10px; padding-bottom: 10px; }
.angel hr { border-top: 1px solid #787777; }
.angel-text { margin-top:-6px; }
.angel-text p { margin-bottom: 12px; }

@media (max-width: 991px) { 
  .angeles-container { padding: 28px 0 250px; }
}

@media (min-width: 576px) and (max-width: 991px) { 
  .angeles-container .angel:nth-child(2n+1) { clear: both; }
}


/*------------------------------------------------ Proyectos ------------------------------------------------*/

/*-- Header background image-*/
body.page-template-proyectos header, body.page-template-timeline-proyectos header, body.page-template-proyectos-por-entidades header, body.page-template-proyectos-por-categorias header { border-bottom: 1px solid #384250 !important; }
body.page-template-proyectos header #project-logo, body.page-template-timeline-proyectos header #project-logo, body.page-template-proyectos-por-entidades header #project-logo, body.page-template-proyectos-por-categorias header #project-logo { -webkit-filter: brightness(500%); filter: brightness(500%); }
#intranet-top-container { padding-top: 70px; display: flex; }
#intranet-top-container .featured-text h1 strong { display: block; }
.header-backgroundImage { background-position: center; background-size: cover; }
.opacity-background { background-image: linear-gradient(to right, rgba(6,20,36,1) , rgba(6,20,36,0.4)); padding: 40px 0 100px; }

/*--- Breadcrumb ---*/
body.page-template-proyectos header, 
body.page-template-timeline-proyectos header, 
body.page-template-proyectos-por-categorias header, 
body.page-template-proyectos-por-entidades header, 
body.single-proyecto header, 
body.page-template-proyectos-resultados header,
body.single-proyectos-globales header { padding-bottom: 14px; border-bottom: 1px solid #d4d4d4; }

body.page-template-proyectos #breadcrumb li:after, 
body.page-template-timeline-proyectos #breadcrumb li:after,
body.page-template-proyectos-por-categorias #breadcrumb li:after, 
body.page-template-proyectos-por-entidades #breadcrumb li:after, 
body.single-proyecto #breadcrumb li:after, 
body.page-template-proyectos-resultados #breadcrumb li:after {  }

.searchTypes-container { display: flex; flex-direction: column; flex-flow: row wrap; padding: 70px 0 200px; }
.searchType { flex: 1; text-align: center; padding: 5px 4% 80px; margin: 0 12px; position: relative; }
.searchType hr { display: none; }
.searchType h3 { margin-bottom: 20px; }
.searchType p { margin-bottom: 70px; }

.borderTop-element { border-top-width: 8px; border-top-style: solid; border-left: 1px solid #acacac; border-right: 1px solid #acacac; border-bottom: 1px solid #acacac; }
.lightgrey-background .borderTop-element { border-left: none; border-right: none; border-bottom: none; }
.black-button { background-color: #000; color: #FFF; text-decoration: none !important; padding: 7px 30px 9px; border-radius: 3px; position: absolute; bottom: 35px; left: 10%; right: 10%; text-align: center; }

@media (max-width: 767px) {
  .searchTypes-container { display: inherit; padding: 70px 0 240px; }
  .searchType { margin: 0 20px 40px; width: calc(92% - 40px); }
}


/*------------------------------------------------ Proyectos por años ------------------------------------------------*/

body.page-template-proyectos-por-anos h1, body.page-template-proyectos-por-categorias h1, body.page-template-proyectos-por-entidades h1, .page-template-proyectos-por-entidades h2, .header-projectsCategory.category-title, .page-template-proyectos-resultados h1 { text-transform: uppercase; }
.projectsCategories-container { margin-top: 70px; padding-bottom: 180px; }
.projectsCategory-container { margin-bottom: 40px; }
.page-template-proyectos-por-anos .projectsCategories-container .projectsCategory-container:nth-child(4n+2) .header-projectsCategory { background-color: #33ccff; }
.page-template-proyectos-por-anos .projectsCategories-container .projectsCategory-container:nth-child(4n+3) .header-projectsCategory { background-color: #5f8bf9; }
.page-template-proyectos-por-anos .projectsCategories-container .projectsCategory-container:nth-child(4n+4) .header-projectsCategory { background-color: #293faa; }
.header-projectsCategory { padding: 6px 25px 5px; }
/*-.text-projectsCategory { border: 2px solid #ededed; border-top: none; padding: 15px 25px 12px; }-*/
/*-.text-projectsCategory a { text-decoration: none; padding: 6px 10px; border-radius: 6px; display:inline-block; margin: 0 10px 5px 0; }-*/

@media (max-width: 767px) {
  .projectsCategories-container { margin-top: 50px; }
  /*-.text-projectsCategory { padding: 15px; }-*/
}

/*--- Timeline ---*/
body.page-template-timeline-proyectos h1 { text-transform: uppercase; }
.timeline-body .title-project { margin: 0; text-transform: uppercase; }
.timeline-body .category-project { text-transform: uppercase; margin-bottom: 0; padding: 0; }
.timeline { list-style: none; position: relative; margin: 70px 0 200px; padding: 0 0 60px; }
.timeline:before { top: 0; bottom: 0; position: absolute; content:" "; width: 1px; background: #d4d4d4; left: 50%; margin-left: -1.5px; }
.timeline > li { margin-bottom: 20px; position: relative; width: 50%; float: left; clear: left; }
.timeline > li.cd-timeline-year { z-index: 1; width: 100%; text-align: center; }
.timeline > li.cd-timeline-year p { width: 120px; margin: 0 auto; padding: 7px 0 0; border-radius: 25px; }
.timeline > li:before, .timeline > li:after { content:" "; display: table; }
.timeline > li:after { clear: both; }
.timeline > li:before, .timeline > li:after { content:" "; display: table; }
.timeline > li:after { clear: both; }
.timeline > li > .timeline-panel { width: 80%; float: left; border: 1px solid #dcdcdc; border-top-width: 5px; border-top-style: solid; background: #ffffff; position: relative; text-decoration: none; }
.timeline > li > .timeline-badge { background-color: #d4d4d4; width: 10px; height: 10px; line-height: 50px; text-align: center; position: absolute; top: calc(50% - 5px); right: -4px; z-index: 100; border-radius: 50%; }
.timeline > li.timeline-inverted > .timeline-panel { float: right; } 
.timeline-badge > a { color: #d4d4d4 !important; }
.timeline-badge a:hover { color: #dcdcdc !important; }
.timeline-title { margin-top: 0; color: inherit; }
.timeline-body { padding: 20px 15px; }
.timeline-body .flex-container { display: flex; align-items: center; margin-top: 8px; }
.timeline-body .image-container { flex:1; line-height: 0; }
.timeline-body .text-container { flex:2; padding-left: 15px; }
.timeline-body .image-container img { width: 100%; height: auto; }
.timeline-body > p, .timeline-body > ul { padding: 10px 15px; margin-bottom: 0; }
.timeline > li.timeline-inverted { float: right; clear: right; }
.timeline > li.timeline-inverted > .timeline-badge { left: -6px; }
.no-float { float: none !important; }
.timeline li hr { position: absolute; left: 0; right: 0; top: 50%; border-top: 1px solid #d4d4d4; border-bottom: none; }
li.timeline-inverted.first-top { margin-top: 30px; }

@media (max-width: 767px) {
  .timeline { margin: 50px 0 200px; }
  .timeline > li.cd-timeline-year p { margin: 50px auto 20px; }
  ul.timeline:before, ul.timeline > li > .timeline-badge, .timeline li hr { display: none; }
  ul.timeline > li { margin-bottom: 0px; position: relative; width:100%; float: left; clear: left; }
  ul.timeline > li > .timeline-panel { width: 100%; }
  ul.timeline > li > .timeline-panel { float: right; }
  .timeline > li.timeline-inverted { float: left; clear: left; margin-top: 30px; margin-bottom: 30px; }
  .timeline > li.timeline-inverted > .timeline-badge { left: 28px; }
}

/*------------------------------------------------ Proyectos por categorías ------------------------------------------------*/

/*--.page-template-proyectos-por-categorias .projectsCategories-container .projectsCategory-container:nth-child(4n+2) .header-projectsCategory { background-color: #009900; }
.page-template-proyectos-por-categorias .projectsCategories-container .projectsCategory-container:nth-child(4n+3) .header-projectsCategory { background-color: #a1c449; }
.page-template-proyectos-por-categorias .projectsCategories-container .projectsCategory-container:nth-child(4n+4) .header-projectsCategory { background-color: #06603b; }--*/


/*---------------------------------------- Proyectos por entidades ------------------------------------------*/

.page-template-proyectos-por-entidades .categories-results__container { padding: 15px 0 0; }
.page-template-proyectos-por-entidades .sub-entidad_container .header-projectsCategory { padding: 0 15px 0 !important; }
.page-template-proyectos-por-entidades .busqueda-title.container { padding-bottom: 250px; }
.busqueda-title { margin-top:85px; overflow: hidden; }
/*----.elbullifoundation-projects .header-projectsCategory { background-color: #bc0650; }
.angeles-projects .header-projectsCategory { background-color: #66043a; }
.editoriales-projects .header-projectsCategory { background-color: #b70202; }
.education-projects .header-projectsCategory { background-color: #c63909; }
.other-projects .header-projectsCategory { background-color: #bc0650; }------*/

.entidad-container { margin-top: 70px; }
.entidad-container h2, .header-projectsCategory.category-title { text-align: center; }
.entidad-container .projectsCategories-container { margin-top: 50px; }
.header-projectsCategory.category-title { margin-top: 15px; }
.sub-entidad_container { border: 2px solid #ededed; padding: 0 15px; margin-bottom: 40px; }
.sub-entidad_container .projectsCategories-container { padding-bottom: 0; }

@media (max-width: 767px) {
  .busqueda-title { margin-top:35px; }
  .sub-entidad_container { padding: 0 15px; }
}


/*------------------------------------------- Project element -----------------------------------------------*/

.categories-results__container { display: flex; flex-wrap: wrap; padding: 40px 0; }
.project-element { width: calc(33.33% - 70px); max-width: calc(33.33% - 70px); border: 1px solid #ededed; border-top-width: 5px; border-top-style: solid; margin: 0 16px 25px; padding: 12px 18px 18px; text-decoration: none !important; }
.project-element .category-term { font-family: 'Roboto'; font-size: 15px; line-height: 20px; font-weight: 700; text-transform: uppercase; margin-bottom: 10px; }
.project-element img { width: 100%; height: auto; }
.header-projectsCategory h2 { font-family: "Roboto" !important; font-weight: bold !important; font-size: 20px !important; line-height: 24px !important; background-color: transparent; padding: 0; margin: 0; text-transform: uppercase; }
.project-element h3 { background: none !important; font-weight: 400; color: #000; font-size: 20px; line-height: 24px; margin-top: 10px; }
.project-element hr { display: none; }
.project-element__categoriesContainer { padding-top: 15px; }
.project-element__categoriesContainer p { font-size: 14px; text-transform: uppercase; margin: 0; }
.project-element__categoriesContainer p.category-section { text-transform: none; font-weight: bold; padding: 3px 10px 2px;     margin-bottom: 6px; }

@media (max-width: 767px) {
  .categories-results__container .project-element { width: calc(50% - 70px); max-width: calc(50% - 70px); }
}

@media (max-width: 600px) {
  .categories-results__container .project-element { width: 100%; max-width: 100%;  margin: 0 0 25px; padding: 12px 18px 18px; }
}

/*---- hover transition -----*/
.timeline-panel .image-container img, .project-element img { -webkit-transition: .2s ease; -moz-transition: .2s ease; -o-transition: .2s ease; transition: .2s ease; }
.timeline-panel:hover .image-container img, .project-element:hover img { -webkit-filter: grayscale(100%); filter: grayscale(100%); }

/*----------------------------------------- Resultados proyectos --------------------------------------------*/

.projects-results_container { padding: 70px 0 200px; }
.projects-results_container a { text-decoration: none; }
.projects-results_container .project-element { border: 2px solid #ededed; display: flex; flex-direction: column; flex-flow: row wrap; margin-bottom: 30px; width: calc(100% - 80px); max-width: 100%; }
.projects-results_container .project-element { padding: 50px 40px; }
.projects-results_container .project-element .project-image_thumbnail { flex: 2; }
.projects-results_container .project-element .project-image_thumbnail img { width: 100%; height: auto; }
.projects-results_container .project-element .project-text-container { flex: 5; padding-left: 30px; }
.projects-results_container .project-element h2 { padding: 0 0 0 8px; margin: 0 0 15px 0; }
.projects-results_container .project-element .projects-padding { padding: 0; }
.projects-results_container .project-element .projects-categories_container .category-element { margin: 0 8px; }
.projects-results_container .project-element .excerpt_container { padding: 15px 0 0 8px; }
.projects-results_container .project-element .projects-categories_container .category-element p.category-section, .projects-results_container .project-element .projects-categories_container .category-element p { font-size: 14px; line-height: 18px; }
.projects-results_container  .project-element .projects-categories_container .category-element p { margin-bottom: 5px; }
.projects-results_container  .other-projects.entidad-container { padding-bottom: 180px; }

@media (max-width: 767px) {
  .projects-results_container .project-element { padding: 35px 15px; }
  .projects-results_container { padding: 70px 0 300px; }
  .projects-results_container .project-element { display: table-cell; }
  .projects-results_container .project-element .project-image_thumbnail { margin-bottom: 30px; display: none; }
  .projects-results_container .project-element .project-text-container { padding-left: 0; }
}

/*-------------------------------------------- Single proyectos ---------------------------------------------*/

.single-proyecto h1, .single-proyectos-globales h1 { text-transform: uppercase; margin-top: 100px; margin-bottom: 0; }
.single-proyecto h2, .page-template-proyectos-por-entidades h2 { background-color: transparent; margin-top: 10px; margin-bottom: 0; }
.projects-padding { padding: 0 30px; }
.projectsTitle-single { text-align: center; }
.projects-categories { margin-top: 60px; padding: 35px 0 40px; }
.projects-categories_container { display: flex; flex-direction: column; flex-flow: row wrap; }
.projects-categories_container .category-element { flex: 1; margin: 0 15px; }
.projects-categories_container .category-element a { display: block; text-decoration: none; }
.projects-categories_container .category-element p { text-transform: uppercase; margin-bottom: 8px; }
.projects-categories_container .category-element p.category-section, .projects-categories_container .category-element a.category-section { text-transform: none; padding: 5px 8px; margin-bottom: 5px; }
.content-singleProyects { padding-top: 70px; padding-bottom: 120px; }
.content-singleProyects figure { width: 100% !important; margin: 0; }
.content-singleProyects img { width: 100%; height: auto; }
.content-singleProyects ul { padding-left: 20px; margin-bottom: 20px; }
.content-singleProyects li { list-style: inherit; }
.content-singleProyects .gallery { margin-bottom: 10px !important; overflow: hidden; }
.content-singleProyects .gallery.gallery-columns-3 figure { width: 31% !important; float: left !important; }
.content-singleProyects .gallery.gallery-columns-2 figure { width: 48% !important; float: left !important; }
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.webButton-link {text-align: center; margin: 90px 0 0; }
.webButton-link a { -webkit-transition: 0.2s ease-out; transition: 0.2s ease-out; padding: 20px 25px 15px; color: #FFF; border-radius: 15px; text-transform: uppercase; text-decoration: none; padding: 20px 25px 15px; margin: 0 10px; }
.webButton-link a:hover { background-color: #000; }
.projects-pagination { display: flex; flex-direction: column; flex-flow: row wrap; padding-bottom: 150px; }
.projects-pagination a { flex: 1; border: 2px solid #dadada; padding: 45px 25px 40px; text-decoration: none; }
.projects-pagination a.prev, .projects-pagination a.next { display: flex; flex-direction: column; justify-content: center; max-width: 380px; }
.projects-pagination a.prev { margin-right: 4%; }
.projects-pagination a.next { margin-left: 4%; }
.projects-pagination a.prev div.project-link_container, .projects-pagination a.next div.project-link_container { /*---display: flex; align-items: center;---*/ position: relative; }
.projects-pagination a.prev div.project-link_container svg, .projects-pagination a.next div.project-link_container svg { transition: 0.2s; -webkit-transition: 0.2s; width: 60px; }
.projects-pagination a.prev svg { left: 15px; position: absolute; top: 50%; transform: translateY(-50%); }
.projects-pagination a.next svg { right: 15px; position: absolute; top: 50%; transform: translateY(-50%); }
.projects-pagination a.prev:hover svg { left: 0 !important; }
.projects-pagination a.next:hover svg { right: 0 !important; }
.projects-pagination a div.project-link_container .text { text-transform: uppercase; }
/*---.projects-pagination a.prev div.project-link_container .text { padding-left: 40px; }
.projects-pagination a.next div.project-link_container .text { padding-right: 40px; }---*/
.projects-pagination a.next .text, .projects-pagination a.next svg { float: left; }
.projects-pagination a.prev .text, .projects-pagination a.prev svg { float: right; }
.projects-pagination a.next .text, .projects-pagination a.prev .text { width: calc(100% - 90px); }

#vermas-container { text-align: center; padding-bottom: 150px; }
.vermas-accordion { font-family: 'Roboto'; font-weight: bold; font-size: 20px; background-color: #f3f3f3; color: #666; text-decoration: none !important; padding: 7px 30px 9px; border-radius: 3px; border: none; text-align: center; transition: 0.4s; width: 120px; }
.vermas-accordion:hover { cursor: pointer; } 
.vermas-accordion:after { content: 'más'; color: #666; }
.vermas-accordion.active:after { content: "menos"; } 
.vermas-panel { text-align: left; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; }

@media (max-width: 991px) {
  .projects-pagination { padding-bottom: 250px; }
}
@media (max-width: 767px) {
  .webButton-link a { display: block; }
  .projects-categories_container { display: inherit; }
  .projects-categories_container .category-element { margin: 0 0 15px; }
  .projects-categories { padding: 45px 0 50px; }
  .projects-pagination { flex-direction: column; }
  .projects-pagination a { width: calc(100% - 50px); }
  .projects-pagination a.prev { margin-right: 0; margin-bottom: 20px; }
  .projects-pagination a.next { margin-left: 0; }
}

#fancybox-wrap { z-index: 99999999 !important; }
#fancybox-overlay { background-color: rgba(0, 0, 0, 0.7) !important; }
#fancybox-outer { box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; }

/*---------------------------------------- Single proyectos globales ----------------------------------------*/

@media (min-width: 601px) {
  .single-proyectos-globales .content-singleProyects h2 { padding-left: 15px !important; }
}

/*------------------------------------------------ Formulari ------------------------------------------------*/

body.page-template-template_form h1 { font-size: 34px; line-height: 45px; font-weight: normal; }
body.page-template-template_form .biografia-content-container { overflow: hidden; padding: 45px 50px 60px; }
body.page-template-template_form .biografia-content-container img { width: 100%; height: auto; }
body.page-template-template_form label { width: 100%; text-align: left; margin-bottom: 15px; }
body.page-template-template_form input[type=text], body.page-template-template_form input[type=email],
body.page-template-template_form input[type=tel] { width: calc(100% - 40px); padding: 5px 20px; margin-top: 5px; }
body.page-template-template_form input[type=email] { margin-bottom: 30px; }
body.page-template-template_form input[type=submit] { font-family: 'Roboto' !important; font-size: 25px; line-height: 30px; font-weight: 500;
    color: #fff; padding: 12px 35px 14px; display: table; margin: 18px auto; background: 0 0 !important; background-color: #0094ff !important; }


/*------------------------------------------------ Confirmación de asistencia ------------------------------------------------*/

body.page-template-template_confirm .biografia-content-container { text-align: center; padding: 70px 50px 100px; }
body.page-template-template_confirm .biografia-content-container img { width: 100%; height: auto; }

/*------------------------------------------------ Lightbox ------------------------------------------------*/

.embed-container-lightbox { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container-lightbox iframe, .embed-container-lightbox object, .embed-container-lightbox embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#contenidor-video-lightbox, .contenidor-video-lightbox {position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width:70%; }
#close-1, #close-2, #close-3, #close-4 { position:absolute; top:-11px; right:-11px; }
#close-1:hover, #close-2:hover, #close-3:hover, #close-4:hover { cursor:pointer; }
#lightbox1, #lightbox2, #lightbox3, #lightbox4 { display:none; -webkit-transition: opacity .3s ease; transition: opacity .3s ease;}


/*------------------------------------------------ Cookies ------------------------------------------------*/

/*#eucookielaw, #gdpr-cookie-message { position: fixed; bottom: 20px; right:20px; background-color: #040e1b; width: 270px; padding: 20px 30px 35px; z-index: 9; text-align: center; }
#eucookielaw p, #gdpr-cookie-message p, #gdpr-cookie-message a { font-family: 'Open Sans', sans-serif; color: #FFF; margin-bottom:18px; line-height:23px; font-size:15px; font-weight: bold; }
#removecookie, #gdpr-cookie-message button { font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; color:#FFF; background-color:#1e88e5; border-bottom:3px solid #0460a5; font-size: 16px; padding: 5px 20px; text-decoration:none; -webkit-transition: .3s ease; -moz-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; border-top: none; border-left: none; border-right: none;}
#removecookie:hover, #gdpr-cookie-message button:hover { background-color:#0274c9 !important; cursor:pointer; }
#gdpr-cookie-advanced { display: none; }*/

#eucookielaw, #gdpr-cookie-message { /*-position: fixed; bottom: 20px; right:20px; background-color: #040e1b; width: 270px; padding: 20px 30px 35px; z-index: 9; text-align: center;-*/ 
position: fixed; bottom: 0; right: 20px; background-color: #040e1b; width: calc(100% - 60px); padding: 0 30px; z-index: 9; text-align: center; left: 0;}
#eucookielaw p, #gdpr-cookie-message p, #gdpr-cookie-message a { font-family: 'Open Sans', sans-serif; color: #FFF; margin-bottom:10px; line-height:23px; font-size:15px; font-weight: bold; line-height: 18px; font-size: 12px; display: inline-block; }
#gdpr-cookie-message p:nth-child(2) { width: calc(100% - 180px); max-width: 855px; padding-right: 45px; text-align: left;  }
#gdpr-cookie-message p:nth-child(2) a { margin-bottom: 0; }
#gdpr-cookie-message p:nth-child(4) { vertical-align: top; margin-top: 0px; }
#removecookie, #gdpr-cookie-message button { font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; color:#FFF; background-color:#1e88e5; border-bottom:3px solid #0460a5; font-size: 16px; padding: 5px 20px; text-decoration:none; -webkit-transition: .3s ease; -moz-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; border-top: none; border-left: none; border-right: none;}
#removecookie:hover, #gdpr-cookie-message button:hover { background-color:#0274c9 !important; cursor:pointer; }
#gdpr-cookie-advanced { display: none; }

@media (max-width: 850px) { 
  #gdpr-cookie-message p:nth-child(2) { width: 100%; padding-right: 0; }
  #gdpr-cookie-message p:nth-child(4) { margin-top: 0px; margin-bottom: 20px; }
}

	
	.video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.video-container iframe, .video-container object, .video-container embed, .video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*------------------------------------------------ Under construction ------------------------------------------------*/

body.page-template-construction { background-color:#061324; }


/*------------------------------------------------ Effects ------------------------------------------------*/

.totop {margin-top:50px;}
.totop2 {margin-top:80px;}
.totop3 {margin-top:100px;}
.toright {margin-right:50px;}
.toleft {margin-left:50px;}


/*------------------------------------------------ popup ------------------------------------------------*/

.newsletter-popup { display: none; position: fixed; bottom: 60px; right: 40px; width: calc(100% - 80px); max-width: 330px; background-color: #FFF; z-index: 10; }
.newsletter-popup label, .newsletter-popup p { width: 100%; }
.newsletter-popup .capcelera { background-color: #0094ff; padding:20px 25px 18px; }
.newsletter-popup .capcelera p, .newsletter-popup input[type=email], .newsletter-popup { font-family: 'Roboto'; font-size: 18px; line-height: 22px; color:#FFF; margin-bottom: 0; font-weight: 500; }
.newsletter-popup form div { box-sizing: inherit; }
.newsletter-popup input { margin: 0; box-sizing: border-box; }
.newsletter-popup input[type=email] { padding: 8px 8px 10px; border: 1px solid #CCC; width: 100%; color: #000; }
.newsletter-popup input[type=checkbox] { border: 1px solid #CCC; border-radius: 0; }
.newsletter-popup .terms-and-conditions { text-align: left; overflow: hidden; padding-top: 12px; }
.newsletter-popup .terms-and-conditions p { font-family: 'Roboto'; font-size: 14px; line-height: 16px; font-weight: 400; }
.newsletter-popup .terms-and-conditions, .newsletter-popup .terms-and-conditions a { color: #4d4d4d; }
.newsletter-popup .terms-and-conditions input {float: left;}
.newsletter-popup .terms-and-conditions .text-terms {float: right; max-width: calc(100% - 23px); }
.newsletter-popup input[type=submit] { font-family: 'Roboto'; font-size: 14px; line-height: 14px; font-weight: 400; color: #FFF; background-color: #2a6aaf; border: none; padding: 7px 12px 8px; border-radius: 8px; }
.newsletter-popup .pin-div { height: 26px; width: 26px; background-color: #FFF; position: absolute; right: 20px; transform: rotate(45deg); bottom: -13px; border-right: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; }
#close-newsletter-popup { position: absolute; right: -10px; top: -10px; }
#close-newsletter-popup:hover { cursor: pointer; }

.newsletter-popup input::placeholder { font-family: 'Roboto'; font-size: 18px; line-height: 22px; font-weight: 500;  }
.newsletter-popup input:-ms-input-placeholder { font-family: 'Roboto'; font-size: 18px; line-height: 22px; font-weight: 500;  }
.newsletter-popup input::-ms-input-placeholder { font-family: 'Roboto'; font-size: 18px; line-height: 22px; font-weight: 500;  }

/*--- Sendinblue ---*/
#sib-container { padding: 0 !important; }
.sib-form-message-panel { margin: 0 !important; }
#sib-container input:-ms-input-placeholder { text-align: left; font-family: "Helvetica", sans-serif; color: #c0ccda; } 
#sib-container input::placeholder { text-align: left; font-family: "Helvetica", sans-serif; color: #c0ccda; } 
#sib-container textarea::placeholder { text-align: left; font-family: "Helvetica", sans-serif; color: #c0ccda; }
.sib-form { padding: 5px 12px 20px !important; }
.sib-form .input { color: #666 !important; }
.sib-form-container a { color: #0094ff !important; }
.sib-form-message-panel__text { padding: 0 .5rem; }
#success-message { font-size:14px !important; text-align:left !important; font-family:"Helvetica", sans-serif; color:#666666 !important; background-color:#ffffff !important; border-color:#00d86c !important; max-width: 275px !important; margin: 20px 0 0px !important; }
#error-message { max-width: 275px !important; margin: 20px 0 0px !important;  }
.sib-form-block__button:hover { background-color: #026ebd !important; }
.entry__choice label p { font-size: 16px !important; line-height: 20px !important; font-weight: normal !important; text-align: left; }
.sib-form .input_replaced:checked+.checkbox_tick_positive { background: #0094ff !important; border-color: #0094ff !important; }
.form__label-row--horizontal { margin: 0 !important; width: 100% !important; }