/************************************************ GRID SYSTEM **********************************************/

.home .container ,
#header .container {
    max-width:1312px !important;
    padding:0 0 10px 0;
}
/*.home .container > div {*/

    /*float:left;*/
    /*display:inline;*/
    /*text-align:center;*/
    /*!*font-size:0.70em;*!*/
/*}*/

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 queries */
@media only screen and (min-width: 1301px) {
    .home .container,
    #header .container,
    #main-menu .container {
        width:1440px;
        margin:0 auto;
        /*background: black;*/
    }
}












@media only screen and (max-width: 1024px) {



    /*#header #brand.brand-01 > a, #header #brand.brand-02 > a {*/
        /*width: 170px;*/
        /*height: 70px;*/
        /*display: block !important;*/
        /*margin-top: -15px;*/

    /*}*/
    /*#header #brand.brand-01 > a {*/
        /*background-image: url("../img/brand-01.svg") !important;*/
    /*}*/
    /*#header #brand.brand-02 > a {*/
        /*background-image: url("../img/brand-02.svg") !important;*/
    /*}*/
    /*#header #menu-toggler {*/
        /*display: block;*/
    /*}*/
    /*#header #menu-toggler, .no-svg #header #menu-toggler {*/

        /*float: right;*/

    /*}*/

    /*body #main-menu {*/

        /*top: -50px;*/
        /*height: 30px;*/

    /*}*/
    /*body #main-menu {*/

        /*visibility: hidden;*/

    /*}*/
    /*#logo-hr.logo-hr-excellence {*/

        /*display: none;*/

    /*}*/
}





/***********************************************************************/
/****************************** DESKTOP XS *****************************/
/***********************************************************************/
@media only screen and (min-width: 769px) and (max-width: 1023px) {
    .home .container,
    #header  .container,
    #main-menu .container {
        width:auto;
        margin:0 auto;
        /*background: blue;*/
    }

}
/***********************************************************************/
/****************************** DESKTOP XS *****************************/
/***********************************************************************/








/***********************************************************************/
/******************************** TABLET *******************************/
/***********************************************************************/
@media only screen and (device-width:768px){
    .home .container,
    #header  .container,
    #main-menu .container {
        width:720px;
        margin:0 auto;
        /*background: yellow;*/
    }



}
/***********************************************************************/
/******************************** TABLET *******************************/
/***********************************************************************/








/***********************************************************************/
/************************* ALL MOMOBILESBILE ***************************/
/***********************************************************************/
@media only screen and (max-width: 767px) {
    .home .container,
    #header .container,
    #main-menu .container {
        width: 95%;
        /* margin:0 auto; */
        /*background: green;*/
    }
    div[class*='col'] {
        width:100%;
    }
}
/***********************************************************************/
/************************* ALL MOMOBILESBILE ***************************/
/***********************************************************************/



/************************************************ GRID SYSTEM **********************************************/

#main-menu {
    display: block;
    margin-top: 20px;
    margin-bottom: 40px;
    visibility: visible;
    /*height: 0px;*/
}
#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;
}
/********************* Language Menu *********************/
ul#menu-lang{
    top:0;
    width:50px;
    height:20px;
    margin:0;
    padding:0 10px;
    /*background:#333;*/
    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("../img/menu-lang-ico.png");
    transition:border-bottom .1s, border-top .1s .1s;
}

#menu-lang label:hover,
#menu-lang input:checked ~ label{
    /*background:rgba(0,0,0,.3);*/
    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("../img/menu-lang-ico-on.png");
    /*transition:border-top .1s, border-bottom .1s .1s;*/
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*hide the inputs*/
#menu-lang input{
    display:none
}

/*show the second levele menu of the selected voice*/
#menu-lang input:checked ~ ul.submenu{
    max-height:300px;
    transition:max-height 0.5s ease-in;
}

