@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@200;300&display=swap');

/*

  Thin: 100
  Extra-light: 200
  Light: 300

 */

 @charset "UTF-8";
 /* CSS Document */
 
 /****************** WEBFONTS *******************/
 @font-face {
     font-family: 'fontawesome';
     src: url('font-awesome/fonts/fontawesome-webfont.eot');
     src: url('font-awesome/fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
          url('font-awesome/fonts/fontawesome-webfont.woff2') format('woff2'),
          url('font-awesome/fonts/fontawesome-webfont.woff') format('woff'),
          url('font-awesome/fonts/fontawesome-webfont.ttf') format('truetype'),
          url('font-awesome/fonts/fontawesome-webfont.svg#fontawesome') format('svg');
     font-weight: normal;
     font-style: normal;
 }
 
 /***************** GENERICS *******************/
 
 body {padding: 0; margin:0; font-family: 'Barlow', sans-serif; font-size: 20px; font-weight: 300;}
 body.no-scroll {overflow: hidden;}
 p {font-size: 20px; line-height: 30px; margin:0 0 15px 0;}
 a {text-decoration: none; color: #0064AF; font-weight: 500; cursor: pointer; transition: color .5s;}
 a:hover {text-decoration:none; color: #333;}
 ul {margin:0; padding:0;}
 ul li,
 ol li,
 ul li.expanded,
 ul li.leaf {list-style:none;}
 b, strong {font-weight: bold;}
 img {max-width: 100%; height: auto;}
 * {box-sizing: border-box;}
 
 span.form-required {color: #d35;}
 
 
 input[type="button"],
 input[type="submit"],
 button {-webkit-appearance: none; -moz-appearance: none;appearance: none;}
 
 .container {width:1170px; margin:0 auto; padding:0 15px;}
 .container-mini {width:1170px; margin:0 auto; padding:0 15px;}
 .container .container-mini {width: 100%; padding:0;}
 .container .container {width: 100%; padding: 0;}
 
 h1 {font-weight: 700; font-size: 50px;}
 h2 {font-weight: 200; color:#0064AF; font-size: 50px; margin:0 0 50px 0;}
 h2.line {margin: 0 0 20px;font-weight: 700; color: #1d1d1b; border-bottom: 1px solid #0081c9; font-size: 25px; padding-bottom: 15px;}
 h3 {font-weight: 300; color:#0064AF; font-size:35px; margin:0 0 20px 0;}
 
 #page-wrapper {position: relative;}

 /*popup calendar*/
 
 #ui-datepicker-div{
   font-size:85%;
 }
 
 #ui-datepicker-div *{
   font-family: 'Barlow', sans-serif;
 }
 
 #ui-datepicker-div th,
 #ui-datepicker-div td{
   background-color:transparent;
 }
 
 #ui-datepicker-div .ui-widget-header{
   background:none;
 }
 #ui-datepicker-div .ui-state-default, #ui-datepicker-div .ui-widget-content .ui-state-default, #ui-datepicker-div .ui-widget-header .ui-state-default{
   background:#fff;
 }
 
 #ui-datepicker-div .ui-state-active{
   border:1px solid #0064AF;
 }
 
 #ui-datepicker-div .ui-state-highlight{
   border:1px solid #8dccfa;
 }
 
 /*media queries datepikcer*/
 @media screen and (max-width:1400px){
   #ui-datepicker-div{
     font-size:76%;
   }
 }
 
 @media screen and (max-width:1200px){
   #ui-datepicker-div{
     font-size:61%;
   }
 }
 
 @media screen and (max-width:550px){
   #ui-datepicker-div{
     font-size:100%;
   }
 }
 
 .generic-link {display: inline-block; color:#fff; background-color: #0064AF; border-radius: 40px; padding:25px 40px; font-weight: 200; font-size: 18px; transition: .3s; -webkit-transition: .3s; position: relative; }
 .generic-link:hover {background-color: #005880; color: white;}

 .box-video {position: relative; cursor: pointer; overflow: hidden;cursor: pointer; max-width: 950px; margin: 0 auto;} /* JTR - modificat 25-10-2022 */
 .box-video .image-video {position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%;}
 .node-historia.view-mode-full .box-video .image-video,
 .view-eva-home-highlights .box-video .image-video {position: relative; top: auto; left: auto;}
 .view-eva-home-highlights .box-video .image-video {padding: 0 20px}
 .view-eva-home-highlights .box-video .image-video::after {
   width: calc(100% - 40px);
   margin: 0 20px;
 }
 .view-eva-home-highlights img {
   display: block;
 }
 .node-historia.view-mode-full .box-video .video-container,
 .view-eva-home-highlights .box-video .video-container {position: absolute; top: 0px; left: 0px; width: 100%;}
 .box-video .image-video img {width: 100%; display: block;}
 .box-video .image-video:before {content: ""; width: 100px; height: 100px; background: url(../images/ico-video.png) no-repeat center #0064AF; display: inline-block; position:absolute; z-index: 1; top:calc(50% - 50px); left:calc(50% - 50px); border-radius:50%;}
 .box-video .image-video:after {content:""; display:inline-block; position: absolute; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,.3);}
 .box-video .image-video img {opacity: 1; transition: .5s;}
 .box-video .image-video:hover img {opacity: .8;}
 .box-video.open .image-video {visibility: hidden;opacity: 0;-webkit-transition: all .6s .8s; transition: all .6s .8s;}
 .box-video .video-container {position: relative; margin: 0; z-index: 1; height: 100%; overflow: hidden; color: transparent; font-size: 0; line-height: 0px;}
 .box-video.open .video-container {opacity: 1; -webkit-transition: all .6s .8s; transition: all .6s .8s;}
 .box-video .video-container iframe {width: 100%; height: 100%; position: absolute; top:0; left: 0;}
 
 .flexslider {border:none; margin:0;}
 
 /*#block-system-main .node li::before {
   content: "";
   width: 10px;
   height: 10px;
   border-radius: 50%;
   background-color: #00a7e1;
   display: inline-block;
   margin-right: 15px;
   margin-left: -25px;
 }*/
 
 /******************* HEADER *******************/
 .wrapper-navigation .ico-menu-mobil {display: none;}
 
 header {position:relative; background: #fff;}
 header .container {position: relative; z-index: 9999; padding:20px 15px;}
 .not-front header {height: 180px;}
 header .top .logo {display:inline-block; vertical-align: middle;}
 header .top .logo a {
   display: inline-block;
   width: 250px;
   height: 54px;
   background: transparent url(../images/nou-logo.svg) no-repeat center;
   background-size: 100%;
 }
 header .top .wrapper-navigation {display: inline-block; vertical-align: middle; width: calc(100% - 255px); text-align: right; margin-top: 10px;}
 header .top .wrapper-navigation .navigation #main-menu,
 header .top .wrapper-navigation .navigation .right,
 header .top .wrapper-navigation .navigation .menu-sites,
 header .top .wrapper-navigation .navigation .wrapper-language,
 header .top .wrapper-navigation .navigation .ico-search {display: inline-block; vertical-align: top;}
 header .top .wrapper-navigation .navigation .right {float: right; margin-left: 30px;}
 header .top .wrapper-navigation .navigation .menu-sites i{display:none;}
 header .top .wrapper-navigation .navigation .ico-search {width: 20px; height: 22px; background: url(../images/ico-search-b.png) no-repeat center;}
 header .top .wrapper-navigation .navigation #main-menu {}
 header .top .wrapper-navigation .navigation #main-menu ul li {display: inline-block; margin: 0; padding:0;}
 header .top .wrapper-navigation .navigation #main-menu ul li.expanded > span.nolink,
 header .top .wrapper-navigation .navigation #main-menu ul li.expanded > a {background: url(../images/ico-arrow-down-b.png) no-repeat center right; position: relative;}
 header .top .wrapper-navigation .navigation #main-menu ul li ul li.expanded > a {background: url(../images/ico-arrow-down.png) no-repeat center right;}
 header .top .wrapper-navigation .navigation #main-menu ul li > a:after {content: ""; width: 0px; height: 2px; background: #0064AF; transition: .3s; -webkit-transition: .3s; position: absolute; bottom:10px; left: 20px;}
 header .top .wrapper-navigation .navigation #main-menu ul li > a:hover {cursor: pointer;}
 header .top .wrapper-navigation .navigation #main-menu ul li > a:hover:after,
 header .top .wrapper-navigation .navigation #main-menu ul li.hover > a:after,
 header .top .wrapper-navigation .navigation #main-menu ul li.active-trail > a:hover:after ,
 header .top .wrapper-navigation .navigation #main-menu ul li.active-trail > a:after {width: 40px;}
 header .top .wrapper-navigation .navigation #main-menu ul li a,
 header .top .wrapper-navigation .navigation #main-menu ul li span.nolink {color:#0064AF; font-size: 18px; font-weight: 400; padding:20px 15px 20px 20px;position: relative;}
 header .top .wrapper-navigation .navigation #main-menu ul li ul,
 header .top .wrapper-navigation .navigation .menu-sites ul li ul {display: none; position: absolute; }
 header .top .wrapper-navigation .navigation #main-menu ul li.expanded > ul {background-color: #0064AF; left:0px; top: 100px; width: 100%; padding:0 25px; text-align: left;}
 body.front header .top .wrapper-navigation .navigation #main-menu ul li.expanded > ul { border: 1px solid #fff; }
 header .top .wrapper-navigation .navigation #main-menu .content > ul > li.expanded > ul > li.first > a {font-size: 32px; display: inline-block; font-weight: 300; margin-right: 30px; color:#fff;}
 header .top .wrapper-navigation .navigation #main-menu .content > ul > li.expanded > ul > li.first > a:after,
 header .top .wrapper-navigation .navigation #main-menu .content > ul > li.expanded > ul > li.first > a.active:after,
 header .top .wrapper-navigation .navigation #main-menu .content > ul > li.expanded > ul > li.first > a.active:hover:after {content:none;}
 header .top .wrapper-navigation .navigation #main-menu ul li.expanded.hover > ul {display: block; z-index: 99;}
 header .top .wrapper-navigation .navigation #main-menu ul li ul li {display:inline-block; vertical-align: middle;}
 header .top .wrapper-navigation .navigation #main-menu ul li ul li a {color:#fff; font-size: 16px; font-weight: 300; display: inline-block; padding: 20px; position: relative;}
 header .top .wrapper-navigation .navigation #main-menu ul li ul li a:after {content: ""; width: 0px; height: 2px; background: #fff; transition: .3s; -webkit-transition: .3s; position: absolute; bottom:10px; left: 20px;}
 header .top .wrapper-navigation .navigation #main-menu ul li ul li.hover a:after,
 header .top .wrapper-navigation .navigation #main-menu ul li ul li a:hover:after,
 header .top .wrapper-navigation .navigation #main-menu ul li ul li a.active:after {width: 40px;}
 header .top .wrapper-navigation .navigation #main-menu ul li.expanded ul li ul {background: #fff; width: inherit; left: inherit; padding:20px 40px; top: 78px; box-shadow: 0px 10px 50px #a0a09f;}
 header .top .wrapper-navigation .navigation #main-menu ul li ul li ul li {display: block;}
 header .top .wrapper-navigation .navigation #main-menu ul li ul li ul li a {color:#000000; padding:10px 0;}
 header .top .wrapper-navigation .navigation #main-menu ul li ul li ul li a:after {content: ""; width: 30px; height: 2px; background: #a0a09f; transition: .3s; -webkit-transition: .3s; position: absolute; bottom:3px; left: 0px;}
 header .top .wrapper-navigation .navigation #main-menu ul li ul li ul li a:hover:after {width: 100%;}
 header .top .wrapper-navigation .navigation #main-menu #block-system-main-menu > .content > ul > li.active-trail > ul {display: inline-block;}
 header .top .wrapper-navigation .navigation #main-menu ul li ul li ul li ul {display: none!important;}
 
 header .top .wrapper-navigation .navigation .right { width: 210px; }
 header .top .wrapper-navigation .navigation .main-contact { display: inline-block; font-size: 14px; margin-right: 1em; }
 header .top .wrapper-navigation .navigation .main-contact li {margin:0; padding:0;}
 header .top .wrapper-navigation .navigation .main-contact a { font-weight: 300;position: relative; padding:10px 0;color:#005880;}
 header .top .wrapper-navigation .navigation .main-contact a:after {content: ""; width: 0px; height: 2px; background: #005880; transition: .3s; -webkit-transition: .3s; position: absolute; bottom:0px; left: 0px;}
 header .top .wrapper-navigation .navigation .main-contact a:hover,
 header .top .wrapper-navigation .navigation .main-contact a.active {color:#005880;}
 header .top .wrapper-navigation .navigation .main-contact a:hover:after {width: 30px;}
 body.front header .top .wrapper-navigation #block-menu-menu-contacto-header a { color: #fff; }

 header .top .wrapper-navigation .navigation .menu-sites ul li {position: relative; padding:0; margin:0;}
 header .top .wrapper-navigation .navigation .menu-sites ul li .nolink {color:#0064AF; font-size: 14px;}
 header .top .wrapper-navigation .navigation .menu-sites ul li .nolink:hover {cursor:pointer;}
 header .top .wrapper-navigation .navigation .menu-sites ul li ul {background: #fff; padding:40px; right: -120px; top:50px; z-index: 1; min-width: 560px; box-shadow: 0px 10px 50px #999;}
 header .top .wrapper-navigation .navigation .menu-sites ul li ul li {width: 50%; float: left; text-align: left;}
 header .top .wrapper-navigation .navigation .menu-sites ul li ul li a {color:#000000; padding:10px 0; font-size: 18px; position: relative; display: inline-block;}
 header .top .wrapper-navigation .navigation .menu-sites ul li ul li a:after {content: ""; width: 30px; height: 2px; background: #a0a09f; transition: .3s; -webkit-transition: .3s; position: absolute; bottom:3px; left: 0px;}
 header .top .wrapper-navigation .navigation .menu-sites ul li ul li a:hover:after,
 header .top .wrapper-navigation .navigation .menu-sites ul li ul li a.active:after {width: 100%;}
 header .top .wrapper-navigation .navigation .menu-sites ul li.expanded.hover ul {display: block;}
 header .top .wrapper-navigation .navigation .menu-sites span.nolink {margin-right: 0px;background: url(../images/ico-arrow-down-b.png) no-repeat  right 8px ;padding-right: 13px;}
 
 /* header .top .wrapper-navigation .navigation .wrapper-language select {-webkit-appearance:none; -moz-appearance:none; border:none; background: url(../images/ico-arrow-down-b.png) no-repeat center right transparent; color:#0064AF; text-transform: uppercase;padding-right: 10px;font-family: 'Barlow', sans-serif; font-size: 14px; } */
 header .top .wrapper-navigation .navigation #main-menu i {display:none;}
 header #lang_dropdown_form_language .form-item {margin: 0px;}
 header #lang_dropdown_form_language .dd-container {width: auto !important;}
 header #lang_dropdown_form_language .dd-select {border: 0px; background: transparent none !important; text-align: center;}
 header #lang_dropdown_form_language .dd-selected {padding: 5px;}
 header #lang_dropdown_form_language .dd-selected label {font-size: 14px; color: #0064AF; font-weight: normal;}
 .front header #lang_dropdown_form_language .dd-selected label {color: white;}
 header #lang_dropdown_form_language .dd-pointer-up {border-color: transparent transparent #0064AF;}
 header #lang_dropdown_form_language .dd-pointer-down {border-color: #0064AF transparent transparent;}
 .front header #lang_dropdown_form_language .dd-pointer-up {border-color: transparent transparent white;}
 .front header #lang_dropdown_form_language .dd-pointer-down {border-color: white transparent transparent;}
 header #lang_dropdown_form_language .dd-pointer {border: 0px !important; background: transparent url('../images/ico-arrow-down-b.png') no-repeat center; display: inline-block; width: 7px; height: 7px; right: -7px; margin: 0px; top: calc(50% - 3px);}
 .front header #lang_dropdown_form_language .dd-pointer {background-image: url('../images/ico-arrow-down.png')}
 header #lang_dropdown_form_language .dd-options {background: white none; text-align: center; box-shadow: none; border-top: 1px solid #CCCCCC; cursor: pointer;}
 .front header #lang_dropdown_form_language .dd-options {background: transparent none;}
 header #lang_dropdown_form_language .dd-option {color: #0064AF; font-size: 14px; padding: 5px;}
 .front header #lang_dropdown_form_language .dd-option {color: white; background: transparent none;}
 header #lang_dropdown_form_language .dd-option label {font-weight: normal;}
 
 
 header .top .wrapper-navigation .navigation .ico-search {margin-left: 20px; position: relative; top:5px;}
 header .top .wrapper-navigation .navigation .ico-search:hover {cursor:pointer;}
 
 header .menu-destacats {position: absolute; bottom: -85px; left: 0; width: 100%; z-index: 999;}
 header .menu-destacats #block-menu-menu-areas-menu {
    width: 1170px;
    padding: 0 15px;
    margin: 0 auto;
 }
 header .menu-destacats ul {font-size: 0; display: flex; align-items: center; justify-content: center; background-color: #fff; height: 170px; border-radius: 20px;}
 header .menu-destacats ul li {width: 33.3%; text-align: center; padding: 0; margin: 0;padding: 0; margin: 0}
 header .menu-destacats ul li a {text-align: left;position: relative; color:#0064AF; display: inline-block; font-weight: 600; font-size: 25px; line-height: 25px; padding:10px 40px 35px; }
 header .menu-destacats ul li a:after {content: ""; height: 5px; width: 60px; background: #0064AF; display: block; transition: .5s; -webkit-transition: .5s; position: absolute; bottom: 10px; left: 40px;}
 header .menu-destacats ul li a:hover:after {left: 60px;}
 
 .front header  { height: calc(100vh - 100px); background: transparent;}
 .front header .top .logo a {
   width: 250px;
   height: 54px;
   background: transparent url(../images/nou-logo-negatiu.svg) no-repeat center;
 }
 .front header .top .wrapper-navigation .navigation .ico-search {background: url(../images/ico-search.png) no-repeat center;}
 .front header .top .wrapper-navigation .navigation #main-menu ul li a,
 .front header .top .wrapper-navigation .navigation #main-menu ul li span.nolink {color:#fff;}
 .front header .top .wrapper-navigation .navigation #main-menu ul li > a:after { background-color: #fff;}
 .front header .top .wrapper-navigation .navigation #main-menu ul li ul li ul li a:after { background: #a0a09f;}
 .front header .top .wrapper-navigation .navigation #main-menu ul li ul li ul li a {color:#000000;}
 .front header .top .wrapper-navigation .navigation #main-menu ul li.expanded > span.nolink,
 .front header .top .wrapper-navigation .navigation #main-menu ul li.expanded > a {background: url(../images/ico-arrow-down.png) no-repeat center right;}
 .front header .top .wrapper-navigation .navigation .menu-sites span.nolink {background: url(../images/ico-arrow-down.png) no-repeat right 8px;}
 .front header .top .wrapper-navigation .navigation .menu-sites ul li .nolink {color:#fff;}
 .front header .top .wrapper-navigation .navigation .wrapper-language select {color:#fff; background: url(../images/ico-arrow-down.png) no-repeat center right transparent;}
 
 
 /***************** SEARCH ********************/
 #block-search-form {position: fixed; top: 0; left: 0; width: 100%; background: rgba(0,0,0,0.9); height: 100%; text-align: center; z-index: 999; display:none;}
 #block-search-form .content {text-align: center; width: 100%; height:100%; display: flex; align-items: center;}
 #block-search-form .content .ico-close {position: absolute; top:80px; right: 80px;}
 #block-search-form .content .close-button:before,
 #block-search-form .content .close-button:after {width:30px;
         height: 2px;
         transform: rotate(-45deg);
         content: '';
         position: absolute;
         top: 50%;
         left: 0;
         display: block;;
         background-color: #fff;
         transition: all 0.25s ease-out;}
 #block-search-form .content .close-button:after {transform: rotate(-135deg);}
 #block-search-form .content .ico-close a {width: 30px; height: 30px; display: inline-block;}
 #block-search-form .content .ico-close:hover .close-button:before,
 #block-search-form .content .ico-close:hover .close-button:hover:after {transform: rotate(0deg);}
 #block-search-form .content form {position: relative;padding:0 15px; text-align: center; width: 800px; margin:0 auto;}
 #block-search-form .content form .form-item { margin:0 auto;}
 #block-search-form .content form .form-item input {border:2px solid #fff; padding:15px; font-size:35px;font-family: 'Barlow', sans-serif; font-weight: 300; color:#fff; background: transparent; width: 100%;}
 #block-search-form .content form .form-item input::-webkit-input-placeholder {font-size:35px;font-family: 'Barlow', sans-serif; font-weight: 200; color:#fff;}
 #block-search-form .content form .form-item input::-moz-placeholder {font-size:35px;font-family: 'Barlow', sans-serif; font-weight: 200; color:#fff;}
 #block-search-form .content form .form-item input:-ms-input-placeholder {font-size:35px;font-family: 'Barlow', sans-serif; font-weight: 200; color:#fff;}
 #block-search-form .content form .form-item input:-moz-placeholder {font-size:35px;font-family: 'Barlow', sans-serif; font-weight: 200; color:#fff;}
 #block-search-form .content form .form-item input:-webkit-autofill {background: transparent;}
 #block-search-form .content form .form-actions {position: absolute; top:0; right: 20px;}
 #block-search-form .content form .form-actions input { border: none;
     -webkit-appearance: none;
     width: 75px;
     height: 75px;
     overflow: hidden;
     text-indent: 1000px;
     background: url(../images/ico-form-search-w.png) no-repeat center;}
 
 /******************* HOME ********************/
 
 .bundle-slide-home {position: absolute; top:0; width: 100%; overflow: hidden;}
 .bundle-slide-home .background-image {background-size: cover; height: calc(100vh - 100px) !important; background-position: center bottom!important;}
 .bundle-slide-home .flex-active-slide .background-image {height: calc(100vh - 100px); -moz-animation: zoom 12s; -webkit-animation: zoom 12s; animation: zoom 12s; }
 .bundle-slide-home .last-slide .background-image{-webkit-transform: scale(1.076); transform: scale(1.076);}
 .bundle-slide-home .last-slide .wrapper-image {-webkit-transform: scale(1.076); transform: scale(1.076);}
 .bundle-slide-home .flex-active-slide .wrapper-image {height: calc(100vh - 100px); -moz-animation: zoom 20s; -webkit-animation: zoom 20s; animation: zoom 20s;}
 .bundle-slide-home .flex-active-slide .wrapper-image img {height: 100%; width: 100%; object-fit: cover; }
 .bundle-slide-home .wrapper-text {height: calc(100vh - 100px); position: absolute; z-index:99; top:0; left: 0; width: 100%; display:table; background: rgba(0,0,0,.2);}
 .bundle-slide-home .wrapper-text .text {display: table-cell; vertical-align: middle; padding: 100px 0;}
 .bundle-slide-home .wrapper-text .text p {color:#fff; font-weight: 200; font-size: 50px; line-height: 50px; max-width: 50%;}
 .bundle-slide-home .wrapper-text .text a {width: 55px; height: 15px; overflow: hidden; text-indent: 1000px; background: url(../images/ico-arrow-link.png) no-repeat center; display: block; filter: grayscale(100%) brightness(200); -webkit-filter: grayscale(100%) brightness(200); transition: .5s; -webkit-transition: .5s; margin-top: 40px;}
 .bundle-slide-home .wrapper-text .text a:hover {margin-left: 20px;}
 .bundle-slide-home .field-name-field-caption { position: absolute; z-index: 1000;color: #fff;font-size: 12pt; -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); transform: rotate(-180deg);right: 1em; top: 10em;}
 .bundle-slide-home .field-name-field-caption .field-item { writing-mode: vertical-lr;}
 
 @-webkit-keyframes zoom {
   from {-webkit-transform: scale(1); transform: scale(1);}
   to {-webkit-transform: scale(1.1); transform: scale(1.1);}
 }
 @keyframes zoom {
   from {-webkit-transform: scale(1); transform: scale(1);}
   to {-webkit-transform: scale(1.1); transform: scale(1.1);}
 }
 
 
  .bundle-title-text-link {margin:60px 0;}
  .bundle-title-text-link .generic-link {margin-top:60px;}
  .tab-content .bundle-title-text-link {margin:50px 0;}

  .paragraphs-item-grupo-imagen-texto .bundle-title-text-link {margin: 30px 0;}
  .paragraphs-item-grupo-imagen-texto .bundle-title-text-link .container {display: flex; align-items: center; border-bottom:1px solid #0064AF; padding-bottom: 30px; }
  .paragraphs-item-grupo-imagen-texto .bundle-title-text-link .group-float-izq { width: 55%; margin: 0; float: none; padding: 0;}
  .paragraphs-item-grupo-imagen-texto .bundle-title-text-link .group-float-der {padding: 0 40px; width: 45%; float: none;}
  .paragraphs-item-grupo-imagen-texto .bundle-title-text-link .group-float-der h2 {font-size: 33px; margin-bottom: 20px;}
  .paragraphs-item-grupo-imagen-texto .bundle-title-text-link .group-float-der p { font-size: 18px; line-height: 28px;}
  .paragraphs-item-grupo-imagen-texto > .paragraphs-items-field-modulos-contenido > .field-name-field-modulos-contenido > .field-items > .field-item.odd .bundle-title-text-link .group-float-izq {order: 2;}
  .paragraphs-item-grupo-imagen-texto > .paragraphs-items-field-modulos-contenido > .field-name-field-modulos-contenido > .field-items > .field-item.odd .bundle-title-text-link .group-float-der {order: 1;}
  .paragraphs-item-grupo-imagen-texto > .paragraphs-items-field-modulos-contenido > .field-name-field-modulos-contenido > .field-items > .field-item:last-child .bundle-title-text-link  .container {border: none;}

  .paragraphs-item-highlights-home .container {padding-left:0;}

  .paragraphs-item-title-text-video { padding: 80px 0; margin: 0;}
  .paragraphs-item-title-text-video.gray { background-color: #f2f2f2;}
  .paragraphs-item-title-text-video.blue { background: #0064AF;color: #fff;}
  .paragraphs-item-title-text-video .embedded-video { max-width: 100%; width: 800px; margin: 2em auto 0;}
  .paragraphs-item-title-text-video.two-col .container{  display: flex;}
  .paragraphs-item-title-text-video.two-col .container .wrapper-text { width: 50%; order: 2; padding-left: 40px;}
  .paragraphs-item-title-text-video.two-col .container .box-video { width: 50%; order: 1; }
  .paragraphs-item-title-text-video.two-col .container .box-video .image-video {height: auto;}
  .paragraphs-item-title-text-video.two-col .container .wrapper-text h2 { font-size: 33px; line-height: 40px;  margin: 0 0 30px; color: #fff; }
  .paragraphs-item-title-text-video.two-col .container .wrapper-text p {font-size: 18px; line-height: 28px;}
  .paragraphs-item-title-text-video.two-col .container .box-video .embedded-video { width: 100%; margin: 0;}
  .paragraphs-item-title-text-video.white {padding:0;  }
  .paragraphs-item-title-text-video.one-col .box-video .image-video { position:relative}
  .paragraphs-item-title-text-video.one-col .box-video .video-container {  position:initial;}

  .front .paragraphs-item-title-text-video{ padding-top: 150px;position: relative; z-index: 9;}
  .front .bundle-title-text-link h2 {font-size: 33px; line-height: 40px; margin: 0 0 30px;}
  .front .bundle-title-text-link p {font-size: 18px; line-height: 28px;}

  .paragraphs-item-cifras-icon {background:url(../images/fons-xifres.jpg) no-repeat center; background-size: cover; padding: 100px 0; margin: 150px 0 0;}
  .paragraphs-item-cifras-icon .wrapper-cifras {
    display: flex;
    margin: 0 -40px;
  }
  .paragraphs-item-cifras-icon .wrapper-cifras .item {
    width: calc(25% - 80px);
    margin: 0 40px;
    text-align: center;
    position: relative;
  }
  .paragraphs-item-cifras-icon .wrapper-cifras .item .icon {
    width: 150px;
    height: 150px;
    background-color: #0064AF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    position: absolute;
    top: -180px;
    left: calc(50% - 75px);
  }
  .paragraphs-item-cifras-icon .wrapper-cifras .item .icon img {
    max-width: 55px;
    max-height: 55px;
    width: auto;
    height: auto;
    min-width: 55px;
  }
  .paragraphs-item-cifras-icon .wrapper-cifras .item .group-number {
    font-size: 95px;
    line-height: 110px;
    color:  #1899F7;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .paragraphs-item-cifras-icon .wrapper-cifras .item .group-number .prefix {}
  .paragraphs-item-cifras-icon .wrapper-cifras .item .number {
  }
  .paragraphs-item-cifras-icon .wrapper-cifras .item .text {
    border-top: 2px solid #fff;
    padding-top: 20px;
    margin-top: 20px;
    color: #fff;
  }
  .paragraphs-item-cifras-icon .wrapper-cifras .item .text p {
    font-size: 20px;
    line-height: 24px;
  }

  .paragraphs-item-comunicacon-home {margin: 80px 0;}

  /* Paragraph Banner Home */
  body.front .paragraphs-item-banner {
    position: relative;
    margin-top: 1em;
  }
  body.front .paragraphs-item-banner .container {
    position: initial !important;
  }
  body.front .paragraphs-item-banner .wrapper-image {
    left: 0;
    width: 100%;
  }
  body.front .paragraphs-item-banner > .wrapper {
    width: 1170px;
    margin: 0 auto;
    padding: 0 15px;
  }
  body.front .paragraphs-item-banner .title {
  position: relative;
  }
  body.front .paragraphs-item-banner .title:before {
  content: "";
  position: absolute;
  background-color: rgba(0,0,0,0.4);
  height: 100%;
  width: 100%;
  left: -100%;	
  }

 /* grid genèrica vistes */
 .grid01 .views-row .ds-1col {display: flex; align-items: center;}
 .grid01 .views-row .ds-1col:after {content: none;}
 .grid01 .views-row-even .ds-1col .wrapper-image {order: 2; }
 .grid01 .views-row-even .ds-1col .wrapper-video {order: 2; }
 .grid01 .views-row-even .ds-1col .group-wrapper-text {order: 1;}
 .grid01 .views-row .ds-1col .wrapper-image {width: 50%; max-height: 550px;}
 .grid01 .views-row .ds-1col .wrapper-video {width: 50%;}
 .grid01 .views-row .ds-1col .wrapper-video img {width: 100%; height: 100%; object-fit: cover;}
 .grid01 .views-row .ds-1col .wrapper-image img {width: 100%; height: 100%; object-fit: cover;}
 .grid01 .views-row .ds-1col .wrapper-video .image-video {height: 100%; position: relative;}
 .grid01 .views-row .ds-1col .wrapper-video .image-video a:before {
    content: "";
    width: 100px;
    height: 100px;
    background: url(../images/ico-video.png) no-repeat center #0064AF;
    display: inline-block;
    position: absolute;
    z-index: 1;
    top: calc(50% - 50px);
    left: calc(50% - 50px);
    border-radius: 50%;
 }
 .grid01 .views-row .ds-1col .group-wrapper-text {width: 50%; padding: 20px 50px;display: flex; align-items: center;}
 .grid01 .views-row .ds-1col .group-wrapper-text .group-top {text-transform: uppercase; font-size: 16px; display: flex;}
 .grid01 .views-row .ds-1col .group-wrapper-text .group-top .categoria:before { content: "|"; margin: 0 5px;}
 .grid01 .views-row .ds-1col .group-wrapper-text .title {margin: 20px 0;}
 .grid01 .views-row .ds-1col .group-wrapper-text .title h3 {margin: 0;}
 .grid01 .views-row .ds-1col .group-wrapper-text .title a { font-family: 'Barlow', sans-serif; font-weight: 300; font-size: 35px;color: #0064AF;}
 .grid01 .views-row .ds-1col .group-wrapper-text .field-name-node-link {margin-top: 30px;}
 
 .view-eva-comunicacion-home .views-row-first {border-bottom: 1px solid #0064AF; margin-bottom: 50px; padding-bottom: 50px;}

 /**************** INTERIORS ******************/
 /*.view-content a {color: #333; font-weight: 500;}*/
 
 .db-breadcrumb {padding:20px 15px; font-size: 13px; width: 1170px;margin: 0 auto;}
 .db-breadcrumb ol li:before {content: none;}
 .db-breadcrumb ol li,
 .db-breadcrumb ul li {display: inline-block; font-size: 13px; color:#808080;}
 .db-breadcrumb ol li a,
 .db-breadcrumb ul li a {color:#808080;}
 .db-breadcrumb ol li a:after,
 .db-breadcrumb ul li a:after {content: "|"; margin:0 5px;}
 .db-breadcrumb a,
 .db-breadcrumb span {color:#808080; font-size: 13px;}
 .db-breadcrumb .db-breadcrumb_segment-separator {margin: 0 5px;}
 .node-type-page section#top-content .block-dbakers-forms {display: none;}
 
 .wrapper-title-page .group-wrapper {position:relative;}
 .wrapper-title-page.image {margin-top: -40px; font-size: 0; display: flex; flex-direction: column; position: relative;}
 .wrapper-title-page.image .block-dbakers-forms {order:2;}
 .wrapper-title-page.image .group-wrapper {order:1;}
 .wrapper-title-page.image .group-box {position: absolute; top:0; left: 0; display: flex; align-items: center; height: 100%; width: 100%; background: rgba(0,0,0,.1); justify-content: center; flex-direction: column;}
 .wrapper-title-page .title h1 {color:#1d1d1b;}
 .wrapper-title-page.image .title h1 {color:#fff; margin: 0 0 20px 0;}
 .wrapper-title-page.image .field-name-field-subtitle {font-size: 17px; color: white; padding: 10px;}
 .wrapper-title-page img {width: 100%;}
 .front .wrapper-title-page {display: none;}
 
 .intro-page {margin:30px 0 80px;}
 .intro-page .title {text-transform: uppercase; font-size: 18px; margin-bottom: 20px;}
 .intro-page p {font-size:25px; line-height: 34px; }
 
 
 /* DISTRIBUIDORES */
 
 .wrapper-distribuidora { margin: 50px 0;}
 .wrapper-distribuidora .menu-nodes-fills {margin-top:50px; display: flex; flex-wrap: wrap;}
 .wrapper-distribuidora .menu-nodes-fills .view-menu-paginas-hijas {width: 49%; flex: 1 0 auto; max-width: 49%; padding-right: 80px; padding-bottom: 20px; position: relative;}
 .wrapper-distribuidora .menu-nodes-fills .view-menu-paginas-hijas .view-content {height: 100%;}
 .wrapper-distribuidora .view-menu-paginas-hijas:after {content: ""; width: 80%; height: 2px; background-color: #0081c9; display: block; margin:20px 0 30px; position: absolute; bottom: -10px;}
 .wrapper-distribuidora .views-row h3 {font-weight: 300; font-size: 35px;}
 .wrapper-distribuidora .views-row h3 a,
 .wrapper-distribuidora a .titulo  {color:#0064AF;}
 .wrapper-distribuidora .titulo {font-weight: 300; font-size: 35px;}
 .wrapper-distribuidora .views-row h3 a:hover,
 .wrapper-distribuidora a:hover .titulo {color:#1d1d1b;}
 a.go-icon { display: block; height: 30px; width: 30px; background: transparent url(../images/bt.svg) no-repeat 0 0; margin: 0 0 0.7em -2px; }
 a.go-icon:hover { background-image: url(../images/bt_hover.svg); }
  .view-evap-link-icona a.go-icon {
    margin: 0.8em 0 0 -2px;
  }
 .wrapper-distribuidora-video {display: inline-block; width: 100%;}
 .wrapper-distribuidora-video .column-left,
 .wrapper-distribuidora-video .column-right {width: 50%; float: left;}
 .wrapper-distribuidora-video .column-left {padding-right: 50px;}
 .wrapper-distribuidora-video .column-left .menu-nodes-fills .view-menu-paginas-hijas {border-bottom:1px solid #0064AF; padding-bottom: 50px; margin-bottom: 50px;}
 .wrapper-distribuidora-video .column-left .menu-nodes-fills .view-menu-paginas-hijas h3 a {color:#0081c9;}
 .wrapper-distribuidora-video .column-left .menu-nodes-fills .wrapper-links a {display: block; color:#0064AF; padding:10px 0;}
 .wrapper-distribuidora-video .column-left .menu-nodes-fills .wrapper-links a:after {    content: "";
     width: 55px;
     height: 15px;
     background: url(../images/ico-arrow-link.png) no-repeat center;
     display: inline-block;
     margin-left: 10px;
     transition: .3s;
     -webkit-transition: .3s;}
 .wrapper-distribuidora-video .column-left .menu-nodes-fills .wrapper-links a:hover:after { margin-left: 30px}
 
 .bundle-full-image {margin: auto; max-width:1450px;}
 .bundle-full-image[data-tipo-visual="imagen-sola"] {max-height: 400px; overflow: hidden;}
 .bundle-full-image img {width: 100%;}
 .bundle-full-image .flex-direction-nav a {height:50px;}
 .bundle-full-image .flexslider:hover .flex-direction-nav a,
 .bundle-full-image .flexslider:hover .flex-direction-nav a {display: block;}
 .bundle-full-image .flex-direction-nav a:before {font-family: "fontawesome";  color: #0064AF; font-size: 50px; content: '\f104';}
 .bundle-full-image .flex-direction-nav a.flex-next:before {content: '\f105';}
 
 .bundle-highlight-links { margin: 50px 0;}
 .bundle-highlight-links .wrapper {margin-top:50px; display: flex; flex-wrap: wrap;}
 .item-link {width: 32%; padding-right: 30px; flex: 1 0 auto; max-width: 32%; position: relative; padding-bottom: 40px;}
 .item-link:after {content: ""; width: 60%; height: 2px; background-color: #0081c9; display: block; position: absolute; bottom: 20px;}
 .item-link h3 {font-weight: 300; font-size: 30px;}
 .item-link h3 a {color:#0064AF;}
 .item-link h3 a:hover {color:#1d1d1b;}
 .paragraphs-items-field-modulos-contenido .item-link .entity-paragraphs-item {height: 100%;}

  .page-node-2040 .item-link, 
  .page-node-2041 .item-link {
    width: 49%;
    flex: 1 0 auto;
    max-width: 49%;
    padding-right: 40px;
    padding-bottom: 20px;
    position: relative;
  }
  .page-node-2040 .item-link:after, 
  .page-node-2041 .item-link:after {margin: 20px 0 30px; bottom: -20px;}

 .bundle-title-text-link.left {text-align: left;}
 
 .bundle-title-text-link .group-float-izq {float: left; width: 30%; padding-top: 1.5em;}
 .bundle-title-text-link .group-float-der {float: right; width: 70%; padding-left: 2em; text-align: left;}
 
 .bundle-title-text-link.gray {padding: 60px 0; background-color: #f2f2f2; margin:0;}
 .bundle-title-text-link .generic-link {margin-top:30px;}
 .bundle-title-text-link .generic-link:hover {cursor: pointer;}
 .bundle-title-text-link .generic-link a {color: #fff; font-weight: normal;}
 .bundle-title-text-link.gray h2 { font-size: 35px; margin: 0 0 30px 0;}
 .bundle-title-text-link .img-mobile {display: none;}
 .bundle-title-text-link ul {padding-left:30px; margin: 25px 0;}
 .bundle-title-text-link ul li {margin:10px 0;}
 .node-oferta-trabajo li {
   margin-bottom: 0.5em;
 }
 .node-oferta-trabajo li::before,
 .bundle-title-text-link ul li::before {
   content: "";
   width: 10px;
   height: 10px;
   border-radius: 50%;
   background-color: #0064AF;
   display: inline-block;
   margin-right: 15px;
   margin-left: -25px;
 }
 .bundle-title-text-link ul li li::before {
   content: "";
   width: 12px;
   height: 3px;
   border-radius: 0%;
   background-color: #0064AF;
   float: left;
   display: inline-block;
   margin-right: 12px;
   margin-left: -25px;
   margin-top: 12px;
 }
 
 ol {
   counter-reset: numero;
 }
 ol li {
  padding: 0.5em 0;
  position: relative;
  padding-left: 30px;
 }
 ol li:before {
   counter-increment: numero;
   content: counter(numero) '';
   width: 20px;
   text-align: center;
   display: inline-block;
   font-weight: bold;
   margin-right: 1em;
   color: #0064AF;
   position: absolute;
    left: 0;
 }
 
 .field-type-text-long ul {
    padding-left: 65px;
    margin: 20px 0;
 }
 .field-type-text-long ul li {
      margin-bottom: 20px;
 }
 .field-type-text-long ul li:before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #0064AF;
    display: inline-block;
    margin-right: 24px;
    margin-left: -35px;
 }

 .bundle-title-text {margin:100px 0;}
 .body.node-type-blog .bundle-title-text {margin: 0;}
 .bundle-title-text.gray {padding:70px 0; background-color: #f2f2f2; margin:0; }
 .bundle-title-text.gray a {color: #0064AF; font-weight: 500;}
 .bundle-title-text.gray a:hover {color: #333;}
 .bundle-title-text ul {padding-left: 65px;}
 .bundle-title-text ul li {margin-bottom: 20px;}
 .bundle-title-text ul li:before {content:""; width: 10px; height: 10px; border-radius: 50%; background-color: #0064AF; display: inline-block; margin-right: 24px; margin-left: -35px;}
 
 .grid3cols {margin:100px auto;}
 .bundle-stroies-news h2 {margin:0 0 20px; font-weight: 700; color: #1d1d1b; font-size: 25px;}
 .grid3cols .view-content {display: grid; grid-template-columns: 33% 33% 33%; }
 .grid3cols .views-row.views-row-first {display: grid; grid-template-columns: 50% 50%;  align-items: center;}
 .grid3cols .view-content .views-row {margin:5px; padding:0!important;}
 .grid3cols .view-content .views-row:not(.views-row-first) .wrapper-image { margin-bottom: -115px;}
 .grid3cols .view-content .views-row:not(.views-row-first) .wrapper-text {padding: 40px; padding-top: 130px; margin-top: 0; min-height: calc(100% - 268px + 105px);}
 .grid3cols .view-content .views-row .wrapper-text .title a {font-size: 25px;}
 
 
 .bundle-xifres {text-align:center; margin:30px 0 70px;}
 .wrapper-title {text-align: left;}
 .wrapper-title h3:before {content: ""; width: 150px; height: 3px; background:#0064AF; display: block; margin:0 0 20px;}
 .bundle-xifres .subtitle {margin-bottom: 50px;}
 .bundle-xifres .list {font-size:0; margin:50px 0; display: flex; flex-wrap: wrap;}
 .bundle-xifres .list .item {display: inline-block; vertical-align: top; font-size: 20px; padding:20px; flex: 1;}
 .bundle-xifres .list .item .pretitle {font-size:14px; text-transform: uppercase;}
 .bundle-xifres .list .item .number {color:#0064AF; font-size: 95px; line-height: 110px; font-weight: 200; border-bottom:1px solid #0064AF; margin-bottom: 15px;}
 .bundle-xifres .list .item p {line-height: 24px;}
 .bundle-xifres .list .item p a {color:#0064AF;}
 
 .bundle-highlight-links02 {margin:70px 0;}
 .bundle-highlight-links02 .wrapper-columns {margin:50px 0; display: inline-block; width: 100%;}
 .bundle-highlight-links02 .wrapper-columns .column-left,
 .bundle-highlight-links02 .wrapper-columns .column-right {display:inline-block; width: 48%; vertical-align: top;}
 .bundle-highlight-links02 .wrapper-columns .column-right {padding-left: 80px;}
 .bundle-highlight-links02 .wrapper-columns .column-right .title {font-size: 35px; padding-top:50px;}
 .bundle-highlight-links02 .wrapper-columns .column-right .title a {color:#0064AF;;}
 .bundle-highlight-links02 .wrapper-columns .column-right .title a:hover {color:#1d1d1d;}
 .bundle-highlight-links02 .wrapper-columns .column-left img {width:100%;}
 .bundle-highlight-links02 .wrapper-links  {margin:50px 0; text-align: center; display: flex; flex-wrap: wrap;}
 .bundle-highlight-links02 .wrapper-links .item-link {text-align: left;}
 .bundle-highlight-links02 .wrapper-links .item-link  h3 {font-size: 30px; line-height: 34px;}
 
 .bundle-title-subtitle-text-link {margin:70px 0; text-align: center;}
 .bundle-title-subtitle-text-link .text {margin:40px 0;}
 .bundle-title-subtitle-text-link .text p {font-size: 25px; line-height: 32px;}
 
 .bundle-highlight-links03 {margin:70px 0;}
 .bundle-highlight-links03 .wrapper-quote {margin:80px 0;}
 .bundle-highlight-links03 .wrapper-quote p {font-size: 30px; line-height: 35px; font-weight: 600; width: 650px; max-width: 100%; margin: 0 auto;}
 .bundle-highlight-links03 .wrapper-quote .field-item {text-align: center; margin-bottom: 20px;}
 /* .bundle-highlight-links03 .wrapper-quote .field-item {position: relative; text-align: center;}
 .bundle-highlight-links03 .wrapper-quote .field-item:before,
 .bundle-highlight-links03 .wrapper-quote .field-item:after {content:url(../images/ico-quote.png); margin: 0 10px; display: inline-block;}
 .bundle-highlight-links03 .wrapper-quote .field-item:before {vertical-align: top; margin-top: -10px;}
 .bundle-highlight-links03 .wrapper-quote .field-item:after {vertical-align: bottom;} */
 .bundle-highlight-links03 .wrapper-quote .autor-quote {text-align: center;font-size: 20px; font-style:italic; margin-bottom:80px;}
 .bundle-highlight-links03 .wrapper-link {text-align: center; margin-top:50px;}
 .bundle-highlight-links03 .wrapper-links {text-align: center; display: flex; flex-wrap: wrap;}
 .bundle-highlight-links03 .wrapper-links .item-link {padding:0 15px; text-align: left; padding-bottom: 40px;}
 
 .bundle-documents {margin:80px 0;}
 .bundle-documents .wrapper-documents {column-count: 2;}
 .bundle-documents .wrapper-documents .file {display: block; margin:10px 0; padding-left:50px;}
 .bundle-documents .wrapper-documents .file .file-icon {display: none;}
 .bundle-documents .wrapper-documents .file a { color: #1d1d1d;}
 .bundle-documents .wrapper-documents .file a:before { content: "";
     display: inline-block;
     vertical-align: middle;
     background: url(../images/ico-download.png) no-repeat center #0064AF;
     width: 30px;
     height: 30px;
     border-radius: 50%;
     margin-right: 20px;
     margin-left: -48px;
     transition: .3s;
     -webkit-transition: .3s;}
 .bundle-documents .wrapper-documents .file a:hover:before { background-color: #1d1d1d;}

 .paragraphs-item-banner .container {position: relative;}
 .paragraphs-item-banner .wrapper {position: relative; z-index: 1; display: flex;}
 .paragraphs-item-banner .wrapper-image {position: absolute; top: 0; left:15px; width:calc(100% - 30px);height: 100%;}
 .paragraphs-item-banner .background-image {left:0; width:100%; height: 100%; background-position: center bottom !important;}
 .paragraphs-item-banner .title { background: rgba(0,0,0,.4); color: #fff; display: flex; justify-content: center; align-items: center; padding: 50px;width: 40%;font-size: 45px; line-height: 52px; font-weight: 700; }
 body.front .paragraphs-item-banner .title { padding: 50px 50px 50px 0 !important; } 
 .paragraphs-item-banner .wrapper-text {width: 60%; padding: 80px 50px; color: #fff;}
 .paragraphs-item-banner .wrapper-text p {font-size: 22px;}
 .paragraphs-item-banner .wrapper-text .generic-link {background-color: #fff; color: #0064bf; margin-top: 20px; font-weight: 400;}

 .paragraphs-item-stay-tuned {position: relative; margin-top: 50px;}
 .paragraphs-item-stay-tuned .wrapper-image {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0;}
 .paragraphs-item-stay-tuned .wrapper-image img {width: 100%; height: 100%; object-fit: cover;}
 .paragraphs-item-stay-tuned .wrapper-text {padding: 100px 0; color: #fff; position: relative; z-index: 1;}
 .paragraphs-item-stay-tuned .wrapper-text .container {display: flex; align-items: center; justify-content: space-between;}
 .paragraphs-item-stay-tuned .wrapper-text .wrapper-title {max-width: calc(100% - 400px); padding-right: 30px;}
 .paragraphs-item-stay-tuned .wrapper-text h2 { font-weight: 700; margin: 0 0 20px 0; text-align: left; color: #fff;}
 .paragraphs-item-stay-tuned .wrapper-text .subtitle {font-size: 22px;}
 .paragraphs-item-stay-tuned .wrapper-text .social ul {display: flex; align-items: center;}
 .paragraphs-item-stay-tuned .wrapper-text .social ul li {margin: 0 10px;}
 .paragraphs-item-stay-tuned .wrapper-text .social ul li a {width: 80px; height: 80px; border-radius: 50%; background-color: #fff; color: #0064AF; display: flex;align-items: center;justify-content: center; font-size: 30px;}
 .paragraphs-item-stay-tuned .wrapper-text .social ul li a:hover {color: #000;}

 /* FILTRE EXPOSAT EN NODE */
 #views-search-box .back-button,
 #views-search-box .new-search {
   float: right;
 }
 #views-search-box .back-button,
 #views-search-box .new-search {
   padding: 15px 25px;
   font-size: 16px;
   font-weight: 400;
 }
 #views-search-box .back-button a {
   color: #0064AF;
   position: relative;
   font-size: 16px;
   font-weight: 400;
 }
 #views-search-box .new-search {
   border: 1px solid #0064AF;
   color: #0064AF;
   transition: .3s;
     -webkit-transition: .3s;
 }
 #views-search-box .new-search:hover {
   cursor: pointer;
   background-color: #0064AF;
   color: #fff;
 }
 #views-search-box .embed-form {
   display: none;
   padding-top: 2em;
 }
 #views-search-box .back-button a::before {
   content: "";
   width: 25px;
   height: 12px;
   background: url(../images/ico-arrow-reverse.png) no-repeat center;
   display: inline-block;
   position: absolute;
   top: 7px;
   left: -40px;
   transition: .3s;
   -webkit-transition: .3s;
 }
 #views-search-box .back-button a:hover:before {
   left: -60px;
 }
 
 /* LLISTA PRODUCTES */
 .view-page-products h1 {text-align: center;}
 
 .view.special-filter .view-filters .views-exposed-widgets {}
 .view.special-filter .view-filters .views-exposed-widget {display: inline-block; vertical-align: top; float:none; text-align: left; position: relative;}
 .view.special-filter .view-filters .views-exposed-widgets > .views-exposed-widget:first-child {padding-left: 0;} 
 .view.special-filter .view-filters .views-exposed-widget:not(.views-widget-inicial) {min-width: 26%; padding:0 20px;}
 .view.special-filter .view-filters label { border:1px solid #1d1d1b; padding:15px 40px 15px 15px; width: 100%; display: inline-block; background:#fff url(../images/ico-select.png) no-repeat calc(100% - 15px) center; font-weight: 300;}
 .view.special-filter .view-filters .filtre-desactivat label {opacity: 0.3;}
 .view.special-filter .view-filters .views-exposed-widget.open label {background:url(../images/ico-select-up.png) no-repeat calc(100% - 15px) center #fff ;}
 .view.special-filter .view-filters .views-exposed-widget:not(.views-widget-inicial) .views-widget {display: none; background: #f2f2f2; padding:40px; position: absolute; width: calc(100% - 20px); z-index: 9;}
 .view.special-filter .view-filters .views-exposed-widget:not(.views-widget-inicial) .views-widget .form-item {font-size: 18px;}
 .view.special-filter .view-filters .views-exposed-widget:not(.views-widget-inicial) .views-widget .form-item a {color:#1d1d1d;}
 .view.special-filter .view-filters .views-exposed-widget:not(.views-widget-inicial) .views-widget .form-item a:after { content: ""; display: block; width: 30px; height: 2px;background: #a0a09f; margin:5px 0 10px; transition: .3s; -webkit-transition: .3s;}
 .view.special-filter .view-filters .views-exposed-widget:not(.views-widget-inicial) .views-widget .form-item a.active:after { content: ""; display: block; width: 100%; height: 2px; background: #0064AF; margin:5px 0 10px;}
 .view.special-filter .view-filters .views-exposed-widget:not(.views-widget-inicial) .views-widget .form-item a:hover:after {width: 100%;}
 .view.special-filter .view-filters .views-submit-button {display: none;}
 .view.special-filter .view-filters .views-exposed-widget#edit-created-wrapper .views-widget input:focus {outline: none;}
 
 .view.special-filter .view-filters #edit-title-wrapper .views-widget,
 .view.special-filter .view-filters #edit-created-wrapper .views-widget,
 .view.special-filter .view-filters #edit-field-title-value-wrapper .views-widget {display: block; padding:0;}
 .view.special-filter .view-filters #edit-field-title-value-wrapper,
 .view.special-filter .view-filters #edit-title-wrapper {width: 43%; }
 .view.special-filter .view-filters #edit-field-title-value-wrapper label,
 .view.special-filter .view-filters #edit-title-wrapper label,
 .view.special-filter .view-filters #edit-created-wrapper label {display:none;}
 .view.special-filter .view-filters #edit-field-title-value-wrapper input,
 .view.special-filter .view-filters #edit-title-wrapper input,
 .view.special-filter .view-filters .views-exposed-widget#edit-created-wrapper .views-widget input,
 .view.special-filter .view-filters .views-exposed-widget#edit-field-fecha-public-value-1-wrapper .views-widget input
 {width: 100%; border:1px solid #1d1d1b; padding:15px;font-size:20px;font-family: 'Barlow', sans-serif; font-weight: 300; color:#1d1d1d; background:url(../images/ico-search-n.png) no-repeat calc(100% - 15px) center #fff;}
 .view.special-filter .view-filters .views-exposed-widget#edit-created-wrapper .views-widget input,
 .view.special-filter .view-filters .views-exposed-widget#edit-field-fecha-public-value-1-wrapper .views-widget input
 {background:url(../images/ico-calendar.png) no-repeat calc(100% - 15px) center #fff;}
 
 .view-filters #edit-inicial-wrapper {
   float: none;
   clear: both;
   width: 100%;
   text-align: center;
   margin: 50px 0 30px;
 }
 .view-filters #edit-inicial-wrapper label {
   display: none;
 }
 .view-filters #edit-inicial-wrapper .views-widget {
   display: block;
 }
 .view-filters #edit-inicial-wrapper .form-item > div {
   display: inline-block;
 }
 .view-filters #edit-inicial-wrapper .form-item > div a {
   font-size: 18pt;
   color: #333;
   padding: 10px;
   margin: 0;
   display: block;
   border-bottom: 3px solid #fff;
 }
 .view-filters #edit-inicial-wrapper .form-item > div a:hover,
 .view-filters #edit-inicial-wrapper .form-item > div a.active {
   border-bottom: 3px solid #0064AF;
 }
 
 .view-page-products .view-filters #abecedari {width: 100%; display: block; margin:80px 0;}
 .view-page-products .view-filters #abecedari .views-widget {text-align: center;}
 .view-page-products .view-filters #abecedari .form-item {display: inline-block;width: 3.2%;}
 .view-page-products .view-filters #abecedari .form-item a {color: #1d1d1b; display: inline-block; width: 100%;}
 .view-page-products .view-filters #abecedari .form-item a:after {content: ""; display: block; width:0%; height: 2px;background: #0064AF; margin:5px 0 10px; transition: .3s; -webkit-transition: .3s;}
 .view-page-products .view-filters #abecedari .form-item a:hover:after {width:100%;}
 
 /* VIEWS FILTERS */
 .view-buscador-ofertas-trabajo .views-exposed-widget label,
 .view-buscador-ofertas-trabajo .views-exposed-widget .views-widget,
 .view-buscador-ofertas-trabajo .form-item > div {
   display: inline-block;
   margin-right: 2em;
 }
 .view-buscador-ofertas-trabajo .views-exposed-widget label {font-weight: normal}
 .view-buscador-ofertas-trabajo .form-item > div a {font-weight: bold; color: #000;}
 .view-buscador-ofertas-trabajo .form-item > div a:hover {opacity: 0.8;}
 .view-buscador-ofertas-trabajo .view-empty p {font-size: 22pt; text-align: center; margin: 3em 0;}
 
 /* TABLES */
 .view.tabla100pc .view-content table {width: 100%; margin-bottom: 2em; min-width: 750px;}
 
 table th, table td {background-color: #fff; border-bottom: 1px solid #333; padding: 0.5em;}
 table th {font-weight: normal; text-transform: uppercase;}
 
 /* NEWS and BLOG */
 .view-embed-intro-lista {margin: 0 auto; font-size: 25px; line-height: 34px;}
 .view-embed-intro-lista p {font-size: 25px; line-height: 34px;}
 .view-page-news .view-content,
 .view-page-blog .view-content,
 .view-eva-stories-and-news .view-content {margin:50px 0;}
 .view-page-news .views-row .ds-1col,
 .view-page-blog .views-row .ds-1col,
 .view-block-noticias-relacionadas .views-row .ds-1col,
 .view-block-historias-relacionadas .views-row .ds-1col,
 .view-eva-stories-and-news .views-row .ds-1col {margin:30px 0; padding-bottom: 30px; display: flex; align-items: center; border-bottom: 1px solid #0064AF;}
 .view-block-noticias-relacionadas .views-row-last .ds-1col,
 .view-block-historias-relacionadas .views-row-last .ds-1col,
 .view-eva-stories-and-news .views-row-last .ds-1col {border-bottom: none;}
 .view-page-news .views-row .wrapper-image,
 .view-page-blog .views-row .wrapper-image,
 .view-block-noticias-relacionadas .views-row .wrapper-image,
 .view-block-historias-relacionadas .views-row .wrapper-image,
 .view-eva-stories-and-news .views-row .wrapper-image { position: relative; z-index: 1; width: 55%;}
 .view-page-news .views-row .wrapper-text,
 .view-page-blog .views-row .wrapper-text,
 .view-block-noticias-relacionadas .views-row .wrapper-text,
 .view-block-historias-relacionadas .views-row .wrapper-text,
 .view-eva-stories-and-news .views-row .wrapper-text {padding: 50px;  width: 45%;}
 .view-page-news .views-row .wrapper-text .wrapper .group-top,
 .view-page-blog .views-row .wrapper-text .wrapper .group-top,
 .view-block-noticias-relacionadas .views-row .wrapper-text .wrapper .group-top,
 .view-block-historias-relacionadas .views-row .wrapper-text .wrapper .group-top,
 .view-eva-stories-and-news .views-row .wrapper-text .wrapper .group-top {display: flex; text-transform: uppercase; font-size: 16px; }
 .view-page-news .views-row .wrapper-text .wrapper .data,
 .view-page-blog .views-row .wrapper-text .wrapper .data,
 .view-block-noticias-relacionadas .views-row .wrapper-text .wrapper .data,
 .view-eva-stories-and-news .views-row .wrapper-text .wrapper .data {font-size:16px;}
 .view-page-news .views-row .wrapper-text .wrapper .categoria:before,
 .view-page-blog .views-row .wrapper-text .wrapper .categoria:before ,
 .view-block-noticias-relacionadas .views-row .wrapper-text .wrapper .categoria:before,
 .view-eva-stories-and-news .views-row .wrapper-text .wrapper .categoria:before {content: "|"; margin: 0 5px;}
 .view-page-news .views-row .wrapper-text .wrapper .title,
 .view-page-blog .views-row .wrapper-text .wrapper .title,
 .view-block-noticias-relacionadas .views-row .wrapper-text .wrapper .title,
 .view-block-historias-relacionadas .views-row .wrapper-text .wrapper .title,
 .view-eva-stories-and-news .views-row .wrapper-text .wrapper .title {margin:15px 0;}
 .view-page-news .views-row .wrapper-text .wrapper .title a,
 .view-page-blog .views-row .wrapper-text .wrapper .title a,
 .view-block-noticias-relacionadas .views-row .wrapper-text .wrapper .title a,
 .view-block-historias-relacionadas .views-row .wrapper-text .wrapper .title a,
 .view-eva-stories-and-news .views-row .wrapper-text .wrapper .title a  {font-size: 35px; color: #0064AF; display: inline-block; font-weight: 300;}
 .view-page-news .views-row .wrapper-text .wrapper .title a:hover,
 .view-page-blog .views-row .wrapper-text .wrapper .title a:hover,
 .view-block-noticias-relacionadas .views-row .wrapper-text .wrapper .title a:hover,
 .view-block-historias-relacionadas .views-row .wrapper-text .wrapper .title a:hover,
 .view-eva-stories-and-news .views-row .wrapper-text .wrapper .title a:hover {color:#1d1d1b;}
 .view-page-news .views-row .wrapper-text .wrapper .intro,
 .view-page-blog .views-row .wrapper-text .wrapper .intro,
 .view-block-noticias-relacionadas .views-row .wrapper-text .wrapper .intro,
 .view-block-historias-relacionadas .views-row .wrapper-text .wrapper .intro,
 .view-eva-stories-and-news .views-row .wrapper-text .wrapper .intro {font-size: 20px; line-height: 30px;}
 .view-page-news .views-row .wrapper-text .wrapper .intro ul,
 .view-page-blog .views-row .wrapper-text .wrapper .intro ul,
 .view-block-noticias-relacionadas .views-row .wrapper-text .wrapper .intro ul,
 .view-block-historias-relacionadas .views-row .wrapper-text .wrapper .intro ul,
 .view-eva-stories-and-news .views-row .wrapper-text .wrapper .intro ul  {padding-left: 25px;}
 .view-page-news .views-row .wrapper-text .wrapper .intro ul li:before,
 .view-page-blog .views-row .wrapper-text .wrapper .intro ul li:before,
 .view-block-noticias-relacionadas .views-row .wrapper-text .wrapper .intro ul li:before,
 .view-block-historias-relacionadas .views-row .wrapper-text .wrapper .intro ul li:before,
 .view-eva-stories-and-news .views-row .wrapper-text .wrapper .intro ul li:before { content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #00a7e1;
    display: inline-block;
    margin-right: 18px;
    margin-left: -25px;
    margin-top: 10px;
    vertical-align: top;}
 .view-page-news .views-row .wrapper-text .wrapper .link,
 .view-page-blog .views-row .wrapper-text .wrapper .link,
 .view-block-noticias-relacionadas .views-row .wrapper-text .wrapper .link,
 .view-block-historias-relacionadas .views-row .wrapper-text .wrapper .link,
 .view-eva-stories-and-news .views-row .wrapper-text .wrapper .link  {margin-top: 30px;}
 .view-page-news .views-row .wrapper-text .wrapper .link a,
 .view-page-blog .views-row .wrapper-text .wrapper .link a,
 .view-block-noticias-relacionadas .views-row .wrapper-text .wrapper .link a,
 .view-block-historias-relacionadas .views-row .wrapper-text .wrapper .link a,
 .view-eva-stories-and-news .views-row .wrapper-text .wrapper .link a {display: inline-block;
    color: #fff;
    background-color: #0064AF;
    border-radius: 40px;
    padding: 20px 40px;
    font-weight: 200;
    font-size: 18px;
    transition: .3s;
    -webkit-transition: .3s;}
 .view-page-news .views-row .wrapper-text .wrapper .link a:hover,
 .view-page-blog .views-row .wrapper-text .wrapper .link a:hover,
 .view-block-noticias-relacionadas .views-row .wrapper-text .wrapper .link a:hover ,
 .view-block-historias-relacionadas .views-row .wrapper-text .wrapper .link a:hover,
 .view-eva-stories-and-news .views-row .wrapper-text .wrapper .link a:hover {background-color: #005880;}
 .view-page-news .views-row-even .wrapper-text,
 .view-page-blog .views-row-even .wrapper-text,
 .view-block-noticias-relacionadas .views-row-even .wrapper-text,
 .view-block-historias-relacionadas .views-row-even .wrapper-text,
 .view-eva-stories-and-news .views-row-even .wrapper-text {order:1; }
 .view-page-news .views-row-even .wrapper-image,
 .view-page-blog .views-row-even .wrapper-image,
 .view-page-blog .views-row-even .wrapper-image,
 .view-block-noticias-relacionadas .views-row-even .wrapper-image,
 .view-block-historias-relacionadas .views-row-even .wrapper-image,
 .view-eva-stories-and-news .views-row-even .wrapper-image  {order:2;}
 .view-page-blog .views-row .wrapper-text .wrapper .autor {margin-bottom: 15px;}

 .item-list {width: 100%; text-align: center; margin:50px 0;}
 .item-list .pager li {display: inline-block; margin:0; padding:0;}
 .item-list .pager li a,
 .item-list .pager li.pager-current {display: inline-block; padding:10px; }
 .item-list .pager li a {color:#1d1d1b;}
 .item-list .pager li a:hover {color:#0064AF;}
 .item-list .pager li.pager-current {font-weight: 700; color:#0064AF;}
 .item-list .pager li.pager-previous {margin-right: 40px;}
 .item-list .pager li.pager-next {margin-left: 40px;}
 .item-list .pager li.pager-previous a,
 .item-list .pager li.pager-next a  {width: 55px; height: 15px; display: inline-block; overflow: hidden; text-indent: 1000px; background: url(../images/ico-arrow-link.png) no-repeat center;}
 .item-list .pager li.pager-previous a {transform: rotate(180deg); -webkit-transform: rotate(180deg);}
 .item-list .pager li.pager-last,
 .item-list .pager li.pager-first {display: none;}
 
 .wrapper-contact {background: #005880; color:#fff; padding:50px 0;}
 .wrapper-contact h3 {color:#fff; margin-bottom: 30px;}
 .wrapper-contact .generic-link {background: #fff; color:#0064AF; }
 
 
 /* FITXA NEW */
 .node-type-noticia header .top .wrapper-navigation .navigation #main-menu ul li.media > ul,
 .node-type-blog header .top .wrapper-navigation .navigation #main-menu ul li.media > ul,
 .node-type-historia header .top .wrapper-navigation .navigation #main-menu ul li.media > ul {display: block;}
 .node-type-noticia .wrapper-basic-info,
 .node-type-historia .wrapper-basic-info,
 .node-type-blog .wrapper-basic-info {border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom: 20px;}
 .node-type-noticia .wrapper-basic-info .data,
 .node-type-noticia .wrapper-basic-info .categorias,
 .node-type-historia .wrapper-basic-info .data,
 .node-type-historia .wrapper-basic-info .categorias,
 .node-type-blog .wrapper-basic-info .data,
 .node-type-blog .wrapper-basic-info .categorias {display: inline-block; vertical-align: middle; font-size: 16px;}
 .node-type-noticia .wrapper-basic-info .categorias:before,
 .node-type-historia .wrapper-basic-info .categorias:before,
 .node-type-blog .wrapper-basic-info .categorias:before {content: "|"; margin:0 10px;}
 .node-type-noticia .wrapper-basic-info .categorias span,
 .node-type-historia .wrapper-basic-info .categorias span,
 .node-type-blog .wrapper-basic-info .categorias span {font-size: 16px; display: inline-block; text-transform: uppercase; color:#1d1d1b;}
 .node-type-noticia .wrapper-basic-info .categorias span:not(.last):after,
 .node-type-historia .wrapper-basic-info .categorias span:not(.last):after,
 .node-type-blog .wrapper-basic-info .categorias span:not(.last):after {content: ","; display: inline-block; margin-right:5px;}
 .node-type-noticia .wrapper-basic-info .share,
 .node-type-historia .wrapper-basic-info .share {float: right;}
 .node-type-noticia .wrapper-intro ul {padding-left: 25px;}
 .node-type-noticia .wrapper-intro ul li {margin-bottom: 20px;}
 .node-type-noticia .wrapper-intro ul li:before {content:""; width: 7px; height: 7px; border-radius: 50%; background-color: #00a7e1; display: inline-block; margin-right: 15px; margin-left: -25px; margin-top: 10px; vertical-align: top;}
 
 .node-type-noticia .wrapper-content {padding:50px 0px;}
 .node-type-noticia .wrapper-content .field-name-field-imagen-destacada {text-align: center; margin-bottom: 50px;}
 .node-type-noticia .wrapper-content .field-name-body a {color:#0064AF;}
 .node-type-noticia .wrapper-content .field-name-body ul {padding-left: 50px;}
 .node-type-noticia .wrapper-content .field-name-body ul li {margin-bottom: 20px; line-height: 30px;}
 .node-type-noticia .wrapper-content .field-name-body ul li:before {content:""; width: 10px; height: 10px; border-radius: 50%; background-color: #00a7e1; display: inline-block; margin-right: 15px; margin-left: -25px; margin-top: 10px; vertical-align: top;}
 

 /* COMENTARIS */
 #comments {margin-top: -2em;}
 #comments .container {margin: 0 auto;}
 #comments h2.title {font-size: 28pt; font-weight: 400; padding-bottom: 0.2em; border-bottom: 1px solid #0064AF; margin-bottom: 1em;}
 #comments header {height: auto !important; font-weight: bold;}
 #comments article { border-bottom: 1px solid #bbb; margin-bottom: 2em; padding-bottom: 1em; }
 #comments article:last-child {border-bottom: 0px;}
 #comment-form input[type="text"] {
   appearance:none; -webkit-appearance:none; width: 100%; background-color: #ededed; border:none; padding:20px 30px;font-size: 20px; color:#1d1d1d; font-family: 'Barlow', sans-serif; font-weight: 300;
 }
 #comments #edit-comment-body-und-0-format {display: none;}
 #comment-form {margin-bottom: 5em;}
 #comment-form label {margin-bottom: 0.5em;}
 #comment-form #edit-actions {position: relative;}
 #comment-form .form-actions::after {
   content: "";
   width: 55px;
   height: 15px;
   background: url(../images/ico-arrow-link.png) no-repeat center;
   display: inline-block;
   position: absolute;
   top: calc(50% - 7px);
   transition: .3s;
   -webkit-transition: .3s;
   margin-left: -1.5em;
 }
 #comment-form .form-actions:hover:after {
   margin-left: -0.5em;
 }
 
 /* LLISTA STORIES */
 .view-page-stories { margin: 50px auto;}
 .view-page-stories h1 {text-align: center;}
 .view-page-stories .view-content {margin:50px 0;}
 .view-page-stories .views-row .ds-1col { margin: 30px 0; padding-bottom: 30px; display: flex; align-items: center; border-bottom: 1px solid #0064AF;}
 .view-page-stories .views-row .ds-1col .wrapper-text { padding:0 50px 0 0; width: 40%;}
 .view-page-stories .views-row .ds-1col .wrapper-text .wrapper {}
 .view-page-stories .views-row .ds-1col .wrapper-text .wrapper .top { font-size: 16px; text-transform: uppercase;}
 .view-page-stories .views-row .ds-1col .wrapper-text .wrapper .top .data {display: inline-block; vertical-align: middle;}
 .view-page-stories .views-row .ds-1col .wrapper-text .wrapper .top .categoria {display: inline-block; vertical-align: middle;}
 .view-page-stories .views-row .ds-1col .wrapper-text .wrapper .top .categoria:before {content: "|"; margin: 0 5px;}
 .view-page-stories .views-row .ds-1col .wrapper-text .wrapper .title {margin:15px 0;}
 .view-page-stories .views-row .ds-1col .wrapper-text .wrapper .title a {font-size: 35px; color: #0064AF; transition: .2s; -webkit-transition: .2s; font-weight: 300; display: inline-block;}
 .view-page-stories .views-row .ds-1col .wrapper-text .wrapper .title a:hover {color:#1d1d1d;}
 .view-page-stories .views-row .ds-1col .wrapper-text .wrapper .field-name-field-texto-intro p:nth-last-child(1) {margin-bottom: 0px;}
 .view-page-stories .views-row .wrapper-text .wrapper .link {margin-top: 30px;}
 .view-page-stories .views-row .wrapper-text .wrapper .link a {display: inline-block;
    color: #fff;
    background-color: #0064AF;
    border-radius: 40px;
    padding: 20px 40px;
    font-weight: 200;
    font-size: 18px;
    transition: .3s;
    -webkit-transition: .3s;}
 .view-page-stories .views-row .wrapper-text .wrapper .link a:hover {background-color: #005880;}
 .view-page-stories .views-row .ds-1col .box-video {width: 60%; min-height: 400px;}
 .view-page-stories .views-row .ds-1col .box-video .image-video {overflow: hidden; background-color: white;}
 .view-page-stories .views-row .ds-1col .box-video .image-video img {width: 100%; height: 100%; object-fit: cover;}
 .view-page-stories .views-row .ds-1col .box-video .video-container {min-height: 400px;}
 .video-container > iframe {border: 0;}
 
 /* FITXA STORIE */
 .node-type-historia .box-video {margin:50px auto; max-width: 950px;}
 .node-type-historia .wrapper-intro {margin: 50px auto; max-width: 950px;}
.node-type-historia .wrapper-content {margin: 50px auto; max-width: 950px;}
 .node-type-historia .wrapper-intro p {font-size: 22px; line-height: 30px;}
 

 /* FITXA BLOG */
 .node-type-blog .wrapper-intro {}
 .node-type-blog .wrapper-intro  p {font-size: 25px; line-height: 34px;}
 .node-type-blog .wrapper-image-destacada {margin:50px 0; text-align: center;}
 .node-type-blog .wrapper-info-bottom {margin:30px 0 50px;}
 .node-type-blog .wrapper-info-bottom .wrapper-autor {display: inline-block; width: 49%;}
 .node-type-blog .wrapper-info-bottom .share {display: inline-block; width: 49%; text-align: right;}
 
 
 /* LLISTA MEDIA */
 .view-page-media .view-header h1 {text-align: center;}
 .view-page-media .view-content {margin:50px 0; text-align: center;}
 .view-page-media .views-row {display: inline-block; vertical-align: top; text-align: left; width: 24%; padding:5px; border-top:1px solid #0064AF; padding-top: 15px; margin-top: 20px;}
 .view-page-media .views-row-1,
 .view-page-media .views-row-2,
 .view-page-media .views-row-3,
 .view-page-media .views-row-4 {border:none; margin-top:0;}
 .view-page-media .views-row .image {margin-bottom: 15px; position: relative; font-size: 0;}
 .view-page-media .views-row .image img {width: 100%;}
 .view-page-media .views-row .image:after {content: ""; height: 50px; width: 50px; display: inline-block; position: absolute; bottom:0; left:0; background: #0064AF;}
 .view-page-media .views-row .file-video .image:after {background: url(../images/ico-media-video.png) no-repeat center #0064AF;}
 .view-page-media .views-row .file-document .image:after {background: url(../images/ico-media-pdf.png) no-repeat center #0064AF;}
 .view-page-media .views-row .file-image .image:after {background: url(../images/ico-media-image.png) no-repeat center #0064AF;}
 .view-page-media .views-row .title a {color:#0064AF;}
 .view-page-media .views-row .categoria {font-size: 15px; margin-top: 5px;}
 
 /* MEDIA FITXA */
 .page-file header .top .wrapper-navigation .navigation #main-menu ul li.media > ul {display: block;}
 
 .media-wrapper {margin-top: 20px;}
 .media-wrapper .item {text-align: center;}
 .media-wrapper .info {padding:30px 0; font-size: 16px; width: 100%; display: inline-block; margin: 50px 0px; text-align: center;}
 .media-wrapper .info .data,
 .media-wrapper .info .categoria,
 .file-document .media-wrapper .info .file {display: inline-block; margin-right: 30px;}
 .media-wrapper .field-name-download-file {margin-bottom: 30px;}
 .file-document .media-wrapper .info .generic-link {margin-bottom: 30px;}
 .file-document .media-wrapper .info .file .file-icon,
 .file-document .media-wrapper .info .file .file-size {display: none;}
 .file-document .media-wrapper .info .file a {color: white; font-weight: 300;}
 .media-wrapper .wrapper-text {padding:50px 100px;}
 .file-video .media-wrapper .video-container {}
 .file-video .media-wrapper .box-video .image-video {position: relative; top: auto; left: auto; height: auto;}
 
 .view-related-media .views-row {display: inline-block; vertical-align: top;
     text-align: left;
     width: 24%;
     padding: 5px;
     border-bottom: 1px solid #0064AF;
     padding-bottom: 15px;
     margin-bottom: 20px;}
 .view-related-media .views-row .image {margin-bottom: 15px;}
 .view-related-media .views-row .wrapper-text .title a {color: #0064AF;}
 .view-related-media .views-row .wrapper-text .categoria {font-size: 14px;}
 
 
 /* LLISTA OFERTES DE FEINA */
 .view-ofertes .view-header {float: right;}
 .view-ofertes .view-filters {max-width: calc(100% - 220px); }
 .view-ofertes .view-filters label {border:none; padding:0; width: inherit; display: inline-block; vertical-align: middle; background: none;}
 .view-ofertes .view-filters .views-widget {display: inline-block;vertical-align: middle;}
 .view-ofertes .view-filters .views-widget .form-item {display: inline-block; vertical-align: middle;}
 .view-ofertes .view-filters .views-widget .form-item a {font-weight: 700; color:#1d1d1d; display: inline-block; padding:10px;}
 .view-ofertes .view-content {margin:50px 0;}
 .view-ofertes .view-content table {width: 100%;}
 .view-ofertes .view-content table thead {text-align: left;}
 .view-ofertes .view-content table thead th { text-transform: uppercase; font-weight: 400; font-size: 14px; padding:20px; border-bottom:1px solid #ccc;}
 .view-ofertes .view-content table tbody tr {border-bottom:1px solid #1d1d1b;}
 .view-ofertes .view-content table tbody td {padding:20px; border-bottom:1px solid #ccc;}
 .view-ofertes .view-content table tbody td a {font-weight: 600; color:#0064AF;}
 .view-ofertes .view-content table tbody td a:hover {color:#1d1d1d;}
 
 /* OFERTES DE FEINA FITXA */
 .basic-info-vacancy {background: #f2f2f2; padding:50px 0; margin:50px 0;}
 .basic-info-vacancy .wrapper-item {margin:10px 0;}
 .basic-info-vacancy .wrapper-item .label {display: inline-block; vertical-align: middle; width: 150px; font-weight: 700;}
 .basic-info-vacancy .wrapper-item .item {display: inline-block; vertical-align: middle; width: calc(100% - 160px);}
 
 
 /* LLISTA GOVERNANCE */
 .bundle-governance .view-eva-governance .view-content {max-width: 1138px; margin: 0 auto;}
 .bundle-governance .view-eva-governance .views-row {width: 33%; display: inline-block; vertical-align: top; padding:20px; margin-bottom: 40px; text-align: center;}
 .bundle-governance .view-eva-governance .views-row .wrapper-image {margin-bottom:20px;}
 .bundle-governance .view-eva-governance .views-row .wrapper-image img {border-radius: 50%; filter: grayscale(100%); -moz-filter: grayscale(100%); }
 .bundle-governance .view-eva-governance .views-row .wrapper-text .name {margin-bottom: 15px; font-size: 25px; color:#0064AF;}
 .bundle-governance .view-eva-governance .views-row .wrapper-text p {margin-bottom: 0; font-size: 18px;line-height: 26px;}
 .bundle-governance .view-eva-governance .views-row .wrapper-text .info {margin-bottom: 20px;}
 .bundle-governance .view-eva-governance .views-row .wrapper-text .info p {display: inline-block;}
 /* .bundle-governance .view-eva-governance .views-row .wrapper-text .info p:nth-child(1):after {content: "|"; display: inline-block; margin:0 5px;} */
 .bundle-governance .view-eva-governance .views-row .wrapper-text a.generic-link {color: #fff;}
 .bundle-governance .view-eva-governance .views-row .wrapper-text .generic-link:before {content: "\f0e1"; font-family: fontawesome; margin-right: 15px;}
 
 
 /* LLISTA HISTORIA */
 .bundle-historia {width: 100%; display: inline-block; margin:50px 0;}
 .bundle-historia .view-eva-milestone {position: relative;width: 100%; display: inline-block;}
 .bundle-historia .view-eva-milestone:before { top: 110px;
     bottom: 0;
     position: absolute;
     content: " ";
     width: 1px;
     background-color: #0064AF;
     left: 50%; height: calc(100% - 540px);}
 .bundle-historia .view-eva-milestone .views-row {width: 50%; float: right; padding:0 65px; position: relative; margin-bottom: 100px;}
 .bundle-historia .view-eva-milestone .views-row-odd {clear: right;}
 .bundle-historia .view-eva-milestone .views-row-even {width: 50%; float: left; margin-top: 50px;}
 .bundle-historia .view-eva-milestone .views-row:nth-child(2) {margin-top:150px;}
 .bundle-historia .view-eva-milestone .views-row:before {content: " "; width: 54px; height: 20px; display: inline-block; background:url(../images/ico-historia.png); position: absolute; top:100px; left: -11px;}
 .bundle-historia .view-eva-milestone .views-row-even:before {left: inherit; right: -11px;}
 .bundle-historia .view-eva-milestone .views-row-odd:before {transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);}
 .bundle-historia .view-eva-milestone .views-row img {width: 100%;}
 .bundle-historia .view-eva-milestone .views-row .any {font-size: 95px; color:#0064AF; margin-top: -40px; line-height: 90px; margin-bottom: 20px;}
 
 
 /* AREA */
 .view-area-products {margin:50px 0;}
 .view-area-products .views-row {display: inline-block; vertical-align: top; width: 16.3%; text-align: center; padding:0 20px; margin-bottom: 40px;}
 .view-area-products .views-row img {margin:0 auto; max-width: 120px;}
 .view-area-products .views-row h3 {font-size: 30px; text-align: left;}
 .view-area-products .views-row h3 a {color:#0064AF; }
 .view-area-products .views-row:after {    content: "";
     width: 100%;
     height: 2px;
     background-color: #0081c9;
     display: block;
     margin: 20px 0 30px;}
 
 
 /* PRODUCTE */
 .wrapper-info-product .container {border-bottom:1px solid #ccc; }
 .wrapper-info-product .wrapper-image {width: 30%; display: inline-block; vertical-align: middle;}
 .wrapper-info-product .wrapper-info {width: 69%; display: inline-block; vertical-align: middle;}
  .wrapper-info-product .wrapper-info .logo img {max-width: 170px; max-height: 170px;width: auto;height: auto;}
 .wrapper-info-product .wrapper-info h1 {text-align:left;}
 .wrapper-info-product .wrapper-info .subtitle {text-transform: uppercase; font-size: 18px; margin-bottom: 20px;}
 .wrapper-info-product .wrapper-info img {margin-bottom: 30px;}
 .wrapper-info-product .wrapper-info .description {margin-bottom: 30px;}
 .wrapper-info-product .wrapper-info .description p {font-size: 18px; line-height: normal;}
 .wrapper-info-product .wrapper-info .categoria a {color:#1d1d1d;}
 .wrapper-info-product .wrapper-info .share {margin: 40px 0;}
 .share p {display: inline-block; font-size: 16px; margin:0 20px 0 0; vertical-align: middle;}
 .share .a2a_kit {display: inline-block; vertical-align: middle;}
 .share .a2a_kit .a2a_svg {background: none!important;}
 .share .a2a_kit .a2a_svg svg path {fill:#0064AF; }
 
 .wrapper-features-product > .container {border-top: 1px solid #ccc;padding:50px 15px;}
 .wrapper-features-product .wrapper-menu-tabs {width: 30%; display: inline-block; vertical-align: top; padding-right: 80px;}
 .wrapper-features-product .wrapper-menu-tabs .title-tabs {color:#fff; display: inline-block; width: 100%; background:#0064AF; padding:15px 10px; margin-bottom:1px; font-size: 18px; position: relative;}
 .wrapper-features-product .wrapper-menu-tabs .title-tabs.active,
 .wrapper-features-product .wrapper-menu-tabs .title-tabs:hover {background-color: #005880;}
 .wrapper-features-product .wrapper-menu-tabs .title-tabs:hover {cursor: pointer;}
 .wrapper-features-product .wrapper-menu-tabs .title-tabs.active:after,
 .wrapper-features-product .wrapper-menu-tabs .title-tabs:hover:after {    content: "";
     width: 55px;
     height: 15px;
     background: url(../images/ico-arrow-link.png) no-repeat center;
     display: inline-block;
     position: absolute; right: -25px;}
 .wrapper-features-product .wrapper-tabs {width: 69%; display: inline-block; vertical-align: top;}
 .wrapper-features-product .wrapper-tabs .tab-content:not(:first-child) {display: none;}
 .wrapper-features-product .wrapper-tabs .tab-content .title-tabs {display:none;}
 .wrapper-features-product .wrapper-tabs .bundle-title-text {margin-top:0; margin-bottom: 70px;}
 .wrapper-features-product .wrapper-tabs .bundle-links {margin:50px 0;}
 .wrapper-features-product .wrapper-tabs .bundle-title-text h3:before,
 .wrapper-features-product .wrapper-tabs .bundle-links h3:before {content: ""; height: 5px; width: 150px; background-color:#0064AF; display: block; margin-bottom: 20px; }
 .wrapper-features-product .wrapper-tabs .bundle-links .item {margin-bottom: 5px;}
 .wrapper-features-product .wrapper-tabs .bundle-links .item .text {display: inline-block; vertical-align: middle; width: calc(100% - 220px); padding-right: 10px;}
 .wrapper-features-product .wrapper-tabs .bundle-links .item .link {display: inline-block; vertical-align: middle; width:210px; position: relative;}
 .wrapper-features-product .wrapper-tabs .bundle-links .item .link a {width: calc(100% - 40px);}
 .wrapper-features-product .wrapper-tabs .bundle-links .item .link .generic-link:after {position: absolute; right: 15px; margin:0;}
 .wrapper-features-product .wrapper-tabs .bundle-links .item .link .generic-link:hover:after {right: 5px;}
 
 .wrapper-bottom-product {margin:50px 0;}
 .bundle-certifications {margin-top: 60px;}
 .bundle-certifications img {display: inline-block; margin-right: 50px; vertical-align: middle; width: 200px;}
 .wrapper-other-products {margin-top: 80px;}
 .wrapper-other-products .view-area-products .views-row {width: 24%;}
 
 /* Productos Relacionados */
 
 .view-eva-productos-relacionados h2.title {
   margin: 0 0 3em;
   font-weight: 700;
   color: #1d1d1b;
   border-bottom: 1px solid #0081c9;
   font-size: 25px;
   padding-bottom: 15px;
 }
 .view-eva-productos-relacionados .view-content {
  display: flex; 
  flex-wrap: wrap; 
  justify-content: center;
  margin:0 -1em ;
}
 .view-eva-productos-relacionados .views-row {
   width: calc(25% - 2em);
   max-width: calc(25% - 2em);
   margin: 0 1em 40px;
   margin-bottom: 40px;
 }
 .view-eva-productos-relacionados .views-row > a {
   text-align: center;
   display: inline-block;
   width: 100%;
 }
 .view-eva-productos-relacionados .views-row > a img {
   max-height: 200px;
   width: auto;
 }
 .view-eva-productos-relacionados .views-row h3 {
   border-bottom: 2px solid #0064AF;
   padding-bottom: 0.5em;
   margin: 10px 0px 0px 0px;
   display: flex;
   align-items: flex-end;
   justify-content: center;
 }
 .view-eva-productos-relacionados .views-row h3 a {
   font-size: 30px;
   text-align: left;
   font-weight: 300;
   color: #0064AF;
 }
 
 /* TEXT */
 .bundle-title-image-text {margin: 50px 0}
 .bundle-title-image-text img {margin-bottom: 40px;}
 
 /* NOTICIES */
 .paragraphs-item-imagen-intercalada .field-item.even {text-align: center;}
 .node.node-noticia .field-name-field-caption {color: #555; font-size: 13pt; font-style: italic; margin-top: 0.5em;}
 .paragraphs-item-html-text {margin: 2em 0;}
 .node.node-noticia .paragraphs-item-video.bundle-video {margin: 2em 0;}
 .node.node-noticia .paragraphs-item-video .container {width: 84%;}
 
 /* LOCATION */
 .paragraphs-item-locations {overflow: hidden;}
 .bundle-contact {background-color: #f2f2f2; padding:50px 0; display: inline-block; width: 100%;}
 .bundle-contact .wrapper-link {width: 33%; float:left;}
 .bundle-contact .wrapper-info { width: 100%; display: flex; justify-content: space-between; }
 .bundle-contact .wrapper-info .bundle-title-text-link {width: 22%; margin:0; text-align: left; padding:0;}
 .bundle-contact .wrapper-info .bundle-title-text-link h2 {font-size: 26px; line-height: 30px; margin:0 0 20px;}
 .bundle-contact .wrapper-info .bundle-title-text-link p {font-size: 16px; line-height: 22px; margin-bottom: 10px;}
 .bundle-contact .wrapper-info .bundle-title-text-link .generic-link {border:1px solid #0064AF; color:#0064AF; background: transparent; font-weight: 400; margin-top:30px; padding:15px 20px;}
 .bundle-contact .wrapper-info .bundle-title-text-link .generic-link:after {content: none;}
 .bundle-contact .wrapper-info .bundle-title-text-link .generic-link:hover {color:#fff; background-color:#0064AF;}
 @media screen and (max-width: 1100px) {
    .bundle-contact .wrapper-info {
      flex-wrap: wrap;
    }
    .bundle-contact .wrapper-info .bundle-title-text-link {
      width: 48%;
      margin: 0 0 4em;
    }
    .bundle-contact .wrapper-info .bundle-title-text-link:nth-child(3),
    .bundle-contact .wrapper-info .bundle-title-text-link:nth-child(4) {
      margin-bottom: 0;
    }
 }
 @media screen and (max-width: 992px) {
    .bundle-contact .wrapper-info {
        width: 100% !important;
    }
 }
 @media screen and (max-width: 500px) {
  .bundle-contact .wrapper-info .bundle-title-text-link {
    width: 100%;
    margin: 0 0 3em !important;
  }
  .bundle-contact .wrapper-info .bundle-title-text-link:nth-child(3) {
    margin-bottom: 3em;
  }
}
 
 .bundle-locations { margin:50px 0;}
 .bundle-locations .view-eva-locations .views-row {width: 32%; display: inline-block;vertical-align: top; padding-right: 30px;}
 .bundle-locations .view-eva-locations .views-row:after {    content: "";
     width: 60%;
     height: 2px;
     background-color: #0081c9;
     display: block;
     margin: 20px 0 30px;}
 .view-eva-locations h2 {
   margin-bottom: 0.3em;
 }
 .bundle-contact .paragraphs-item-title-text-link > .container {
	width: auto;
 }
 
 /* RESEARCH */
 .bundle-table {margin:50px 0;}
 .bundle-table .table {width: 100%; display: inline-block;}
 .bundle-table table {min-width: 100%; width: auto !important; text-align: left; border-left: 0px; border-right: 0px; border-top: 0px;}
 .bundle-table table tbody {border-top: 1px solid black;}
 .bundle-table table thead th {text-transform: none; font-size: 14px; font-weight: 300; border: 0;}
 .bundle-table table tbody td {padding: 10px; border: 1px solid #666; font-size: 18px; min-width: 150px;}
 .bundle-table table td p,
 .bundle-table table th p {font-size: 18px; line-height: normal; margin: 0;}
 .bundle-table table tbody td p:nth-last-child(1) {margin-bottom: 0px;}
 .bundle-table table tbody td:nth-child(1) {border-left: 0px;}
 .bundle-table table tbody td:nth-last-child(1) {border-right: 0px;}
 /*.bundle-table table tbody tr:nth-child(1) td {border-bottom: 3px solid #0064AF;}*/
 .bundle-table table tbody td a {color: #0064AF; font-weight: 700; font-size: 20px;}
 .bundle-table table tbody td span {width:100px; height: 50px; display: inline-block; background-color:#0064AF;}
 .bundle-table table td.subcategoria {background-color: #eee; text-align: center; font-weight: bold;}
 
 .bundle-video {margin:80px 0;}
 .bundle-video .box-video {max-width:950px; width:100%; margin: 0 auto;}
 .bundle-video .box-video .image-video:before {border:none; background-color:#0064AF; }
 .bundle-video .box-video .image-video p {color:#1d1d1d;}
 .bundle-video .peu-video { width: 80%; margin: 0 auto;}
 .bundle-video .peu-video p {font-size: 16px;}
 .bundle-video .box-video .video-embed-description {margin-top: 10px;}
 
 
 /* ENTITYFORMS - WEBFORMS */
 .wrapper-form {margin:50px 0;}
 .entityform {width: 700px; margin:0 auto; position: relative; padding:0 15px;}
 
 .entityform .messages {display: inline-block; font-size: 15px; color: #333; padding: 10px; margin: 20px 0px;}
 .entityform .messages ul {margin: 0px;}
 .entityform div.messages.error {background: transparent none;}
 .entityform div.messages.status {background: transparent none; font-size: 20px;}
 #pre-footer .entityform .messages {color: white;}
 
 body.not-front.page-download header { height: 100px; }
 body.page-download h1.title { color: #0064AF; font-weight: normal; font-size: 36px; margin-top: 0px; }
 .filedownload.entityform { max-width: 700px; margin: 0 auto; }
 .filedownload.entityform h3 { text-align: center; margin-bottom: 2em; }
 .filedownload.entityform .generic-link { background-color: #fff; color: #0064AF; border: 1px solid #0064AF; font-weight: 400; margin: -2em 0 4em; }
 .filedownload.entityform .generic-link:hover { font-weight: 500; color: #005880; border-color: #005880; }
 .paragraphs-item-fichero-descarga-con-formulario .generic-link img { display: none; }
 
 .entity-paragraphs-item .entityform h2,
 .entity-paragraphs-item .entityform h3 {display: none;}
 .wrapper-form .webform-client-form .form-item {margin:0 0 10px;}
 .entityform input[type="text"],
 .entityform textarea,
 .wrapper-form .webform-client-form .form-item input[type="text"] {
   appearance:none; -webkit-appearance:none; width: 100%; background-color: #ededed; border:none; padding:20px 30px;font-size: 20px; color:#1d1d1d; font-family: 'Barlow', sans-serif; font-weight: 300;
 }
 .entityform .field-type-file {
   border: 1px solid #ddd;
   padding: 0.5em 1em 1em;
 }
 .entityform .field-type-file .form-item {margin: 0;}
 .entityform .field-type-file input[type="submit"] {
   padding: 10px 16px;
   font-size: 14px;
 }
 .entityform .field-type-file .description {font-size: 9pt;}
 
 .entityform .form-item.form-type-checkbox,
 .entityform .form-item.form-type-checkboxes {margin: 0px; display: flex; flex-wrap: wrap;}
 .entityform .form-item.form-type-checkbox .description,
 .entityform .form-item.form-type-checkboxes .description,
 .entityform .form-area .description {order:1; margin:20px 0; width: 100%; font-size: 16px; line-height: 22px;}
 .entityform .form-item.form-type-checkbox .form-checkboxes,
 .entityform .form-item.form-type-checkboxes .form-checkboxes {order:2;}
 .entityform .form-item.form-type-checkbox input {display: none;}
 .entityform .form-item.form-type-checkbox label {order:3; max-width: calc(100% - 20px); padding-left: 5px; position: relative;}
 .entityform .form-item.form-type-checkbox label:before {content: ""; display: inline-block; vertical-align: middle; width: 12px; height: 12px; border:1px solid black; background: #fff; margin-right: 15px;}
 .entityform .form-item.form-type-checkbox input:checked + label:before {background: #ededed;}
 .entityform .form-item.form-type-checkbox input:checked + label:after {content: ""; width: 15px; height: 4px;  border: 3px solid #0064AF; float: left;margin-left: 4px;border-right: 0; border-top: 0; margin-top: 0; -webkit-transform: rotate(-42deg); transform: rotate(-42deg); position: absolute; left:4px;top: 2px;} 
 .entityform .form-item label {
   font-weight: normal;
   font-weight: 300;
   font-size: 14px;
   display: inline-block;
   margin-bottom: 5px;
 }
 #edit-field-accept-terms [for="edit-field-accept-terms-und"],
 #edit-field-accept-policy [for="edit-field-accept-policy-und"] {display: none;}
 .entityform .form-item table th {
   border-bottom: 0;
 }
 .entityform .form-item table tbody {
   border: 0;
 }
 .entityform .form-item table tr.even,
 .entityform .form-item table tr.odd {
   background-color: transparent;
   border-bottom: 0;
   padding: 0px;
 }
 .entityform .form-item table td {padding: 10px 0px;}
 .entityform .form-item .tabledrag-toggle-weight-wrapper,
 .entityform .form-item table td.field-multiple-drag,
 .entityform .form-item table td input.form-submit {
   display: none;
 }
 .entityform .form-item input[type="text"]:-moz-placeholder,
 .entityform .form-item input[type="text"]::-moz-placeholder {
   color: #888;
 }
 .entityform .form-item input.required[type="text"]:-moz-placeholder,
 .entityform .form-item input.required[type="text"]::-moz-placeholder,
 .entityform textarea.required:-moz-placeholder,
 .entityform textarea.required::-moz-placeholder{
   color: #f55;
 }
 .captcha {
   margin-top: 1em;
 } 
 .wrapper-form .webform-client-form .form-item input[type="text"]::-webkit-input-placeholder {font-size: 20px; color:#1d1d1d; font-family: 'Barlow', sans-serif; font-weight: 300;}
 .wrapper-form .webform-client-form .form-item input[type="text"]::-moz-placeholder {font-size: 20px; color:#1d1d1d; font-family: 'Barlow', sans-serif; font-weight: 300;}
 .wrapper-form .webform-client-form .form-item input[type="text"]:-ms-input-placeholder {font-size: 20px; color:#1d1d1d; font-family: 'Barlow', sans-serif; font-weight: 300;}
 .wrapper-form .webform-client-form .form-item input[type="text"]:-moz-placeholder {font-size: 20px; color:#1d1d1d; font-family: 'Barlow', sans-serif; font-weight: 300;}
 .entityform select,
 .wrapper-form .webform-client-form .form-item select {appearance:none; -moz-appearance: none; -webkit-appearance:none; width: 100%; background:url(../images/ico-select.png) no-repeat calc(100% - 10px) center #ededed; border:none; padding:20px 30px; border-radius:0;font-size: 20px;  color:#1d1d1d; font-family: 'Barlow', sans-serif; font-weight: 300;}
 .wrapper-form .webform-client-form .form-item textarea {background-color: #ededed; border:none; padding:20px 30px; font-size: 20px; color:#1d1d1d; font-family: 'Barlow', sans-serif; font-weight: 300; width: 100%; height: 250px;}
 .wrapper-form .webform-client-form .form-item textarea::-webkit-input-placeholder {font-size: 20px; color:#1d1d1d; font-family: 'Barlow', sans-serif; font-weight: 300;}
 .wrapper-form .webform-client-form .form-item textarea::-moz-placeholder {font-size: 20px; color:#1d1d1d; font-family: 'Barlow', sans-serif; font-weight: 300;}
 .wrapper-form .webform-client-form .form-item textarea:-ms-input-placeholder {font-size: 20px; color:#1d1d1d; font-family: 'Barlow', sans-serif; font-weight: 300;}
 .wrapper-form .webform-client-form .form-item textarea:-moz-placeholder {font-size: 20px; color:#1d1d1d; font-family: 'Barlow', sans-serif; font-weight: 300;}
 .wrapper-form .webform-client-form .form-item.webform-component-file {background-color: #ededed;}
 .wrapper-form .webform-client-form .form-item.webform-component-file label {display: inline-block; padding:20px 0 20px 30px;}
 .wrapper-form .webform-client-form .form-item.webform-component-file .form-managed-file {display: inline-block; float: right;}
 .wrapper-form .webform-client-form .form-item.webform-component-file .form-managed-file input[type="submit"] { background-color:#0064AF; color:#fff; font-size:20px; font-family: 'Barlow', sans-serif; font-weight: 300; border:none; padding:20px 30px; margin-left:20px;}
 .wrapper-form .webform-client-form .form-item.webform-component-radio,
 .wrapper-form .webform-client-form .form-item.webform-component-checkboxes {margin:20px 0;}
 .wrapper-form .webform-client-form .form-item.webform-component-radio .form-item {display: inline-block; margin-right: 50px;}
 .wrapper-form .webform-client-form .form-item.webform-component-radio .form-item input[type="radio"] {display: inline-block; vertical-align: middle;appearance:none; -webkit-appearance:none; width: 20px; height:20px; border-radius:50%; border:4px solid #ededed; background: #ededed; margin-right:15px;}
 .wrapper-form .webform-client-form .form-item.webform-component-radio .form-item input[type="radio"]:checked {background:#0064AF; }
 .wrapper-form .webform-client-form .form-item.webform-component-radio .form-item label {display: inline-block; vertical-align: middle;}
 .wrapper-form .webform-client-form .form-item.webform-component-checkboxes .form-item input[type="checkbox"] {display: inline-block; vertical-align: middle;appearance:none; -webkit-appearance:none; width: 25px; height:25px; background: #ededed; margin-right:15px;}
 .wrapper-form .webform-client-form .form-item.webform-component-checkboxes .form-item input[type="checkbox"]:checked:before {content: "\f00c"; font-family: 'fontawesome'; color:#0064AF; font-size: 34px; line-height: 20px;}
 .wrapper-form .webform-client-form .form-item input:focus,
 .wrapper-form .webform-client-form .form-item textarea:focus,
 .wrapper-form .webform-client-form .form-item select:focus {outline: -webkit-focus-ring-color auto 1px;}
 .wrapper-form .webform-client-form .form-item input[type="radio"]:focus,
 .wrapper-form .webform-client-form .form-item input[type="checkbox"]:focus {outline:none;}
 .entityform .form-actions,
 .wrapper-form .webform-client-form .form-actions {position: relative;display: inline-block; margin:50px 0;}
 .entityform input[type="submit"],
 .paragraphs-item-cta a,
 .actions a.button,
 #comment-form input[type="submit"] {
    display: inline-block;
    color: #fff;
    background-color: #0064AF;
    border-radius: 40px;
    padding: 20px 40px;
    font-weight: 200;
    font-size: 18px;
    transition: .3s;
    -webkit-transition: .3s;
    position: relative;
    border: none;
    box-shadow: none;
 }
 .entityform .form-actions input[type="submit"]:hover,
 .paragraphs-item-cta a:hover,
 .actions a.button:hover,
 #comment-form input[type="submit"]:hover {
   background-color: #005880;
   cursor: pointer;
 }

 .form-item input.error,
 .form-item textarea.error,
 .form-item select.error {
   border: 2px solid red !important;
 }
 .entityform .form-item input.error,
 .entityform .form-item textarea.error,
 .entityform .form-item select.error,
 .entityform .form-item select.error + select {
   border: 0px !important; border-bottom: 1px solid #d35 !important;
 }
 .messages-inline {
   color: #d35;
   font-style: italic;
   margin: -0.8em 0 0;
   font-size: 14px;
   display: inline-block;
   width: 100%;
 }
 .entityform #edit-field-ref-idiomas tbody td {font-size: 0px;}
 .entityform #edit-field-ref-idiomas tbody td div.field-name-field-form-idioma {padding-right: 10px;}
 .entityform #edit-field-ref-idiomas tbody td div.field-name-field-tx-competencia {padding-left: 10px;}
 .entityform #edit-field-ref-idiomas tbody td div.field-name-field-form-idioma,
 .entityform #edit-field-ref-idiomas tbody td div.field-name-field-tx-competencia {
   width: 50%;
   display: inline-block;
   vertical-align: bottom;
   font-size: 20px;
 }
 .entityform #edit-field-ref-formacion tbody td .form-wrapper {
   width: calc(33.3% - .8em);
   display: inline-block;
   vertical-align: bottom;
   margin-right: 0.8em; /**/
 }
 .entityform #edit-field-ref-formacion tbody td .form-wrapper.field-type-date {
   margin-right: 0;
   width: 33.3%;
 }
 .entityform #edit-field-ref-formacion tbody td .form-wrapper.field-type-date .date-no-float {
   width: 100%;
 }
 .entityform .field-type-field-collection .form-type-date-select {
   margin:0;
 }
 .entityform .field-type-field-collection .form-type-date-select select {
   padding: 21px 25px 20px 10px;
   font-size: 17px;
 }
 .entityform .field-type-field-collection input[type="submit"] {
   padding: 10px 16px;
   font-size: 14px;
 }
 .entityform .field-type-field-collection .form-type-date-combo label {
   display: none;
 }
 .entityform #edit-field-acepto-condiciones + .messages-inline,
 .entityform #edit-field-acepto-privacidad + .messages-inline,
 .entityform #edit-field-acepto-comunicaciones + .messages-inline {margin:0px;}
 #edit-field-website-url {
   position: absolute !important;
   overflow: hidden;
   height: 1px;
 }
 .form-type-date-select {margin:0;}
 .entityform .container-inline-date .form-item .form-item {margin-right: 3px;}
 .entityform .container-inline-date .form-item .form-item .date-day {min-width: 60px;}
 .entityform .container-inline-date .form-item .form-item .date-year { min-width: 80px;}

 
 /* OFERTES TREBALL */
 .node-oferta-trabajo {padding-bottom: 3em;}
 .container.title {text-align: center;}
 .group-area-gris {background-color: #eee;padding: 2.8em 0 2em; margin-bottom: 2em;}
 .group-area-gris .container > div {margin-bottom: 1em;}
 .group-area-gris .container .field-label-inline .field-label {width: 10em;}
 .node-oferta-trabajo h3 {padding-top: 1em; margin-bottom: 0.3em;}
 .node-oferta-trabajo ul {padding-left: 2em; padding-bottom: 0.5em;}
 .paragraphs-item-lista-ofertas-trabajo {margin: 2em 0 5em;}
 .paragraphs-item-lista-ofertas-trabajo .views-exposed-widgets {margin-bottom: 2em;}
 
 body.page-node-931 .paragraphs-item-cta a, body.page-node-982 .paragraphs-item-cta a {float: right; margin-top: -0.5em;z-index: 200;}

 /* Animal Nutrition */
 .page-node-937 .bundle-title-text-link.center,
 .page-node-29 .bundle-title-text-link.center {margin: 60px 0;}
 .page-node-937 .bundle-title-text-link.center h2,
 .page-node-29 .bundle-title-text-link.center h2 {font-size: 35px; text-align: center;}
 .page-node-937 .bundle-title-text-link.center h2:before,
 .page-node-29 .bundle-title-text-link.center h2:before {content: ""; width: 150px; height: 3px;background: #0064AF;display: block; margin: 0 auto 20px;}
 .page-node-937 .bundle-highlight-links .wrapper,
 .page-node-29 .bundle-highlight-links .wrapper {justify-content: center;}
 .page-node-937 .bundle-highlight-links .wrapper .item-link,
 .page-node-29 .bundle-highlight-links .wrapper .item-link {width:50%; margin-bottom: 30px; padding: 0 30px 40px; max-width: inherit; flex: inherit;}
 .page-node-937 .bundle-highlight-links .wrapper .item-link:last-child,
 .page-node-29 .bundle-highlight-links .wrapper .item-link:last-child {margin-bottom: 0;}
 .page-node-937 .wrapper-distribuidora .menu-nodes-fills,
 .page-node-29 .wrapper-distribuidora .menu-nodes-fills {justify-content: center;}
  .page-node-937 .wrapper-distribuidora .menu-nodes-fills .view-menu-paginas-hijas,
 .page-node-29 .wrapper-distribuidora .menu-nodes-fills .view-menu-paginas-hijas {margin-bottom: 20px;}
 .page-node-937 .wrapper-distribuidora .views-row h3 a,
 .page-node-29 .wrapper-distribuidora .views-row h3 a {color: #000; text-transform: uppercase; font-weight: 600; font-size: 32px;}

 .entitytype-landings-form {text-align: center;}
 .entitytype-landings-form .field-widget-options-buttons {text-align: left;}
 .entitytype-landings-form .form-item.form-type-checkboxes {text-align: left; display: block;}

 .page-products-animal-health-animal-nutrition-formation header .top .wrapper-navigation .navigation #main-menu ul li.first > a:after {width: 40px;}
 .page-products-animal-health-animal-nutrition-formation header .top .wrapper-navigation .navigation #main-menu #block-system-main-menu > .content > ul > li.first > ul {display: inline-block;}
 .page-products-animal-health-animal-nutrition-formation header .top .wrapper-navigation .navigation #main-menu ul li ul li:nth-child(3) a:after {width: 40px;}
 .view-page-animal-nutrition .view-content {display: flex; flex-wrap: wrap; margin: 80px -20px;}
 .view-page-animal-nutrition .view-content .views-row {width: calc(50% - 40px); margin: 0 20px 20px; padding-left: 75px; } 
 .view-page-animal-nutrition .view-content .views-row .node-teaser {display: flex; align-items: center; border: 1px solid #0064AF; padding: 30px 20px; transition: .2s; height: 100%;}
 .view-page-animal-nutrition .view-content .views-row .node-teaser:hover {background: #0064AF; color: #fff; cursor: pointer;}
 .view-page-animal-nutrition .view-content .views-row .node-teaser:hover .title {color: #fff;}
 .view-page-animal-nutrition .view-content .views-row .wrapper-image {margin-left: -95px; position: relative; width: 150px;}
 .view-page-animal-nutrition .view-content .views-row .wrapper-image img {border-radius: 50%;} 
 .view-page-animal-nutrition .view-content .views-row .wrapper-text {width: calc(100% - 65px); padding-left: 40px;}
 .view-page-animal-nutrition .view-content .views-row .wrapper-text .number {font-family: 'Work Sans', sans-serif; font-weight: 100; font-size: 45px;}
 .view-page-animal-nutrition .view-content .views-row .wrapper-text .title {color: #0064AF; text-transform: uppercase; font-size: 24px; line-height: 32px; margin: 10px 0; font-weight: 600; transition: .2s;}

 .node-type-capsula  header .top .wrapper-navigation .navigation #main-menu ul li.first > a:after {width: 40px;}
 .node-type-capsula  header .top .wrapper-navigation .navigation #main-menu #block-system-main-menu > .content > ul > li.first > ul {display: inline-block;}
 .node-type-capsula  header .top .wrapper-navigation .navigation #main-menu ul li ul li:nth-child(3) a:after {width: 40px;}
 .node-type-capsula .wrapper-title {margin-bottom: 50px;}
 .node-type-capsula .wrapper-title .container {position: relative; text-align: left;}
 .node-type-capsula .wrapper-title .wrapper-image {position: absolute; top: 0; left: 0px; width: 100%; height: 100%;}
 .node-type-capsula .wrapper-title .wrapper-image .background-image {width: 100%; height: 100%;}
 .node-type-capsula .wrapper-title .wrapper-text {position: relative; z-index: 1; color: #fff; display: flex; align-items: center; padding: 70px 150px;}
 .node-type-capsula .wrapper-title .wrapper-text .number {font-size: 120px; font-family: 'Work Sans', sans-serif; font-weight: 100; width: 120px;}
 .node-type-capsula .wrapper-title .wrapper-text .wrapper-info {text-align: left; width: calc(100% - 120px); padding-left: 40px;}
 .node-type-capsula .wrapper-title .wrapper-text .wrapper-info .back {margin-bottom: 10px;}
 .node-type-capsula .wrapper-title .wrapper-text .wrapper-info .back a {color: #fff; font-weight: 300; font-size: 16px;}
 .node-type-capsula .wrapper-title .wrapper-text .wrapper-info .back a:hover {opacity: .5;}
 .node-type-capsula .wrapper-title .wrapper-text .wrapper-info .back a:before {content: ""; display: inline-block; width: 15px; height: 15px; background: url(../images/ico-download.png) no-repeat center; transform: rotate(90deg); vertical-align: middle;margin-right: 10px;}
 .node-type-capsula .wrapper-title .wrapper-text .wrapper-info .back a:after {content: "Back to the list";}
 .i18n-es.node-type-capsula .wrapper-title .wrapper-text .wrapper-info .back a:after {content: "Volver";}
 .node-type-capsula .wrapper-title .wrapper-text .wrapper-info h2 {text-align: left; text-transform: uppercase; font-size: 30px; margin: 0 0 15px 0; color: #fff;font-weight: 700;}
 .node-type-capsula .wrapper-title .wrapper-text .wrapper-info:after {content: ""; display: block; width: 250px; height: 5px; background: #fff; margin: 25px 0 0 0;}
 .node-type-capsula .bundle-video .box-video {width: 100%;}
 .node-type-capsula .bundle-video .container {max-width: 950px;}
 .node-type-capsula  .bundle-title-text-link .generic-link {margin-top: 0;}

 /* CERCA */
 .page-search .wrapper-form-search {margin: 50px 0}
 .page-search #edit-basic {font-size: 0; text-align: center; padding: 40px 0px;}
 .page-search #edit-basic input[type="text"] {width: 100%; padding: 20px 30px; font-size: 35px; font-family: 'Barlow'; font-weight: 300; border: 2px solid #333; border-right: 0px;}
 .page-search #edit-basic input[type="submit"] {appearance: none; -moz-appearance: none; -ms-progress-appearance: none; -webkit-appearance: none; border: 2px solid #333; border-left: 0px; display: inline-block; vertical-align: middle; padding: 20px; color: transparent; font-size: 35px; overflow: hidden; text-indent: -999px; width: 100px; background: transparent url('../images/ico-form-search.png') no-repeat 50% 50%; cursor: pointer; font-family: 'Barlow'; font-weight: 300;}
 .page-search #edit-basic .form-item {display: inline-block; vertical-align: middle; width: calc(100% - 100px); max-width: 100%;}
 .page-search #edit-basic label {display: none;}
 .page-search .wrapper-form-search form {width: 100%; position: relative;}
 .page-search .wrapper-form-search form input[type="text"] {width: 100%; border:1px solid #000; padding:15px 30px;font-size:35px;font-family: 'Barlow', sans-serif; font-weight: 300; color:#1d1d1d;}
 .page-search .wrapper-form-search form input[type="text"]::-webkit-input-placeholder {font-size:35px;font-family: 'Barlow', sans-serif; font-weight: 300; color:#1d1d1d;}
 .page-search .wrapper-form-search form input[type="text"]::-moz-placeholder {font-size:35px;font-family: 'Barlow', sans-serif; font-weight: 300; color:#1d1d1d;}
 .page-search .wrapper-form-search form input[type="text"]:-ms-input-placeholder {font-size:35px;font-family: 'Barlow', sans-serif; font-weight: 300; color:#1d1d1d;}
 .page-search .wrapper-form-search form input[type="text"]:-moz-placeholder {font-size:35px;font-family: 'Barlow', sans-serif; font-weight: 300; color:#1d1d1d;}
 .page-search .wrapper-form-search form input[type="submit"] {position: absolute; top:0; right: 0; border:none; -webkit-appearance:none; width: 75px; height: 75px; overflow: hidden; text-indent:1000px; background: url(../images/ico-form-search.png) no-repeat center;}
 .page-search #block-system-main > .content {width: 1170px; margin: 0 auto; padding: 0 15px;}
 .page-search main h2 {font-weight: 700; font-size: 50px; color: #1d1d1b; margin:50px 0;}
 .page-search .wrapper-title-page .title h1 {text-align: left; padding:0;}
 .page-search .search-results {padding:0; margin:50px 0;}
 .page-search .search-results li {border-bottom:1px solid  #0064AF; padding:30px 0;}
 .page-search .search-results li:nth-child(1) {border-top: 1px solid #1d1d1b;}
 .page-search .search-results li::before {content: none;}
 .page-search .search-results li .title { margin-bottom: 10px;}
 .page-search .search-results li .title a {color:#0064AF; font-weight: 600;}
 .page-search h1 {display: none;}
 .page-search .search-results li p {font-size: 16px; margin:0;}
 .page-search .search-results .search-snippet-info {padding-left: 0;}
 
 /****************** FOOTER *******************/
 footer {background: #0064AF; color:#fff;}
 footer a {color: white;}
 footer p b {margin-bottom: 5px; display: inline-block;}
 footer p span {display: inline-block;}
 footer .logo_footer {margin-bottom: 30px; display: inline-block;}
 footer .logo_footer img {width: 240px;}
 footer .top {padding:60px 0 30px;}
 footer .bottom {margin-top: 40px; padding-top: 10px; border-top:1px solid rgba(255,255,255,.2); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
 footer .top .left {width: calc(100% - 310px); display: inline-block; vertical-align: top;    padding-right: 50px;}
 footer .top .right {width:300px; display: inline-block; vertical-align: top;}

 footer .lista-centros { display: flex; flex-wrap: wrap; justify-content: space-between; }
 footer .lista-centros .centro { width: 29%; }
 footer .lista-centros h4 { font-weight: normal; margin-bottom: 0.6em; font-size: 22px; padding-top: 10px; }
 footer .lista-centros .centro a:hover { color: #fff; opacity 0.7; }
 footer .lista-centros p { font-size: 16px; line-height: 20px; }
 @media screen and (max-width: 1050px) {
    footer .lista-centros .centro {
      width: 50%;
    }
 }
 @media screen and (max-width: 992px) {
  footer .lista-centros {
    display: block;
  }
  footer .lista-centros .centro {
      width: 100%;
    }
 }

 footer .top .left p:nth-last-child(1) {margin-bottom: 0px;}
 footer .top .left form,
 footer .top .left .entityform {max-width: 440px; position: relative; margin: 40px 0 0;}
 footer .top .left .entityform {margin-top: 0;}
 footer #block-entityform-block-newsletter .entityform input[type="text"] {padding:20px 20px; background: #005880; border:none; width: 100%; font-size: 14px; color:#fff; }
 footer .top .left form input[type="email"]::-webkit-input-placeholder {font-size: 14px; color:#fff; font-family: 'Barlow', sans-serif;}
 footer #block-entityform-block-newsletter .entityform input[type="text"]::-moz-placeholder {font-size: 14px; color:#fff; font-family: 'Barlow', sans-serif;}
 footer .top .left form input[type="email"]:-ms-input-placeholder {font-size: 14px; color:#fff; font-family: 'Barlow', sans-serif;}
 footer .top .left form input[type="email"]:-moz-placeholder {font-size: 14px; color:#fff; font-family: 'Barlow', sans-serif;}
 footer .top .entityform .form-actions {position: static; margin: 0; display: inline;}
 footer .top .left form input[type="submit"] {-webkit-appearance:none; -moz-appearance:none; position: absolute; bottom:0; right: 0; width: 55px; height: 56px; background:url(../images/ico-submit.png) no-repeat center #fff; text-indent: 1000px; overflow: hidden; border:none;}
 footer .top .left form input[type="submit"]:hover {cursor:pointer; background-color: rgba(255,255,255,.8);}
 footer .top .entityform .form-actions::after {content: none;}
 
 footer .top h3, footer #block-entityform-block-newsletter h2 {font-weight: 300; font-size: 30px; margin-bottom: 38px; color:#fff;}
 footer .entityform .form-item label {display: none;}
 footer .top .right .xarxes {margin-bottom: 38px;}
 footer .top .right .xarxes ul li {display: inline-block;}
 footer .top .right .xarxes ul li a {color:#fff; padding:0 10px; display: inline-block;}
 footer .top .right .xarxes ul li a span {font-size: 16px; margin-left:10px;}
 footer .top .right .xarxes ul li a:hover {opacity: .7;}
 footer .top .right .generic-link { color: #0064AF; background-color: #fff; font-weight: 400; padding: 20px 30px;}
 footer .top .right .generic-link:hover {background: rgba(255,255,255,.8);}
 footer .top .right #block-block-7 {margin-top: 50px;}
 footer .top .right #block-block-7 .content {display: flex; align-items: flex-start;}

 footer .region-footer-bottom {display: inline-block;}
 
 footer .middle {border-top:1px solid rgba(255,255,255,.2); border-bottom:1px solid rgba(255,255,255,.2); padding:30px 0; }
 footer .middle p {font-size: 14px; line-height: 20px; margin-bottom: 10px;}
 footer .copyright {display: inline-block; vertical-align: bottom; font-size: 14px; padding: 5px 0px;font-weight: 300;}
 footer ul.menu li {display: inline-block; margin: 0; padding: 0px;}
 footer ul.menu li a {font-size: 14px; padding:5px 15px 5px 0; display: inline-block; color:#fff;font-weight: 300;}
 footer #block-block-3 {padding: 0.5em 0;}
 footer #block-menu-menu-menu-legal {display: inline-block; vertical-align: bottom;}
 footer .baked_by {float: right;display: inline-block; font-size: 14px; margin: 5px 0px; text-align: right; color: #89c2ec; font-weight: 100;}
 footer .baked_by a {color: #89c2ec;}
 footer .baked_by a:hover {color: white;}
 
 /* Drupal status messages */
 .container.messages-container {
   padding: 0;
 }
 div.messages {
   margin: 1em auto;
   background-position: 8px 18px;
   padding: 16px 10px 16px 40px;
   border-radius: 0;
   border: 0;
   font-size: 114%;
 }
 div.messages:last-child {
   margin-bottom: 3em;
 }
 div.messages.status {
   background-color: rgb(210, 250, 200);
   border-left: 4px solid rgb(110, 150, 100);
 }
 div.messages.warning {
   background-color: rgb(256, 246, 220);
   border-left: 4px solid rgb(245, 192, 160);
 }
 div.messages.error {
   background-color: rgb(256, 235, 231);
   border-left: 4px solid rgb(180, 0, 0);
 }
 
 /****************** EDICIÓ *******************/
 
 ul.primary {position: fixed;
     z-index: 99999;
     right: 0;
     text-align: right;
     top: 220px;
     margin: 0;
     border: none;}
 ul.primary li {display: block;  margin: 3px 0;}
 ul.primary li a {background-color: #333; color: #fff; border:1px solid #333; border-right:none; color:#fff !important;padding:10px 60px 10px 20px; font-size: 16px; display: inline-block; margin:0; box-shadow: 0 0 60px rgba(0,0,0,.3); transition: .3s; -webkit-transition: .3s; opacity: .85;}
 ul.primary li.active a {color: #0064AF !important; background: #fff; border:1px solid #333;border-right:none;}
 ul.primary li a:hover {background-color: #fff; color: #0064AF !important; border:1px solid #333;border-right:none; padding-right: 80px; opacity: 1;}
 ul.primary li a.view {background-image: url(../images/ico-view-w.png); background-repeat: no-repeat; background-position: 95% center ;}
 ul.primary li.active a.view,
 ul.primary li a.view:hover {background-image: url(../images/ico-view.png);}
 ul.primary li a.edit {background-image: url(../images/ico-edit-w.png); background-repeat: no-repeat; background-position: 95% center;}
 ul.primary li.active a.edit,
 ul.primary li a.edit:hover {background-image: url(../images/ico-edit.png);}
 ul.primary li a.translate {background-image: url(../images/ico-translate-w.png); background-repeat: no-repeat; background-position: 95% center;}
 ul.primary li.active a.translate,
 ul.primary li a.translate:hover {background-image: url(../images/ico-translate.png);}
 ul.primary li a.devel {background-image: url(../images/ico-devel-w.png); background-repeat: no-repeat; background-position: 95% center;}
 ul.primary li.active a.devel,
 ul.primary li a.devel:hover {background-image: url(../images/ico-devel.png);}
 ul.primary li a.display {background-image: url(../images/ico-display-w.png); background-repeat: no-repeat; background-position: 95% center;}
 ul.primary li.active a.display,
 ul.primary li a.display:hover {background-image: url(../images/ico-display.png);}
 
 .logged-in #main-menu .contextual-links-region {position: inherit;}
 .logged-in #main-menu .contextual-links-region .contextual-links-wrapper {display: none;}
 
 #user-login { max-width: 500px; margin: 50px auto; text-align: center; padding:0 15px;}
 #user-login .form-item {margin-bottom: 40px;}
 #user-login .form-item label {font-size: 20px; font-weight: 400; margin-bottom: 10px;}
 #user-login .form-item input {-webkit-appearance: none;
     width: 100%;
     background-color: #ededed;
     border: none;
     padding: 15px 30px;
     font-size: 20px;
     color: #1d1d1d;
     font-family: 'Barlow', sans-serif;
     font-weight: 300;}
 #user-login .form-item .description {font-size: 14px; color:#999; margin-top:5px;}
 #user-login .form-actions {position: relative;
     display: inline-block;
     margin: 50px 0;}
 #user-login .form-actions input {display: inline-block;
     color: #fff;
     background-color: #0064AF;
     padding: 20px 60px 20px 30px;
     font-weight: 200;
     font-size: 18px;
     transition: .3s;
     -webkit-transition: .3s;
     position: relative;}
 #user-login .form-actions input:hover {background-color: #005880; cursor:pointer;}
 #user-login .form-actions:after {content: "";
     width: 55px;
     height: 15px;
     background: url(../images/ico-arrow-link.png) no-repeat center;
     display: inline-block;
     position: absolute;
     top: calc(50% - 7px);
     right: -20px;
     transition: .3s;
     -webkit-transition: .3s;}
 #user-login .form-actions:hover:after {right: -40px;}
 
 .profile,
 .seccion-usuario #block-menu-menu-gestion {width: 1170px; margin:0 auto 50px; padding:0 15px;text-align: center;}
 .profile {background: #f0f0f0; padding:20px; font-size: 18px;}
 .profile h3 {font-size: 20px; text-transform: uppercase; border:none; margin:0 0 10px;}
 .seccion-usuario #block-menu-menu-gestion ul { text-align: center;}
 .seccion-usuario #block-menu-menu-gestion ul li {display: inline-block; vertical-align: middle; margin:5px; padding:0;}
 .seccion-usuario #block-menu-menu-gestion ul li a {background: #666; display: inline-block; padding:20px 30px; color:#fff; transition: .3s; -webkit-transition: .3s;}
 .seccion-usuario #block-menu-menu-gestion ul li a:hover {    background-color: #999;}
 .seccion-usuario #block-menu-menu-gestion ul li.contenidos,
 .seccion-usuario #block-menu-menu-gestion ul li.formularios,
 .seccion-usuario #block-menu-menu-gestion ul li.seo,
 .seccion-usuario #block-menu-menu-gestion ul li.categorias {width: 100%; text-align: center;}
 .seccion-usuario #block-menu-menu-gestion ul li .nolink {margin:30px 0 10px; display: inline-block; color: #0064AF;}
 
 /* PRE FOOTER */
 #pre-footer .entityform select option {color:#333; background-color: transparent;}
 #pre-footer .bean-formulario-cta > h2 {
   display: none;
 }
 #pre-footer .group-bean-form-cta-group-cta {
   background-color: #005880;
   color: #fff;
   padding: 2em 0;
 }
 #pre-footer .bean-formulario-cta h3 {
   color: #fff;
   font-size: 24pt;
 }
 #pre-footer .bean-formulario-cta .entitytype-candidatos-form h3 {
   display: none;
 }
 #pre-footer .group-bean-form-cta-group-cta .button > div {
   display: inline-block;
   background-color: #fff;
   color: #005880;
   padding: 20px 40px;
   margin-bottom: 1em;
   cursor: pointer;
   border-radius: 30px;
 }
 #pre-footer .group-bean-form-cta-group-cta .button > div:hover {
   opacity: 0.8;
 }
 #pre-footer .group-bean-form-cta-group-cta .enlace a {
   color: #fff;
 }
 #pre-footer .group-bean-form-cta-group-cta .enlace a:hover {
   color: #f99;
 }
 #pre-footer .group-bean-form-cta-group-form.cta-oculto {
   display: none;
 }
 #pre-footer .group-bean-form-cta-group-form {
   background-color: #002d3d;
   color: #fff;
   padding: 2em 0;
 }
 #pre-footer .group-bean-form-cta-group-form .field-name-field-formulario {display: inline-block; vertical-align: top;}
 #pre-footer .group-bean-form-cta-group-form a {
   color: #fff;
   font-size: 97%;
 }
 #pre-footer .group-bean-form-cta-group-form a:hover {
   color: #0064AF;
 }
 #pre-footer .group-bean-form-cta-group-form .field-name-field-formulario .entityform {
   margin: 0;
   width: 500px;
 }
 #pre-footer .group-bean-form-cta-group-form .field-name-field-formulario .entityform.entitytype-candidatos-form {
   width: 100%;
 }
 #pre-footer .group-bean-form-cta-group-form .field-name-field-formulario .entityform.entitytype-candidatos-form .group-left {
   float: left;
   width: 45%;
 }
 #pre-footer .group-bean-form-cta-group-form .field-name-field-formulario .entityform.entitytype-candidatos-form .group-right {
   float: right;
   width: 50%;
 }
 #pre-footer .group-bean-form-cta-group-form .field-name-field-formulario .entityform.entitytype-candidatos-form .form-actions {
   clear: both;
   float: right;
 }
 #pre-footer .group-bean-form-cta-group-form .entityform .form-item {
   margin: 0.7em 0;
 }
 #pre-footer .group-bean-form-cta-group-form .entityform .form-item .form-item {margin: 0;}
 #pre-footer .group-bean-form-cta-group-form .entityform .form-item.form-type-checkboxes,
 #pre-footer .group-bean-form-cta-group-form .entityform .form-item.form-type-checkbox {margin: 0.2em 0;}
 #pre-footer .group-bean-form-cta-group-form .entityform .draggable .form-item {
   margin: 0px;
 }
 #pre-footer tr.odd .form-item, #pre-footer tr.even .form-item {white-space: normal;}
 #pre-footer .group-bean-form-cta-group-form .entityform .form-item.form-type-date-select .form-type-select:nth-child(1){padding: 0 10px 0 0;}
 #pre-footer .group-bean-form-cta-group-form .entityform .form-item.form-type-date-select .form-type-select:nth-child(2){padding: 0 10px;}
 #pre-footer .group-bean-form-cta-group-form .entityform .form-item.form-type-date-select .form-type-select:nth-child(3){padding: 0 5px 0 10px;}
 #pre-footer .group-bean-form-cta-group-form .entityform .draggable .form-item.form-type-date-combo .date-clear.form-select {
   margin: 0px;
 }
 #pre-footer .group-bean-form-cta-group-form .entityform .form-item.form-type-date-combo > label {
   padding-top: 0.5em;
 }
 #pre-footer .group-bean-form-cta-group-form .entityform .field-type-field-collection .form-item label {
   display: none;
 }
 #pre-footer .group-bean-form-cta-group-form .entityform input[type="text"],
 #pre-footer .group-bean-form-cta-group-form .entityform textarea,
 #pre-footer .group-bean-form-cta-group-form .entityform select {
   background-color: transparent;
   border-bottom: 1px solid #fff;
   padding: 0.5em;
   margin: 0px;
   color: #fff;
 }
 #pre-footer .group-bean-form-cta-group-form .entityform .field-type-file {
   border: 0;
   border-bottom: 1px solid #fff;
   padding: 0.1em 0.5em 1em;
 }
 #pre-footer .group-bean-form-cta-group-form .entityform .field-type-file .form-item > label {font-size: 14pt;}
 #pre-footer .group-bean-form-cta-group-form .entityform .container-inline-date .date-padding {width: 100%;}
 #pre-footer .group-bean-form-cta-group-form .entityform .field-type-field-collection .messages-inline {margin: 0px;}
 #pre-footer .group-bean-form-cta-group-form .entityform select {background: transparent url(../images/ico-select-white.png) no-repeat 98% center}
 #pre-footer .group-bean-form-cta-group-form .entityform .container-inline-date .form-type-date-select .form-item {width: calc(50% / 3); max-width: 100%;}
 #pre-footer .group-bean-form-cta-group-form .entityform .container-inline-date .form-item,
 #pre-footer .group-bean-form-cta-group-form .entityform .container-inline-date .form-item input {width: 100%;}
 #pre-footer .group-bean-form-cta-group-form .entityform .date-no-float {margin: 0px; width: 100%;}
 #pre-footer .group-bean-form-cta-group-form .entityform input.required[type="text"]:-moz-placeholder,
 #pre-footer .group-bean-form-cta-group-form .entityform input.required[type="text"]::-moz-placeholder,
 #pre-footer .group-bean-form-cta-group-form .entityform textarea.required:-moz-placeholder,
 #pre-footer .group-bean-form-cta-group-form .entityform textarea.required::-moz-placeholder{color: #30a5f9;}
 #pre-footer .group-bean-form-cta-group-form .entityform #edit-field-ref-formacion tbody td .form-wrapper {width: 50%;}
 #pre-footer .group-bean-form-cta-group-form .entityform #edit-field-ref-formacion tbody td .field-name-field-tx-tipo-formacion {padding-right: 10px;}
 #pre-footer .group-bean-form-cta-group-form .entityform #edit-field-ref-formacion tbody td .field-name-field-nombre-titulo {padding-left: 10px;}
 #pre-footer .group-bean-form-cta-group-form .entityform #edit-field-ref-formacion tbody td .field-name-field-fecha-titulo {width: 100%;}
 #pre-footer .group-bean-form-cta-group-form .field-name-field-form-contacto {width: 30%; float: right;}
 #pre-footer .group-bean-form-cta-group-form .field-name-field-form-contacto h4,
 #pre-footer .group-bean-form-cta-group-form .field-name-field-form-contacto p {
   margin-bottom: 0.3em;
 }
 #pre-footer .entityform .form-actions {
   margin: 0;
 }
 #pre-footer .entityform .form-actions::after {
   content: none;
 }
 #pre-footer .entityform input[type="submit"] {
   color: #005880;
   background-color: #fff;
   padding: 16px 24px;
   margin: 1em 0 0;
   font-weight: 500;
 }
 #pre-footer .entityform input[type="submit"]:hover {
   opacity: 0.8;
 }
 #pre-footer .entityform table th,
 #pre-footer .entityform table td {
   background-color: transparent;
   border-bottom: 0;
   padding: 0;
   font-size: 0px;
 }
 

 /** BANNER COOKIES**/
#sliding-popup.sliding-popup-bottom {
  background: #888;
}
#sliding-popup .popup-content {
  padding:20px 15px;
  position: relative;
  max-width: 1170px;
}
#sliding-popup .popup-content #popup-text {
  float:none;
  max-width: 100%;
  margin:0;
}
#sliding-popup .popup-content #popup-text p {
  font-family: 'Barlow', sans-serif;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
}
#sliding-popup .eu-cookie-compliance-more-button {
  font-family: 'Barlow', sans-serif;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
}
#sliding-popup .eu-cookie-compliance-categories{
  padding:15px 0 0;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  padding: 50px;
  background: rgba(0,0,0,.7);
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#sliding-popup .eu-cookie-compliance-categories.open {
  display: flex;
}
#sliding-popup .eu-cookie-compliance-categories .ico-close {
  width: 100%;
  max-width: 900px;
  text-align: right;
}
#sliding-popup .eu-cookie-compliance-categories .ico-close .ico {
    position: relative;
    width: 30px;
    height: 30px;
    margin-bottom: 10px;
    display: inline-block;
}
#sliding-popup .eu-cookie-compliance-categories .ico-close .ico:before,
#sliding-popup .eu-cookie-compliance-categories .ico-close .ico:after {
    position: absolute;
    left: 15px;
    content: '';
    height: 30px;
    width: 3px;
    background-color: #fff;
    -webkit-transition: .2s;
    transition: .2s;
}
#sliding-popup .eu-cookie-compliance-categories .ico-close .ico:before {
  -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
#sliding-popup .eu-cookie-compliance-categories .ico-close .ico:after {
  -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#sliding-popup .eu-cookie-compliance-categories .ico-close .ico:hover {cursor: pointer;}
#sliding-popup .eu-cookie-compliance-categories .ico-close .ico:hover:before,
#sliding-popup .eu-cookie-compliance-categories .ico-close .ico:hover:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
#sliding-popup .eu-cookie-compliance-categories .eu-cookie-compliance-category {
    background: #fff;
    color: #1d1d1d!important;
    padding: 20px 40px;
    width: 100%;
    max-width: 900px;
}
#sliding-popup .eu-cookie-compliance-categories .eu-cookie-compliance-category div {
  color: #1d1d1d!important;
}
#sliding-popup .eu-cookie-compliance-categories .eu-cookie-compliance-category:nth-child(2){
  padding-top: 40px;
}
#sliding-popup .eu-cookie-compliance-categories .eu-cookie-compliance-category:nth-child(4){
  padding-bottom: 40px;
}
#sliding-popup .eu-cookie-compliance-categories input[type="checkbox"] + label:before { 
  content: "";
  width: 20px;
  height: 20px;
  float: left;
  margin: 0 15px 0 0;
  background:rgba(0,100,175,.3);
  border:none;
}
#sliding-popup .eu-cookie-compliance-categories input[type="checkbox"]:checked + label:after {
  content: "";
  width: 23px;
  height: 7px;
  border: 3px solid #0064AF;
  float: left;
  margin-left: 4px;
  border-right: 0;
  border-top: 0;
  margin-top: 0em;
  transform: rotate(-42deg);
  position: absolute;
  left: 0;
  top:0px;
}
#sliding-popup .eu-cookie-compliance-categories input[type="checkbox"]:disabled + label {
  opacity: .7;
}
#sliding-popup .eu-cookie-compliance-categories input[type="checkbox"]:disabled + label:hover {
  cursor: not-allowed;
}
#sliding-popup .eu-cookie-compliance-categories input[type="checkbox"]:disabled + label:after {
  opacity: .5;
}
#sliding-popup .eu-cookie-compliance-categories input[type="checkbox"] {
  display: none;
}
#sliding-popup .eu-cookie-compliance-categories label {
  display: flex;
  align-items: center;
  font-size: 18px;
  margin:0;
  position: relative;
  font-weight: normal;
  color: #1d1d1d!important;
}       
#sliding-popup .eu-cookie-compliance-categories label:hover {
  cursor: pointer;
}
#sliding-popup .eu-cookie-compliance-category-description {
  font-size: 15px;
  margin-top: 5px;
  padding-left: 35px;
}
#sliding-popup .eu-cookie-compliance-categories-buttons {
  /*position: absolute;
  bottom: 20px;
  right: 15px;*/
  margin: 20px 10px 0 0;
}
#sliding-popup .eu-cookie-compliance-default-button,
#sliding-popup .open-preferences {
  background: #fff;
  color:#1d1d1d;
  border:none;
  border-radius: 0;
  padding:10px 20px;
  box-shadow: none;
  font-family: 'Barlow', sans-serif;
  font-weight: normal;
  margin:0;
  display: inline-block;
  border:1px solid #fff;
  font-family: 'Barlow', sans-serif;
  font-size: 14px;
  line-height: 20px;
  margin-right: 10px;
  margin-top: 10px;
  vertical-align: middle;
}
#sliding-popup .open-preferences:before {
  content:"Configurar Cookies";
  color:#1d1d1d;
}
#sliding-popup .eu-cookie-compliance-save-preferences-button {
  display: inline-block;
  color: #fff;
  background: #0064AF;
  padding: 20px 60px 20px 30px;
  font-weight: 200;
  font-size: 18px;
  transition: .3s;
  -webkit-transition: .3s;
  position: relative;
  text-shadow: none;
  border:none;
  border-radius: 0;
  box-shadow: none;
}
#sliding-popup .eu-cookie-compliance-save-preferences-button:after {
  content: "";
  width: 55px;
  height: 15px;
  background: url(../images/ico-arrow-link.png) no-repeat center;
  display: inline-block;
  position: absolute;
  top: calc(50% - 7px);
  right: -20px;
  transition: .3s;
  -webkit-transition: .3s;
}
#sliding-popup .eu-cookie-compliance-save-preferences-button:hover {
  background-color: #005880;
}
#sliding-popup .eu-cookie-compliance-save-preferences-button:hover:after {
    right: -40px;
}
#sliding-popup .eu-cookie-compliance-default-button:hover,
#sliding-popup .open-preferences:hover {
  background: transparent;
  color:#fff;
  text-shadow: none;
  cursor:pointer;
}
#sliding-popup .open-preferences:hover:before {
  color:#fff;
}
#sliding-popup .popup-content #popup-buttons {
  float: none;
  margin: 20px 0 0 0px;
  display: inline-block;
  max-width: 100%;
}

 /**************** MEDIA QUERIES ***************/
 @media screen and (min-width:1400px){
   .wrapper-title-page.image { max-height: 60vh; overflow: hidden;}
   .wrapper-title-page.image .group-wrapper {max-height: 60vh; order: 1;}
   .wrapper-title-page.image .title h1 {font-size: 60px;}
   [data-tipo-visual="mapa"] {
     max-height: none !important;
     overflow: visible !important;
   }
   [data-tipo-visual="mapa"] ul.slides li {
     background-color: #fff !important;
     margin-top: 4em;
   }
   [data-tipo-visual="mapa"] ul.slides img {
     max-height: 600px;
     width: auto;
     margin: 0 auto;
   }
 }
 
 @media screen and (max-width:1400px){
   .container,
   .page-search #block-system-main > .content,
    header .menu-destacats #block-menu-menu-areas-menu {width: 1170px;}
   .container-mini {width: 950px;}
   .db-breadcrumb {width: 1170px;}
   .bundle-stroies-news .view-content .views-row:not(.views-row-first) .wrapper-text,
   .grid3cols .view-content .views-row:not(.views-row-first) .wrapper-text {min-height: calc(100% - 224px + 105px);}

   .paragraphs-item-title-text-video.two-col .container .box-video {min-height: 371px;}
 }
 
 @media screen and (max-width:1200px){
   .container,
   .container-mini,
   .page-search #block-system-main > .content,
   .db-breadcrumb,
   header .menu-destacats #block-menu-menu-areas-menu  {width: 950px;}
 
   header > .top { padding: 30px 50px;}
   header .top .wrapper-navigation .navigation #main-menu ul li.expanded > ul {left: 8px; width: calc(100% - 24px); padding:0; top: 100px;}
   header .top .wrapper-navigation .navigation #main-menu ul li.expanded > ul .nolink {margin-right: 10px;}
   header .top .wrapper-navigation .navigation #main-menu ul li ul li a {padding:10px 15px;}
   header .top .wrapper-navigation .navigation #main-menu ul li.expanded ul li ul { padding: 20px 30px;}
   header .top .wrapper-navigation .navigation #main-menu ul li ul li a:after {bottom: 0px; left: 15px;}
   header .top .wrapper-navigation .navigation #main-menu ul li ul li ul li a {color:#000;}
   header .top .wrapper-navigation .navigation #main-menu .content > ul > li.expanded > ul > li.first > a {
     font-size: 24px;
     padding-top: 8px;
     padding-bottom: 12px;
   }
   header .menu-destacats ul li a {font-size: 22px; line-height: 24px;}
   header .top .wrapper-navigation {margin-top: 0;}
 
   .bundle-slide-home .wrapper-text .text {padding: 100px 50px 100px;}
   .bundle-slide-home .wrapper-text .text p {font-size: 50px; font-size: 55px; max-width: 80%;}

   .paragraphs-item-title-text-video.two-col .container .box-video {min-height: 300px;}

   .paragraphs-item-cifras-icon {padding: 80px 0}
   .paragraphs-item-cifras-icon .wrapper-cifras {margin: 0 -30px;}
   .paragraphs-item-cifras-icon .wrapper-cifras .item {width: calc(25% - 60px); margin: 0 30px;}
   .paragraphs-item-cifras-icon .wrapper-cifras .item .icon {width: 130px; height: 130px; top: -150px; left: calc(50% - 65px);}
   .paragraphs-item-cifras-icon .wrapper-cifras .item .group-number {font-size: 80px; line-height: 90px;}
 
   .bundle-title-text-link {margin:100px 0;}
   .body.node-type-blog .bundle-title-text-link {margin: 0;}
   .bundle-title-text-link .generic-link {margin-top:40px;}
 
   .views-products-custom-filter ul.level-2 {flex-wrap: wrap;}
   .views-products-custom-filter ul.level-2 > li.filter-label {width: 100%; flex: none; margin: 0px; border: 0px;}
   .views-products-custom-filter ul.level-2 > li {flex: 1;}
   .views-products-custom-filter ul.level-2 > li:nth-last-child(1) {border-right: 0px;}
   .views-products-custom-filter ul.level-2 > li {display: flex; align-content: center; justify-content: center;}
   .grup-fills {top: 183px; border-left: 0px; border-right: 0px;}
   .grup-fills.tid-34 .grup-opcions,
   .grup-fills .grup-opcions {justify-content: flex-start;}
   .grup-fills.tid-34 .grup-opcions .opcio-titol,
   .grup-fills .grup-opcions .opcio-titol {flex:1;}
   .nous-fills {margin: 0px;}
   .grup-fills .opcio {padding: 5px 0;}
   .grup-fills .opcio:nth-child(1) {padding-top: 10px;}
   .grup-fills.tid-6 .grup-opcions,
   .grup-fills.tid-9 .grup-opcions,
   .grup-fills.tid-33 .grup-opcions {max-width: 100%; column-count: 1;}
   .grup-fills.tid-6 .grup-opcions .opcio,
   .grup-fills.tid-9 .grup-opcions .opcio,
   .grup-fills.tid-33 .grup-opcions .opcio {width: 100%;}
   .grup-fills > .opcio.opcio-tot {padding-top: 10px;}
 
   #pre-footer .group-bean-form-cta-group-form .field-name-field-formulario .entityform.entitytype-candidatos-form .group-left,
   #pre-footer .group-bean-form-cta-group-form .field-name-field-formulario .entityform.entitytype-candidatos-form .group-right {float: none; width: 100%;}
 
   .view-filters .views-exposed-widget:not(.views-widget-inicial) {padding:0 10px;}
   .view-filters .views-exposed-widget:not(.views-widget-inicial) .views-widget {padding:30px 20px; width: calc(100% - 20px); min-width: 200px;}
 
   .view-page-stories .views-row .ds-1col .wrapper-text {padding: 0 30px 0 0; width: 45%;}
   .view-page-stories .views-row .ds-1col .box-video {width: 55%;}
   .view-page-stories .views-row .ds-1col .box-video,
   .view-page-stories .views-row .ds-1col .box-video .video-container {min-height: 300px;}

   .grid01 .views-row .ds-1col .group-wrapper-text {padding: 0 30px;}
 
   .grid01 .views-row-first .wrapper-texts {padding: 30px 30px 30px calc(75% + 30px);}
   .bundle-stroies-news .view-content .views-row:not(.views-row-first) .wrapper-image,
   .grid3cols .view-content .views-row:not(.views-row-first) .wrapper-image {margin-bottom: -90px;}
   .bundle-stroies-news .view-content .views-row:not(.views-row-first) .wrapper-text,
   .grid3cols .view-content .views-row:not(.views-row-first) .wrapper-text {padding:110px 30px 30px; min-height: calc(100% - 175px + 80px);}
   .bundle-stroies-news .view-content .views-row.no-image .wrapper-text {padding:30px;}
 
   .wrapper-distribuidora .menu-nodes-fills .view-menu-paginas-hijas {padding-right: 40px;}
   /*.bundle-title-text-link.gray {padding:1px 0;}*/
   .bundle-title-text.gray {padding:20px 0 50px;}
   .bundle-stroies-news {margin:50px 0;}
 
   .view-area-products .views-row  {width: 24%;}
 
   .wrapper-features-product .wrapper-menu-tabs {padding-right:50px;}
 
   .wrapper-info-product .wrapper-image,
   .wrapper-features-product .wrapper-menu-tabs {width: 35%;}
   .wrapper-info-product .wrapper-info,
   .wrapper-features-product .wrapper-tabs {width: 64%;}

   .view-page-animal-nutrition .view-content {margin: 80px -15px;}
   .view-page-animal-nutrition .view-content .views-row { width: calc(50% - 30px); margin: 0 15px 20px;}
   .view-page-animal-nutrition .view-content .views-row .node-teaser {padding: 20px;}
   .view-page-animal-nutrition .view-content .views-row .wrapper-text {padding-left: 20px;}
   .view-page-animal-nutrition .view-content .views-row .wrapper-text .title { font-size: 20px; line-height: 28px;}
   .view-page-animal-nutrition .view-content .views-row .wrapper-text .subtitle {font-size: 18px; line-height: 24px;}

   .node-type-capsula .wrapper-title .wrapper-text { padding: 50px;}

   .view-page-news .views-row .wrapper-image,
   .view-page-blog .views-row .wrapper-image {width: 53%;}
   .view-page-news .views-row .wrapper-text,
   .view-page-blog .views-row .wrapper-text {padding: 30px;  width: 47%;}

   .paragraphs-item-grupo-imagen-texto .bundle-title-text-link .group-float-izq {width: 53%;}
   .paragraphs-item-grupo-imagen-texto .bundle-title-text-link .group-float-der {width: 47%; padding: 0 30px;}
 
 }
 
 @media screen and (max-width:1080px){
   header .top .wrapper-navigation .navigation #main-menu {margin-right: 40px;}
   header .top .wrapper-navigation .navigation .menu-sites {margin-right: 10px;}
 }
 
 @media screen and (max-width:1040px){
   header .top .wrapper-navigation .navigation #main-menu ul li.active-trail.expanded.hover > ul{display:block!important;}
   header .top .wrapper-navigation .navigation #main-menu #block-system-main-menu > .content > ul > li.active-trail > ul{display:none;}
   .wrapper-navigation .ico-menu-mobil {display: inline-block; position: absolute; top: 24px; right: 30px; cursor: pointer;}
   .wrapper-navigation .ico-menu-mobil .bar { display: block;height:3px; width:40px;background-color: #0064AF; margin: 7px auto; border-radius:10px;  -webkit-transition: all .7s ease;-moz-transition: all .7s ease;-ms-transition: all .7s ease; -o-transition: all .7s ease;transition: all .7s ease;}
   .front .wrapper-navigation .ico-menu-mobil .bar {background-color: #fff;}
   .wrapper-navigation .ico-menu-mobil.active .top {-webkit-transform: translateY(8px) rotateZ(45deg);-moz-transform: translateY(8px) rotateZ(45deg); -ms-transform: translateY(8px) rotateZ(45deg);-o-transform: translateY(8px) rotateZ(45deg); transform: translateY(8px) rotateZ(45deg);}
   .wrapper-navigation .ico-menu-mobil.active .bottom { -webkit-transform: translateY(-12px) rotateZ(-45deg);-moz-transform: translateY(-12px) rotateZ(-45deg);-ms-transform: translateY(-12px) rotateZ(-45deg);-o-transform: translateY(-12px) rotateZ(-45deg);transform: translateY(-12px) rotateZ(-45deg);}
   .wrapper-navigation .ico-menu-mobil.active .middle { width: 0;}
 
   .front header #lang_dropdown_form_language .dd-selected label {color: #0064AF;}
   .front header #lang_dropdown_form_language .dd-pointer-up {border-color: transparent transparent #0064AF;}
   .front header #lang_dropdown_form_language .dd-pointer-down {border-color: #0064AF transparent transparent;}
   .front header #lang_dropdown_form_language .dd-pointer {background-image: url('../images/ico-arrow-down-b.png')}
   .front header #lang_dropdown_form_language .dd-options {background: transparent none;}
   .front header #lang_dropdown_form_language .dd-option {color: #0064AF; background: transparent none;}
   header .top .wrapper-navigation .navigation .menu-sites ul li .nolink {display: block;}
 
   header .top .wrapper-navigation .navigation .menu-sites ul li ul {position: absolute; left: 0px; right: auto; min-width: 0px; width: 100%;}
 
   .not-front header {height: inherit; font-size: 0;}
   header.open {position: fixed; top: 0; width: 100%; height: 100%; z-index: 9999; background: rgba(255,255,255,.97); overflow-y: scroll;}
   .not-front header.open {height: 100%;}
   #block-search-form {z-index: 99999;}
   header > .top {padding:20px 30px;}
   header .container {width: 100%;}
   header .top .wrapper-navigation {width: 100%; margin: 0;}
   header .top .logo a { margin-left: 0; }
   header.open .top .logo a {
     background: transparent url(../images/nou-logo.svg) no-repeat 0 0 !important;
   }
   header.open .top .wrapper-navigation .navigation #main-menu .content > ul > li{border-bottom:1px #ccc solid;}
   header.open .top .wrapper-navigation .navigation #main-menu ul li a{font-size:20px;}
   header.open .top .wrapper-navigation .navigation #main-menu ul li i{display:inline; font-size:30px; color:#0064AF;}
   header .top .wrapper-navigation .navigation #main-menu ul li.expanded ul li ul {background-color: #005880;}
   header .top .wrapper-navigation .navigation #main-menu ul li.expanded ul li ul {box-shadow: none;}
   header.open .top .wrapper-navigation .navigation #main-menu {padding:30px 0; min-height: calc(100vh - 200px); display: flex; align-items: center; justify-content: center;}
   header.open .top .wrapper-navigation .navigation #main-menu #block-system-main-menu {width: 100%;}
   header.open .top .wrapper-navigation .navigation #main-menu ul li a,
   header.open .top .wrapper-navigation .navigation #main-menu ul li span.nolink {color:#0064AF; margin:0 auto; display: inline-block; padding: 15px 15px 15px 20px; background-image: none;}
   header.open .wrapper-navigation .ico-menu-mobil .bar {background-color:#0064AF;}
 
 
   header .top .wrapper-navigation .navigation .menu-sites .nolink + ul.menu {right: 0px; min-width: 0px; width: 100%;}
 
   header .top .wrapper-navigation .navigation .right {float: none; width: 100%; text-align: center; border-bottom: 1px solid #0064AF; padding: 20px 0; position: relative; margin: 0; display: flex; justify-content: center; align-items: center;}
   header.open .top .wrapper-navigation .navigation .menu-sites ul li a,
   header.open .top .wrapper-navigation .navigation .wrapper-language select,
   header .top .wrapper-navigation .navigation .menu-sites ul li .nolink,
   .front header .top .wrapper-navigation .navigation .menu-sites ul li .nolink {color:#0064AF;}
   header.open .top .wrapper-navigation .navigation .menu-sites span.nolink {background: url(../images/ico-arrow-down-b.png) no-repeat right center; }
   header.open .top .wrapper-navigation .navigation .ico-search {background: url(../images/ico-search-b.png) no-repeat center!important; top: inherit;}
   header.open .top .wrapper-navigation #block-menu-menu-contacto-header a {color: #0064AF!important; font-size: 14px;}
   header.open .container {padding: 20px 15px;}
   header.open .menu-destacats {display: none;}
   header .top .wrapper-navigation .navigation #main-menu span:not(.nolink):not([itemprop]) {position: absolute; right: 0px; top: 15px; width: 39px; height: 39px; background: none; cursor: pointer;}
   header .top .wrapper-navigation .navigation #main-menu ul li ul li span.fa-down{ top:5px!important; }
   header .top .wrapper-navigation .navigation #main-menu ul li.expanded > ul span:not(.nolink):not([itemprop]) i{ color:#fff; }
   header .top .wrapper-navigation .navigation {display: none;}
   header .top .wrapper-navigation .navigation #main-menu ul li ul li.expanded > a {background-image: none!important;}
   header .top .wrapper-navigation .navigation #main-menu {width: 100%; margin:0;}
   header .top .wrapper-navigation .navigation #main-menu ul li {display: block; position: relative;}
   header .top .wrapper-navigation .navigation #main-menu ul li ul li {padding: 0px 20px;}
   header .top .wrapper-navigation .navigation #main-menu ul li ul li.hover {padding: 0px;}
   header.open .top .wrapper-navigation .navigation #main-menu ul li ul li.hover > a {padding: 10px 10px 10px 30px;}
   header.open .top .wrapper-navigation .navigation #main-menu ul {position: inherit!important; top: inherit!important; left:inherit!important; width: 100%;}
   header.open .top .wrapper-navigation .navigation #main-menu ul li {display: block!important;}
   header .top .wrapper-navigation .navigation .menu-sites ul li {position: static;}
 
   header .top .wrapper-navigation .navigation #main-menu ul li.expanded > ul {width: 100%; width: 100%; }
   header.open .top .wrapper-navigation .navigation #main-menu ul li ul li a {color:#fff; padding:10px;}
   header .top .wrapper-navigation .navigation #main-menu .content > ul > li.expanded > ul > li.first > a {display: none;}
   header .top .wrapper-navigation .navigation #main-menu ul li.expanded > ul {padding:20px 0;}
   header .top .wrapper-navigation .navigation #main-menu ul li.expanded > ul .nolink {display: none;}
   header.open .top .wrapper-navigation .navigation #main-menu ul li ul li ul li a {color: white;}
   header .top .wrapper-navigation .navigation #main-menu ul a:after {content:none!important;}
 
 
   #block-search-form .content .ico-close {top:20px; right: 20px;}
 }
 
 @media screen and (max-width:992px){
   .container,
   .container-mini,
   .page-search #block-system-main > .content,
   .db-breadcrumb,
   header .menu-destacats #block-menu-menu-areas-menu  {width: 750px;}
   h2 {font-size: 40px; line-height: 45px;}
   .db-breadcrumb { padding: 20px 15px;}
   .node-type-distribuidora3 .breadcrumb {margin-top:0;}
 
   .bundle-slide-home .wrapper-text .text {padding:100px 30px 100px;}
   .bundle-slide-home .wrapper-text .text p {font-size: 40px; line-height: 48px;}
 
   .wrapper-title-page.image {margin-top:0;}
 
   .bundle-title-text-link {margin:46px 0;}
   .bundle-title-text-link.gray {padding:40px 0;}

    .paragraphs-item-title-text-video.two-col .container {display: block;}
    .paragraphs-item-title-text-video.two-col .container .wrapper-text { width: 100%;padding-left: 0px;}
    .paragraphs-item-title-text-video.two-col .container .box-video { width: 100%; margin-top: 30px; min-height: auto;}
    .paragraphs-item-title-text-video.two-col .container .box-video .image-video {position: relative;}
    .paragraphs-item-title-text-video.two-col .container .box-video .video-container {position: absolute;top: 0; left: 0; width: 100% ; height: 100%;}

    .paragraphs-item-cifras-icon {padding: 60px 0; margin-top: 115px;}
    .paragraphs-item-cifras-icon .wrapper-cifras {margin: 0 -20px;}
    .paragraphs-item-cifras-icon .wrapper-cifras .item {width: calc(25% - 40px); margin: 0 20px;}
    .paragraphs-item-cifras-icon .wrapper-cifras .item .icon {width: 100px; height: 100px; top: -120px; left: calc(50% - 50px);}
    .paragraphs-item-cifras-icon .wrapper-cifras .item .icon img {max-width: 35px; max-height: 35px;}
    .paragraphs-item-cifras-icon .wrapper-cifras .item .group-number {font-size: 60px; line-height: 70px;}
    .paragraphs-item-cifras-icon .wrapper-cifras .item .text p {font-size: 18px; line-height: 22px;}
 
   .view-page-products .view-content {overflow-x: scroll;}
 
   .bundle-table .table {overflow-x: scroll;}
 
   .view-eva-productos-relacionados .views-row {width: calc(50% - 2em);max-width: calc(50% - 2em);}
 
   .node-type-noticia .wrapper-content,
   .node-type-historia .wrapper-content {padding: 50px 0;}

   .paragraphs-item-banner .title {font-size: 35px; line-height: 42px;padding: 30px;}
   .paragraphs-item-banner .wrapper-text {padding: 50px 30px;}
 
   .grid01 .views-row .ds-1col .group-wrapper-text {padding: 0 20px;}
   .grid01 .views-row .ds-1col {align-items: flex-start;}
   .grid01 .views-row .ds-1col .group-wrapper-text .title a {font-size: 30px;}
   .view-eva-comunicacion-home .views-row-first {margin-bottom: 30px; padding-bottom: 30px;}
 
   .bundle-stroies-news .view-content .views-row:not(.views-row-first) .wrapper-image,
   .grid3cols .view-content .views-row:not(.views-row-first) .wrapper-image,
   .view-blog .views-row:not(.views-row-first) .wrapper-image {padding:0 10px;}
   .bundle-stroies-news .view-content .views-row:not(.views-row-first) .wrapper-text,
   .grid3cols .view-content .views-row:not(.views-row-first) .wrapper-text,
   .view-blog .views-row:not(.views-row-first) .wrapper-text {padding: 110px 20px 20px;}
   .bundle-stroies-news .view-content .views-row.no-image .wrapper-text,
   .grid3cols .view-content .views-row.no-image .wrapper-text {padding:20px;}
 
   .bundle-stroies-news .view-content .views-row:not(.views-row-first) .wrapper-text,
   .grid3cols .view-content .views-row:not(.views-row-first) .wrapper-text {min-height: calc(100% - 226px + 80px);}
 
   .page-search #edit-basic input[type="submit"],
   .page-search #edit-basic input[type="text"] {font-size: 30px; padding: 15px 20px;}
   .page-search main h2 {font-size: 40px;}
 
   .wrapper-distribuidora,
   .bundle-highlight-links {margin:30px 0;}
   .wrapper-distribuidora .menu-nodes-fills .view-menu-paginas-hijas {padding-right: 30px;}
   .wrapper-distribuidora .views-row h3,
   .bundle-highlight-links .item h3 {font-size: 30px;}
 
   .item-link {width: 49%; max-width: 49%;}
 
   .bundle-full-image {margin:20px 0;}
 
   .bundle-stroies-news .view-content,
   .grid3cols .view-content {grid-template-columns:50% 50%;}
   .bundle-stroies-news .view-content .views-row-first,
   .grid3cols .view-content .views-row-first {width: 100%;}
 
   .bundle-text-video .column-left,
   .bundle-text-video .column-right {width:100%; padding:0;}
   .bundle-text-video .column-left .item {padding-bottom: 20px; margin-bottom: 20px;}
   .bundle-text-video .column-right {margin:40px 0;}
 
   .bundle-xifres .list .item .number {font-size: 80px; line-height: 94px;}
 
   .bundle-highlight-links02 .wrapper-columns .column-right .title {padding-top:0;}
   .bundle-highlight-links02 .wrapper-columns .column-right {padding-left: 40px;}
   .bundle-highlight-links02 .wrapper-links {margin:30px 0;}
 
   .wrapper-eva-products .view-products .view-filters #abecedari .form-item {    width: 3.1%;}
   .view-filters .views-exposed-widget {padding:0 5px;}
   .view-filters label,
   .view-filters #edit-field-title-value-wrapper label,
   .view-filters #edit-title-wrapper label {font-size: 16px;}
   .view-filters #search-product input {font-size: 16px;}
   .view.special-filter .view-filters .views-exposed-widget#edit-created-wrapper .views-widget input, 
   .view.special-filter .view-filters .views-exposed-widget#edit-field-fecha-public-value-1-wrapper .views-widget input {
    font-size: 16px;
   }
   .view-filters #search-product input::-webkit-input-placeholder {font-size: 16px; font-weight: 300;}
   .view-filters #search-product input[type="text"]::-moz-placeholder {font-size: 16px;}
   .view-filters #search-product input[type="text"]:-ms-input-placeholder {font-size: 16px;}
   .view-filters #search-product input[type="text"]:-moz-placeholder {font-size: 16px;}
   .view-filters #edit-inicial-wrapper .form-item > div a {font-size: 15pt;}
   .view.special-filter .view-filters #edit-field-title-value-wrapper input,
   .view.special-filter .view-filters #edit-title-wrapper input {    font-size: 16px;}
   .view.special-filter .view-filters .views-exposed-widget:not(.views-widget-inicial) {padding:0 10px;}
   .view.special-filter .view-filters #edit-title-wrapper .views-widget,
   .view.special-filter .view-filters #edit-field-title-value-wrapper .views-widget { width: calc(100% - 20px);}
   .view-page-products .view-content caption {width: 100px;}
   .view-page-products .view-content thead,
   .view-page-products .view-content tbody { width: calc(100% - 110px);}
 
   .view-page-news .views-row .ds-1col,
   .view-page-blog .views-row .ds-1col,
   .view-block-noticias-relacionadas .views-row .ds-1col,
   .view-block-historias-relacionadas .views-row .ds-1col,
   .view-eva-stories-and-news .views-row .ds-1col {align-items: flex-start;}
   .view-page-news .views-row .wrapper-text,
   .view-page-blog .views-row .wrapper-text,
   .view-block-noticias-relacionadas .views-row .wrapper-text,
   .view-block-historias-relacionadas .views-row .wrapper-text,
   .view-eva-stories-and-news .views-row .wrapper-text {padding: 0 20px;}
   .view-page-news .views-row .wrapper-text .wrapper .title a,
   .view-page-blog .views-row .wrapper-text .wrapper .title a,
   .view-block-noticias-relacionadas .views-row .wrapper-text .wrapper .title a,
   .view-block-historias-relacionadas .views-row .wrapper-text .wrapper .title a,
   .view-eva-stories-and-news .views-row .wrapper-text .wrapper .title a {font-size: 30px;}

   .view-page-stories .views-row .ds-1col .wrapper-text .wrapper .title a {font-size: 30px;}
 
   .view-page-media .views-row {width: 32%;}
   .view-page-media .views-row .image:after {width: 20px; height: 20px; padding: 10px;}
 
     .media-wrapper .wrapper-text {padding:30px 50px;}
 
     .view-ofertes .view-header {float: none; margin-bottom:50px; text-align: center; }
     .view-ofertes .view-filters {max-width: 100%;}
 
     .bundle-governance .view-eva-governance .views-row {width: 32%;}
     .bundle-governance .view-eva-governance .views-row .wrapper-image img {max-width: 150px;}
 
     .bundle-historia {margin:0;}
     .bundle-historia .view-eva-milestone:before {top:71px;}
     .bundle-historia .view-eva-milestone .views-row:before {width: 40px; height: 14px; background-size: cover!important; top: 65px;}
     .bundle-historia .view-eva-milestone .views-row {padding: 0 0 0 50px;}
     .bundle-historia .view-eva-milestone .views-row-even {padding: 0 50px 0 0;}
     .bundle-historia .view-eva-milestone .views-row .any {font-size: 75px; line-height: 75px; margin-top: -30px;}
 
     .view-area-products .views-row h3 {font-size: 25px; margin-bottom: 15px;}
     .view-area-products .views-row:after {margin:15px 0 30px;}
 
     .wrapper-features-product .wrapper-tabs .bundle-title-text {margin-bottom: 50px;}
     .wrapper-features-product .wrapper-tabs .bundle-links .item .text {font-size: 18px;}
 
     .bundle-contact .wrapper-link {width: 30%;}
   .bundle-contact .wrapper-info {width: 70%;}
   .bundle-contact .wrapper-info .bundle-title-text-link {padding-left: 30px;}
   .bundle-contact .wrapper-info .bundle-title-text-link h2 {font-size: 30px; line-height: 35px;}
 
   #pre-footer .group-bean-form-cta-group-form .field-name-field-formulario,
   #pre-footer .group-bean-form-cta-group-form .field-name-field-form-contacto,
   #pre-footer .group-bean-form-cta-group-form .field-name-field-formulario .entityform {width: 100%; float: none; display: inline-block;}
 
   #pre-footer .group-bean-form-cta-group-form .field-name-field-form-contacto {margin-top: 30px;}
 
   .page-stories .views-row .ds-1col .wrapper-text {padding: 20px calc(30% + 20px) 20px 20px;}

   .view-page-animal-nutrition .view-content {margin: 50px 0;}
   .view-page-animal-nutrition .view-content .views-row {width: 100%; margin: 0 0 10px;}
   .node-type-capsula .wrapper-title .wrapper-text { padding: 30px;}

   .paragraphs-item-stay-tuned .wrapper-text .wrapper-title {max-width: calc(100% - 320px)}
   .paragraphs-item-stay-tuned .wrapper-text {padding: 70px 0;}
   .paragraphs-item-stay-tuned .wrapper-text .social ul li {margin: 0 5px;}
   .paragraphs-item-stay-tuned .wrapper-text .social ul li a { width: 70px;height: 70px; font-size: 28px;}

   .paragraphs-item-grupo-imagen-texto .bundle-title-text-link .container {align-items: flex-start;}
   .paragraphs-item-grupo-imagen-texto .bundle-title-text-link .group-float-der {padding: 0 20px;}

 
 
   footer .top h3,
   footer .top .right .xarxes {margin-bottom: 30px;}
 
 }
 
 @media screen and (max-width:750px){
  h1 {
        margin: 0 0 20px 0;
  }
    .container,
    .container-mini,
    .page-search #block-system-main > .content,
    .db-breadcrumb,
    header .menu-destacats #block-menu-menu-areas-menu  {width:100%;}

    header .menu-destacats {bottom: -65px;}
    header .menu-destacats ul {height: 130px;}
    header .menu-destacats ul li a {font-size: 20px; line-height: 24px; padding: 10px 15px 35px;}
    header .menu-destacats ul li a:after {left: 15px;}

    .front header .top .logo a,
    header .top .logo a { width: 200px;}
    header .container {padding: 10px 15px;}
    .wrapper-navigation .ico-menu-mobil {top: 20px;}
 
   .front .paragraphs-item-title-text-video {padding-top: 100px;}
   .intro-page p,
   .bundle-title-subtitle-text-link .text p {font-size: 20px; line-height: 30px;}

   .paragraphs-item-title-text-video {padding: 40px 0;}

   .paragraphs-item-cifras-icon {padding: 0; margin-top: 90px;}
   .paragraphs-item-cifras-icon .wrapper-cifras {flex-wrap:wrap;}
   .paragraphs-item-cifras-icon .wrapper-cifras .item { width: calc(50% - 40px); margin:-50px 20px 70px;}
   .paragraphs-item-cifras-icon .wrapper-cifras .item .icon { position: relative; left: inherit; top: inherit; margin-bottom: 20px;}

   .paragraphs-item-comunicacon-home {margin: 30px 0;}
   .grid01 .views-row .ds-1col .wrapper-video,
   .grid01 .views-row .ds-1col .wrapper-image {margin-bottom: 20px;}
   .grid01 .views-row .ds-1col .group-wrapper-text {padding:0px;}
 
   .bundle-stroies-news .view-content .views-row:not(.views-row-first) .wrapper-text {min-height: 0px;}
 
   .view.tabla100pc .view-content {overflow-x: scroll; padding-top: 50px;}
   .view-buscador-ofertas-trabajo .views-exposed-widget label,
   .view-buscador-ofertas-trabajo .views-exposed-widget .views-widget,
   .view-buscador-ofertas-trabajo .form-item > div {margin: 5px 0px; display: inline-block; width: 100%;}
   .view-buscador-ofertas-trabajo .views-exposed-form .views-exposed-widget {float: none;}
   .view-filters .views-exposed-widget:not(.views-widget-inicial) .views-widget {width: 100%; padding: 10px;}
 
   .view.special-filter .view-filters #edit-title-wrapper .views-widget,
   .view.special-filter .view-filters .views-exposed-widget:not(.views-widget-inicial) .views-widget {width: 100%; margin: 0px; position: relative;}
 
   body.page-node-931 .paragraphs-item-cta a,
   body.page-node-982 .paragraphs-item-cta a {float: none;}
 
   /* .bundle-highlight-links03 .wrapper-quote p:before,
   .bundle-highlight-links03 .wrapper-quote p:after {position: absolute;}
   .bundle-highlight-links03 .wrapper-quote p:before {top:-38px; left: 0;}
   .bundle-highlight-links03 .wrapper-quote p:after {bottom:-44px; right: 0;} */
 
   .bundle-highlight-links03 .wrapper-quote {margin: 40px 0px;}
 
   .views-products-custom-filter ul.level-2 {display: inline-block; width: 100%;}
   .views-products-custom-filter ul.level-2 > li.filter-label {cursor: pointer;}
   .views-products-custom-filter ul.level-2 > li:not(.filter-label) {display: list-item; width: 100%; position: relative; padding: 28px 0px;}
   .views-products-custom-filter ul.level-2 > li:not(.filter-label):hover {background-color: #005880;}
   .grup-fills.tid-34 .grup-opcions, .grup-fills .grup-opcions {display: inline-block; width: 100%;}
   .grup-fills.tid-34 .grup-opcions .opcio-titol, .grup-fills .grup-opcions .opcio-titol {margin: 15px 0px;}
   .views-products-custom-filter ul.level-2 > li:hover .grup-fills,
   .grup-fills {top: auto; left: auto; position: relative; padding: 10px; margin-top: 25px;}
   .views-products-custom-filter ul.level-2 > li:hover .grup-fills {display: none;}
   .views-products-custom-filter ul.level-2 > li {text-align: left;}
   .views-products-custom-filter ul.level-2 > li i {position: absolute; right: 0px; top:15px; height: 50px; width: 50px; cursor: pointer; display: flex; justify-content: center; align-items: center;}
   .views-products-custom-filter ul.level-2 > li > span {padding-left: 10px;}
   .views-products-custom-filter ul.level-2 > li:hover {background-color: #f2f2f2; cursor: inherit;}
   .views-products-custom-filter ul.level-2 > li:hover .grup-fills
 
   #block-search-form .content form .form-actions input {height: 56px; width: 56px;}
   #block-search-form .content form .form-item input {font-size: 20px;}
   #block-search-form .content form .form-item input::-webkit-input-placeholder {font-size:20px;font-family: 'Barlow', sans-serif; font-weight: 200; color:#fff;}
   #block-search-form .content form .form-item input::-moz-placeholder {font-size:20px;font-family: 'Barlow', sans-serif; font-weight: 200; color:#fff;}
   #block-search-form .content form .form-item input:-ms-input-placeholder {font-size:20px;font-family: 'Barlow', sans-serif; font-weight: 200; color:#fff;}
   #block-search-form .content form .form-item input:-moz-placeholder {font-size:20px;font-family: 'Barlow', sans-serif; font-weight: 200; color:#fff;}
   #block-search-form .content form .form-item input:-webkit-autofill {background: transparent;}
 
   .view.special-filter .view-filters #edit-title-wrapper,
   .view.special-filter .view-filters #edit-field-title-value-wrapper .views-widget,
   .view.special-filter .view-filters .views-exposed-widget:not(.views-widget-inicial):not(.views-submit-button) {width: 100%; padding: 0px; margin: 10px 0px; display: inline-block; position: relative;}
 
   .node-type-noticia .wrapper-basic-info .share,
   .node-type-historia .wrapper-basic-info .share {float: none; vertical-align: middle; display: inline-block;}
 
   .node-type-noticia .wrapper-basic-info .categorias,
   .node-type-historia .wrapper-basic-info .categorias,
   .node-type-blog .wrapper-basic-info .categorias {margin-right: 40px;}
 
   .wrapper-distribuidora .menu-nodes-fills .view-menu-paginas-hijas,
   .item-link {padding-right: 15px;}
 
   .intro-page {margin:30px 0 40px;}
 
   .bundle-xifres .list .item {width: 50%;}
 
   .bundle-xifres,
   .bundle-title-subtitle-text-link,
   .bundle-highlight-links02,
   .bundle-highlight-links03 {margin:40px 0;}
 
   .bundle-highlight-links02 .wrapper-columns {margin:30px 0;}
   .bundle-highlight-links02 .wrapper-links {margin:0;}
 
   .view-page-products .view-content thead, .view-page-products .view-content tbody {width: 100%;}
   .view-filters #edit-inicial-wrapper .form-item > div a {margin:0; font-size: 15pt; padding: 5px;}
   .wrapper-eva-products .view-products .view-content .wrapper {margin-bottom: 20px;}
   .view-filters #edit-inicial-wrapper {margin:30px 0;}
   .wrapper-eva-products .view-products .view-filters #abecedari .form-item { width: 6%;}
   .view-page-products .view-content table {margin:20px 0;}

   .view-embed-intro-lista p {font-size: 20px; line-height: 28px;}

   .view-page-news .view-content,
   .view-page-blog .view-content,
   .view-block-noticias-relacionadas .view-content,
   .view-block-historias-relacionadas .view-content,
   .view-eva-stories-and-news .view-content {margin:20px 0;}
   .view-page-news .views-row .ds-1col,
   .view-page-blog .views-row .ds-1col,
   .view-block-noticias-relacionadas .views-row .ds-1col,
   .view-block-historias-relacionadas .views-row .ds-1col,
   .view-eva-stories-and-news .views-row .ds-1col { display: block;}
   .view-page-news .views-row .wrapper-image,
   .view-page-blog .views-row .wrapper-image,
   .view-block-noticias-relacionadas .views-row .wrapper-image,
   .view-block-historias-relacionadas .views-row .wrapper-image,
   .view-eva-stories-and-news .views-row .wrapper-image {width: 100%; margin-bottom: 20px;}
   .view-page-news .views-row .wrapper-text,
   .view-page-blog .views-row .wrapper-text,
   .view-block-noticias-relacionadas .views-row .wrapper-text,
   .view-block-historias-relacionadas .views-row .wrapper-text,
   .view-eva-stories-and-news .views-row .wrapper-text {width: 100%; padding:0;}

    .view-page-stories .view-content {margin: 20px 0;}
   .view-page-stories .views-row .ds-1col { display: block;}
   .view-page-stories .views-row .ds-1col .wrapper-text {width: 100%; padding:0; margin-bottom: 20px;}
   .view-page-stories .views-row .ds-1col .box-video {min-height: 0; height: 400px; width: 100%;  }
   .view-page-stories .views-row .ds-1col .box-video .image-video {height:400px;}
   .box-video .video-container iframe {height: inherit;}
 
     .media-wrapper .wrapper-text {padding: 0 0 30px 0}
     .media-wrapper .wrapper-text h1 {margin:0 0 20px;}
     .media-wrapper .info {font-size: 15px;}
     .media-wrapper .info .right {width: 160px;}
     .media-wrapper .info .right .share p {display: none;}
     .media-wrapper .info .left {    width: calc(100% - 165px);}
     .media-wrapper .info .data,
     .media-wrapper .info .categoria,
     .media-wrapper .info .left .download {margin-right: 10px;}
 
 
     .view-ofertes .view-filters label {display: block; margin-bottom: 20px;}
     .view-ofertes .view-filters .views-widget .form-item:nth-child(1) a {padding-left:0;}
     .view-ofertes .view-content {margin:30px 0;}
 
     .bundle-governance .view-eva-governance .views-row {width: 49%;}
 
     .bundle-historia .view-eva-milestone .views-row {margin-bottom: 50px;}
     .bundle-historia .view-eva-milestone .views-row .text p {font-size: 18px; line-height: 26px;}
     .bundle-historia .view-eva-milestone .views-row:before {top:20px; }
     .bundle-historia .view-eva-milestone:before { top: 27px;height: calc(100% - 490px);}
     .bundle-historia .view-eva-milestone .views-row:before { width: 30px; height: 11px}
     .bundle-historia .view-eva-milestone .views-row-even:before {right: -6px;}
     .bundle-historia .view-eva-milestone .views-row { padding: 0 0 0 40px;}
     .bundle-historia .view-eva-milestone .views-row-even { padding: 0 40px 0 0;}
     .bundle-historia .view-eva-milestone .views-row .any {font-size: 60px; line-height: 65px; margin-top: -25px;}
 
     .view-area-products .views-row {width: 32%; margin-bottom: 20px;}
 
     .wrapper-info-product,
     .wrapper-info-product .wrapper-info h1 {text-align: center;}
     .wrapper-info-product .wrapper-image,
     .wrapper-info-product .wrapper-info,
     .wrapper-features-product .wrapper-menu-tabs,
     .wrapper-features-product .wrapper-tabs {width: 100%;}
     .wrapper-features-product .wrapper-menu-tabs {font-size: 0; padding: 0;}
     .wrapper-features-product .wrapper-menu-tabs .wrapper-menu {display: flex; flex-wrap: wrap; justify-content: center;}
     .wrapper-features-product .wrapper-menu-tabs .title-tabs {flex: 1; font-size: 16px; min-height: 90px; border-right: 1px solid #fff;display: flex; align-items: center; justify-content: center;}
     .wrapper-features-product .wrapper-tabs {padding-top: 40px;}
     .wrapper-features-product .wrapper-menu-tabs .title-tabs.active:after,
     .wrapper-features-product .wrapper-menu-tabs .title-tabs:hover:after {content:none;}
 
     .wrapper-other-products .view-area-products .views-row {width: 49%;}
 
     .bundle-contact .wrapper-link,
   .bundle-contact .wrapper-info {width: 100%;}
   .bundle-contact .wrapper-info .bundle-title-text-link {padding-left: 0; padding-right: 30px;}
   .bundle-contact .wrapper-link {margin-bottom: 40px;}
 
   .wrapper-form .webform-client-form {width: 100%;}
 
   .bundle-documents .wrapper-documents {column-count: 1;}
   .entityform { width: auto; }
 
   .bundle-title-text-link .group-float-izq {float: none; width: 100%; margin-bottom: 10px;}
   .bundle-title-text-link .group-float-izq img {width: 100%;}
   .bundle-title-text-link .group-float-der {float: none; width: 100%; padding-left: 0;}
 
   .entityform #edit-field-ref-formacion tbody td .form-wrapper {
     width: 100%;
     margin-bottom: 5px;
     margin-right: 0;
   }
   .date-no-float {
     width: 100%;
   }
   .entityform .container-inline-date .form-item {width: 100%; margin-bottom: 5px;}
   .entityform .container-inline-date .form-item .form-item {
     min-width: 33.3%;
   }
   .entityform .container-inline-date .date-padding {
     width: 100%;
     margin-bottom: 5px;
   }
   .entityform #edit-field-ref-formacion tbody td .form-wrapper.field-type-date {
     width: 100%;
   }

   .bundle-title-text-link .img-mobile { display: block;}
   .bundle-title-text-link .img-desktop { display: none;}
   .page-node-937 .bundle-highlight-links .wrapper .item-link,
   .page-node-29 .bundle-highlight-links .wrapper .item-link {margin-bottom: 20px; padding: 0 15px 40px; }
   .paragraphs-item-banner .title {font-size: 30px; line-height: 35px;padding: 30px 20px; justify-content: flex-start;}
   .paragraphs-item-banner .wrapper-text { padding: 20px;}
   .paragraphs-item-banner .wrapper-text p {font-size: 18px;line-height: 27px;}
   .node-type-capsula .wrapper-title .wrapper-text {align-items: flex-start;}
   .node-type-capsula .wrapper-title .wrapper-text .wrapper-info {padding-left: 20px; width: calc(100% - 100px);}
   .node-type-capsula .wrapper-title .wrapper-text .number {font-size: 100px; width: 100px;}

   .paragraphs-item-grupo-imagen-texto .bundle-title-text-link .container {display: block;}
   .paragraphs-item-grupo-imagen-texto .bundle-title-text-link .group-float-izq {width: 100%; margin-bottom: 20px;}
   .paragraphs-item-grupo-imagen-texto .bundle-title-text-link .group-float-der {width: 100%; padding: 0;}
   .paragraphs-item-grupo-imagen-texto .bundle-title-text-link .group-float-der h2 {font-size: 30px; margin-bottom: 20px;}

   .paragraphs-item-stay-tuned {margin-top: 20px;}

    .grid01 .views-row .ds-1col {display: block;}
   .grid01 .views-row .ds-1col .wrapper-image {width: 100%;}
   .grid01 .views-row .ds-1col .wrapper-video {width: 100%;}
   .grid01 .views-row .ds-1col .group-wrapper-text {width: 100%;}

   footer .top h3 {margin-top:0;}

   #sliding-popup .popup-content {
    max-width: 100%;
    padding:5px 10px;
  }

  #sliding-popup .popup-content #popup-text p {
    font-size: 12px;
    line-height: 16px;
    display: inline-block;
    margin:0;
  }
  #sliding-popup .eu-cookie-compliance-more-button {
    font-size: 12px;
    line-height: 16px;
  }
  #sliding-popup .eu-cookie-compliance-default-button, 
  #sliding-popup .open-preferences {
        padding: 2px 10px;
        font-size: 11px;
        margin-right: 4px;
  } 
  #sliding-popup .popup-content #popup-buttons {
    margin:0;
  }
  #sliding-popup .eu-cookie-compliance-categories .eu-cookie-compliance-category {
    padding: 10px 20px;
  }
  #sliding-popup .eu-cookie-compliance-category-description {
    font-size: 14px;
  }
  #sliding-popup .eu-cookie-compliance-categories label {
    font-size: 16px;
  }
  #sliding-popup .eu-cookie-compliance-categories {
    padding:20px;
  }
  #sliding-popup .eu-cookie-compliance-save-preferences-button {
    margin-top: 0;
    padding: 15px 50px 15px 20px;
    font-size: 16px;
  }

}


@media screen and (max-width:600px){
   .page-node-937 .bundle-highlight-links .wrapper,
   .page-node-29 .bundle-highlight-links .wrapper {display: block; margin-top: 20px;}
   .page-node-937 .bundle-highlight-links .wrapper .item-link,
   .page-node-29 .bundle-highlight-links .wrapper .item-link {width: 100%; padding: 0 0px 40px;}
   .page-node-937 .bundle-title-text-link.center,
   .page-node-29 .bundle-title-text-link.center {margin: 30px 0;}
   .page-node-937 .bundle-title-text-link.center h2,
   .page-node-29 .bundle-title-text-link.center h2 {font-size: 30px; line-height: 38px;}
   .bundle-title-text-link.gray h2 {font-size: 30px; line-height: 38px; }
   .paragraphs-item-stay-tuned .wrapper-text h2 {text-align: center;}
   .paragraphs-item-stay-tuned .wrapper-text {padding: 50px 0;}
   .paragraphs-item-stay-tuned .wrapper-text .container {display: block;}
   .paragraphs-item-stay-tuned .wrapper-text .wrapper-title {width: 100%; max-width: 100%; margin-bottom: 20px; padding-right: 0;    text-align: center;}
   .paragraphs-item-stay-tuned .wrapper-text .social ul {justify-content: center;}


   @-webkit-keyframes zoom {
     from {-webkit-transform: scale(1); transform: scale(1);}
     to {-webkit-transform: scale(1.2); transform: scale(1.2);}
   }
   @keyframes zoom {
     from {-webkit-transform: scale(1); transform: scale(1);}
     to {-webkit-transform: scale(1.2); transform: scale(1.2);}
   }
 

}

@media screen and (max-width:550px){
   body {background: none;}
   h1 {font-size: 40px;}
   h2 {font-size: 30px; line-height: 35px; margin: 0 0 20px 0;}
   h3,
   .item-link h3,
   .bundle-highlight-links02 .wrapper-columns .column-right .title,
   .bundle-highlight-links02 .wrapper-links .item-link  h3 {font-size: 30px;}
   p, li {font-size: 18px;}
   .generic-link {font-size: 16px; padding:15px 20px;}
   .db-breadcrumb {padding:10px 15px;}

   .box-video .image-video:before {height: 60px; width: 60px;top: calc(50% - 30px);left: calc(50% - 30px);}

   header .menu-destacats {bottom: -50px;}
   header .menu-destacats ul {height: 100px;}
   header .menu-destacats ul li a { font-size: 18px; line-height: 22px; text-align: center; padding: 10px 15px 30px;}
   header .menu-destacats ul li a:after {left: calc(50% - 30px);}
 
   header > .top {padding:15px;}
   .wrapper-navigation .ico-menu-mobil {right: 15px;}
   header .top .wrapper-navigation .navigation .menu-sites ul li ul li {width: 100%;}
   header .top .wrapper-navigation .navigation .menu-sites ul li ul {padding: 20px;}

   .intro-page { margin: 20px 0;}
 
   .bundle-slide-home .wrapper-text .text {padding:100px 15px;}
   .bundle-slide-home .wrapper-text .text p {max-width: 100%; font-size: 30px; line-height: 35px;}
   .bundle-slide-home .field-name-field-caption {right:8px; font-size: 10pt; top: inherit; bottom: 60px;}
   .bundle-slide-home .last-slide .background-image {-moz-animation: zoom 15s; -webkit-animation: zoom 15s; animation: zoom 15s;}

   .front header,
   .bundle-slide-home .background-image,
   .bundle-slide-home .wrapper-text {max-height: 450px;}

   .front header.open {max-height: 100%;}

   .paragraphs-item-title-text-video.two-col .container .wrapper-text h2,
   .front .bundle-title-text-link h2 { font-size: 25px; line-height: 30px;}
 
   .view-page-stories .views-row .ds-1col .box-video {height: 250px;}
   .view-page-stories .views-row .ds-1col .box-video .image-video .background-image {height: 250px;}
   .view-page-stories .views-row .ds-1col .box-video .image-video {height: 250px;}
 
   /* .bundle-highlight-links03 .wrapper-quote p {font-size: 20px; line-height: normal; max-width: calc(100% - 130px);}
   .bundle-highlight-links03 .wrapper-quote .field-item:before,
   .bundle-highlight-links03 .wrapper-quote .field-item:after {transform: scale(0.7);} */
 
   .bundle-xifres .list {display: inline-block;}
   .bundle-xifres .list .item {display: inline-block; width: 100%;}
 
   .bundle-title-text-link {margin:40px 0;}
   .bundle-title-text-link .generic-link {margin-top: 20px;}
   .tab-content .bundle-title-text-link {margin: 20px 0;}
 
   .page-search #edit-basic input[type="submit"],
   .page-search #edit-basic input[type="text"] {font-size: 25px; padding: 10px 15px;}
   .page-search #edit-basic input[type="submit"] {background-size: 20px;}
   .page-search main h2 {font-size: 30px;}
 
   .view-eva-productos-relacionados .view-content { margin:0;}
   .view-eva-productos-relacionados .views-row {width: 100%; max-width: 100%; margin:0 0 30px 0;}
 
   #pre-footer .group-bean-form-cta-group-form .entityform #edit-field-ref-formacion tbody td .form-wrapper,
   #pre-footer .group-bean-form-cta-group-form .entityform .container-inline-date .form-type-date-select .form-item,
   .entityform #edit-field-ref-idiomas tbody td div.field-name-field-form-idioma,
   .entityform #edit-field-ref-idiomas tbody td div.field-name-field-tx-competencia {width: 100%; padding: 0px; margin: 0px;}
   #pre-footer .group-bean-form-cta-group-form .entityform .form-item.form-type-date-select .form-type-select:nth-child(1),
   #pre-footer .group-bean-form-cta-group-form .entityform .form-item.form-type-date-select .form-type-select:nth-child(2),
   #pre-footer .group-bean-form-cta-group-form .entityform .form-item.form-type-date-select .form-type-select:nth-child(3) {padding: 0px;}
 
   .wrapper-distribuidora .menu-nodes-fills,
   .bundle-highlight-links .wrapper {margin-top: 30px;}
 
   .bundle-title-text-link.gray {padding:30px 0;}
   .bundle-title-text.gray {padding:20px 0 30px;}
 
   .grid3cols,
   .bundle-stroies-news,
   .bundle-video {margin:30px 0;}
   .grid3cols h2,
   .bundle-stroies-news h2 {margin:0 0 10px;}
   .grid3cols .view-content .views-row.views-row-first,
   .bundle-stroies-news .view-content .views-row.views-row-first {display: inline-block; width: 100%;}
 
   .bundle-highlight-links02 .wrapper-columns .column-left,
   .bundle-highlight-links02 .wrapper-columns .column-right {width:100%; padding:0;}
   .bundle-highlight-links02 .wrapper-columns .column-right {margin-top:20px;}
   .bundle-highlight-links03 .wrapper-link {margin-top:20px;}
 
     .view-page-products .view-content table tbody td,
   .view-page-products .view-content table tbody td a{font-size: 16px;}
   .view-filters #edit-field-title-value-wrapper,
     .view-filters #edit-title-wrapper {padding-right: 5px;}
   .view-filters .views-exposed-widget  {padding: 0 5px 0 0;}
     .view.special-filter .view-filters .views-exposed-widget:not(.views-widget-inicial) .views-widget {position: inherit; width: 100%; padding: 25px;}
   .view-filters label,
   .view-filters #edit-field-title-value-wrapper label,
     .view-filters #edit-title-wrapper label {padding:10px 20px 10px 10px;}
   .view-filters .views-exposed-widget,
   .view-media .view-filters .views-exposed-widget {width: 100%!important; padding: 0!important; margin-bottom: 10px;}
     .view.special-filter .view-filters #edit-title-wrapper .views-widget,
     .view.special-filter .view-filters #edit-field-title-value-wrapper .views-widget {width: 100%;}
     .top-links a {padding:10px 20px;}
 
   .item-list {margin:20px 0 50px;}
   .item-list ul li.pager-previous {margin-right: 20px;}
   .item-list ul li.pager-next {margin-left: 20px;}
   .item-list ul li a,
   .item-list ul li.pager-current {padding:5px;}
 
   .bundle-stroies-news .view-content .views-row:not(.views-row-first) .wrapper-text {padding: 110px 15px 20px}

   .view-page-media .views-row {width: 49%;}
   .view-page-media .view-content {margin:20px 0;}
     .media-wrapper .info {padding:20px 0;}
     .media-wrapper .info .left {width: 100%;}
     .media-wrapper .info .right {width: 100%; margin-top: 15px;}
     .media-wrapper .info .right .share p {display: inline-block;}
     .view-related-media .views-row {width: 49%;}
 
     .view-ofertes .view-content table tbody td,
     .view-ofertes .view-content table thead th {padding:10px;}
     .view-ofertes .view-filters { background: #f0f0f0; padding: 15px; text-align: center;}
     .view-ofertes .view-filters label {text-transform: uppercase; margin-bottom:10px;}
     .view-ofertes .view-filters .views-widget .form-item {display: block;}
     .view-ofertes .view-filters .views-widget .form-item a,
     .view-ofertes .view-content table tbody td {font-size: 18px;}
 
     .view-area-products .views-row  {width: 49%;}
 
     .wrapper-features-product > .container {padding:0 15px;}
     .wrapper-features-product .ico-mobil-tabs {background: #0064AF; width: calc(100% + 30px); margin-left: -15px; display: inline-block; height: 40px; text-align: center;}
     .wrapper-features-product .ico-mobil-tabs:before {content: "+"; text-align: center; color:#fff; font-size: 45px; line-height: 35px;}
     .wrapper-features-product .ico-mobil-tabs.open:before {content: "-";}
     .wrapper-features-product .wrapper-menu-tabs .wrapper-menu {display: none; margin-left: -15px; width: calc(100% + 30px); }
     .wrapper-features-product .wrapper-menu-tabs .title-tabs {width: 100%; display: inline-block; min-height: inherit; border: none; border-top: 1px solid #fff;}
 
   .page-stories .view-page-stories {margin:30px auto;}
   .page-stories .views-row .ds-1col {display: inline-block; width: 100%;}
   .page-stories .views-row .ds-1col .wrapper-text {padding:15px; display: inline-block; margin-right: 0;}
   .page-stories .views-row .ds-1col .box-video {padding:0; font-size: 0;}
   .page-stories .views-row .ds-1col .box-video .image-video {top:0; height: 100%;}

   .bundle-certifications img {
    max-width: calc(50% - 20px);
    margin:0 10px;
   }

   .paragraphs-item-banner .wrapper {display: block;}
   .paragraphs-item-banner .title {width: 100%;padding: 30px 15px;}
   .paragraphs-item-banner .wrapper-text { width: 100%; padding: 20px 15px;}

   .node-type-capsula .wrapper-title .wrapper-text {display: block; padding: 20px 15px;}
   .node-type-capsula .wrapper-title .wrapper-text .number {width: 100%; font-size: 80px; line-height: 80px;}
   .node-type-capsula .wrapper-title .wrapper-text .wrapper-info {width: 100%; padding-left: 0;}
   .node-type-capsula .wrapper-title .wrapper-text .wrapper-info .back a {font-size: 16px;}
 
   footer .top,
   footer .middle {padding:20px 0;}
   footer .top h3 {font-size: 25px;}
   footer .top .left {width: 100%; margin-bottom:30px;}
   footer .top .right {width: 100%;}
   footer .top .left form {margin-top: 20px;}
   footer .baked_by {text-align: left;}

   #sliding-popup .eu-cookie-compliance-categories {
      padding:20px;
      overflow-y: scroll;
      justify-content: flex-start;
   }
   #sliding-popup .eu-cookie-compliance-save-preferences-button {
    font-size: 15px;
   }
 }
 
 @media screen and (max-width:450px){
 
    h2.line {font-size: 25px; line-height: 30px;}
   .wrapper-distribuidora .menu-nodes-fills .view-menu-paginas-hijas,
   .bundle-highlight-links .item {width: 100%; max-width: 100%; padding-right: 0px;}
   .wrapper-distribuidora,
   .bundle-highlight-links {margin:20px 0;}

   header .menu-destacats ul li a { font-size: 16px; line-height: 20px; max-width: 115px;}

   .paragraphs-item-cifras-icon .wrapper-cifras .item .group-number {font-size: 50px; line-height: 60px;}
 
   .wrapper-distribuidora .menu-nodes-fills,
   .bundle-highlight-links .wrapper {display: inline-block; width: 100%;}
 
   .grid01 .view-content .views-row .title a,
   .view-page-news .views-row .wrapper-text .wrapper .title a,
   .view-page-blog .views-row .wrapper-text .wrapper .title a,
   .page-stories .views-row .ds-1col .wrapper-text .wrapper .title a,
   .view-block-historias-relacionadas .views-row .wrapper-text .wrapper .title a,
   .view-block-noticias-relacionadas .views-row .wrapper-text .wrapper .title a,
   .view-eva-stories-and-news .views-row .wrapper-text .wrapper .title a {font-size: 25px;}
 
   .item-link {width: 100%; max-width: 100%; padding-right: 0;}
 
   .bundle-xifres .list .item {width: 100%; padding:20px 0px;}
 
   .bundle-stroies-news .view-content,
   .grid3cols .view-content {display: inline-block; width: 100%;}
   .grid3cols .view-content .views-row,
   .bundle-stroies-news .view-content .views-row {width: 100%; margin-bottom: 15px;}
   .grid3cols .view-content .views-row-first .wrapper-text,
   .bundle-stroies-news .view-content .views-row-first .wrapper-text {padding:15px; margin:0;}
   .grid3cols .view-content .views-row:not(.views-row-first) .wrapper-text,
   .bundle-stroies-news .view-content .views-row:not(.views-row-first) .wrapper-text {padding:110px 15px 15px;}
   .grid3cols .view-content .views-row.no-image .wrapper-text,
   .bundle-stroies-news .view-content .views-row.no-image .wrapper-text {padding:15px;}
 
   .bundle-highlight-links03 .wrapper-quote p {font-size: 30px; line-height: 35px;}
 
   .view-ofertes .view-content table {display: inline-block; overflow-x: scroll;}
 
   .bundle-governance .view-eva-governance .views-row { width: 100%; margin-bottom: 10px; text-align: center;}
 
   .bundle-historia  .view-eva-milestone:before {left: 0; height: 100%;}
   .bundle-historia .view-eva-milestone .views-row,
   .bundle-historia .view-eva-milestone .views-row-even {float: none; width: 100%; padding: 0 0 0 40px;}
   .bundle-historia .view-eva-milestone .views-row:nth-child(2) {margin-top:0;}
   .bundle-historia .view-eva-milestone .views-row-even:before {right: inherit;left: 0;}
 
   .view-area-products .views-row {width: 100%; margin-bottom: 0;}
   .view-area-products .views-row h3 {text-align: center;}
 
   .wrapper-other-products .view-area-products .views-row {width: 100%;}
 
   .bundle-contact .wrapper-info .bundle-title-text-link {width: 100%; padding-right: 0; margin-bottom:20px;}
   .bundle-contact .wrapper-info .bundle-title-text-link .generic-link {margin-top: 10px;}

   .page-node-2040 .item-link, 
   .page-node-2041 .item-link {
        width: 100%;
        max-width: 100%;
        padding-right: 0px;
    }

    .view-page-animal-nutrition .view-content .views-row {padding-left: 50px;}
    .view-page-animal-nutrition .view-content .views-row .node-teaser {padding: 15px;}
    .view-page-animal-nutrition .view-content .views-row .wrapper-image {width: 100px; margin-left: -65px;}
    .view-page-animal-nutrition .view-content .views-row .wrapper-text {width: calc(100% - 40px); padding-left: 15px;}

    .paragraphs-item-stay-tuned .wrapper-text .social ul li { margin: 0 10px 0 0;}
    .paragraphs-item-stay-tuned .wrapper-text .social ul li a { width: 60px; height: 60px; font-size: 25px;}
 
 }
 
 .background-image {height:400px;}
 
 @media screen and (max-width:600px){
   .background-image{height:200px;}
 }
 /*special breakpoint if desktop but low height*/
 /*@media screen and (min-width:900px) and (max-height:700px){
   header .top .wrapper-navigation .navigation #main-menu ul li.expanded > ul{
     top:80px;
   }
   header .top .wrapper-navigation .navigation #main-menu ul li.expanded ul li ul{
     top:78px;
   }
 }*/
 
 @media screen and (max-width:1200px){
   header .top .wrapper-navigation .navigation .menu-sites {
     margin-right: 10px;
   }
 }
 
 @media screen and (max-width:1040px){
   .wrapper-title-page.image {
     margin-top:0;
   }
 }
 
 
 
 @media screen and (min-width:950px){
   [data-scroll="true"] .arrow-tables{
     display:none;
   }
 }
 
 [data-scroll="true"] {position:relative;}
 [data-scroll="true"] .arrow-tables {position:absolute; right:20px; top:-20px;}
 [data-scroll="true"] .arrow-tables p{margin:0; padding:0; color:#0064AF;}
 
 [data-scroll="true"] .arrow-tables i{
 
   -webkit-animation: bounceRight 2s infinite;
   animation: bounceRight 2s infinite;
   float:right;
   color:#0064AF;
   font-size:40px;
   font-weight:lighter;
   -webkit-text-stroke: 1px white;
   line-height:20px;
 }
 
 /* / right bounce / */
 @-webkit-keyframes bounceRight {
   0%,
   20%,
   50%,
   80%,
   100% {
     -webkit-transform: translateX(0);
     transform: translateX(0);
   }
   40% {
     -webkit-transform: translateX(-30px);
     transform: translateX(-30px);
   }
   60% {
     -webkit-transform: translateX(-15px);
     transform: translateX(-15px);
   }
 }
 @-moz-keyframes bounceRight {
   0%,
   20%,
   50%,
   80%,
   100% {
     transform: translateX(0);
   }
   40% {
     transform: translateX(-30px);
   }
   60% {
     transform: translateX(-15px);
   }
 }
 @keyframes bounceRight {
   0%,
   20%,
   50%,
   80%,
   100% {
     -ms-transform: translateX(0);
     transform: translateX(0);
   }
   40% {
     -ms-transform: translateX(-30px);
     transform: translateX(-30px);
   }
   60% {
     -ms-transform: translateX(-15px);
     transform: translateX(-15px);
   }
 }