/* Generic Tags */

html {}
    body {color:#6c6c6c; font-size:13px; font-family:"Arimo", "Helvetica", "Arial", sans-serif; line-height:1.6em;}
        a {color:#242424; text-decoration:none;}
        a:hover {}
        img {border:none;}
        hr {display:block; height:1px; margin:40px auto; border:none; border-top:1px solid #ebebeb;}
        sup, sub {position:relative; height:0; line-height:1; vertical-align:baseline; _vertical-align:bottom; font-size:0.85em;}
        sup {bottom:1ex;}
        sub {top:.5ex;}

/* Generic Classes */

.clear {clear:both;}
.loading {width:100%; height:100%; background:url(/images/ajax-loader.gif) no-repeat 50% 50%;}
.preload {width:100%; height:100%; display:none;}

/* Structure / Layout */

.super-wrapper {position:relative; width:100%;}
    .wrapper {position:relative; width:1020px; height:100%; margin:0 auto;}
        .sub-wrapper {width:100%; height:100%; padding:0 2.9411765%; box-sizing:border-box;}
            #layout-main-container {overflow:hidden; margin:75px auto;}
            .layout-column-main {}
            .layout-1column {}
            .layout-2columns-left {float:right; width:65.625%; padding-left:3.125%; box-sizing:border-box;}
            .layout-2columns-right {float:left; width:65.625%; padding-left:3.125%; box-sizing:border-box;}
            .layout-3columns {float:left; width:470px; margin:0 20px; background:#efefef;}
            .layout-side-bar {width:31.25%;}
            .layout-side-bar-left {float:left; padding-right:3.125%;}
            .layout-side-bar-right {float:right; padding-left:3.125%;}
        
            .one-half {float:left; width:48.958333%; margin-left:2.0833333%;}
            .one-third {float:left; width:31.25%; margin-left:3.125%;}
            .two-third {float:left; width:65.625%; margin-left:3.125%;}
            .one-forth {float:left; width:23.4375%; margin-left:2.0833333%;}
            .two-forth {float:left; width:48.958333%; margin-left:2.0833333%;}
            .three-forth {float:left; width:74.479167%; margin-left:2.0833333%;}
            .first-half, .first-third, .first-forth {margin-left:0;}
            .full-width {width:100%;}

/* Header */

#header-block {height:105px;}
    #header-block #logo {display:block; width:65.3125%; height:3.5416667%; padding:35px 0 36px; text-indent:-9999px; background:url('/uploads/images/logo.png') left center no-repeat; background-size:contain;}
    
    #search-block {overflow:hidden; position:absolute; top:34px; right:3.125%; font-size:0.9em; color:#747474; border-left:3px solid #DEDEDE;}
        #search-block input {float:left; padding:5px 10px; border:none;}
        #search-block .search-input {}
        #search-block .search-button {width:18px; height:100%; min-height:17px; padding:5px; background:url('/images/ico_maglass.png') 50% 50% no-repeat; cursor:pointer;}
            
    #social-links {position:absolute; top:34px; right:3.125%; font-size:0.9em; color:#747474;}
        #social-links .social-icon {float:left; width:36px; height:36px; margin-right:10px; color:#747474; text-indent:-9999px; background-color:#00aeef; background-repeat:no-repeat; background-position:center center; background-size:50%; border-radius:20px;}
        #social-links .youtube {background-image:url('/images/ico_yt.png');}
        #social-links .linkedin {background-image:url('/images/ico_ld.png');}
        #social-links .twitter {margin-right:0; background-image:url('/images/ico_tw.png');}

/* Navigation */

#menu-block {height:60px; background:url('/images/scaline.png') left top #a49577;}

    #main-navigation {position:relative; font-size:1.1em;}
        #main-navigation .menu {overflow:hidden; padding:15px 0;}
            #main-navigation li {float:left; margin:0 10px 0;}
            #main-navigation li:first-child {margin-left:0;}
            #main-navigation li:last-child {margin-right:0;}
                #main-navigation a {display:block; padding:5px; color:#FFF; text-decoration:none;}
                #main-navigation a.menuactive {font-weight:bold;}
    
    .secondary-navigation {}
        .secondary-navigation a.parent {background:url('/images/arrow_right_white_2.png') right center no-repeat;}
        .secondary-navigation a.parent.menuactive {background-image:url('/images/arrow_bottom_white_2.png')}
        .secondary-navigation a.menuactive {font-weight:bold;}
        .secondary-navigation .menu {}
            .secondary-navigation li {padding:0 8px; background:url('/images/scaline.png') left top #a49577; border-top:1px solid #efefef;}
            .secondary-navigation li:hover {background-color:#b0a080;}
                .secondary-navigation a {display:block; padding:4px 0; color:#FFF;}

    .show-menu {display:none;}

    .menu-projects-list, .menu-training-list {margin-left:10px;}
        .menu-projects-list li, .menu-training-list li {padding-left:15px; border-style:dotted;}

/* Generic classes*/

.reset-list {margin:0; padding:0;}
       
.generic-list {}
   .generic-list li {margin:10px 0 0 0; padding:10px 0 0 0; border-top:1px solid #efefef;}
   .generic-list li:first-child {margin-top:0; padding-top:0; border:none;}
       .generic-list li .generic-date {margin:0 0 3px 0; padding:0 5px 0 0; line-height:0.8em; color:#888; font-size:0.8em; font-weight:bold;}
       .generic-list h4 {line-height:1.6em;}
       .generic-list h4 a {}
       .generic-list h4 a:hover {text-decoration:underline;}
       .generic-list li .generic-summary {clear:both; font-size:0.9em;}
       .generic-list li .generic-summary p:first-child {margin:0;}
       .generic-list li .list-toolbar {font-size:0.75em; color:#7d7d7d; text-transform:uppercase;}
       .generic-list li .list-read-more,
       .generic-list li .list-download {}
       .generic-list li .list-read-more:hover,
       .generic-list li .list-download:hover {}

.generic-form {overflow:hidden;}
       .generic-form div {margin:0 0 3px 0;}
       .generic-form div.required label {font-weight:bold;}
       .generic-form .fb_invalid input,
       .generic-form .fb_invalid textarea {background:#fff url(/images/system-error-alt-02.png) no-repeat right 3px;}
       .generic-form .fb_invalid select {}
       .generic-form label {float:left; width:150px;}
       .generic-form input {}
       .generic-form input,
       .generic-form textarea,
       .generic-form select {width:270px; padding:3px 6px;}
       .generic-form .cms_submit {width:auto;}
           .generic-form .cms_submit:hover {cursor:pointer;}

.generic-table {width:100%; margin-bottom:30px;}
    .generic-table td, .generic-table th {padding:10px;}
    .generic-table thead {color:#FFF; font-size:1.1em; background:url('/images/scaline.png') left top #00aef0;}
        .generic-table th {vertical-align:middle;}
        
        .generic-table tbody th {padding:0 10px; color:#FFF; background:url('/images/scaline.png') left top #00aef0;}
        .generic-table tbody td {border-bottom:1px solid #F5F5F5;}
        .generic-table tbody .even {background:url('/images/scaline_2.png') left top;}

.details-date {
  display: inline-block;
  margin-bottom: 15px;
  padding: 7px 9px 7px 34px;
  color: #FFF;
  font-size: 1.1em;
  font-weight: bold;
  text-transform: uppercase;
  background: url('/images/ico_calendar.png') 9px center no-repeat #313131;
}
.details-summary {padding:10px 0 10px 10px; font-style:italic; margin-left:10px; margin-bottom:20px; border-left:4px solid #f4f4f4;}

.contenttable {padding:5px; border:1px solid #f4f4f4; margin:20px 0;}
    .contenttable td {border-collapse:collpase; border:1px solid #f4f4f4; padding:10px;}

/* Tiny MCE Classes */

.tiny-highlight {margin:30px auto; padding:30px; color:#FFF; font-size:1.8em; font-family:'Ropa Sans'; text-align:center; background:url('/images/scaline.png') left top #00aef0;}
    .tiny-highlight span, .tiny-highlight span img {vertical-align:middle;}
.tiny-contentbox {overflow:hidden; padding:10px 20px; margin:0 0 15px 0; background:#f9f9f9; border:1px solid #efefef;}
.tiny-introduction {color:#3f4040; font-size:1.2em; font-weight:bold;}
.tiny-caption {font-size:0.9em; font-style:italic; color:#666;}
.tiny-quote {padding:10px 20px; margin:0 0 15px 0; font-family:"Georgia"; font-style:italic; font-size:1.2em; line-height:1.8em;background:#f9f9f9; border:1px solid #efefef;}
.tiny-tips {padding:0 0 0 20px; margin:0 0 15px 0; border-left:3px solid #295B98; }
.tiny-footnote {margin-top:30px; padding-top:20px; color:#999; font-size:0.8em; font-style:italic; border-top:1px dotted #DEDEDE;}

/* Content images styling */

.picture-wrapper {width:auto; padding:10px; background:#fff; border:1px solid #eee; box-sizing:border-box;}
    .picture-wrapper img {display:block; width:100%; height:auto; margin:0; padding:0;}
    .picture-wrapper-left {float:left; margin-right:20px;}
    .picture-wrapper-right {float:right; margin-left:20px;}

/* Sidebar */

.side-box {margin:0 0 20px 0;}
   .side-box .view-all {float:right; margin:0 10px 0 0; font-size:0.9em;}
       .side-box-heading {padding:5px 10px; color:#FFF; font-weight:bold; font-size:1.1em; text-transform:uppercase; background:url('/images/scaline.png') left top #00aef0;}
       .side-box-content {overflow:hidden; padding:10px; border:1px solid #efefef;}
           .side-box-content .generic-list li {padding-left:10px; padding-right:10px}

/* Homepage */

#slider-block {width:100%; height:425px; max-height:425px;}
    #slider-block #layerslider {}
        #slider-block .ls-minimal {padding:0; box-shadow:none;}
            #slider-block .left-side, #slider-block .right-side {float:left; box-sizing:border-box !important;}
            #slider-block .left-side {width:74.479166666%; padding-left:30px;}
            #slider-block .right-side {width:23.4375%; margin:10px 0 0 2.083333333%;}
                #slider-block .ls-slide .content {overflow:hidden; background:#313131;}
                    #slider-block .ls-slide .heading {color:#1fb8f1; font-size:2em; font-family:'Ropa Sans'; text-transform:uppercase;}
                    #slider-block .ls-slide .message {color:#cfcece;}
                    #slider-block .ls-slide .read-more {padding:20px 0 20px 70px; color:#00aeef; font-family:'Ropa Sans'; font-size:1.7em; text-transform:uppercase; background:url('/images/arrow_right_blue_2.png') left center no-repeat; background-size:contain;}
                #slider-block .ls-bottom-nav-wrapper {overflow:hidden; position:absolute; bottom:0; width:100%; height:10px; margin:0; background:rgba(0,0,0,.1);}
                    #slider-block .ls-nav-sides {display:none;}
                    #slider-block .ls-bottom-slidebuttons {height:100%;}
                        #slider-block .ls-bottom-slidebuttons a {width:90px; height:100%; margin:0 1px 0 0; padding:0; vertical-align:super; background:rgba(0,0,0,.3);}
                        #slider-block .ls-bottom-slidebuttons .ls-nav-active {background:#313131;}
            #slider-block .ls-nav-prev {display:block; position:absolute; top:50%; left:5px; width:58px; height:58px; margin-top:-29px; background:url('/images/arrow_left_whitelight.png') center center no-repeat;}
            #slider-block .ls-nav-next {display:block; position:absolute; top:50%; right:5px; width:58px; height:58px; margin-top:-29px; background:url('/images/arrow_right_whitelight.png') center center no-repeat;}


#intro-block {background:url('/images/scaline_2.png') left top;}
    #intro-block .sub-wrapper {overflow:hidden; padding:9.375% 2.9411765%;}
        #intro-block .message {float:left; width:65.625%; margin-right:3.125%; padding-top:10px; font-size:1.2em;}
            #intro-block .message a {color:#a49577; font-weight:bold;}
        #intro-block .read-more {float:left; width:31.25%; color:#FFF; font-size:1.7em; text-transform:uppercase; background:url('/images/arrow_right_white.png') 22.666667% center no-repeat #a49577; border-radius:3px;}
            #intro-block .read-more span {display:block; padding:20px 0 20px 38.3333333%; font-family:'Ropa Sans';}

#themes-block {background:url('/images/scaline.png') left top #00aef0;}
    #themes-block .sub-wrapper {overflow:hidden; padding:7.2916667% 2.9411765% 9.375%;}
        #themes-block .blue-block {float:left; width:31.25%; margin-right:3.125%;}
        #themes-block #achievements-block {margin-right:0;}
            #themes-block h2 {padding-top:106px; color:#FFF; font-family:'Ropa Sans'; font-size:2.3em; line-height:1em; text-align:center; text-transform:uppercase; background-position:center top; background-repeat:no-repeat;}
            #themes-block a {color:#FFF;}
            #themes-block #research-block h2 {background-image:url('/uploads/images/ico_lab.png');}
            #themes-block #cement-block h2 {background-image:url('/uploads/images/ico_truck.png');}
            #themes-block #achievements-block h2 {background-image:url('/uploads/images/ico_star.png');}
            #themes-block .content {margin:20px auto 0; padding-top:20px; color:#313131; text-align:center; background:url('/images/white_line.gif') center top no-repeat;}
            #themes-block .read-more {display:block; margin-top:25px; padding-top:19px; font-size:1.6em; font-family:'Ropa Sans'; text-align:center; text-transform:uppercase; background:url('/images/arrow_bottom_white.png') center top no-repeat;}

#news-block {background:url('/images/scaline_2.png') left top;}
    #news-block .sub-wrapper {padding:8.3333333% 2.9411765% 2.9411765%;}
        #news-block h2 {margin-bottom:40px; padding-bottom:25px; color:#313131; font-size:3em; font-family:'Ropa Sans'; line-height:1em; text-transform:uppercase; background:url('/images/grey_line.gif') left bottom no-repeat;}
        #news-block .news-list {margin-bottom:30px;}
        #news-block .view-all {color:#313131; text-transform:uppercase; text-decoration:underline;}

#videos-block {background:url('/images/scaline.png') left top #a49577;}
    #videos-block .sub-wrapper {padding:6.25% 2.9411765% 7.8125%;}
        #videos-block h2 {margin-bottom:40px; padding-bottom:25px; color:#fff; font-size:3em; font-family:'Ropa Sans'; line-height:1em; text-transform:uppercase; text-align:center; background:url('/images/white_line.gif') center bottom no-repeat;}
        #videos-block .intro {color:#FFF; font-size:1.5em; text-align:center;}
        #videos-block .videos-block {overflow:hidden; height:auto; max-height:385px; margin-top:50px;}    
            #videos-block .left-side {float:left; width:65.625%;}
            #videos-block .right-side {float:right; width:34.375%; padding:10px 10px 10px 20px; background:#FFF; box-sizing:border-box;}
                #videos-block li {height:auto; max-height:105.6666667px; margin-top:23px;}
                #videos-block li:first-child {margin-top:0;}
                    #videos-block .tab-panel {overflow:hidden; display:block; width:100%; height:auto;}
                        #videos-block .heading, #videos-block .description {float:left; width:63.333333%; margin-right:6.6666667%;}
                        #videos-block .heading {margin:10px auto 5px; color:#494747; font-weight:bold; font-size:1.1em; line-height:1.2em;}
                        #videos-block .description {color:#797979; font-size:0.9em; line-height:1.3em;}
                        #videos-block .thumbnail {float:right; width:30%; height:100%; background-position:center center; background-size:cover;}
                            #videos-block .thumbnail img {display:block; visibility:hidden; width:100%; height:100%;}

#partners-block {}
    #partners-block .sub-wrapper {position:relative; padding:8.3333333% 2.9411765% 9.375%;}
        #partners-block h2 {margin-bottom:40px; padding-bottom:25px; color:#313131; font-size:3em; font-family:'Ropa Sans'; line-height:1em; text-transform:uppercase; background:url('/images/grey_line.gif') left bottom no-repeat;}
        #partners-block .jcarousel-nav {position:relative; width:100%;}
            #partners-block .jcarousel-nav a {display:block; position:absolute; top:-8px; width:58px; height:58px; text-indent:-9999px; background-position:center center;}
            #partners-block .jcarousel-prev {left:210px; background-image:url('/images/arrow_left_greylight.png');}
            #partners-block .jcarousel-next {left:277px; background-image:url('/images/arrow_right_greylight.png');}
                #partners-block .panel {height:110px; text-align:center; background:url('/images/dot_grey.gif') right top repeat-y;}
                #partners-block .panel:last-child {background:none;}
                    /*#partners-block .link {display:block; margin:0 auto;}*/
                    #partners-block .panel:before {content:' '; display:inline-block; height: 100%; vertical-align:middle;}
                    #partners-block .link {display:inline-block; vertical-align: middle;}

/* Content */ 

.gdpr-subsub {
    color: #00aeef;
    font-weight: bold;
}
.gdpr h3 {
    border-top: 1px solid #ccc;
    margin-top: 35px;
    padding-top: 15px;
}
.privacy-policy h2 {
    border-top: 1px solid #cccccc;
    padding-top: 15px;
    margin-top: 35px;
}
.privacy-policy ul.content-list li ul li {
    padding: 0 0 0 30px !important;
}
.cookies-policy-tab {
    border: 1px solid #cccccc;
    border-collapse: collapse;
}
.cookies-policy-tab td {
    padding: 20px;
    vertical-align: top;
}

.inside-content {line-height:1.8em;}
    
    .inside-content h2, .inside-content h3 {font-family:'Ropa Sans';}
    .inside-content h2 {margin:20px auto 10px; color:#a49577; font-size:1.8em;}
    .inside-content h3 {margin-bottom:10px; color:#00aeef; font-size:1.4em;}
    .inside-content p {margin-bottom:15px;}

    .content-list {margin-bottom:30px; padding:0 0 0 10px;}
       .content-list li {margin-top:10px; padding-left:30px; background:url('/images/arrow_right_blue.png') no-repeat left top; box-sizing:border-box;}
    .inside-content  ol {list-style-type:decimal; padding-left:45px;}
        .inside-content ol li {}

   .article-footer {overflow:hidden; padding:10px 0 0 0; border-top:1px dashed #efefef; font-size:0.8em; text-transform:uppercase;}
   .article-date {float:left;}    
   .article-summary {padding:0 0 0 20px; border-left:1px solid #efefef; font-style:italic;}
   .article-body {}
   .article-attachement {float:right;}
       .article-attachement a {padding:3px 0 2px 20px; background-repeat:no-repeat;}

    #banners {overflow:hidden; height:265px;}
        #banners .banner {position:absolute; width:100%; height:100%; text-indent:-9999px; background-position:center center; background-size:cover; background-repeat:no-repeat;}
        #banners .breadcrumb {display:block; position:absolute; bottom:10px; right:2.9411765%; padding:15px 30px; color:#959595; font-family:'Ropa Sans'; font-size:1.1em; text-transform:uppercase; background:#313131;}
            #banners .breadcrumb a {color:#959595;}
        #banners .border {position:absolute; left:0; bottom:0; width:100%; height:10px; background:rgba(0,0,0,.1);}

    #sub-header {font-family:'Ropa Sans'; margin-bottom:20px; padding-bottom:20px; border-bottom:5px solid #00aeef}
        #sub-header h1 {color:#313131; font-size:2.8em; line-height:1em;}
        #sub-header .sub-title {display:block; margin-top:25px; padding-top:25px; color:#00aeef; font-size:2em; line-height:1.1em; background:url('/images/grey_line.gif') left top no-repeat;}
    
    .sub-heading {font-family:'Ropa Sans'; margin-bottom:20px; padding-bottom:20px; border-bottom:5px solid #00aeef}
        .sub-heading h1 {color:#313131; font-size:2.8em; line-height:1em;}
        .sub-heading .sub-title {display:block; margin-top:25px; padding-top:25px; color:#00aeef; font-size:2em; line-height:1.1em; background:url('/images/grey_line.gif') left top no-repeat;}
    
    .mc-projects-list {}
        .mc-projects-list > li, .partner-projects-list > li, .courses-list > li, .resources-list > li {padding:20px; border-top:1px solid #F5F5F5;}
        .mc-projects-list > li:first-child, .partner-projects-list > li:first-child, .courses-list > li:first-child, .resources-list > li:first-child {border-top:none;}
        .mc-projects-list > li > h4::before, .courses-list > li > h4::before {content:'\ffeb'; padding-right:5px; font-size:1.2em; font-weight:bold; color:#333;}
        .mc-projects-list .even, .partner-projects-list .even, .courses-list .even, .resources-list .even {background:url('/images/scaline_2.png') left top;}
            .mc-projects-list .heading, .partner-projects-list .heading, .courses-list .heading, .resources-list .heading {font-size:1.3em; font-family:'Ropa Sans';}
            .mc-projects-list .partners, .mc-projects-list .objectives, .partner-projects-list .objectives {overflow:hidden;}
                .mc-projects-list .partners .title, .mc-projects-list .objectives .title {font-weight:bold;}

    .projects-publications-list {}
        .publication-tabs .ui-tabs-nav {overflow:hidden; margin-bottom:20px; background:url('/images/scaline_2.png') left top; border:1px solid #EFEFEF;}
            .publication-tabs .ui-tabs-nav > li {float:left; padding:10px; border-left:1px solid #EFEFEF;}
            .publication-tabs .ui-tabs-nav > li:first-child {border:none;}
            .publication-tabs .ui-tabs-active {font-size:bold; background:url('/images/scaline.png') left top #00aef0;}
                .publication-tabs .ui-tabs-active a {color:#FFF;}
    
    .partner-projects-detail {}
        .partner-projects-detail .intro {overflow:hidden; margin-bottom:20px; padding:20px; background:url('/images/scaline_2.png') left top;}
                .partner-projects-detail .thumbnail {display:block; width:100%;}
                .partner-projects-detail .heading {margin:0; vertical-align:middle; line-height:1.2em;}
                    .partner-projects-detail .heading span {vertical-align:middle;}
            .partner-projects-detail .info {overflow:hidden; margin-top:10px; padding-top:10px; border-top:1px dotted #DEDEDE;}
                .partner-projects-detail .link {float:left;}
                .partner-projects-detail .document {float:right;}

    .courses-list {}
        .courses-list .date {display:block;}

    .courses-detail {}
        .courses-detail .heading {display:block; margin-bottom:10px; padding-bottom:10px; color:#a49577; font-size:1.4em; border-bottom:1px dotted #DEDEDE;}
        .courses-detail .content {margin-bottom:40px;}

    .fellows-list {}
        .fellows-list li {overflow:hidden; padding:30px 0; border-top:1px dotted #EFEFEF;}
        .fellows-list li:first-child {padding-top:0; border-top:none;}
        .fellows-list li:last-child {padding-bottom:0;}
            .fellows-list .thumbnail-wrapper {overflow:hidden; height:141px; border-radius:50%;}
                .fellows-list .thumbnail {display:block; width:100%; height:100%; text-indent:-9999px; background-position:center center; background-size:cover;}
            .fellows-list h4 {color:#a49577; font-size:1.2em;}
            .fellows-list .project {display:block; margin-top:10px;}

    .careers-list {overflow:hidden;}
        .careers-list li {margin-bottom:40px; padding:5px 0 5px 40px; background:url('/images/ico_person.png') 15px 5px no-repeat; border-left:5px solid #DEDEDE; box-sizing:border-box;}
        .careers-list .first-forth {clear:left; border:none;}
            .careers-list .date {font-weight:bold;}
    
    .calendar-tabs {}
        .calendar-tabs .ui-tabs-nav {overflow:hidden; margin-bottom:20px; background:url('/images/scaline_2.png') left top; border:1px solid #EFEFEF;}
            .calendar-tabs .ui-tabs-nav > li {float:left; padding:10px; border-left:1px solid #EFEFEF;}
            .calendar-tabs .ui-tabs-nav > li:first-child {border:none;}
            .calendar-tabs .ui-tabs-active {font-size:bold; background:url('/images/scaline.png') left top #00aef0;}
                .calendar-tabs .ui-tabs-active a {color:#FFF;}
    
        .events-list {overflow:hidden;}
            .events-list li {margin-bottom:20px;}
            .events-list .first-third {clear:left;}
                .events-list .date {display:block;}
                .events-list .title {display:block; font-weight:bold;}
                .events-list .location {display:block;}
                .events-list .ical-link {font-size:0.9em;}
                .events-list .ical-link:before {content:'\2192'; margin-right:5px; font-size:1.5em;}
    
    .news-list {overflow:hidden;}
        .news-list li {float:left; width:31.25%; margin:0 0 30px 3.125%;}
        .news-list .break-child {clear:left; margin-left:0;}
            .news-list .date {display:inline-block; margin-bottom:15px; padding:7px 9px 7px 34px; color:#FFF; font-size:1.1em; font-weight:bold; text-transform:uppercase; background:url('/images/ico_calendar.png') 9px center no-repeat #313131;}
            .news-list .heading {margin-bottom:10px; color:#3f4040; font-size:1.3em;}
            .news-list .read-more, .news-list .excerpt-read-more {color:#313131; font-size:0.9em; text-transform:uppercase;}

    .related-news-list li {float:none; width:100%; margin:20px auto 0;}
    .related-news-list li:first-child {margin-top:0;}
    
    .members-block h2 {margin:40px auto 20px;}
    .members-list {overflow:hidden;}
        .members-list .panel {height:140px; margin-top:10px; margin-bottom:10px; text-align:center; border:1px solid #EFEFEF; box-sizing:border-box;}
        .members-list .panel:before {content:' '; display:inline-block; width:0; height:inherit; vertical-align:middle;}
        .members-list .one-half {float:left;}
        .members-list .one-third {float:left;}
        .members-list .one-forth {float:left;}
        .members-list .first-half, .members-list .first-third, .members-list .first-forth {margin-left:0;}
            .members-list .link {display:inline-block; vertical-align:middle;}
                .members-list .thumbnail {display:block; width:100%;}
    
    .projects-detail {}
        .projects-detail .row {margin-bottom:20px; padding:5px 0 5px 50px;}
            .projects-detail .heading {display:block; margin-bottom:10px; color:#a49577; font-size:1.4em;}
        .projects-detail .date {background:url('/images/ico_clock.png') left top no-repeat;}
        .projects-detail .finished {background:url('/images/ico_check.png') left top no-repeat;}
        .projects-detail .on_going {background:url('/images/ico_plus.png') left top no-repeat;}
        .projects-detail .authors {background:url('/images/ico_person_brown.png') left top no-repeat;}
        .projects-detail .objectives {background:url('/images/ico_target.png') left top no-repeat;}
        .projects-detail .link {background:url('/images/ico_globe_brown.png') left top no-repeat;}
        .projects-detail .document {background:url('/images/ico_document.png') left top no-repeat;}
        .projects-detail .results {background:url('/images/ico_star_brown.png') left top no-repeat;}
        .projects-detail .activities {background:url('/images/ico_eye.png') left top no-repeat;}
        .projects-detail .publications {background:url('/images/ico_folder.png') left top no-repeat;}
        .projects-detail .document {background:url('/images/ico_doc.png') 5px top no-repeat;}

    .event-detail {overflow:hidden;}
    .event-detail.seperate-blocks {background:url('/images/dot_grey.gif') 31.25% top repeat-y;}
        .event-detail .type {font-size:1.2em;}

    .videos-list {overflow:hidden;}
        .videos-list li {margin-bottom:40px;}
        .videos-list .first-half {clear:left;}
            .videos-list img {display:block; width:100%; padding:10px; border:1px solid #EFEFEF; border-bottom:none; box-sizing:border-box;}
            .videos-list .heading {display:block; margin-top:1px; padding:5px; color:#FFF; background:#a49577;} 

    .resources-list li {overflow:hidden;}
        .resources-list .left-side, .resources-list .right-side {float:left; box-sizing:border-box;}
        .resources-list .left-side {width:17.857142857%; margin-right:5.357142857%; border:1px solid #a49577;}
            .resources-list .left-side img {display:block; width:100%; height:auto;}
        .resources-list .right-side {width:76.785714285%;}
            .resources-list .metas {margin-top:10px; padding-top:5px; font-size:0.8em; text-transform:uppercase; border-top:1px dotted #CCC;}
                .resources-list .document::before, .resources-list .link::before {content:'|'; color:; padding:0 6px 0 4px;}
                .resources-list .document2, .resources-list .link::before {padding:0 6px 0 4px;}

    .related-resources-list li {margin:10px auto 0; padding:20px 0 10px;}
    .related-resources-list li:first-child {margin:0; padding-top:10px;}
        .related-resources-list .info {font-size:0.9em;}
            .related-resources-list .read-more:before, .related-resources-list .document:before {content:'-'; padding:0 5px 0 2px;}

    .bottom-navigation {overflow:hidden; margin:20px 0 0 0; padding-top:10px; font-size:0.9em; border-top:1px solid #EFEFEF;}
        .bottom-navigation .go-back {float:left; margin:0; padding:0; border:none;}
        
        .pager {float:right;}
            .pager li, .js-pager a {float:left; padding:0 5px; border-left:1px solid #dbdbdb; font-weight:bold;}
            .pager li:first-child, .js-pager a:first-child {border:none;}
            .pager li a {font-weight:normal;}
            .pager li.previous a {}
            .pager li.next a {}
   
   .popup-content {overflow:hidden; padding:20px 10px;}
   .popup-content p,
   .popup-content ul,
   .popup-content ol,
   .popup-content h2,
   .popup-content h3 {margin:0 0 15px 0;}

   .search-results {}
   .search-results li {}
   .search-results li h3 {}
   .search-results li.odd {}
   .search-results li.even {}
   .search-results li a {}
   .search-results li .weight {}
   
/* Footer */

#footer {background:#313131; border-top:7px solid #00aeef;}
    #footer .sub-wrapper {overflow:hidden; padding:6.25% 3.125%;}
        #footer .footer-block {float:left; width:23.4375%; margin-left:2.0833333%;}
        #footer #footer-events {margin-left:0;}
            .footer-block h3 {margin-bottom:30px; color:#00aeef; font-size:2.1em; font-weight:300; font-family:"Ropa Sans"; text-transform:uppercase;}
            
            #footer-events li, #footer-positions li {margin-top:30px;}
            #footer-events li:first-child {margin-top:0;}
                #footer-events .date, #footer-positions .date {display:block; margin-bottom:10px; padding-left:25px; color:#aaaaaa; font-size:0.9em; font-weight:bold; line-height:1.4em;}
                #footer-events .date {background:url('/images/ico_calendar_2.png') left center no-repeat;}
                #footer-positions .date {background:url('/images/ico_person.png') left center no-repeat;}
                #footer-events .heading, #footer-positions .heading {font-size:1em;}
                    #footer-events .heading a, #footer-positions .heading a {color:#FFF;}
                #footer-events .excerpt-read-more {color:#00aeef; font-size:0.8em; text-transform:uppercase;}
            #footer-events .view-all {float:left; margin-top:5px; padding-left:20px; color:#FFF; text-transform:uppercase; font-size:0.8em; background:url('/images/arrow_right_white_3.png') left 2px no-repeat;}
            
            #footer-links li {margin:9px auto; padding:5px 0 5px 35px; background:url('/images/arrow_right_blue.png') left center no-repeat;}
            #footer-links li:first-child {margin-top:0;}
            #footer-links li:last-child {margin-bottom:0;}
                #footer-links a {color:#FFF; font-size:1.1em;}
            
            #footer-partnerships h4 {color:#FFF; font-family:'Ropa Sans'; font-size:1.2em;}
            #footer-partnerships .read-more {display:block; margin-top:25px; padding:20px 0 20px 33.333333%; color:#FFF; font-size:1.5em; text-transform:uppercase; font-family:'Ropa Sans'; background:url('/images/arrow_right_white.png') 11.111111% center no-repeat #00aeef; border-radius:2px; box-sizing:border-box;}
    
    #footer-info {background:#212121;}
        #footer-info .sub-wrapper {overflow:hidden; padding: 10px 3.125%; color:#FFF;}
            #footer-info .sub-wrapper a {color:#FFF;}

/* 
    CSS Media Queries
*/

@media screen and (max-width: 1024px) {
    .wrapper {width:1020px}
}

@media screen and (max-width: 900px) {
    .wrapper {width:100%;}
        
        #menu-block {height:auto; background:none;}
            #menu-block .show-menu {display:block; margin-bottom:10px; padding:5px 10px; color:#FFF; font-size:1.2em; font-weight:bold; background:url('/images/scaline.png') left top #a49577;}
            #menu-block .menu {display:none;}
                #main-navigation li {float:none; margin:1px auto 0; font-size:1.2em; background:url('/images/scaline.png') left top #a49577; border-radius:3px;}
                #main-navigation li:first-child {margin-top:0;}
}

@media screen and (max-width: 768px) {
        
        #slider-block {display:none;}
}

@media screen and (max-width: 600px) {
        
        #header-block #logo {width:100%; text-align:center;}
        
        #search-block {position:static;}

        #slider-block {display:none;}
        
        #themes-block .blue-block, #footer .footer-block {float:none; width:100%; margin:0 0 20px; padding-bottom:20px; border-bottom:1px dashed #FFF;}
        #themes-block #achievements-block, #footer #footer-partnerships {margin-bottom:0; padding-bottom:0; border-bottom:none;}
}

@media screen and (max-width: 480px) {
    
        #layout-main-container {margin-bottom:30px;}
        .layout-2columns-left, .layout-2columns-right, .layout-3columns, .layout-side-bar {float:none; width:100%; margin:0; padding:0;}
    
        .secondary-navigation .show-menu {display:block; margin-bottom:10px; padding:5px 10px; color:#FFF; font-size:1.2em; font-weight:bold; background:url('/images/scaline.png') left top #a49577;}
        .secondary-navigation .menu {display:none;}
    
        #slider-block {display:none;}
        
        #videos-block .left-side {float:none; width:100%; max-height:200px;}
        #videos-block .right-side {display:none;}
        
        #partners-block .jcarousel-prev {left:inherit; right:65px;}
        #partners-block .jcarousel-next {left:inherit; right:0;}
        #partners-block .panel {background:none;}
        
        .one-third, .two-third, .one-forth, .two-forth, .three-forth {float:none; width:100%; margin:20px auto; padding:0;}
}
@media screen and (min-width: 327px) and (max-width: 480px) {
    /*
    #footer .footer-block {width:48.958333%;}
        #footer .footer-block:nth-of-type(3) {clear:left; margin-left:0;}
        #footer-links, #footer-partnerships {margin-top:20px; padding-top:20px; border-top:1px dashed #FFF;}
    */
}

@media screen and (max-width: 320px) {
        #header-block #logo {width:100%;}
        #social-links {position:static; text-align:center;}
            #social-links .social-icon {width:20px; height:20px;}
        
        #slider-block {display:none;}
        
        #intro-block .message {display:block; float:none; width:100%; margin-bottom:20px;}
        #intro-block .read-more {display:block; float:none; width:100%;}

        .news-list li {float:none; width:100%; margin:20px auto;}
        .news-list li:first-child {margin-top:0;}
}
/* Stylesheet: style.css Modified On 2018-06-27 11:55:09 */