/*style for the second level menu*/
#menu-lang ul.submenu{
    max-height:0;
    padding:0;
    overflow:hidden;
    list-style-type:none;
    /*background:#444;*/
    /*box-shadow:0 0 1px rgba(0,0,0,.3);*/
    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;
    /*border-bottom: 1px #ddd solid;*/
    transition:background .3s;
    white-space:nowrap;
}

#menu-lang ul.submenu li a:hover{
    /*background:rgba(0,0,0,.3);*/
    border-bottom: 1px solid #ccc;
}
/********************* Language Menu *********************/


/********************* Header *********************/
#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;
    /*background: transparent;*/
}

#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 {
    /*border-bottom: 2px solid;*/
}



/* Menu Colors active */
#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;
}

/* Menu Colors active */


/********************* Header *********************/

/********************* Slider *********************/
#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;
}
/********************* Slider *********************/




/********************* Slider Areas *********************/

.section-slider-areas {
    display: flex;
    background: #ccc;


    /*position: absolute;*/
    /*width: 400px;*/
    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 {
    /*width: 400px;*/
    /*height: 200px;*/
    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%;
    /*background: rgba(0, 0, 0, 0.3);*/
}
#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;
}
/* Titulos */
.titulo {
    font-family: 'Nexa';
    font-weight: 700;
    font-size: 24px;
    text-align: left;
    line-height: 29px;
    margin:20px 0px;
    text-transform: uppercase;
}
/* Colors */
.purple {
    color: #40315A;
}
.orange {
    color: #e28353;
}
.blue {
    color: #226679;
}
.gray {
    color: #6e6e6e;
}
.green {
    color: #99d5d1;
}
.dark-green {
    color: #7ebbba;
}

/* Colors */
/* Styles */
.italic {
    font-style: italic;
}
.bold {
    font-weight: 700;
}

/* Styles */

.underline {
    border-bottom: 2px solid;
}
.center {
    text-align: center;
}


/*Home section studies */
.home-studies-course {
    width: 100%;
    text-align: left;
}
.home-studies-doctorat {
    width: 100%;
    text-align: left;
}

/*Home section studies */

/* Home random researchers */
.home-researcher {
    margin-top: 30px;
}
/* margin 0 between images */
.home-researcher > div {
    margin-top: 20px;
    padding: 0px;
}

.home-researcher > div > a {
    background: #000;
    display: block;
}
.home-researcher > div > a > img {
    /*opacity: 0.5;*/
    /*filter: alpha(opacity=50); !* For IE8 and earlier *!*/
}
div.home-researcher-name {
    margin-top: 30px;
    font-size:14px;
    background:#EFEFEF;
    margin-right: 10px;
}
.home-researcher > div > a > img:hover {
    /*opacity: 1;*/
    /*filter: alpha(opacity=100); !* For IE8 and earlier *!*/
}
.home-researcher > div > a:hover > img {
    /*opacity: 1;*/
    /*filter: alpha(opacity=100); !* For IE8 and earlier *!*/
}

.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;
}
/*.container-home-researcher .container .row {*/
    /*margin-bottom:;*/
/*}*/

/* copy */
.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 {
    /*position: absolute;*/
    /*margin-left: 5px;*/
    /*content: '/';*/
}
/* copy */


