.home .container ,
#header .container {
max-width:1312px !important;
padding:0 0 10px 0;
}      div[class*='col'] {
box-sizing: border-box;
float:left;
padding:10px;
}
.row {
width: 100%;
display: inline-block;
}
.col1 {
width:8.33%;
}
.col2 {
width:16.66%;
}
.col3 {
width:25%;
}
.col4 {
width:33.33%;
}
.col5 {
width:41.66%;
}
.col6 {
width:50%;
}
.col7 {
width:58.33%;
}
.col8 {
width:66.66%;
}
.col9 {
width:75%;
}
.col10 {
width:83.33%;
}
.col11 {
width:91.66%;
}
.col12 {
width:100%;
} @media only screen and (min-width: 1301px) {
.home .container,
#header .container,
#main-menu .container {
width:1440px;
margin:0 auto; }
}
@media only screen and (max-width: 1024px) {                            }   @media only screen and (min-width: 769px) and (max-width: 1023px) {
.home .container,
#header  .container,
#main-menu .container {
width:auto;
margin:0 auto; }
}      @media only screen and (device-width:768px){
.home .container,
#header  .container,
#main-menu .container {
width:720px;
margin:0 auto; }
}      @media only screen and (max-width: 767px) {
.home .container,
#header .container,
#main-menu .container {
width: 95%;  }
div[class*='col'] {
width:100%;
}
}    #main-menu {
display: block;
margin-top: 20px;
margin-bottom: 40px;
visibility: visible; }
#main-menu .sn-perspectives a.perspectives {
font-family: Nexa;
font-size: 14px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #ffffff;
}
#main-menu .sn-perspectives a.perspectives span {
margin-left: -15px;
}
#main-menu .sn-perspectives {
list-style: none;
position: absolute;
width: 240px;
height: 25px;
top: 0;
right: 77px;
margin: 0;
padding-left: 13px;
padding-top: 7px;
}
#main-menu .sn-perspectives li:before {
content: '';
position: absolute;
top: 0;
left: 0px;
width: 235px;
height: 32px;
border-radius: 4px;
display: block;
background: #98356f;
z-index: -1;
padding: 12px 3px 12px 3px;
}
#main-menu .sn-perspectives a.perspectives:hover,
#main-menu .sn-perspectives a.perspectives:active,
#main-menu .sn-perspectives a.perspectives:link,
#main-menu .sn-perspectives a.perspectives:visited {
color: #fff;
text-decoration: none;
}
#main-menu .sn-perspectives li {
display: block;
float: left;
height: 25px;
width: 100%;
text-align: center;
}
#main-menu #search {
right: 400px;
}
#main-menu .sn {
right: 340px;
}
#main-menu .lang {
left: auto;
right: 0px;
}
body.menu-open #top-menu, body.menu-open #main-menu {
visibility: visible;
} ul#menu-lang{
top:0;
width:50px;
height:20px;
margin:0;
padding:0 10px; color:#ccc;
right: 0px;
position: absolute;
z-index: 99999;
}
ul#menu-lang > li{
float:left;
list-style-type:none;
position:relative;
}
#menu-lang label{
position:relative;
display:block;
padding:0px;
line-height:20px;
transition:background 0.3s;
cursor:pointer;
margin-bottom: 0px;
}
#menu-lang label:after{
content:"";
position:absolute;
display:block;
top:3px;
right:5px;
left: 30px;
width:11px;
height:11px;
background: url(//ced.cat/wp-content/themes/ced2015/img/menu-lang-ico.png);
transition:border-bottom .1s, border-top .1s .1s;
}
#menu-lang label:hover,
#menu-lang input:checked ~ label{ font-weight: 600;
}
#menu-lang input:checked ~ label:after{
content:"";
position:absolute;
display:block;
top:3px;
right:0px;
width:11px;
height:11px;
left: 30px;
background: url(//ced.cat/wp-content/themes/ced2015/img/menu-lang-ico-on.png); -webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
} #menu-lang input{
display:none
} #menu-lang input:checked ~ ul.submenu{
max-height:300px;
transition:max-height 0.5s ease-in;
} #menu-lang ul.submenu{
max-height:0;
padding:0;
overflow:hidden;
list-style-type:none;  color: #ddd;
transition:max-height 0.5s ease-out;
position:absolute;
min-width: 30px;
}
#menu-lang ul.submenu li:first-child a{
border-top: 1px solid #ddd;
}
#menu-lang ul.submenu li a{
display:block;
padding:0px;
color:#ddd;
text-decoration:none; transition:background .3s;
white-space:nowrap;
}
#menu-lang ul.submenu li a:hover{ border-bottom: 1px solid #ccc;
}  #header {
top: -7px;
position: relative;
background: transparent;
z-index: auto;
}
#header #brand {
float: left;
z-index: 100000;
}
#header #brand, #header #brand>a {
margin-right: 130px;
}
#main-menu #menu-container {
position: relative;
top: -40px;
background: #fff; }
#main-menu #menu-container>.container {
padding-bottom: 0;
}
.submenu-open #main-menu #menu-container {
background: #f2f2f2;
}
.logo-hr-excellence {
background: transparent;
margin-top: 0px;
margin-left: -225px;
}
#menu > li > a, #menu > li > span {
font-size: 16px !important;
padding: 5px 0;
}
#menu > li.open > a, #menu > li.open > span { } #menu > li.sobre-el-ced.open > a {
color: #7acdca;
border-bottom: 2px solid #7acdca;
}
#menu > li.research.open > a {
color: #40315A;
border-bottom: 2px solid #40315A;
}
#menu > li.studies.formacio.open > a {
color: #226679;
border-bottom: 2px solid #226679;
}
#menu > li.difusion.open > a {
color: #e28353;
border-bottom: 2px solid #e28353;
}
#menu > li.infrastructures.open > a {
color: #98356E;
border-bottom: 2px solid #98356E;
}
#menu > li.news.open > a {
color: #6e6e6e;
border-bottom: 2px solid #6e6e6e;
}   #main.home #home-slider {
display: block;
height: 280px;
margin-bottom: 20px;
margin-top: -43px
}
#main.home #home-slider .carousel-indicators {
position: absolute;
margin-left: auto;
margin-right: auto;
width: auto;
text-align: center;
bottom: 0px;
left: 0;
right: 0;
}  .section-slider-areas {
display: flex;
background: #ccc;  height: 340px;
}
.slider-img-areas {
padding: 0px !important;
}
.slider-areas {
list-style: none;
text-align: left;
padding-top: 10px;
padding-right: 45px;
}
.slider-areas li {
font-size: 17px;
text-transform: uppercase;
padding: 10px 0px;
line-height: normal;
}
.slider-areas li:not(:last-child) {
border-bottom: 1px solid #979797;
}
.slider-areas li:last-child {
border-top: 2px solid #979797;
}
.slider-areas li a {
font-family: 'Nexa';
color: #4A4A4A;
}
.slider-img-areas {  z-index: 1;
overflow: hidden;
}
.slider-img-areas #bg-image {
width: 100%;
height: 100%;
}
.slider-areas li a.active {
text-decoration: none;
font-weight: 700;
}
#areas-tags {
position: relative;
color: #fff;
top: -340px;
height: 100%;
width: 100%; }
#area-tags-content {
font-family: 'Nexa';
font-weight: 700;
position: absolute;
bottom: 0px;
right: 0px;
width: 70%;
text-align: right;
padding: 20px;
font-size:18px;
} .titulo {
font-family: 'Nexa';
font-weight: 700;
font-size: 24px;
text-align: left;
line-height: 29px;
margin:20px 0px;
text-transform: uppercase;
} .purple {
color: #40315A;
}
.orange {
color: #e28353;
}
.blue {
color: #226679;
}
.gray {
color: #6e6e6e;
}
.green {
color: #99d5d1;
}
.dark-green {
color: #7ebbba;
}  .italic {
font-style: italic;
}
.bold {
font-weight: 700;
} .underline {
border-bottom: 2px solid;
}
.center {
text-align: center;
} .home-studies-course {
width: 100%;
text-align: left;
}
.home-studies-doctorat {
width: 100%;
text-align: left;
}  .home-researcher {
margin-top: 30px;
} .home-researcher > div {
margin-top: 20px;
padding: 0px;
}
.home-researcher > div > a {
background: #000;
display: block;
}
.home-researcher > div > a > img {  }
div.home-researcher-name {
margin-top: 30px;
font-size:14px;
background:#EFEFEF;
margin-right: 10px;
}
.home-researcher > div > a > img:hover {  }
.home-researcher > div > a:hover > img {  }
.container-home-researcher {
background: #EFEFEF;
}
.container-home-researcher .home-researcher a {
color: #333333;
font-size: 14px;
}
.container-home-researcher .home-researcher-description a {
color: #6EC3BE;
}    .ced-2016 {
margin-right: 10px;
}
.copy span:first-child:after {
position: absolute;
content: '/';
margin-left: 5px;
margin-right: 10px;
}
.copy > div.container > a.legal {
margin-right: 4px;
}
.copy > div.container > a.legal:after {   }  section.container.home-news {
margin: 40px auto;
}
.home-news-border-top {
border-top: 5px solid;
border-right: 5px solid transparent;
color: #6e6e6e;
}
.home-news .titulo { }
.home-news .row.home-news-single {
margin-bottom: 0px;
}
.home-news .home-news-single div h5,
.home-news .home-news-single div time {
text-align: left;
display: block;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 15px;
line-height: 24px;
}
.home-news .home-news-single div time {
font-weight: 700;
}
.home-news .home-news-single .home-news-single-img {
padding-left: 0px;
} .home-seminars-border-top {
border-top: 5px solid;
border-right: 5px solid transparent;
color: #e28353;
}
.home-seminars .em-calendar thead {
}
.home-seminars .em-calendar thead tr th:last-child {
text-align: right;
}
.home-seminars .em-calendar thead tr th:nth-child(2){
text-align: center;
}
.home-seminars .em-calendar thead tr th {
padding-bottom: 10px;
}
.home-seminars .em-calendar thead tr th a {
color: #e28353;
}
.events-loading {
position: absolute;
width: 30px;
height: 30px;
background: url(//ced.cat/wp-content/themes/ced2015/img/loading.gif) 30px / 30px;
left: calc(50% - 15px);
margin-top: 10px;
} .home-twitter-border-top {
border-top: 5px solid;
border-right: 5px solid transparent;
color: #40315A;
}
.home-seminars #em-calendar-display {
text-align: left;
margin-top: 30px;
font-size: 15px;
}
.home-seminars #em-calendar-display p {
margin: 0px;
}
.home-seminars #display-events .post:not(:first-child) {
border-top: 1px solid #ddd;
margin-bottom: 20px;
}
.home-seminars h5#display-events-title {
color: #4A4A4A;
font-size: 17px;
font-weight: 700;
border-bottom: 1px solid #4A4A4A;
margin-bottom: 20px;
padding-bottom: 10px;
}
.home-seminars #display-events-title p.searching {
margin-top: 20px;
text-align: center;
}
.home-seminars #em-calendar-display h6 a {
color: #e28353;
font-weight: 600;
font-size: 15px;
}
.home-seminars #em-calendar-display a.more-info {
color: #e28353;
font-weight: 600;
}
.home-seminars a.home-seminars-all {
color: #e28353;
font-weight: 600;
}
.container-home-pubs-pers { background: #226679; background: -moz-linear-gradient(left, #7ebbba 0%, #7ebbba 50%, #99d5d1 50%, #99d5d1 100%); background: -webkit-linear-gradient(left, #7ebbba 0%,#7ebbba 50%,#99d5d1 50%,#99d5d1 100%); background: linear-gradient(to right, #7ebbba 0%,#7ebbba 50%,#99d5d1 50%,#99d5d1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ebbba', endColorstr='#99d5d1',GradientType=1 ); }
.container-home-pubs-pers .container-home-pubs {
width: 50%;
float: left;
background: #226679;
}
.container-home-pubs-pers .container-home-pers {
width: 50%;
float: right;
background: #6EC3BE;
}
.container-home-pubs-pers .home-last-pubs {
text-align: left;
font-size: 15px;
}
.container-home-pubs-pers .home-perspectives {
text-align: left;
font-size: 15px;
}
.container-home-pubs-pers .home-perspectives a {
color: #fff;
background: #226679;
width: 270px;
display: block;
border: 1px solid #226679 !important;
padding-left: 35px !important;
margin-top: 30px;
font-style: italic;
}
.container-home-pubs-pers .home-perspectives a:before {
content: '';
background: url(//ced.cat/wp-content/themes/ced2015/img/ico-book-white.svg) no-repeat;
width: 18px;
position: absolute;
height: 23px;
margin-left: -25px;
}
.container-home-pubs-pers .home-perspectives a:hover {
color: #226679;
background: transparent;
width: 270px;
display: block;
border: 1px solid #226679 !important;
padding-left: 35px !important;
margin-top: 30px;
font-style: italic;
}
.container-home-pubs-pers .home-last-pubs a {
color: #226679;
}
.container-home-pubs-pers .home-perspectives a:hover:before {
content: '';
background: url(//ced.cat/wp-content/themes/ced2015/img/ico-book.svg) no-repeat;
width: 18px;
position: absolute;
height: 23px;
margin-left: -25px;
}
.container-home-pubs-pers .home-perspectives .btn-newsletter { }
.background-home-map {
position: absolute;
width: 33%;
left: 0;
background: #EEEEEE;
height: 390px;
z-index: 1;
}
.container-home-map {
position: relative;
height: 500px;
}
.container-home-map #map {
width: 100%;
position: absolute;
left: 0px;
top: 0;
height: 500px;
}
.container-home-map #map iframe {
width: 100%;
height: 500px;
}            .container-home-map .home-ced-overview {
color: #6E6E6E;
float: left;
background: #EEEEEE;
padding-top: 30px;
height: 360px;
position: relative;
padding-right: 20px;
font-size: 15px;
font-style: italic;
right: 0;
z-index: 1;
}          .container-home-map .home-ced-contact {
color: #666666;
float: right;
z-index: 3;
position: relative;
background: #fff;
padding: 53px 57px 5px 56px;
margin-top: 30px;
margin-right: 75px;
text-align: left;
height: 405px;
width: 405px;
font-family: Georgia;
font-size: 16px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.5;
letter-spacing: normal;
color: #666666;
box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.12);
}
.container-home-map .home-ced-overview object,
.container-home-map .home-ced-overview img {
width:103px;
height:68px;
margin-bottom: 20px;
}
.container-home-map .home-ced-overview-content {
text-align: left;
width: 300px;
}
.container-home-map iframe .place-card.place-card-large,
.gm-style .place-card-large  {
display: none !important;
}
.home-contact-title {
font-family: Nexa;
font-size: 24px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color:#666666;
}
.home-contact-facebook {
display: inline-block;
background-image: url(//ced.cat/wp-content/themes/ced2015/img/home-contacto-social-ico.svg);
background-repeat: no-repeat;
background-size: 28px 77px;
width: 28px;
height: 18px;
background-position: 0px -39px;
}
.home-contact-facebook:hover {
display: inline-block;
background-image: url(//ced.cat/wp-content/themes/ced2015/img/home-contacto-social-ico.svg);
background-repeat: no-repeat;
background-size: 28px 77px;
width: 28px;
height: 18px;
background-position: 0px -58px;
margin-right: 0px;
}
.home-twitter {
text-align: left;
}
#ctf .ctf-item:last-child {
border-bottom: 1px solid rgba(0,0,0,0.1);
}
.home-contact-twitter {
display: inline-block;
background-image: url(//ced.cat/wp-content/themes/ced2015/img/home-contacto-social-ico.svg);
background-repeat: no-repeat;
background-size: 28px 77px;
width: 28px;
height: 19px;
background-position: 0px 0px;
}
.home-contact-twitter:hover {
display: inline-block;
background-image: url(//ced.cat/wp-content/themes/ced2015/img/home-contacto-social-ico.svg);
background-size: 28px 77px;
background-repeat: no-repeat;
width: 28px;
height: 19px;
background-position: 0px -20px;
}
.container-home-map .home-contact-info {
color: #7adcca;
font-family: Georgia;
font-size: 16px;
display: block;
margin-bottom: 20px;
}
#ctf .ctf-header-img-hover, #ctf .ctf-header-generic-icon, .ctf-tweet-text-media-wrap {
display: none !important;
} .ced-2016 {
color: #ffffff;
}
.copy {
color: #ffffff;
background: #333333;
padding-bottom: 15px;
padding-top: 20px;
margin-bottom: 0px;
margin-top: 0px;
width: 100%;
position: absolute;
font-family: Georgia;
font-size: 14px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.71;
letter-spacing: normal;
}
.copy a:link, .copy a:active, .copy a:visited {
color: #ffffff;
}
.copy a:hover {
color: #ffffff;
text-decoration: underline;
}
.home-section-studies .titulo.blue {
margin-bottom: 20px;
}
.home-section-studies h4 {
text-transform: uppercase;
margin-bottom: 1px;
}
.home-section-studies .home-studies-course h4 a,
.home-section-studies .home-studies-doctorat h4 a {
color: #4A4A4A;
font-weight: 700;
} #main.home .home-section-studies > div:hover .over-img,
#main.home .home-researcher > div:hover .over-img {
margin-top: -150px;
margin-left: 0px;
}
#main.home figure,
#main.home figure .content-img {
height: 100%;
width: 100%;
transition: all 0.5s ease-in-out;
position: relative;
overflow: hidden;
}
#main.home .container-home-researcher .home-researcher figure .content-img {
height: 130px !important;
}
#main.home .home-section-studies figure .over-img {
width: 600px;
height: 300px;
transition: all 0.4s ease-in-out;
position: absolute;
margin-top: -40px;
margin-left: 280px;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
background: rgba(0,0,0,0.5);
transform: skew(-45deg);
z-index:0;
}
#main.home .home-researcher figure .over-img {
width: 500px;
height: 300px;
transition: all 0.4s ease-in-out;
position: absolute;
margin-top: -102px;
margin-left: 95px;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
background: rgba(0,0,0,0.5);
transform: skew(-45deg);
z-index:0;
}
#main.home .home-researcher > div:hover .over-img-rev {
margin-top: -150px;
margin-left: 0px;
}
#main.home .home-researcher figure .over-img-rev {
width: 500px;
height: 300px;
transition: all 0.4s ease-in-out;
position: absolute;
margin-top: -150px;
margin-left: -365px;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
background: rgba(0,0,0,0.5);
transform: skew(-45deg);
z-index:0;
} #main.home .slider-img-areas figure .over-img {
width: 800px;
height: 400px;
transition: all 0.4s ease-in-out;
position: absolute;
margin-top: -40px;
margin-left: 240px;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
background: rgba(0,0,0,0.5);
transform: skew(-45deg);
z-index:0;
}
#main.home .slider-img-areas:hover .over-img {
margin-top: -10px;
margin-left: -210px;
}  #main.home #home-slider .item {
height: 280px;
overflow: hidden;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
left: 0;
}
#main.home #home-slider .item.item-1::before,
#main.home #home-slider .item.item-4::before {
margin-left: -258px;
}
#main.home #home-slider .item.item-1::before,
#main.home #home-slider .item.item-1::after {
background: #51426c;
background: -webkit-linear-gradient(45deg, #51426c 0%, #ad4b81 96%);
background: linear-gradient(45deg, #51426c 0%, #ad4b81 96%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#51426c', endColorstr='#ad4b81', GradientType=1);
}
#main.home #home-slider .item.item-4::before,
#main.home #home-slider .item.item-4::after {
background: #7acdca;
background: -webkit-linear-gradient(top, #7acdca 3%, #20798b 99%);
background: linear-gradient(to bottom, #7acdca 3%, #20798b 99%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#7acdca', endColorstr='#20798b', GradientType=0);
}
#main.home #home-slider .item.active::before {
opacity: .75;
}
#main.home #home-slider .item.active::after {
opacity: .5;
}
#main.home #home-slider .item.item-1::after,
#main.home #home-slider .item.item-4::after {
margin-left: -148px;
}
#main.home #home-slider .item.item-1 .carousel-caption,
#main.home #home-slider .item.item-4 .carousel-caption {
top: 20px;
margin-left: -128px;
width: 360px;
}
#main.home #home-slider .item.active::before, #main.home #home-slider .item.active::after {
opacity: 1;
-webkit-transform: skewX(-45deg) translate(0, 0);
-ms-transform: skewX(-45deg) translate(0, 0);
transform: skewX(-45deg) translate(0, 0);
}
#main.home #home-slider .item::before {
-webkit-transition: all 1s;
transition: all 1s;
}
#main.home #home-slider .item::before,
#main.home #home-slider .item::after {
content: '';
display: block;
font-size: 12px !important;
position: absolute;
top: 0;
bottom: 0;
left: 50%;
width: 465px;
opacity: 0;
-webkit-transform: skewX(-45deg) translate(200%, 0);
-ms-transform: skewX(-45deg) translate(200%, 0);
transform: skewX(-45deg) translate(200%, 0);
}
#main.home #home-slider .item .carousel-caption {
top: 0;
left: 50%;
font-family: "Nexa", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 900;
font-size: 18px;
line-height: 24px;
text-align: left;
}
.carousel-caption {
left: 20%;
right: 20%;
padding-bottom: 30px;
}
.carousel-caption {
position: absolute;
bottom: 20px;
z-index: 10;
padding-top: 20px;
color: #fff;
}
#main.home #home-slider .item::before {
-webkit-transition: all 1s;
transition: all 1s;
}
#main.home #home-slider .item::before, #main.home #home-slider .item::after {
content: '';
display: block;
font-size: 12px !important;
position: absolute;
top: 0;
bottom: 0;
left: 50%;
width: 465px;
opacity: 0;
-webkit-transform: skewX(-45deg) translate(200%, 0);
-ms-transform: skewX(-45deg) translate(200%, 0);
transform: skewX(-45deg) translate(200%, 0);
}
#main.home #home-slider .item.item-1::after ,
#main.home #home-slider .item.item-4::after {
margin-left: -148px;
}
#main.home #home-slider .item.item-1::before, #main.home #home-slider .item.item-1::after ,
#main.home #home-slider .item.item-4::before, #main.home #home-slider .item.item-4::after {
background: #51426c;
background: -webkit-linear-gradient(45deg, #51426c 0%, #ad4b81 96%);
background: linear-gradient(45deg, #51426c 0%, #ad4b81 96%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#51426c', endColorstr='#ad4b81', GradientType=1);
}
#main.home #home-slider .item.item-4::before,
#main.home #home-slider .item.item-4::after {
background: #7acdca;
background: -webkit-linear-gradient(top, #7acdca 3%, #20798b 99%);
background: linear-gradient(to bottom, #7acdca 3%, #20798b 99%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#7acdca', endColorstr='#20798b', GradientType=0);
}
#main.home #home-slider .item.active::before, #main.home #home-slider .item.active::after { -webkit-transform: skewX(-45deg) translate(0, 0);
-ms-transform: skewX(-45deg) translate(0, 0);
transform: skewX(-45deg) translate(0, 0);
}
#main.home #home-slider .item.active.nostripes::before,
#main.home #home-slider .item.active.nostripes::after {
opacity: 0;
}
#main.home #home-slider .item::after {
-webkit-transition: all 1.5s;
transition: all 1.5s;
}
#main.home #home-slider .item::before, #main.home #home-slider .item::after {
content: '';
display: block;
font-size: 12px !important;
position: absolute;
top: 0;
bottom: 0;
left: 50%;
width: 465px;
opacity: 0;
-webkit-transform: skewX(-45deg) translate(200%, 0);
-ms-transform: skewX(-45deg) translate(200%, 0);
transform: skewX(-45deg) translate(200%, 0);
}
.carousel-inner > .item {
-webkit-transition: -webkit-transform .6s ease-in-out;
transition: transform .6s ease-in-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000px;
perspective: 1000px;
}
#main.home #home-slider .item.item-2::before, #main.home #home-slider .item.item-2::after,
#main.home #home-slider .item.item-5::before, #main.home #home-slider .item.item-5::after {
background: #7acdca;
background: -webkit-linear-gradient(top, #7acdca 3%, #20798b 99%);
background: linear-gradient(to bottom, #7acdca 3%, #20798b 99%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#7acdca', endColorstr='#20798b', GradientType=0);
}
#main.home #home-slider .item.item-2 .carousel-caption,
#main.home #home-slider .item.item-5 .carousel-caption {
top: 20px;
margin-left: 8px;
width: 360px;
}
#main.home #home-slider .item.item-2::after ,
#main.home #home-slider .item.item-5::after {
margin-left: -70px;
}
#main.home #home-slider .item.item-2::before, #main.home #home-slider .item.item-2::after,
#main.home #home-slider .item.item-5::before, #main.home #home-slider .item.item-5::after {
background: #7acdca;
background: -webkit-linear-gradient(top, #7acdca 3%, #20798b 99%);
background: linear-gradient(to bottom, #7acdca 3%, #20798b 99%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#7acdca', endColorstr='#20798b', GradientType=0);
}
#main.home #home-slider .item.item-3::before, #main.home #home-slider .item.item-3::after ,
#main.home #home-slider .item.item-6::before, #main.home #home-slider .item.item-6::after {
background: #eb9768;
background: -webkit-linear-gradient(45deg, #eb9768 0%, #ffe06a 99%);
background: linear-gradient(45deg, #eb9768 0%, #ffe06a 99%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#eb9768', endColorstr='#ffe06a', GradientType=1);
}
#main.home #home-slider .item.item-3::before, #main.home #home-slider .item.item-3::after ,
#main.home #home-slider .item.item-6::before, #main.home #home-slider .item.item-6::after {
background: #eb9768;
background: -webkit-linear-gradient(45deg, #eb9768 0%, #ffe06a 99%);
background: linear-gradient(45deg, #eb9768 0%, #ffe06a 99%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#eb9768', endColorstr='#ffe06a', GradientType=1);
}
#main.home #home-slider .item.item-3 .carousel-caption,
#main.home #home-slider .item.item-6 .carousel-caption {
top: 20px;
margin-left: -332px;
color: #000;
width: 360px;
}
#main.home #home-slider .item.item-3::before,
#main.home #home-slider .item.item-6::before {
margin-left: -435px;
}
#main.home #home-slider .item.item-3::after ,
#main.home #home-slider .item.item-6::after {
margin-left: -368px;
}
#main.home #home-slider .item.active::before {
opacity: 0.5;
}
#main.home #home-slider .item.active::after {
opacity: .5;
}
a.home-slider-button{
color: #226679;
padding: 5px 5px 5px 10px;
background: #FFFFFF;
display: block;
width: auto;
font-weight: lighter;
font-size: 17px;
float: right;
margin-top: 20px;
} #footer-push, #footer {
height: 106px !important;
margin-top: 180px;
margin-bottom: 30px;
}   @media only screen and (max-width: 1300px) and (min-width: 1261px) {
.home .container,
#header  .container,
#main-menu .container {
width:1200px;
margin:0 auto; }
#header #brand, #header #brand > a {
margin-right: 100px;
}
}       @media only screen and (device-width:768px) { #header #menu-toggler, .no-svg #header #menu-toggler {
float: right;
} body.menu-open #header #menu-toggler, .no-svg body.menu-open #header #menu-toggler {
z-index: 10000;
float: right;
position: relative;
}
body.menu-open #header #brand {
position: relative;
}
#header #brand.brand-01 > a,
#header #brand.brand-02 > a {
width: 170px;
height: 70px;
display: block !important;
margin-top: -15px;
}
#main.home #home-brand {
display: none;
}
body.menu-open #header #brand {
display: block;
}
#main-menu #menu-container > .container {
padding-top: 172px;
}
.submenu-open #main-menu #menu-container {
background: #fff;
}
#menu li > a, #menu li > span {
padding: 5px 0 5px;
}
body.submenu-open #menu > li.open .submenu {
margin-top: 70px;
}
#menu .go-back {
padding: 5px 0 5px;
}
#main-menu .sn-perspectives {
visibility: visible;
}
body #top-menu ul.sn-perspectives {
top: 0px;
}
body #main-menu {
top: -50px;
height: 30px;
}
body.menu-open #main-menu {
top: 30px;
height: auto;
}
body #main.home {
padding-top: 20px;
}
body.menu-open #main.home {
} ul#menu-lang {
width: 100px;
top: 80px;
right: 20px;
}
#menu-lang label::after {
background: transparent;
}
#menu-lang label {
border-bottom: 1px solid;
}
#menu-lang ul.submenu {
min-width: 80px;
max-height: inherit;
top: -1px;
left: 30px;
}
#menu-lang .submenu li {
float: left;
margin-right: 10px;
}
#menu-lang ul.submenu li:first-child a {
border-top: 0px none;
}
#menu-lang input:checked ~ label::after {
background: transparent;
}  #main-menu .sn-perspectives {  top: 20px;
}  #main.home #home-slider .item {
height: 280px;
overflow: hidden;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
left: 0;
}
#main.home #home-slider .item.item-1::before,
#main.home #home-slider .item.item-4::before {
margin-left: -258px;
}
#main.home #home-slider .item.item-1::before,
#main.home #home-slider .item.item-1::after {
background: #51426c;
background: -webkit-linear-gradient(45deg, #51426c 0%, #ad4b81 96%);
background: linear-gradient(45deg, #51426c 0%, #ad4b81 96%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#51426c', endColorstr='#ad4b81', GradientType=1);
}
#main.home #home-slider .item.item-4::before,
#main.home #home-slider .item.item-4::after {
background: #7acdca;
background: -webkit-linear-gradient(top, #7acdca 3%, #20798b 99%);
background: linear-gradient(to bottom, #7acdca 3%, #20798b 99%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#7acdca', endColorstr='#20798b', GradientType=0);
}
#main.home #home-slider .item.active::before {
opacity: .75;
}
#main.home #home-slider .item.active::after {
opacity: .5;
}
#main.home #home-slider .item.item-1::after,
#main.home #home-slider .item.item-4::after {
margin-left: -148px;
}
#main.home #home-slider .item.item-1 .carousel-caption,
#main.home #home-slider .item.item-4 .carousel-caption {
top: 47px;
margin-left: -128px;
width: 320px;
}
#main.home #home-slider .item.active::before, #main.home #home-slider .item.active::after {
opacity: 1;
-webkit-transform: skewX(-45deg) translate(0, 0);
-ms-transform: skewX(-45deg) translate(0, 0);
transform: skewX(-45deg) translate(0, 0);
}
#main.home #home-slider .item::before {
-webkit-transition: all 1s;
transition: all 1s;
}
#main.home #home-slider .item::before,
#main.home #home-slider .item::after {
content: '';
display: block;
font-size: 12px !important;
position: absolute;
top: 0;
bottom: 0;
left: 50%;
width: 465px;
opacity: 0;
-webkit-transform: skewX(-45deg) translate(200%, 0);
-ms-transform: skewX(-45deg) translate(200%, 0);
transform: skewX(-45deg) translate(200%, 0);
}
#main.home #home-slider .item .carousel-caption {
top: 0;
left: 50%;
font-family: "Nexa", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 900;
font-size: 18px;
line-height: 24px;
text-align: left;
}
.carousel-caption {
left: 20%;
right: 20%;
padding-bottom: 30px;
}
.carousel-caption {
position: absolute;
bottom: 20px;
z-index: 10;
padding-top: 20px;
color: #fff;
}
#main.home #home-slider .item::before {
-webkit-transition: all 1s;
transition: all 1s;
}
#main.home #home-slider .item::before, #main.home #home-slider .item::after {
content: '';
display: block;
font-size: 12px !important;
position: absolute;
top: 0;
bottom: 0;
left: 50%;
width: 465px;
opacity: 0;
-webkit-transform: skewX(-45deg) translate(200%, 0);
-ms-transform: skewX(-45deg) translate(200%, 0);
transform: skewX(-45deg) translate(200%, 0);
}
#main.home #home-slider .item.item-1::after ,
#main.home #home-slider .item.item-4::after {
margin-left: -148px;
}
#main.home #home-slider .item.item-1::before, #main.home #home-slider .item.item-1::after {
background: #51426c;
background: -webkit-linear-gradient(45deg, #51426c 0%, #ad4b81 96%);
background: linear-gradient(45deg, #51426c 0%, #ad4b81 96%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#51426c', endColorstr='#ad4b81', GradientType=1);
}
#main.home #home-slider .item.item-4::before,
#main.home #home-slider .item.item-4::after {
background: #7acdca;
background: -webkit-linear-gradient(top, #7acdca 3%, #20798b 99%);
background: linear-gradient(to bottom, #7acdca 3%, #20798b 99%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#7acdca', endColorstr='#20798b', GradientType=0);
}
#main.home #home-slider .item.active::before, #main.home #home-slider .item.active::after { -webkit-transform: skewX(-45deg) translate(0, 0);
-ms-transform: skewX(-45deg) translate(0, 0);
transform: skewX(-45deg) translate(0, 0);
}
#main.home #home-slider .item::after {
-webkit-transition: all 1.5s;
transition: all 1.5s;
}
#main.home #home-slider .item::before, #main.home #home-slider .item::after {
content: '';
display: block;
font-size: 12px !important;
position: absolute;
top: 0;
bottom: 0;
left: 50%;
width: 465px;
opacity: 0;
-webkit-transform: skewX(-45deg) translate(200%, 0);
-ms-transform: skewX(-45deg) translate(200%, 0);
transform: skewX(-45deg) translate(200%, 0);
}
.carousel-inner > .item {
-webkit-transition: -webkit-transform .6s ease-in-out;
transition: transform .6s ease-in-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000px;
perspective: 1000px;
}
#main.home #home-slider .item.item-2::before, #main.home #home-slider .item.item-2::after,
#main.home #home-slider .item.item-5::before, #main.home #home-slider .item.item-5::after {
background: #7acdca;
background: -webkit-linear-gradient(top, #7acdca 3%, #20798b 99%);
background: linear-gradient(to bottom, #7acdca 3%, #20798b 99%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#7acdca', endColorstr='#20798b', GradientType=0);
}
#main.home #home-slider .item.item-2 .carousel-caption,
#main.home #home-slider .item.item-5 .carousel-caption {
top: 73px;
margin-left: 8px;
}
#main.home #home-slider .item.item-2::after ,
#main.home #home-slider .item.item-5::after {
margin-left: -70px;
}
#main.home #home-slider .item.item-2::before, #main.home #home-slider .item.item-2::after,
#main.home #home-slider .item.item-5::before, #main.home #home-slider .item.item-5::after {
background: #7acdca;
background: -webkit-linear-gradient(top, #7acdca 3%, #20798b 99%);
background: linear-gradient(to bottom, #7acdca 3%, #20798b 99%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#7acdca', endColorstr='#20798b', GradientType=0);
}
#main.home #home-slider .item.item-3::before, #main.home #home-slider .item.item-3::after ,
#main.home #home-slider .item.item-6::before, #main.home #home-slider .item.item-6::after {
background: #eb9768;
background: -webkit-linear-gradient(45deg, #eb9768 0%, #ffe06a 99%);
background: linear-gradient(45deg, #eb9768 0%, #ffe06a 99%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#eb9768', endColorstr='#ffe06a', GradientType=1);
}
#main.home #home-slider .item.item-3::before, #main.home #home-slider .item.item-3::after ,
#main.home #home-slider .item.item-6::before, #main.home #home-slider .item.item-6::after {
background: #eb9768;
background: -webkit-linear-gradient(45deg, #eb9768 0%, #ffe06a 99%);
background: linear-gradient(45deg, #eb9768 0%, #ffe06a 99%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#eb9768', endColorstr='#ffe06a', GradientType=1);
}
#main.home #home-slider .item.item-3 .carousel-caption,
#main.home #home-slider .item.item-6 .carousel-caption {
top: 70px;
margin-left: -332px;
color: #000;
}
#main.home #home-slider .item.item-3::before,
#main.home #home-slider .item.item-6::before {
margin-left: -435px;
}
#main.home #home-slider .item.item-3::after ,
#main.home #home-slider .item.item-6::after {
margin-left: -368px;
}
#main.home #home-slider .item.active::before {
opacity: 0.5;
}
#main.home #home-slider .item.active::after {
opacity: .5;
}  .home-area-recerca {
width: 100%;
}
.home-area-recerca .section-slider-areas .slider-areas {
padding-top: 24px;
}  .home-section-studies {
width: 100%;
}
.home-studies-course {
width: 50%;
}
.home-studies-doctorat {
width: 50%;
}  .container-home-researcher .sm-hidden {
display: none;
}
.container-home-researcher .home-researcher { }
.container-home-researcher .home-researcher-description {
width: 50%;
}
#main.home .container-home-researcher .home-researcher figure .content-img {
height: 70px !important;
}  .home-news .home-news-single:nth-child(-n+4)  {
display: block;
}
section.home-news .home-news-single:nth-child(n+5)  {
display: none;
}  section.home-news #ctf .ctf-tweets div:nth-child(-n+2) {
display: block;
}
section.home-news #ctf .ctf-tweets div.ctf-item:last-child {
display: none;
}  .container-home-pubs-pers .home-perspectives a {
margin-top: 30px;
}  section.container-home-map .background-home-map {
display: none;
}
section.container-home-map .home-ced-overview {
display: none;
}
section.container-home-map .home-ced-contact {
right: 30px;
}         }
@media (min-width: 769px) {
#main-menu #menu-container::before {
content: '';
display: none;
font-size: 12px !important;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 34px;
background: #fff;
}
#menu > li {
float: left;
display: block;
}
}   @media only screen and (max-width: 1260px) and (min-width: 980px) {
.home .container,
#header  .container,
#main-menu .container {
width:960px;
margin:0 auto; }      #header #brand, #header #brand > a {
margin-right: 20px;
}
#menu > li + li {
margin-left: 15px;
}
#menu > li > a, #menu > li > span { } #main.home .home-section-studies > div:hover .over-img,
#main.home .home-researcher > div:hover .over-img {
margin-top: -150px;
margin-left: 0px;
}
#main.home figure,
#main.home figure .content-img {
height: 100%;
width: 100%;
transition: all 0.5s ease-in-out;
position: relative;
overflow: hidden;
}
.media-object.img-responsive {
width: 140px !important;
max-width: inherit;
margin-left: -15px;
}
#main.home .home-section-studies figure .over-img {
width: 500px;
height: 300px;
transition: all 0.4s ease-in-out;
position: absolute;
margin-top: -40px;
margin-left: 190px;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
background: rgba(0,0,0,0.5);
transform: skew(-45deg);
z-index:0;
}
#main.home .home-researcher figure .over-img {
width: 500px;
height: 300px;
transition: all 0.4s ease-in-out;
position: absolute;
margin-top: -102px;
margin-left: 63px;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
background: rgba(0,0,0,0.5);
transform: skew(-45deg);
z-index:0;
}
#main.home .home-researcher > div:hover .over-img-rev {
margin-top: -150px;
margin-left: 0px;
}
#main.home .home-researcher figure .over-img-rev {
width: 500px;
height: 300px;
transition: all 0.4s ease-in-out;
position: absolute;
margin-top: -150px;
margin-left: -390px;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
background: rgba(0,0,0,0.5);
transform: skew(-45deg);
z-index:0;
} .slider-areas li {
font-size: 15px;
}  #main.home .slider-img-areas figure .over-img {
width: 800px;
height: 400px;
transition: all 0.4s ease-in-out;
position: absolute;
margin-top: -40px;
margin-left: 150px;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
background: rgba(0,0,0,0.5);
transform: skew(-45deg);
z-index:0;
}
#main.home .slider-img-areas:hover .over-img {
margin-top: -10px;
margin-left: -210px;
}
#area-tags-content {
width: 100%;
} }   @media only screen and (max-width: 1024px) {
.logo-hr-excellence {
margin-top: -30px;
margin-left: -245px;
} #main.home .home-section-studies > div:hover .over-img,
#main.home .home-researcher > div:hover .over-img {
margin-top: -150px;
margin-left: 0px;
}
#main.home figure,
#main.home figure .content-img {
height: 100%;
width: 100%;
transition: all 0.5s ease-in-out;
position: relative;
overflow: hidden;
}
#main.home .home-section-studies figure .over-img {
width: 500px;
height: 300px;
transition: all 0.4s ease-in-out;
position: absolute;
margin-top: -40px;
margin-left: 190px;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
background: rgba(0,0,0,0.5);
transform: skew(-45deg);
z-index:0;
}
#main.home .home-researcher figure .over-img {
width: 500px;
height: 300px;
transition: all 0.4s ease-in-out;
position: absolute;
margin-top: -102px;
margin-left: 63px;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
background: rgba(0,0,0,0.5);
transform: skew(-45deg);
z-index:0;
}
#main.home .home-researcher > div:hover .over-img-rev {
margin-top: -150px;
margin-left: 0px;
}
#main.home .home-researcher figure .over-img-rev {
width: 500px;
height: 300px;
transition: all 0.4s ease-in-out;
position: absolute;
margin-top: -150px;
margin-left: -390px;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
background: rgba(0,0,0,0.5);
transform: skew(-45deg);
z-index:0;
} #main.home .slider-img-areas figure .over-img {
width: 800px;
height: 400px;
transition: all 0.4s ease-in-out;
position: absolute;
margin-top: -40px;
margin-left: 150px;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
background: rgba(0,0,0,0.5);
transform: skew(-45deg);
z-index:0;
}
#main.home .slider-img-areas:hover .over-img {
margin-top: -10px;
margin-left: -210px;
}   .content_recerca {
padding-bottom: 10px !important;
position: relative !important;
}
.grup-info {
position: relative !important;
}
.grup-info .info {
position: relative !important;
}
#footer {
position: relative !important;
}
#footer-push, #footer {
height: auto !important;
}
#footer-push {
margin-bottom: 40px !important;
}
#footer .logos-left ul, #footer .logos-right ul {
margin-left: 0 !important;
}
#footer .logos-right ul li img {
width: auto !important;
}
#footer .logos-left ul li:first-child img {
width: auto !important;
}
#footer .logos-left ul li:last-child img {
width: auto !important;
float: left !important;
}
}
@media only screen and (max-width: 1024px) and (min-width: 980px) {
#header #brand, #header #brand > a {
background-size: 160px 110px;
width: 160px;
height: 110px;
}
#menu > li > a, #menu > li > span {
font-size: 10px !important;
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
#header #brand, #header #brand > a {
background-size: 160px 110px;
width: 170px;
height: 110px;
}
#header #brand, #header #brand > a {
margin-right: 12px;
}
#menu > li + li {
margin-left: 12px;
}
#menu > li > a, #menu > li > span {
font-size: 13px !important;
} body {
overflow: hidden;
} #main.home .home-section-studies > div:hover .over-img,
#main.home .home-researcher > div:hover .over-img {
margin-top: -150px;
margin-left: 0px;
}
#main.home figure,
#main.home figure .content-img {
height: 100%;
width: 100%;
transition: all 0.5s ease-in-out;
position: relative;
overflow: hidden;
}
#main.home .home-section-studies figure .over-img {
width: 500px;
height: 300px;
transition: all 0.4s ease-in-out;
position: absolute;
margin-top: -40px;
margin-left: 110px;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
background: rgba(0,0,0,0.5);
transform: skew(-45deg);
z-index:0;
}
#main.home .home-researcher figure .over-img {
width: 500px;
height: 300px;
transition: all 0.4s ease-in-out;
position: absolute;
margin-top: -102px;
margin-left: 31px;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
background: rgba(0,0,0,0.5);
transform: skew(-45deg);
z-index:0;
}
#main.home .home-researcher > div:hover .over-img-rev {
margin-top: -150px;
margin-left: 0px;
}
#main.home .home-researcher figure .over-img-rev {
width: 500px;
height: 300px;
transition: all 0.4s ease-in-out;
position: absolute;
margin-top: -150px;
margin-left: -420px;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
background: rgba(0,0,0,0.5);
transform: skew(-45deg);
z-index:0;
} #main.home .slider-img-areas figure .over-img {
width: 800px;
height: 400px;
transition: all 0.4s ease-in-out;
position: absolute;
margin-top: -40px;
margin-left: 70px;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
background: rgba(0,0,0,0.5);
transform: skew(-45deg);
z-index:0;
}
#main.home .slider-img-areas:hover .over-img {
margin-top: -10px;
margin-left: -210px;
} #area-tags-content {
width: 100%;
}
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
.home-area-recerca .slider-areas {
padding-top: 14px;
padding-right: 25px;
padding-left: 25px;
}
.home-area-recerca .slider-areas li {
font-size: 14px;
} #menu > li > a, #menu > li > span {
font-size: 10px !important;
}
#header #brand, #header #brand > a {
background-size: 140px 110px;
width: 150px;
height: 110px;
}
#menu li > a, #menu li > span, #menu .go-back {
font-size: 12px;
}
#main.home .container-home-researcher .home-researcher figure .content-img {
height: 70px !important;
}
.slider-areas li {
font-size: 14px;
}
}
@media (min-width: 769px) {
.home-section-studies .home-studies-course {
padding: 0px;
margin-bottom: 10px;
}
.home-section-studies .home-studies-doctorat {
padding: 0px;
}
#main.medios-comunicacion .page-content .collapsible {
width: 530px;
display: block;
}
}   @media (max-width: 767px) {
#logo-hr {
display: none;
}
#logo-hr.logo-hr-excellence {
display: none;
}
#header #menu-toggler, .no-svg #header #menu-toggler {
float: right;
}
body.menu-open #header #menu-toggler, .no-svg body.menu-open #header #menu-toggler {
z-index: 10000;
float: right;
position: relative;
}
body.menu-open #header #brand {
position: relative;
}
#header #brand.brand-01 > a,
#header #brand.brand-02 > a {
width: 170px;
height: 80px;
display: block !important;
margin-top: -15px;
}
#main.home #home-brand {
display: none;
}
body.menu-open #header #brand {
display: block;
}
body.home #header #brand > a { }
body.home.menu-open #header #brand > a {
background: url(//ced.cat/wp-content/themes/ced2015/img/brand-01.svg) no-repeat 0px / 90px !important;
}
#main-menu #menu-container > .container {
padding-top: 122px;
}
.submenu-open #main-menu #menu-container {
background: #fff;
}
#menu li > a, #menu li > span {
padding: 5px 0 5px;
}
body.submenu-open #menu > li.open .submenu {
margin-top: 20px;
}
#menu .go-back {
padding: 5px 0 5px;
}
#main-menu .sn-perspectives {
visibility: visible;
}
body #top-menu ul.sn-perspectives {
top: 0px;
}
body #main-menu {
top: -50px;
height: 30px;
}
body.menu-open #main-menu {
top: 50px;
height: auto;
overflow: hidden;
}
body #main.home {
padding-top: 20px;
}
body.menu-open {
height: 100vh;
top: -10px;
} ul#menu-lang {
width: 100px;
top: 80px;
right: 20px;
}
#menu-lang label::after {
background: transparent;
}
#menu-lang label {
border-bottom: 1px solid;
}
#menu-lang ul.submenu {
min-width: 80px;
max-height: inherit;
top: -1px;
left: 30px;
}
#menu-lang .submenu li {
float: left;
margin-right: 10px;
}
#menu-lang ul.submenu li:first-child a {
border-top: 0px none;
}
#menu-lang input:checked ~ label::after {
background: transparent;
}  body #main-menu {
top: 0px;
}
#main-menu .sn-perspectives {
z-index: 1;
right: calc(50% - 120px);
top: 20px;
}
body.menu-open #main-menu .sn-perspectives {
display: none;
} body #main.home {
padding-top: 0px;
} #main.home #home-slider {
display: none;
}  .over-img ,
.over-img-rev {
display: none;
} .home-area-recerca h4:after {
content: "";
position: absolute;
display: block;
top: 42px;
right: auto;
left: 265px;
width: 11px;
height: 11px;
background: url(//ced.cat/wp-content/themes/ced2015/img/menu-area-ico.png);
transition: border-bottom .1s, border-top .1s .1s;
}
.home-area-recerca.open h4:after {
content: "";
position: absolute;
display: block;
top: 42px;
right: auto;
left: 265px;
width: 16px;
height: 11px;
background: url(//ced.cat/wp-content/themes/ced2015/img/menu-area-ico-open.png);
transition: border-bottom .1s, border-top .1s .1s;
}
.home-area-recerca .section-slider-areas {
display: block;
height: auto;
}
.home-area-recerca .slider-img-areas {
width: 100%;
float: none;
height: 100px;
}
.home-area-recerca .slider-areas {
width: 100%;
float: none;
padding-top: 10px;
padding-right: 20px;
padding-left: 20px;
display: none;
}
.home-area-recerca .slider-areas.open {
display: block;
}  .home-section-studies .home-studies-course,
.home-section-studies .home-studies-doctorat {
width: 50%;
}  .container-home-researcher .row > div:nth-child(2) {
display:none;
}
.container-home-researcher .row .home-researcher-name {
display:none;
}
.container-home-researcher .row .home-researcher div {
width: 50%;
float: left;
}
.container-home-researcher .row .home-researcher div img {
width: 100%;
}
.container-home-researcher .home-researcher {
height: 45vw;
overflow: hidden;
}
#main.home .container-home-researcher .home-researcher figure .content-img {
width: 100%;
height: 45vw !important;
}
.container-home-researcher .row .home-researcher div img {
width: 100%;
}
.home-researcher {
margin-top: 0px;
}  section.home-news .home-news-single .home-news-single-img {
display: none;
}
.home-news .home-news-single:nth-child(-n+4)  {
display: block;
}
section.home-news .home-news-single:nth-child(n+5)  {
display: none;
}  section.home-news #ctf .ctf-tweets div:nth-child(-n+2) {
display: block;
}
section.home-news #ctf .ctf-tweets div.ctf-item:last-child {
display: none;
}  section.container-home-pubs-pers {
background: transparent;
}
section.container-home-pubs-pers .home-last-pubs {
background: #7ebbba;
margin: 0px;
}
section.container-home-pubs-pers .home-perspectives {
background: #99d5d1;
margin: 0px;
}  .container-home-pubs-pers .home-perspectives a {
margin-top: 0px;
}  section.container-home-map {
height: auto;
}
section.container-home-map .background-home-map {
display: none;
}
section.container-home-map .home-ced-overview {
display: none;
} .container-home-map .home-ced-contact  {
margin-top: 0px;
}
section.container-home-map .home-ced-contact {
width: 100%;
text-align: left;
}  #footer {
bottom: auto !important;
}
.copy .container {
padding-top: 10px;
}      }
@media only screen and (max-width: 767px) {
article.page .page-container #publicacions .publications-list .media-body {
width: 100%;
display: block;
}
} }   a.tags-arees:link, a.tags-arees:active, a.tags-arees:visited {
color: #fff;
}  .page-template-template-recull .page .page-container .collapsible {
width: 100%;
}
.page-template-template-recull .page .page-container .media-body {
display: block;
width: 100%;
}
.page-template-template-recull .page .page-container .media-body .post .post-body {
width: 440px !important;
display: block !important;
}
.page-template-template-recull .page .page-container .media-body .post .post-time {
display: block;
float: left;
}
@media only screen and (min-width: 767px) {
.page-template-template-recull .page .menu.page-menu {
float: right;
margin-left: 30px;
position: relative;
}
}
@media only screen and (max-width: 991px) {
#main.medios-comunicacion .page-content {
width: 480px;
padding-left: 0px;
}
.page-template-template-recull .page .page-container .media-body {
width: 100%;
}
}
@media only screen and (max-width: 530px) {
.page-template-template-recull .page .page-container .media-body .post .post-body {
width: calc(100% - 69px) !important;
}
.page-template-template-recull .page .page-container .media-body .post .post-time {
width: 69px;
}
} @media only screen and (min-width: 1260px) { #header #brand, #header #brand > a {
margin-right: 40px;
} #menu > li > a, #menu > li > span {
font-size: 15px !important;
}
}
@media only screen and (max-width: 1259px) { #menu > li > a, #menu > li > span {
font-size: 13px !important;
}
}
@media only screen and (max-width: 1024px) { #header #brand, #header #brand > a {
margin-right: 0px;
} #menu {
float: none;
margin-left: 0.1vw;
}  #footer .logos-left:first-child .textos{
margin-bottom: 5px;
}
} @media only screen and (max-width: 991px) and (min-width: 768px) {
.tax-grup-recerca [id^=linies] {
width: 460px !important;
}
.tax-grup-recerca #publicacions-recerca,
.tax-grup-recerca #projectes-recerca {
width: 470px !important;
}
.tax-grup-recerca #intro .page-content.intro {
width: 330px;
}
.tax-grup-recerca #intro .page-content.intro .text-block {
margin: -110px 0 62px 36px;
} #footer .logos-left:first-child {
margin-top: -15px !important;
}
#footer .logos-left:first-child .textos{
margin-bottom: 10px !important;
}
#footer .logos-left li:nth-child(2) img {
margin-top: 10px;
}
} @media only screen and (min-width: 768px) {
.page-menu-open .page-head .page-menu-toggler {
display: none !important;
}
}