/* Home news */
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 {
    /*margin-top: 10px;*/
}
.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 */
.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(../img/loading.gif) 30px / 30px;
    left: calc(50% - 15px);
    margin-top: 10px;
}
/* Home Twitter */
.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 {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#226679+0,226679+50,6ec3be+50,6ec3be+100 */
    background: #226679; /* Old browsers */
    background: -moz-linear-gradient(left, #7ebbba 0%, #7ebbba 50%, #99d5d1 50%, #99d5d1 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #7ebbba 0%,#7ebbba 50%,#99d5d1 50%,#99d5d1 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #7ebbba 0%,#7ebbba 50%,#99d5d1 50%,#99d5d1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ebbba', endColorstr='#99d5d1',GradientType=1 ); /* IE6-9 */

}
.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(../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(../img/ico-book.svg) no-repeat;
    width: 18px;
    position: absolute;
    height: 23px;
    margin-left: -25px;
}

.container-home-pubs-pers .home-perspectives .btn-newsletter {
    /*padding: 10px 10px 10px 40px !important;*/
}
.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: right;*/
    /*background: #EEEEEE;*/
    /*padding-top: 30px;*/
    /*height: 360px;*/
    /*position: absolute;*/
    /*padding-right:20px;*/
    /*font-size: 15px;*/


    /*width: calc(100vw - 66%);*/
    /*right: 66%;*/
/*}*/
.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 {*/
    /*width: 290px;*/
    /*position: absolute;*/
    /*top: 45px;*/
    /*right: 60px;*/
    /*z-index: 1000;*/
    /*background: #eee;*/
    /*padding: 25px 25px 5px 25px;*/
    /*box-sizing: border-box;*/
/*}*/


.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("../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("../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("../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("../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;
}


/*#footer {
    background: #ffffff;
    bottom: 23px;
}
#footer {
    height: 120px;
}
#footer-push {
    height: 1300px;
    margin-top: 150px;
}
.home #footer-push {
    height: 179px;
    margin-top: 0;
}
#footer .textos {
      width: 292px;
  height: 24px;
  font-family: Nexa;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: 0.5px;
  color: #bdbec0;
  text-transform: uppercase;
    font-size: 13px;
    margin-bottom: 10px;
}*/
.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;
}


/* Image hover animation */
#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;
}




/* hover slider imagenes */
#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;
}

/* hover slider imagenes */




/*Slider*/
#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 {

    /*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.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;
}
/* Slider */

#footer-push, #footer {
    height: 106px !important;
    margin-top: 180px;
    margin-bottom: 30px;
}













/***********************************************************************/
/***************************** DESKTOP HD  *****************************/
/***********************************************************************/
@media only screen and (max-width: 1300px) and (min-width: 1261px) {
    .home .container,
    #header  .container,
    #main-menu .container {
        width:1200px;
        margin:0 auto;
        /*background: black;*/
    }

    #header #brand, #header #brand > a {
        margin-right: 100px;
    }





}
/***********************************************************************/
/***************************** DESKTOP HD  *****************************/
/***********************************************************************/




/******************************************************************************/
/*********************************** Media Queries ****************************/
/******************************************************************************/
/* Tablet */

@media only screen and (device-width:768px) {

/*    #logo-hr.logo-hr-excellence {
        display: none;
    }*/

    #header #menu-toggler, .no-svg #header #menu-toggler {
        float: right;
    }
/*    body #main-menu {
        visibility: hidden;
    }*/
    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 {

    }


    /* Language Menu */
    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;
    }
    /* Language Menu */

    /* Perspectives Demografiques menu */
    #main-menu .sn-perspectives {
        /*z-index: 1;*/
        /*right: calc(50% - 120px);*/
        top: 20px;
    }
    /* Perspectives Demografiques menu */


    /*Slider*/
    #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 {

        /*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::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;
    }
/* Slider */



    /*Home area recerca */
    .home-area-recerca {
        width: 100%;
    }

    .home-area-recerca .section-slider-areas .slider-areas {
        padding-top: 24px;
    }





    /*Home area recerca */







    /*Home section studies */
    .home-section-studies {
        width: 100%;
    }

    .home-studies-course {
        width: 50%;
    }
    .home-studies-doctorat {
        width: 50%;
    }
    /*Home section studies */

    /*Home researcher section*/
    .container-home-researcher .sm-hidden {
        display: none;
    }
    .container-home-researcher .home-researcher {
        /*width: 25%;*/
    }
    .container-home-researcher .home-researcher-description {
        width: 50%;
    }

    #main.home .container-home-researcher .home-researcher figure .content-img {
        height: 70px !important;
    }
    /*Home researcher section*/


    /*Home News section*/
    .home-news .home-news-single:nth-child(-n+4)  {
        display: block;
    }
    section.home-news .home-news-single:nth-child(n+5)  {
        display: none;
    }
    /*Home News section*/




    /*Home Twitter section*/
    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;
    }
    /*Home Twitter section*/




    /*Home Perspectives Demogràfiques */
    .container-home-pubs-pers .home-perspectives a {
        margin-top: 30px;
    }
    /*Home Perspectives Demogràfiques */





    /*Home Map */

    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;
    }
    /*Home Map */




    /* Foter */
    /*footer#footer .textos {
        text-align: left;
    }*/
        /* Foter */


    /* Footer menu open*/
   /* body.menu-open .copy {
        bottom: 0px;
        position: absolute;
        width: 100%;
    }*/

    /*logos footer */
    /*#footer .logos-left ul li:first-child {
        margin-right: 30px;
    }
    #footer .logos-right ul li {
        margin-right: 30px;
    }*/
    /*logos footer */

}

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







/***********************************************************************/
/******************************* DESKTOP *******************************/
/***********************************************************************/
@media only screen and (max-width: 1260px) and (min-width: 980px) {
    .home .container,
    #header  .container,
    #main-menu .container {
        width:960px;
        margin:0 auto;
        /*background: red;*/
    }


    /*#header #brand, #header #brand > a {*/
    /*margin-right: 0px;*/
    /*}*/

    /*#menu > li + li {*/
    /*margin-left: 25px;*/
    /*}*/


    #header #brand, #header #brand > a {
        margin-right: 20px;
    }
    #menu > li + li {
        margin-left: 15px;
    }

    #menu > li > a, #menu > li > span {
        /*font-size: 13px !important;*/
    }







    /* Image hover animation */
    #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 */
    .slider-areas li {
        font-size: 15px;
    }
    /* slider areas */

    /* hover slider imagenes */
    #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%;
    }
    /* hover slider imagenes */
}

/***********************************************************************/
/******************************* DESKTOP *******************************/
/***********************************************************************/

@media only screen and (max-width: 1024px) {
    .logo-hr-excellence {
        margin-top: -30px;
        margin-left: -245px;
    }




    /* Image hover animation */
    #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;
    }




    /* hover slider imagenes */
    #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;
    }
    /* hover slider imagenes */



    /* Footer */
    /* to fix recerca section's footer */
    .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 */
    body {
        overflow: hidden;
    }







    /* Image hover animation */
    #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;
    }




    /* hover slider imagenes */
    #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;
    }

    /* hover slider imagenes */


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


    /*#footer .logos-left ul li:first-child {
        margin-right: 20px;
    }
    #footer .logos-right ul li {
        margin-right: 20px;
    }*/

    #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;
    }
}
/**************************************************************************************/
/************************************** MOBILE ****************************************/
/**************************************************************************************/

@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 {
        /* background: url("../img/brand-01.svg") no-repeat; */
    }
    body.home.menu-open #header #brand > a {
        background: url("../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;
    }


    /* Language Menu */
    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;
    }
    /* Language Menu */


    /* Link perspectives */
    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;
    }

    /* Link perspectives */





    body #main.home {
        padding-top: 0px;
    }


    /* Home Slider */

    #main.home #home-slider {
        display: none;
    }

    /* Home Slider */



    /* image overlay */
    .over-img ,
    .over-img-rev {
        display: none;
    }

    /* Areas Slider */
    .home-area-recerca h4:after {
        content: "";
        position: absolute;
        display: block;
        top: 42px;
        right: auto;
        left: 265px;
        width: 11px;
        height: 11px;
        background: url("../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("../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;
    }

    /* Areas Slider */




    /* Home Studies */
    .home-section-studies .home-studies-course,
    .home-section-studies .home-studies-doctorat {
        width: 50%;
    }
    /* Home Studies */




    /* Home Researchers */
    .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;
    }
    /* Home Researchers */






    /* Home Noticias */
    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;
    }
    /* Home Noticias */






    /*Home Twitter section*/
    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;
    }
    /*Home Twitter section*/





    /* Home Ultimas pubs */
    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;
    }
    /* Home Ultimas pubs */




    /* Home perspectives demografiques*/
    .container-home-pubs-pers .home-perspectives a {
        margin-top: 0px;
    }
    /* Home perspectives demografiques*/


    /* Home Map */
    section.container-home-map {
        height: auto;
    }
    section.container-home-map .background-home-map {
        display: none;
    }
    section.container-home-map .home-ced-overview {
        display: none;
    }
/*    section.container-home-map #map {
        display: none;
    }*/
    .container-home-map .home-ced-contact  {
        margin-top: 0px;
    }
    section.container-home-map .home-ced-contact {
        width: 100%;
        text-align: left;
    }
    /* Home Map */

    /* footer */
    #footer {
        bottom: auto !important;
    }

    .copy .container {
        padding-top: 10px;
    }
    /* #footer-push, #footer {
        height: auto !important;
    }
    #footer-push {
        margin-bottom: 40px !important;
    } */

    /*footer#footer .textos {
        text-align: left;
    }
    #footer .logos-left ul li:first-child {
        width: auto;
        margin-right: 10%;
    }
    #footer .logos-left ul li:first-child img {
        width: 120px;
    }


    #footer .logos-left ul li:last-child {
        float: left;
        width: auto;
    }
    #footer .logos-left ul li:last-child img {
        width: 90px;
        float: left;
    }

    #footer-push, #footer {
        height: 220px;
        background-color: #ffffff;
    }
    .home #footer-push {
        margin-top: 100px;
    }*/

    /* Footer */

    /*.copy {
        padding-bottom: 0px;
    }
    .copy span:first-child {
        display: block;
    }
    .copy span:first-child::after {

        position: relative;
        content: '';
        margin-left: 5px;
        margin-right: 10px;

    }*/




    /* Footer menu open*/
    /*body.menu-open .copy {
        bottom: 0px;
        position: absolute;
        width: 100%;
    }*/
}


@media only screen and (max-width: 767px) {
    article.page .page-container #publicacions .publications-list .media-body {
        width: 100%;
        display: block;
    }
}

/*@media (max-width: 430px) {
    #footer {
        bottom: 96px;
    }
    .home #footer-push {
        margin-top: 130px;
    }
    .copy {
        padding-top: 0px;
    }
    #footer-push {
    background-color: #FFFFFF;
}*/


}
/******************************************************************************/
/*********************************** Media Queries ****************************/
/******************************************************************************/

a.tags-arees:link, a.tags-arees:active, a.tags-arees:visited {
    color: #fff;
}

/* mitjans-de-comunicacio */
/* accordeon */
.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;
    }

}

/*
* Main Menu patch responsive font-size
*/
@media only screen and (min-width: 1260px) {
     /* logo */
     #header #brand, #header #brand > a {
         margin-right: 40px;
     }
     /* Menu */
     #menu > li > a, #menu > li > span {
         font-size: 15px !important;
     }
}

@media only screen and (max-width: 1259px) {
     /* Menu */
     #menu > li > a, #menu > li > span {
         font-size: 13px !important;
     }
}

@media only screen and (max-width: 1024px) {
     /* logo */
     #header #brand, #header #brand > a {
         margin-right: 0px;
     }

     /* Menu */
     #menu {
         float: none;
         margin-left: 0.1vw;
     }

     /* footer first logo */
     /* #footer .logos-left:first-child {
         margin-top: -10px !important;
     }
     */
     #footer .logos-left:first-child .textos{
         margin-bottom: 5px;
     }

}

/* taxonomy areas */
@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 first logo */
    #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;
    }
}

/* Close mennu button */
@media only screen and (min-width: 768px) {

    .page-menu-open .page-head .page-menu-toggler {
        display: none !important;
    }

}