/******************************************
 * GENERAL
 ******************************************/
* {
    box-sizing: border-box;
}
html {
    scroll-behavior: smooth;
}
.page-footer  i.fa-external-link,
.page-footer  i.fa-lock {
    font-size:12px
}
.page-footer .bottom-links i.fa-external-link {
    font-size:10px
}
h1, h2, h3 {
    color: #212121
}
a {
    border-bottom: none;
}
a:hover {
    border-bottom: 1px solid  #1E64C8
}
.standalone-link {
    display: inline !important
}
.breadcrumb a {
    color: #1E64C8 !important;
    border-bottom: none !important
}
.breadcrumb a:hover {
    border-bottom: 1px solid  #1E64C8 !important
}
.btn {
    box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
}
.btn:hover {
    border:none
}
.hr-section-header {
    width: 100%;
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
.my-btn {
    border: 2px solid #1E64C8;
    padding:15px 20px;
    color: #1E64C8;
    font-family: 'PannoTextMedium', Arial, sans-serif;
}
.my-btn:hover {
    background-color: #174e9b;
    border: 1.5px solid #174e9b;
    color: #ffffff;
}
.my-btn:hover i {
    color: #ffffff;
}
ul.no-arrow-bullets li:before {
    content: none
}


/******************************************
 * SKELETON BOX
 * https://codepen.io/maoberlehner/pen/bQGZYB
 ******************************************/
.skeleton-box {
    display: inline-block;
    height: 1em;
    position: relative;
    overflow: hidden;
    background-color: #eeeeee;
}
.skeleton-box::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateX(-100%);
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.6) 60%, rgba(255, 255, 255, 0));
    -webkit-animation: shimmer 5s infinite;
    animation: shimmer 3s infinite;
    content: "";
}
@-webkit-keyframes shimmer {
    100% {
        transform: translateX(100%);
    }
}
@keyframes shimmer {
    100% {
        transform: translateX(100%);
    }
}
.blog-post__headline {
    font-size: 1.25em;
    font-weight: bold;
}
.blog-post__meta {
    font-size: 0.85em;
    color: #6b6b6b;
}
.o-media {
    display: flex;
}
.o-media__body {
    flex-grow: 1;
    margin-left: 1em;
}
.o-media.list .o-media__body {
    margin-left: 0;
}
.o-vertical-spacing {
    padding-left: 0
}
.o-vertical-spacing > * + * {
    margin-top: 0.75em;
}
.o-vertical-spacing--l > * + * {
    margin-top: 2em;
}


/******************************************
 * HEADER
 ******************************************/
.pageheader h1 {
    font-size:32px;
    margin-top:20px
}
@media (max-width: 767px) {
    .pageheader h1 {
        display:none
    }
}
.pageheader h1 a {
    color: #fff
}


/******************************************
 * BREADCRUMBS
 ******************************************/
.breadcrumb .home {
    display:none
}
@media (max-width: 767px) {
    .breadcrumb .home {
        display:inline
    }
}

/******************************************
 * MAIN TITLE
 ******************************************/
.content-header {
    display:block;
}
@media (max-width: 767px) {
    .content-header {
        display:none
    }
}


/***************************************
 * SUB SITE
 ***************************************/
.sub-site {
    margin-bottom: 75px
}
.sub-site p {
    font-size:20px;
    margin-bottom: 15px;
    text-wrap:pretty;
}
.sub-site li {
    font-size:20px;
}
.sub-site ul.menu li,
.sub-site ol.breadcrumb li {
    font-size:18px;
}
.sub-site .content-wrap img {
    margin: 25px 0 35px 0;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}
.sub-site h2 {
    font-size:28px
}
.sub-site h4 {
    font-size:24px;
    text-transform: none
}
.sub-site .anchor-top {
    text-align: right;
    font-size:15px;
    border-bottom: 1px solid #dddddd;
    margin: 25px 0;
    padding-bottom: 5px;
}
.sub-site .hero {
    height:360px;
    box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;
    margin-bottom:50px;
}
.sub-site .hero img {
    margin: 0
}
.sub-site .hero .content-wrap {
    height:100%;
    padding:40px;
    background-color: #E0E6F2
}
.sub-site .hero .content-wrap h6 {
    font-size:16px;
    margin-bottom:25px
}
.sub-site .hero .content-wrap p {
    font-size:20px;
    text-wrap:pretty;
}
.sub-site .hero .swiper-container-wrap {
    height:100%;
    padding:0
}
.sub-site .hero swiper-container {
    width:100%;
    height:100%
}

/******************************************
 * HOME
 ******************************************/
.home .mobile-site-title {
    display:none;
}
@media (max-width: 767px) {
    .home .mobile-site-title {
        display:block;
        margin-top:15px;
        background-color: #1E64C8;
        color:#ffffff;
        font-size:32px;
        padding:20px 25px;
        border-bottom:1px solid #eeeeee;
        font-family: 'PannoTextMedium', Arial, sans-serif;
    }
}
.home .hero .bg-tertiary {
    background-color:#2D8CA8;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
}
.home .hero .bg-tertiary .linklist-wrap {
    padding:15px 25px
}
.home .hero .bg-tertiary h2 {
    color:#fff;
    font-size:30px
}
.home .hero .bg-tertiary .linklist li {
    font-size: 20px;
    line-height:100%;
    padding: 1px 0
}
.home .hero .bg-tertiary .linklist li a,
.home .hero .bg-tertiary h2 a {
    color: #fff;
}
.home .hero .bg-tertiary h2 a:hover {
    border-color: #fff
}
.home .hero .bg-tertiary .linklist li a:hover {
    border-color: #fff
}
.home .hero .bg-tertiary .linklist li:before {
    color: #fff
}
.home .hero .display {
    background-color:#2D8CA8;
}
.home .hero .display a {
    color:#ffffff
}
.home .hero .display a:hover {
    border-color:#ffffff
}
.home .hero .display svg {
    float:right;
    margin-top:-15px;
    margin-bottom:10px;
    width:40px;
    height:40px
}

.home .featured {
    margin-bottom:25px
}
.home .featured .swiper-slide {
    padding-bottom:40px;
}
.home .featured .swiper-slide h2 {
    font-size:38px
}
.home .featured .swiper-slide .more:hover {
    border-bottom:1px solid #ffffff
}
.home .featured .swiper-slide .bg-image-container {
    background-repeat: no-repeat;
    background-position: center;
}


.home .news-events {
    min-height:475px
}
.home .news-events .news-skeleton-container {
    min-height:280px
}
.home .news-events h2 {
    font-size:32px;
    margin-bottom:25px
}
.home .news-wrap {
    padding-right:25px
}
.home .news-events .newsitem.first,
.home .news-events .newsitem.first i {
    font-size:20px;
}
.home .news-events .newsitem.first .date {
    margin-top: -5px;
}
.home .news-events .newsitem h3 {
    font-size:20px;
    line-height: 115%
}
.home .news-events .newsitem a {
    font-size:20px;
    font-family: 'PannoTextMedium', Arial, sans-serif;
}
.home .news-events .newsitem .line-clamp {
    margin-top:5px;
    margin-bottom:10px;
    display : block;
    display: -webkit-box;
    -webkit-box-orient : vertical;
    position : relative;
    overflow : hidden;
    text-overflow : ellipsis;
    padding : 0 !important;
}
.home .news-events .newsitem .line-clamp-2 {
    -webkit-line-clamp : 2;
}
.home .news-events .table-newsoverview {
    width: 100%;
    margin-top: 35px;
    margin-bottom: 25px;
    font-size:19px;
}
.home .news-events .table-newsoverview .title {
    width:100%;
}
.home .news-events .table-newsoverview .title a {
    width:100%;
    color: #1E64C8
}
.home .news-events .table-newsoverview .title.line-clamp {
    display : block;
    display: -webkit-box;
    -webkit-box-orient : vertical;
    position : relative;
    overflow : hidden;
    text-overflow : ellipsis;
    padding : 0 !important;
    margin-top:0
}
.home .news-events .table-newsoverview .title.line-clamp-1 {
    -webkit-line-clamp : 1;
}
.home .news-events .events-wrap .items-wrap .title {
    font-size:20px;
    line-height:90%;
    font-family: 'PannoTextMedium', Arial, sans-serif;
}
.home .news-events .events-wrap .items-wrap .location {
    font-size:20px;
    margin-top: 3px
}
.home .news-events .quote-container {
    margin-top: -10px;
    position: relative;
}
.home .news-events .note {
    color: #333;
    position: relative;
    width: 350px;
    height:300px;
    margin: 0 auto;
    padding: 60px 40px 40px 40px;
    font-size: 20px;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
}
.home .news-events .bg {
    background: #ffffff;
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    transform: rotate(2deg);
}
.home .news-events .pin {
    background-color: #aaa;
    display: block;
    height: 32px;
    width: 2px;
    position: absolute;
    left: 50%;
    top: -16px;
    z-index: 1;
}
.home .news-events .pin:after {
    background-color: #1E64C8;
    background-image: radial-gradient(25% 25%, circle, hsla(0,0%,100%,.3), hsla(0,0%,0%,.3));
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px hsla(0,0%,0%,.1), inset 3px 3px 3px hsla(0,0%,100%,.2), inset -3px -3px 3px hsla(0,0%,0%,.2), 23px 20px 3px hsla(0,0%,0%,.15);
    content: '';
    height: 12px;
    left: -5px;
    position: absolute;
    top: -10px;
    width: 12px;
}
.home .news-events .pin:before {
    background-color: hsla(0,0%,0%,0.1);
    box-shadow: 0 0 .25em hsla(0,0%,0%,.1);
    content: '';
    height: 24px;
    width: 2px;
    left: 0;
    position: absolute;
    top: 8px;
    transform: rotate(57.5deg);
    -moz-transform: rotate(57.5deg);
    -webkit-transform: rotate(57.5deg);
    -o-transform: rotate(57.5deg);
    -ms-transform: rotate(57.5deg);
    transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
}
.home .news-events .btn-primary {
    font-size:20px
}
.home .news-events .btn-primary i {
    font-size:20px
}
@media (min-width: 1300px) or (max-width: 991px) {
    .home .news-wrap,
    .home .events-wrap {
        margin-bottom:50px
    }
}

.home .about {
    margin-top:75px;
    padding-left:50px
}
@media (max-width: 767px) {
    .home .about {
        margin-top:50px;
        padding: 0 10px
    }
}
.home .about .content {
    font-size:24px
}
.home .about .content .label-wrap {
    margin-bottom:15px
}
.home .about .content .label-wrap span {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius:3px;
    background-color:#2D8CA8;
    color:#ffffff;
    font-size:15px;
    padding:5px 10px;
}
.home .about .content p {
    text-wrap:pretty;
    margin-bottom:25px
}
.home .about .content p.accent {
    font-family: 'PannoTextSemiBold', Arial, sans-serif;
    color:#6a6a6a;
}
.home .about .box {
    border-radius:10px;
    background-image: linear-gradient(to top, #dfe9f3 0%, white 100%);
    padding:50px 35px;
    font-size:24px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.home .about .box .icon-wrap {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    margin: 0 5px 0 0;
    float:left;
    border-radius:50%;
    width:40px;
    height:40px;
    background-color:#2D8CA8;
    padding:8px
}
.home .about .box .icon-wrap svg {
    width: 24px;
    height: 24px
}
.home .about .box .icon-wrap svg path {
    fill: #ffffff
}
.home .about .box .text-wrap {
    padding-left:70px;
}
.home .about .box hr.hr-section-header {
    margin: 40px 0
}
@media (max-width: 991px) {
    .home .about .box .icon-wrap {
        display:none;
    }
    .home .about .box .text-wrap {
        padding-left:0;
    }
}
@media (max-width: 767px) {
    .home .about {
        padding-left:10px
    }
    .home .about .box {
        padding: 30px
    }
}

.home .core-activities-wrap {
    border-radius:0;
    margin-top:50px;
    background-color:#e9f0fa;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.home .core-activities-wrap .research {
    padding:100px 75px 50px 75px
}
.home .core-activities-wrap .research .col-xs-12 {
    padding-right:50px
}
.home .core-activities-wrap .research swiper-container {
    box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
}
@media (max-width: 991px) {
    .home .core-activities-wrap .research {
        padding:75px 50px
    }
    .home .core-activities-wrap .research swiper-container {
        display:none;
    }
}
@media (max-width: 767px) {
    .home .core-activities-wrap .research {
        padding:40px 15px 35px 15px
    }
}
.home .core-activities-wrap .research swiper-container img {
    border-radius:5px
}
.home .core-activities-wrap .research .swiper-slide .caption {
    font-family: 'PannoTextMedium', Arial, sans-serif;
    position:absolute;
    right:0;
    bottom:0;
    color:#ffffff;
    text-shadow: 2px -1px 2px rgba(0,0,0,0.6);
    padding:15px 20px;
    font-size:42px
}
.home .core-activities-wrap .research .content {
    padding: 0 0 0 15px;
    text-align:left;
    font-size:24px
}
.home .core-activities-wrap .research .content .label-wrap {
    margin-bottom:15px
}
.home .core-activities-wrap .research .content .label-wrap span {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius:3px;
    background-color:#2D8CA8;
    color:#ffffff;
    font-size:15px;
    padding:5px 10px;
}
.home .core-activities-wrap .research .content p {
    text-wrap:pretty;
    margin-bottom:25px
}
.home .core-activities-wrap .research .content p.accent {
    font-family: 'PannoTextSemiBold', Arial, sans-serif;
    color:#6a6a6a;
}
.home .core-activities-wrap .research .content .link-wrap {
    height:45px
}
.home .core-activities-wrap .research .content .icon-wrap {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    margin: 0;
    float:left;
    border-radius:25%;
    width:30px;
    height:30px;
    background-color:#1E64C8;
    padding:2.5px 5px
}
.home .core-activities-wrap .research .content .icon-wrap svg {
    width: 20px;
    height: 20px
}
.home .core-activities-wrap .research .content .icon-wrap svg path {
    fill: #ffffff
}
.home .core-activities-wrap .research .content .text-wrap {
    padding-left:40px;
}
.home .core-activities-wrap .research .content .text-wrap a {
    font-family: 'PannoTextMedium', Arial, sans-serif;
}
.home .core-activities-wrap .education-wrap {
    background-color:#DDE6F4;
}
.home .core-activities-wrap .education {
    padding:75px 75px 100px 75px;
    text-align:left;
    font-size:24px;
}
@media (max-width: 991px) {
    .home .core-activities-wrap .education {
        padding:75px 50px
    }
}
@media (max-width: 767px) {
    .home .core-activities-wrap .education {
        padding:40px 25px 35px 25px
    }
}
.home .core-activities-wrap .education .content .label-wrap {
    margin-bottom:15px
}
.home .core-activities-wrap .education .content .label-wrap span {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius:3px;
    background-color:#2D8CA8;
    color:#ffffff;
    font-size:15px;
    padding:5px 10px;
}
.home .core-activities-wrap .education .content p {
    text-wrap:pretty;
    margin-bottom:25px
}
.home .core-activities-wrap .education .content .more-wrap {
    font-family: 'PannoTextMedium', Arial, sans-serif;
}
.home .core-activities-wrap .education .content p.accent {
    font-family: 'PannoTextSemiBold', Arial, sans-serif;
    color:#6a6a6a;
}
.home .core-activities-wrap .education .content i {
    font-size:24px
}
.home .core-activities-wrap .education .box {
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    background-image: linear-gradient(to top, #dfe9f3 0%, white 100%);
    padding:40px;
    border-radius:15px
}
.home .core-activities-wrap .education .box .link-wrap {
    height:65px
}
.home .core-activities-wrap .education .box .icon-wrap {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    margin: 0 0 15px 0;
    float:left;
    border-radius:50%;
    width:40px;
    height:40px;
    background-color: #2D8CA8;
    padding:8px
}
.home .core-activities-wrap .education .box .icon-wrap svg {
    width: 24px;
    height: 24px
}
.home .core-activities-wrap .education .box .text-wrap {
    padding-left:60px;
    padding-top: 5px
}
.home .core-activities-wrap .education .box .text-wrap {
    font-size:24px;
    line-height:105%
}
.home .core-activities-wrap .education .box .hr-section-header {
    margin-top: 20px;
    margin-bottom: 35px
}
@media (max-width: 991px) {
    .home .core-activities-wrap .education {
        padding-bottom:75px
    }
    .home .core-activities-wrap .education .box {
        display: none
    }
}

.home .row.dit-is {
    padding:0;
    background-color: #1E64C8;
    text-align:left;
    color:#ffffff;
    margin:75px 0 75px 0;
    box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}
.home .row.dit-is .content {
    text-align:left;
    padding:45px;
}
@media (max-width: 767px) {
    .home .row.dit-is .content {
        padding:50px 35px
    }
}
.home .row.dit-is p {
    font-size:20px
}
.home .row.dit-is h1 {
    font-size:36px;
    color:#ffffff;
    line-height:95%;
    margin-bottom:25px
}
.home .row.dit-is .btn-wrap {
    margin-top:30px;
}
.home .row.dit-is .btn-wrap i {
    color: #ffffff;
}
.home .row.dit-is .btn-wrap a {
    border: 1px solid #ffffff;
    padding:10px;
    color: #ffffff
}
.home .row.dit-is .btn-wrap a:hover {
    background-color: #174e9b;
    border: 1px solid #174e9b;
}
.home .row.dit-is .pics {
    padding:0;
}
.home .row .pics .caption {
    font-family: 'PannoTextSemiBold', Arial, sans-serif;
    position:absolute;
    color:#ffffff;
    text-shadow: 2px -1px 2px rgba(0,0,0,0.6);
    font-size:48px;
    line-height: 90%;
}
.home .row.dit-is .caption.geografie {
    left:0;
    top:0;
    padding:20px 0 0 40px;
    text-align: left;
}
.home .row.dit-is .caption.geografie .bottom {
    color:#4AA47A;
    font-size:64px;
}
.home .row.dit-is .caption.geomatica {
    right:0;
    bottom:0;
    padding:0 30px 30px 0;
    text-align: right;
}
.home .row.dit-is .caption.geomatica .bottom {
    color:#ECB93F;
    font-size:64px;
}


.home .at-your-service-wrap {
    padding:75px 25px 0 25px;
    background-color:#e7eef8;
    background-image: linear-gradient(to top, #dfe9f3 0%, white 100%);
    border-radius:15px;
    text-align:center;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}
.home .at-your-service-wrap .label-wrap {
    margin-bottom: 25px
}
.home .at-your-service-wrap .label-wrap span {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius:3px;
    background-color:#2D8CA8;
    color:#ffffff;
    font-size:15px;
    padding:5px 10px;
}
.home .at-your-service-wrap .title p {
    color:#666666;
    font-size:24px;
    line-height: 110%;
    margin: 0 0 50px 0;
    display:inline-block;
    max-width:500px
}
.home .at-your-service .col-lg-2 {
    text-align:center;
    padding:0 15px
}
.home .at-your-service .col-lg-2 .img-wrap {
    padding:15px 35px
}
.home .at-your-service .col-lg-2 img {
    border-radius:50%;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}
.home .at-your-service .col-lg-2 .role {
    font-size:14px
}
.home .at-your-service-wrap .contact-btn-wrap {
    text-align:center;
    padding: 65px 0 75px 0;
    margin-bottom: 75px
}
.home .at-your-service-wrap .btn-tertiary i {
    color: #ffffff
}
.home .at-your-service-wrap .btn-tertiary:hover {
    color: #ffffff;
    background-color:#174e9b;
}
@media (max-width: 1199px) {
    .home .at-your-service .col-lg-2 img {
        width:125px;
        height:125px
    }
}
@media (max-width: 991px) {
    .home .at-your-service .col-lg-2 .role {
        margin-bottom:25px
    }
}
@media (max-width: 767px) {
    .home .at-your-service .col-lg-2 .role {
        margin-bottom:15px
    }
    .home .at-your-service .col-lg-2 img {
        width:125px;
        height:125px
    }
}


.home .track-record-header .label-wrap {
    margin-bottom:15px
}
.home .track-record-header .label-wrap span {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius:3px;
    background-color:#2D8CA8;
    color:#ffffff;
    font-size:15px;
    padding:5px 10px;
}
.home .track-record-header p {
    color:#666666;
    font-size:22px;
    line-height: 110%
}
.home .track-record .item {
    padding: 25px;
}
.home .track-record .item .row {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.home .track-record .img-wrap {
    padding: 0
}
.home .track-record .txt-wrap {
    padding:30px;
    background-image: linear-gradient(to top, #dfe9f3 0%, white 100%);
    height: 175px;
    position:relative
}
@media (max-width: 1199px) {
    .home .track-record .txt-wrap {
        padding:25px;
        height: 200px;
    }
}
@media (max-width: 767px) {
    .home .track-record .txt-wrap {
        height: inherit
    }
}
.home .track-record .txt-wrap h3 {
    font-size:21px;
    line-height: 100%;
    margin-bottom:10px
}
.home .track-record .txt-wrap p {
    font-size:20px;
    line-height:120%
}


.home .cta-wrap {
    margin-top:50px;
    margin-bottom:30px;
}
.home.en .cta-wrap {
    margin-top:50px;
    margin-bottom:30px;
}
.home .cta-wrap .item-wrap {
    padding:0 20px;
    margin-bottom:50px;
}
.home .cta-wrap .item-wrap .row {
    background-color:#1E64C8;
    color:#ffffff;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 18px 50px -10px;
}
.home .cta-wrap .item-wrap .row .col-xs-12 {
    padding: 0
}
.home .cta-wrap .item-wrap .row .col-xs-12 img {
    margin-bottom: 50px;
    border-right:1px solid #ffffff;
    border-bottom:1px solid #ffffff
}
.home.en .cta-wrap .item-wrap .row .col-xs-12 img {
    margin-bottom:80px;
}
@media (max-width: 1199px) {
    .home.en .cta-wrap .item-wrap .row .col-xs-12 img {
        margin-bottom:150px;
    }
}
@media (max-width: 992px) {
    .home .cta-wrap .item-wrap .row .col-xs-12 img {
        margin-bottom: 125px;
    }
    .home.en .cta-wrap .item-wrap .row .col-xs-12 img {
        margin-bottom:200px;
    }
}
@media (max-width: 767px) {
    .home .cta-wrap .item-wrap .row .col-xs-12 img {
        margin-bottom: 0;
        border:none
    }
    .home.en .cta-wrap .item-wrap .row .col-xs-12 img {
        margin-bottom:0;
    }
}
.home .cta-wrap .item-wrap .row .col-xs-12.content {
    padding:25px;
}
.home .cta-wrap .item-wrap .row .col-xs-12.content p {
    font-size:22px;
    line-height:110%
}
.home .cta-wrap .item-wrap .row .col-xs-12.content div.link-wrap {
    margin-top: 20px;
    text-align:left
}
.home .cta-wrap .item-wrap .row .col-xs-12.content div.link-wrap a {
    color: #ffffff;
}
.home .cta-wrap .item-wrap .row .col-xs-12.content div.link-wrap a:hover {
    border-bottom: 1px solid #ffffff;
}
.home .cta-wrap .item-wrap .row .col-xs-12.content div.link-wrap i {
    color: #ffffff;
}


.home .campus-wrap .label-wrap {
    margin-bottom:15px
}
.home .campus-wrap .label-wrap span {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius:3px;
    background-color:#2D8CA8;
    color:#ffffff;
    font-size:15px;
    padding:5px 10px;
}
.home .campus-wrap p {
    color:#666666;
    font-size:22px;
    line-height: 110%
}
.home .campus-wrap .video-wrap {
    margin-top: 25px;
    margin-bottom: 100px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}

.home .socials-wrap {
    padding: 25px 0 100px 0
}
.home .socials-wrap .header-wrap {
    text-align:center
}
.home .socials-wrap .label-wrap {
    margin-bottom:15px
}
.home .socials-wrap .label-wrap span {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius:3px;
    background-color:#2D8CA8;
    color:#ffffff;
    font-size:15px;
    padding:5px 10px;
}
.home .socials-wrap .items-wrap {
    margin-top:50px
}
.home .socials-wrap .icon-wrap,
.home .socials-wrap .socials-caption {
    text-align: center
}
.home .socials-wrap .icon-wrap svg {
    width:65px;
    height: 65px
}
@media (max-width: 767px) {
    .home .socials-wrap .icon-wrap svg {
        width:50px;
        height: 50px
    }
}
.home .socials-wrap .icon-wrap svg path {
    stroke : #1E64C8
}
.home .socials-wrap .icon-wrap:hover svg path {
    stroke : #174e9b;
}
.home .socials-wrap .socials-caption:hover span {
    border-bottom: 1px solid #1E64C8
}


/******************************************
 * QUOTES
 ******************************************/
.quotes .content-header {
    margin-bottom:85px;
}
.quotes .quote-wrap {
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    background-color: #e9f0fa;
    margin: 0 0 100px 0;
    border-radius:5px;
}
.quotes .mobile-quote-wrap {
    display:none;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    background-color: #e9f0fa;
    margin: 25px 0;
    border-radius:5px;
    padding: 50px;
}
.quotes .tooltip {
    padding:50px;
}
.quotes .tooltip.left {
    font-size: 18px;
    margin-top:-20px;
    margin-left:20px
}
.quotes .tooltip.left {
    --b: 2em;
    --h: 1.5em;
    --p: 50%;
    --x: 1.8em;
    --r: 1.0em;
    --c: #dae2f1;
    border-radius: var(--r) var(--r) min(var(--r),100% - var(--p) - var(--b)/2) min(var(--r),var(--p) - var(--b)/2)/var(--r);
    clip-path: polygon(0 100%,0 0,100% 0,100% 100%,
    clamp(var(--b),var(--p) + var(--b)/2,100%) 100%,
    calc(var(--p) + var(--x)) calc(100% + var(--h)),
    clamp(0%,var(--p) - var(--b)/2,100% - var(--b)) 100%);
    background: var(--c);
    border-image: conic-gradient(var(--c) 0 0) 0 0 1 0/0 0 var(--h) 0/0 999px var(--h) 999px;
}
.quotes .tooltip.left.first {
    --c2: #2c57aa;
    background: var(--c2);
    border-image: conic-gradient(var(--c2) 0 0) 0 0 1 0/0 0 var(--h) 0/0 999px var(--h) 999px;
}
.quotes .tooltip.right {
    font-size: 18px;
    margin-top:-20px;
    margin-right:20px
}
.quotes .tooltip.right {
    --b: 2em;
    --h: 1.5em;
    --p: 50%;
    --x: -2em;
    --r: 1.2em;
    --_e: max(0%,-1*var(--x) - var(--p),var(--x) + var(--p) - 100%);
    border-radius: var(--r) var(--r) min(var(--r),100% - var(--p) - var(--b)/2) min(var(--r),var(--p) - var(--b)/2)/var(--r);
    background: 50% 0/calc(100% + 2*var(--_e)) calc(100% + var(--h))
    linear-gradient(60deg,#dae2f1,#dae2f1);
    position: relative;
    z-index: 0;
}
.quotes .tooltip.right:before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0 calc(-1*var(--_e)) calc(-1*var(--h));
    padding-inline: var(--_e);
    background-image: inherit;
    clip-path: polygon(50% 50%,
    clamp(var(--b),var(--p) + var(--b)/2,100%) calc(100% - var(--h)),
    calc(var(--p) + var(--x)) 100%,
    clamp(0%,var(--p) - var(--b)/2,100% - var(--b)) calc(100% - var(--h))) content-box;
}
.quotes .img-quoter-wrap {
    padding-top:25px
}
.quotes .quote-wrap h1 {
    line-height: 90%;
}
.quotes .quote-wrap.first,
.quotes .mobile-quote-wrap.first {
    background-color:#1E64C8;
    color: #ffffff
}
.quotes .quote-wrap.first h1,
.quotes .mobile-quote-wrap.first h1 {
    color: #ffffff
}
.quotes .quote-wrap.obama .img-quoter-wrap {
    padding-top:50px
}
.quotes .quote-wrap.obama .img-quoter-wrap img {
    width:80%;
    height:80%
}
@media (max-width: 1199px) {
    .quotes h1 {
        font-size:42px
    }
}
@media (max-width: 1098px) {
    .quotes h1 {
        font-size:38px
    }
    .quotes .obama .img-wrap img {

    }
}
@media (max-width: 992px) {
    .quotes .content-header {
        margin-bottom:35px;
    }
    .quotes .quote-wrap {
        display:none
    }
    .quotes .mobile-quote-wrap {
        display:block
    }
}
@media (max-width: 767px) {
    .quotes .mobile-quote-wrap {
        padding: 25px;
    }
}

/******************************************
 * EDUCATION
 ******************************************/
.education .bama-intro-wrap {
    margin-top: 25px;
    font-size:24px
}
.education .bama-intro-wrap .content .label-wrap {
    margin-bottom:15px
}
.education .bama-intro-wrap .content .label-wrap span {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius:3px;
    background-color:#2D8CA8;
    color:#ffffff;
    font-size:15px;
    padding:5px 10px;
}
.education .bama-intro-wrap .content {
    margin-bottom:25px
}
.education .bama-intro-wrap .content p {
    text-wrap:pretty;
    margin-bottom:25px
}
.education .bama-intro-wrap .content p.accent {
    font-family: 'PannoTextSemiBold', Arial, sans-serif;
    color:#6a6a6a;
}
.education .bama-intro-wrap .content .panno-arrow-right {
    font-size: 24px
}
.education .bama-intro-wrap .content .fa-external-link {
    color: #1E64C8;
    font-size: 20px
}
.education .bama-intro-wrap .content svg {
    margin-top:25px;
    margin-left:300px;
    width:200px;
    height:300px;
    position:relative;
    z-index: 10
}
.education .bama-intro-wrap .box {
    margin-bottom:75px;
    border-radius:10px;
    background-image: linear-gradient(to top, #dfe9f3 0%, white 100%);
    padding:50px 35px;
    font-size:24px;
    line-height:110%;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.education .bama-intro-wrap .box .icon-wrap {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    margin: 0 15px 0 0;
    float:left;
    border-radius:50%;
    width:40px;
    height:40px;
    background-color:#2D8CA8;
    padding:8px
}
.education .bama-intro-wrap .box .icon-wrap svg {
    width: 24px;
    height: 24px
}
.education .bama-intro-wrap .box .icon-wrap svg path {
    fill: #ffffff
}
.education .bama-intro-wrap .box .text-wrap {
    padding-left:60px;
}
.education .bama-intro-wrap .box .more-wrap {
    margin-top:10px
}
.education .bama-intro-wrap .box .more-wrap i {
    font-size:24px
}
.education .bama-intro-wrap .box hr.hr-section-header {
    margin: 30px 0
}
@media (max-width: 1199px) {
    .education .bama-intro-wrap .content {
        padding-left:25px
    }
    .education .bama-intro-wrap .box-wrap {
        padding-right:25px
    }
    .education .bama-intro-wrap .col-lg-1 {
        display:none;
    }
}
@media (max-width: 991px) {
    .education .bama-intro-wrap .box .icon-wrap {
        display:none;
    }
    .education .bama-intro-wrap .box .text-wrap {
        padding-left:0;
    }
    .education .bama-intro-wrap .content svg {
        display:none;
    }
}
@media (max-width: 767px) {
    .education .bama-intro-wrap .content {
        padding: 0 15px
    }
    .education .bama-intro-wrap .box-wrap {
        padding:0 10px
    }
    .education .bama-intro-wrap .box-wrap .box {
        padding:30px
    }
}

.education .bama-wrap {
    margin-top:-100px;
    background-color: #e9f0fa;
    border-radius:15px;
    box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;
}
.education .bama-wrap .content .label-wrap {
    margin-bottom:15px
}
.education .bama-wrap .content .label-wrap span {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius:3px;
    background-color:#2D8CA8;
    color:#ffffff;
    font-size:15px;
    padding:5px 10px;
}
.education .bama-wrap .content p {
    text-wrap:pretty;
    margin-bottom:25px
}
.education .bama-wrap .content p.accent {
    font-family: 'PannoTextSemiBold', Arial, sans-serif;
    color:#6a6a6a;
}
.education .bama-wrap .content .fa-external-link {
    color: #1E64C8;
    font-size: 20px
}
.education .bama-wrap .more-wrap i {
    font-size:20px;
}
@media (max-width: 991px) {
    .education .bama-wrap {
        margin-top:25px;
    }
}
.education .bama-wrap .bachelor {
    font-size:24px;
    padding:135px 75px 160px 75px;
    clip-path: polygon(0 0,100% 0,100% calc(100% - 50px),calc(50% + 50px) calc(100% - 50px),50% 100%,calc(50% - 50px) calc(100% - 50px),0 calc(100% - 50px));
}
.education .bama-wrap .bachelor .box-wrap {
    padding:0 75px 0 0
}
.education .bama-wrap .bachelor .box {
    border-radius:10px;
    background-image: linear-gradient(to top, #dfe9f3 0%, white 100%);
    padding:50px 35px;
    font-size:24px;
    line-height:110%;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.education .bama-wrap .bachelor .box .icon-wrap {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    margin: 0 15px 0 0;
    float:left;
    border-radius:50%;
    width:40px;
    height:40px;
    background-color:#2D8CA8;
    padding:8px
}
.education .bama-wrap .bachelor .box .icon-wrap svg {
    width: 24px;
    height: 24px
}
.education .bama-wrap .bachelor .box .icon-wrap svg path {
    fill: #ffffff
}
.education .bama-wrap .bachelor .box .text-wrap {
    padding-left:60px;
}
.education .bama-wrap .bachelor .box .more-wrap {
    margin-top:10px
}
.education .bama-wrap .bachelor .box hr.hr-section-header {
    margin: 30px 0
}
@media (max-width: 991px) {
    .education .bama-wrap .bachelor {
        padding:50px 25px 150px 25px;
    }
    .education .bachelor .box-wrap {
        display:none
    }
}

.education .bama-wrap  .master {
    clip-path: polygon(0 0,calc(50% - 4.14px - 50px) 0,50% calc(50px + 4.14px),calc(50% + 4.14px + 50px) 0,100% 0,100% 100%,0 100%);
    font-size:24px;
    padding:125px 75px 75px 75px;
    margin: -40px 0 0 0;
    background-color:#DDE6F4;
}
.education .bama-wrapn .master .content {
    padding-right: 75px
}
.education .bama-wrap .master .box-wrap {
    padding:0 75px 0 0
}
.education .bama-wrap .master .box {
    border-radius:10px;
    background-image: linear-gradient(to top, #dfe9f3 0%, white 100%);
    padding:50px 35px;
    font-size:24px;
    line-height:110%;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.education .bama-wrap .master .box .icon-wrap {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    margin: 0 15px 0 0;
    float:left;
    border-radius:50%;
    width:40px;
    height:40px;
    background-color:#2D8CA8;
    padding:8px
}
.education .bama-wrap .master .box .icon-wrap svg {
    width: 24px;
    height: 24px
}
.education .bama-wrap .master .box .icon-wrap svg path {
    fill: #ffffff
}
.education .bama-wrap .master .box .text-wrap {
    padding-left:60px;
    min-height: 50px;
    padding-top:5px
}
.education .bama-wrap .master .box .more-wrap {
    margin-top:10px
}
.education .bama-wrap .master .box hr.hr-section-header {
    margin: 15px 0
}
@media (max-width: 992px) {
    .education .bama-wrap .master {
        padding:125px 25px 100px 25px;
    }
    .education .bama-wrap .master .box-wrap {
        display:none
    }
}

.education .row.dit-is  {
    margin-top: 50px
}
.education .row.dit-is .col-xs-12 {
    padding: 0;
}
.education .row.dit-is {
    padding:0;
    background-color: #1E64C8;
    text-align:left;
    color:#ffffff;
    margin:75px 0 100px 0;
    box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}
.education .row.dit-is .col {
    padding:50px;
    text-align:left;
}
.education .row.dit-is p {
    font-size:19px
}
.education .row.dit-is h1 {
    font-size:36px;
    color:#ffffff;
    line-height:95%;
    margin-bottom:25px
}
.education .row.dit-is .btn-wrap {
    margin-top:30px;
}
.education .row.dit-is .btn-wrap i {
    color: #ffffff;
}
.education .row.dit-is .btn-wrap a {
    border: 1px solid #ffffff;
    padding:10px;
    color: #ffffff
}
.education .row.dit-is .btn-wrap a:hover {
    background-color: #174e9b;
    border: 1px solid #174e9b;
}
.education .row.dit-is .caption {
    font-family: 'PannoTextSemiBold', Arial, sans-serif;
    position:absolute;
    color:#ffffff;
    text-shadow: 2px -1px 2px rgba(0,0,0,0.6);
    font-size:48px;
    line-height: 90%;
}
.education .row.dit-is .caption.geografie {
    left:0;
    top:0;
    padding:20px 0 0 40px;
    text-align: left;
}
.education .row.dit-is .caption.geografie .bottom {
    color:#4AA47A;
    font-size:64px;
}
.education .row.dit-is .caption.geomatica {
    right:0;
    bottom:0;
    padding:0 30px 30px 0;
    text-align: right;
}
.education .row.dit-is .caption.geomatica .bottom {
    color:#ECB93F;
    font-size:64px;
}


.education .teacher-wrap .content,
.education .hydrography-wrap .content {
    font-size:24px
}
.education .teacher-wrap .content .label-wrap,
.education .hydrography-wrap .content .label-wrap {
    margin-bottom:15px
}
.education .teacher-wrap .content .label-wrap span,
.education .hydrography-wrap .content .label-wrap span {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius:3px;
    background-color:#2D8CA8;
    color:#ffffff;
    font-size:15px;
    padding:5px 10px;
}
.education .teacher-wrap .content p,
.education .hydrography-wrap .content p {
    text-wrap:pretty;
    margin-bottom:25px
}
.education .teacher-wrap .content p.accent,
.education .hydrography-wrap .content p.accent {
    font-family: 'PannoTextSemiBold', Arial, sans-serif;
    color:#6a6a6a;
}
.education .teacher-wrap .content .panno-arrow-right,
.education .hydrography-wrap .content .panno-arrow-right {
    font-size: 24px
}
.education .teacher-wrap .content .fa-external-link,
.education .hydrography-wrap .content .fa-external-link {
    color: #1E64C8;
    font-size: 20px
}
.education .teacher-wrap .box,
.education .hydrography-wrap .box {
    border-radius:10px;
    background-image: linear-gradient(to top, #dfe9f3 0%, white 100%);
    padding:50px 35px;
    font-size:24px;
    line-height:110%;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.education .teacher-wrap .box .icon-wrap,
.education .hydrography-wrap .box .icon-wrap {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    margin: 0 15px 0 0;
    float:left;
    border-radius:50%;
    width:40px;
    height:40px;
    background-color:#2D8CA8;
    padding:8px
}
.education .teacher-wrap .box .icon-wrap svg,
.education .hydrography-wrap .box .icon-wrap svg {
    width: 24px;
    height: 24px
}
.education .teacher-wrap .box .icon-wrap svg path,
.education .hydrography-wrap .box .icon-wrap svg path {
    fill: #ffffff
}
.education .teacher-wrap .box .text-wrap,
.education .hydrography-wrap .box .text-wrap {
    padding-left:60px;
}
.education .teacher-wrap .box .more-wrap,
.education .hydrography-wrap .box .more-wrap {
    margin-top:10px
}
.education .teacher-wrap .box .more-wrap i,
.education .hydrography-wrap .box .more-wrap i {
    font-size:24px
}
.education .teacher-wrap .box hr.hr-section-header,
.education .hydrography-wrap .box hr.hr-section-header {
    margin: 30px 0
}
.education hr.teacher-hydrography {
    margin:100px 0;
}

@media (max-width: 1199px) {
    .education .teacher-wrap,
    .education .hydrography-wrap {
        padding-left:25px
    }
}
@media (max-width: 991px) {
    .education .teacher-wrap .box,
    .education .hydrography-wrap .box {
        display:none;
    }
}
@media (max-width: 767px) {
    .education .teacher-wrap,
    .education .hydrography-wrap {
        padding: 0 15px 15px 15px
    }
    .education hr.teacher-hydrography {
        margin:50px 0;
    }
}


.education .studiekiezer-wrap {
    margin: 125px 0 100px 0;
    padding:50px 0 0 0;
    background-color:#e7eef8;
    background-image: linear-gradient(to top, #dfe9f3 0%, white 100%);
    border-radius:15px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}
.education .studiekiezer-wrap .content {
    padding-top: 25px
}
.education .studiekiezer-wrap p {
    font-size:24px;
}
.education .studiekiezer-wrap .img-wrap {
    padding:25px 0 0 0;
    margin:0;
}
.education .studiekiezer-wrap img {
    border-radius:15px
}
.education .studiekiezer-wrap .btn-wrap {
    margin-top:35px
}
.education .studiekiezer-wrap .btn-wrap span,
.education .studiekiezer-wrap .btn-wrap i {
    font-size:20px;
}
.education .studiekiezer-wrap .my-btn {
    box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
}
@media (max-width: 1200px) {
    .education .studiekiezer-wrap .img-wrap {
        padding:100px 0 0 0;
    }
    .education .studiekiezer-wrap .content {
        padding-bottom:25px
    }
}
@media (max-width: 992px) {
    .education .studiekiezer-wrap {
        padding:50px 15px 50px 15px;
        margin: 75px 0 50px 0;
    }
    .education .studiekiezer-wrap .img-wrap {
        display:none
    }
    .education .studiekiezer-wrap .content {
        padding-top:0
    }
}

.education .row.werkveld .col-xs-12 {
    padding: 0;
}
.education .row.werkveld {
    padding:0;
    background-color: #1E64C8;
    text-align:left;
    color:#ffffff;
    margin:100px 0 100px 0;
    box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}
.education .row.werkveld .col {
    padding:50px;
    text-align:left;
}
.education .row.werkveld p {
    font-size:19px
}
.education .row.werkveld h1 {
    font-size:36px;
    color:#ffffff;
    line-height:95%;
    margin-bottom:25px
}
.education .row.werkveld .btn-wrap {
    margin-top:30px;
}
.education .row.werkveld .btn-wrap i {
    color: #ffffff;
}
.education .row.werkveld .btn-wrap a {
    border: 1px solid #ffffff;
    padding:10px;
    color: #ffffff
}
.education .row.werkveld .btn-wrap a:hover {
    background-color: #174e9b;
    border: 1px solid #174e9b;
}


.education .at-your-service-wrap {
    padding:75px 0 0 0;
    background-color:#e7eef8;
    background-image: linear-gradient(to top, #dfe9f3 0%, white 100%);
    border-radius:15px;
    text-align:center;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}
.education .at-your-service-wrap h1 br {
    display:none;
}
.education .at-your-service-wrap .label-wrap {
    margin-bottom: 25px
}
.education .at-your-service-wrap .label-wrap span {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius:3px;
    background-color:#2D8CA8;
    color:#ffffff;
    font-size:15px;
    padding:5px 10px;
}
.education .at-your-service-wrap .title p {
    color:#666666;
    font-size:24px;
    line-height: 110%;
    margin: 0 0 50px 0
}
.education .at-your-service .col-lg-2 {
    text-align:center;
    padding:0 10px
}
.education .at-your-service .col-lg-2 .img-wrap {
    padding:15px 35px
}
.education .at-your-service .col-lg-2 img {
    border-radius:50%;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}
.education .at-your-service-wrap .contact-btn-wrap {
    text-align:center;
    padding: 65px 0 75px 0;
    margin-bottom: 75px
}
.education .at-your-service-wrap .btn-tertiary i {
    color: #ffffff
}
.education .at-your-service-wrap .btn-tertiary:hover {
    color: #ffffff;
    background-color:#174e9b;
}
@media (max-width: 1199px) {
    .education .at-your-service-wrap .col-lg-2 img {
        width:125px;
        height:125px
    }
}
@media (max-width: 991px) {
    .education .at-your-service-wrap .col-lg-2 .role {
        margin-bottom:25px
    }
}
@media (max-width: 767px) {
    .education .at-your-service-wrap h1 br {
        display:block;
    }
    .education .at-your-service-wrap .col-lg-2 .role {
        margin-bottom:15px
    }
    .education .at-your-service-wrap .col-lg-2 img {
        width:125px;
        height:125px
    }
}


/******************************************
 * RESEARCH
 ******************************************/
.research hr.hr-section-header {
    margin: 25px 0;
    width: 100%;
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
.research .row-header p {
    font-size:24px
}
.research .research-intro-wrap {
    margin-top: 35px;
    padding:65px 50px;
    background-color:#e7eef8;
    background-image: linear-gradient(to top, #dfe9f3 0%, white 100%);
    border-radius:15px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}
@media (max-width: 767px) {
    .research .research-intro-wrap {
        padding:45px 25px;
    }
}
.research .research-intro-wrap .content h1 {
    margin-bottom:25px
}
.research .research-intro-wrap .label-wrap {
    margin-bottom:15px
}
.research .research-intro-wrap .label-wrap span {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius:3px;
    background-color:#2D8CA8;
    color:#ffffff;
    font-size:15px;
    padding:5px 10px;
}
.research .research-intro-wrap h2 {
    color: #888888;
    font-size:32px;
    margin: 30px 0 20px 0
}
.research .research-intro-wrap .link-wrap {
    height:45px;
}
.research .research-intro-wrap .link-wrap .icon-wrap {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    margin: 0;
    float:left;
    border-radius:25%;
    width:30px;
    height:30px;
    border:1px solid #2D8CA8;
    padding:5px
}
.research .research-intro-wrap .link-wrap .icon-wrap svg {
    width: 20px;
    height: 20px
}
.research .research-intro-wrap .link-wrap .icon-wrap svg path {
    fill: #2D8CA8
}
.research .research-intro-wrap .link-wrap .text-wrap {
    padding-left:40px;
    font-size:22px;
    font-family: 'PannoTextMedium', Arial, sans-serif;
}
@media (max-width: 767px) {
    .research .research-intro-wrap .link-wrap {
        height:50px;
    }
    .research .research-intro-wrap .link-wrap .text-wrap {
        line-height:90%
    }
}
.research .research-intro-wrap .box-wrap {
    padding:0 15px 15px 15px;
    margin-top:8%
}
.research .research-intro-wrap .box {
    border-radius:10px;
    padding:0 35px;
    margin-bottom: 35px
}
@media (min-width: 767px) and (max-width: 991px) {
    .research .research-intro-wrap .box-wrap {
        margin:15px 0 25px 0;
    }
    .research .research-intro-wrap .box {
        padding: 10px 100px;
        margin-bottom: 15px
    }
}
@media (max-width: 767px) {
    .research .research-intro-wrap h1 {
        font-size:36px
    }
    .research .research-intro-wrap .box {
        padding: 0;
        margin-top:0
    }
}


.research .pillars-wrap {
    margin:100px 0;
}
.research .pillars-wrap .label-wrap {
    margin-bottom:15px
}
.research .pillars-wrap .label-wrap span {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius:3px;
    background-color:#2D8CA8;
    color:#ffffff;
    font-size:15px;
    padding:5px 10px;
}
.research .pillars-wrap .text-wrap {
    padding-left:50px
}
.research .pillars-wrap .text-wrap p {
    margin-bottom: 25px
}
@media (max-width: 991px) {
    .research .pillars-wrap .text-wrap {
        padding-left:15px
    }
}
.research .pillars-wrap  .more-wrap {
    margin-top: 35px;
    font-size: 24px;
    font-family: 'PannoTextMedium', Arial, sans-serif;
}
.research .pillars-wrap .box {
    margin-right:50px;
    border-radius:15px;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;
}
@media (max-width: 991px) {
    .research .pillars-wrap .box {
        margin-right:0;
    }
}
.research .pillars-wrap .box h2 {
    text-shadow: 1px 1px 4px rgba(33,33,33,0.42);
    font-size:38px;
    color:#ffffff;
    margin-bottom:15px
}
.research .pillars-wrap .box .top {
    background-color:#A5CFD3;
    color:#ffffff;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.research .pillars-wrap .box .bottom {
    background-color:#D676F8;
    color:#ffffff;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
.research .pillars-wrap .box .text-wrap {
    padding:35px;
}
.research .pillars-wrap .box .chip {
    display: inline-block;
    padding: 0 25px;
    height: 40px;
    font-size: 19px;
    line-height: 40px;
    border-radius: 25px;
    margin:7px 10px
}
.research .pillars-wrap .box .top .chip {
    background-color:#6ba6ae;
}
.research .pillars-wrap .box .bottom .chip {
    background-color:#b244eb;
}
.research .pillars-wrap .box .chip svg {
    float: left;
    margin: 0 10px 0 -26px;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    padding:6px
}
.research .pillars-wrap .box .top .chip svg {
    background-color:#518d94;
}
.research .pillars-wrap .box .bottom .chip svg {
    background-color:#9717d8;
}
.research .pillars-wrap .box .chip svg path {
    fill: #ffffff
}


.research .about-research-units-wrap {
    margin: 100px 0 0 0;
    position: relative;
    z-index:10
}
.research .about-research-units-wrap p {
    margin-bottom: 25px
}
.research .about-research-units-wrap .arrow-wrap {
    padding:50px 50px 0 50px;
    position: relative;
    z-index: 10
}
@media (max-width: 991px) {
    .research .about-research-units-wrap {
        margin: 75px 0 75px 0;
    }
    .research .about-research-units-wrap h1 {
        font-size:44px
    }
    .research .about-research-units-wrap .arrow-wrap {
        display: none
    }
}


.research .research-units-wrap {
    margin-top:-65px
}
.research .research-units-wrap .content {
    padding: 0 25px
}
.research .research-units-wrap p {
    font-size:28px;
    line-height: 125%
}
.research .research-unit-wrap {
    padding: 175px 75px;
    background-color: #e9f0fa;
}
.research .research-unit-wrap:first-child {
    padding: 140px 75px 175px 75px;
}
.research .research-unit-wrap:last-child {
    padding: 175px 75px 140px 75px;
}
@media (max-width: 991px) {
    .research .research-unit-wrap {
        padding: 85px 25px;
    }
    .research .research-unit-wrap:first-child {
        padding: 70px 25px 85px 25px;
    }
    .research .research-unit-wrap:last-child {
        padding: 85px 25px 70px 25px;
    }
}
.research .research-unit-wrap.second {
    background-color: #DFE6F3;
}
.research .research-unit-wrap .btn-tertiary i {
    color: #ffffff
}
.research .research-unit-wrap .btn-tertiary:hover {
    color: #ffffff;
    background-color: #174e9b;
}
.research .research-unit-wrap .img-wrap {
    margin:0 25px;
    text-align: center;
    height:250px;
    border-radius:10px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}
.research .research-unit-wrap .main {
    display: block
}
.research .research-unit-wrap .mobile {
    display: none
}
.research .research-unit-wrap .img-wrap img {
    width:100%;
    height:100%;
    opacity: 0.9
}
.research .research-unit-wrap p {
    padding-left:15px;
    border-left:4px solid #bbbbbb;
    margin:25px 0 20px 0;
    font-size:24px
}
@media (max-width: 991px) {
    .research .research-unit-wrap:first-child {
        padding: 25px 25px 75px 25px;
    }
    .research .research-unit-wrap:last-child {
        padding: 85px 25px 25px 25px;
    }
    .research .research-unit-wrap .content {
        padding: 0 0 75px 0
    }
    .research .research-unit-wrap .content a span {
        display: none
    }
    .research .research-unit-wrap .img-wrap {
        width:100%;
        height:150px;
        margin:50px 0;
    }
    .research .research-unit-wrap .mobile {
        display: block
    }
    .research .research-unit-wrap .main {
        display: none
    }
}
.research .research-unit-wrap .btn-tertiary {
    margin-top: 15px
}
.research .puzzle-top {
    --top: radial-gradient(calc(10px + 50px) at 50% calc(100% + 10px),#0000 98%,#000);
    -webkit-mask: var(--top);
    mask: var(--top);
}
.research .puzzle-bottom {
    --bottom:
            linear-gradient(#000 0 0) bottom/100% calc(100% - 50px) no-repeat,
            radial-gradient(farthest-side,#000 98%,#0000) top/100px 100px no-repeat;
    -webkit-mask: var(--bottom);
    mask: var(--bottom);
    margin-top: -80px;
}
.research .research-unit-wrap.climate-and-earth {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.research .research-unit-wrap.earth-observation-and-surveying  {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
.research .research-unit-wrap.climate-and-earth .img-wrap {
    background: rgb(191,127,92);
    /*background: linear-gradient(180deg, rgba(191,127,92,1) 0%, rgba(238,219,122,1) 100%);*/
    background: linear-gradient(180deg, rgba(238,219,122,1) 0%, rgba(191,127,92,1) 100%);
    padding: 15px 0
}
.research .research-unit-wrap.landscape-and-people .img-wrap {
    background: rgb(138,146,79);
    /*background: linear-gradient(180deg,  0%,  100%);*/
    background: linear-gradient(180deg, rgba(215,212,89,1) 0%, rgba(138,146,79,1) 100%);
    padding: 15px 0
}
.research .research-unit-wrap.city-and-mobility .img-wrap {
    background: rgb(89,130,192);
    /*background: linear-gradient(180deg, rgba(89,130,192,1) 0%, rgba(117,178,235,1) 100%);*/
    background: linear-gradient(180deg,  rgba(117,178,235,1) 0%, rgba(89,130,192,1) 100%);
    padding: 15px 0
}
.research .research-unit-wrap.gi-science-and-technology .img-wrap {
    background: rgb(70,54,117);
    /*background: linear-gradient(180deg, rgba(70,54,117,1) 0%, rgba(144,127,176,1) 100%);*/
    background: linear-gradient(180deg, rgba(144,127,176,1) 0%, rgba(70,54,117,1)  100%);
    padding: 15px 0
}
.research .research-unit-wrap.earth-observation-and-surveying .img-wrap {
    background: rgb(135,51,104);
    /*background: linear-gradient(180deg, rgba(135,51,104,1) 0%, rgba(179,51,117,1) 100%);*/
    background: linear-gradient(180deg, rgba(179,51,117,1)  0%, rgba(135,51,104,1) 100%);
    padding: 15px 0
}


.research .team-wrap {
    margin: 150px 0 100px 0
}
.research .team-wrap h1 {
    margin-bottom: 25px
}
.research .team-wrap .label-wrap {
    margin-bottom:15px
}
.research .team-wrap .label-wrap span {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius:3px;
    background-color:#2D8CA8;
    color:#ffffff;
    font-size:15px;
    padding:5px 10px;
}
.research .team-wrap p {
    font-size: 24px;
    margin-bottom: 20px
}
.research .team-wrap .more-wrap {
    font-size: 22px;
    margin-top: 25px;
}
.research .team-wrap .more-wrap i {
    font-size: 22px;
}
.research .team-wrap .box-wrap {
    padding: 0 50px;
}
.research .team-wrap .box-wrap img {
    border-radius:5px;
    box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;
}
@media (max-width: 991px) {
    .research .team-wrap {
        margin: 75px 0 100px 0
    }
    .research .team-wrap .box-wrap {
        padding: 0;
        margin-bottom: 50px
    }
}


.research .row.cycle-chair {
    padding:0;
    background-color: #1E64C8;
    text-align:left;
    color:#ffffff;
    margin:75px 0 75px 0;
    box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}
.research .row.cycle-chair .content {
    text-align:left;
    padding:45px;
}
.research .row.cycle-chair p {
    font-size:20px
}
.research .row.cycle-chair h1 {
    font-size:36px;
    color:#ffffff;
    line-height:95%;
    margin-bottom:25px
}
.research .row.cycle-chair a {
    color:#ffffff;
}
.research .row.cycle-chair a:hover {
    border-bottom:1px solid #ffffff;
}
.research .row.cycle-chair .btn-wrap {
    margin-top:30px;
}
.research .row.cycle-chair .btn-wrap i {
    color: #ffffff;
}
.research .row.cycle-chair .btn-wrap a {
    border: 1px solid #ffffff;
    padding:10px;
    color: #ffffff
}
.research .row.cycle-chair .btn-wrap a:hover {
    background-color: #174e9b;
    border: 1px solid #174e9b;
}
.research .row.cycle-chair .img-wrap {
    background-image: linear-gradient(-225deg, #231557 0%, #44107A 29%, #FF1361 67%, #FFF800 100%);
    padding-top:25px
}
.research .output-wrap {
    margin:100px 0 50px 0;
    padding: 15px 0 50px 25px
}
@media (min-width: 1300px) or (max-width: 992px) {
    .research .output-wrap {
        padding:15px 0 50px 0
    }
}
.research .output-wrap .content {
    font-size:24px
}
@media (max-width: 992px) {
    .research .output-wrap {
        font-size: 22px
    }
    .research .output-wrap .box {
        display: none;
    }
}
.research .output-wrap .content .label-wrap {
    margin-bottom:15px
}
.research .output-wrap .content .label-wrap span {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius:3px;
    background-color:#2D8CA8;
    color:#ffffff;
    font-size:15px;
    padding:5px 10px;
}
.research .output-wrap .content p {
    text-wrap:pretty;
    margin-bottom:25px
}
.research .output-wrap .content p.accent {
    font-family: 'PannoTextSemiBold', Arial, sans-serif;
    color:#6a6a6a;
}
.research .output-wrap .content .panno-arrow-right {
    font-size: 24px
}
.research .output-wrap .content .fa-external-link {
    color: #1E64C8;
    font-size: 20px
}
.research .output-wrap .categories-wrap {
    color: #2D8CA8;
    margin-top: 35px
}
.research .output-wrap .categories-wrap .col {
    text-align: center;
}
.research .output-wrap .categories-wrap svg {
    width: 40px;
    height: 40px
}
.research .output-wrap .categories-wrap svg path {
    fill: #2D8CA8
}
.research .output-wrap .box {
    border-radius:10px;
    background-image: linear-gradient(to top, #dfe9f3 0%, white 100%);
    padding:50px 35px;
    font-size:24px;
    line-height:110%;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.research .output-wrap .box .icon-wrap {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    margin: 0 15px 0 0;
    float:left;
    border-radius:50%;
    width:40px;
    height:40px;
    background-color:#2D8CA8;
    padding:5px
}
.research .output-wrap .box .icon-wrap svg {
    width: 30px;
    height: 30px
}
.research .output-wrap .box .icon-wrap svg path {
    fill: #ffffff
}
.research .output-wrap .box .text-wrap {
    padding-left:60px;
}
.research .output-wrap .box .more-wrap {
    margin-top:10px
}
.research .output-wrap .box .more-wrap i {
    font-size:24px
}
.research .output-wrap .box hr.hr-section-header {
    margin: 25px 0;
    width: 100%;
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

@media (max-width: 991px) {
    .research .output-wrap .categories-wrap {
        display: none
    }
}



.research .at-your-service-wrap {
    margin: 25px 0 125px 0;
    padding:75px 0 0 0;
    background-color:#e7eef8;
    background-image: linear-gradient(to top, #dfe9f3 0%, white 100%);
    border-radius:15px;
    text-align:center;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}
.research .at-your-service-wrap .label-wrap {
    margin-bottom: 25px
}
.research .at-your-service-wrap .label-wrap span {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius:3px;
    background-color:#2D8CA8;
    color:#ffffff;
    font-size:15px;
    padding:5px 10px;
}
.research .at-your-service-wrap .title p {
    color:#666666;
    font-size:24px;
    line-height: 110%;
    margin: 0 0 50px 0
}
.research .at-your-service .col-lg-2 {
    text-align:center;
    padding:0 10px
}
.research .at-your-service .col-lg-2 .img-wrap {
    padding:15px 35px
}
.research .at-your-service .col-lg-2 img {
    border-radius:50%;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}
.research .at-your-service-wrap .contact-btn-wrap {
    text-align:center;
    padding: 65px 0 75px 0;
    margin-bottom: 75px
}
.research .at-your-service-wrap .btn-tertiary i {
    color: #ffffff
}
.research .at-your-service-wrap .btn-tertiary:hover {
    color: #ffffff;
    background-color:#174e9b;
}
@media (max-width: 1199px) {
    .research .at-your-service-wrap .col-lg-2 img {
        width:125px;
        height:125px
    }
}
@media (max-width: 991px) {
    .research .at-your-service-wrap {
        margin-top: -50px
    }
    .research .at-your-service-wrap .col-lg-2 .role {
        margin-bottom:25px
    }
}
@media (max-width: 767px) {
    .research .at-your-service-wrap h1 br {
        display:block;
    }
    .research .at-your-service-wrap .col-lg-2 .role {
        margin-bottom:15px
    }
    .research .at-your-service-wrap .col-lg-2 img {
        width:125px;
        height:125px
    }
}



/******************************************
 * RESEARCH RESEARCH-UNIT
 ******************************************/
.research-unit {
    --swiper-navigation-color: #ffffff;
    --swiper-navigation-size: 40px;
    --swiper-navigation-top-offset: 40%;
    --swiper-navigation-sides-offset: 15px;
    --swiper-pagination-bullet-size: 10px;
    --swiper-pagination-bullet-width: 10px;
    --swiper-pagination-bullet-height: 10px;
}
.research-unit .hr-section-header {
    width: 100%;
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
.research-unit .small-header {
    font-size:14px;
    color: #2D8CA8;
    border: 1px solid #2D8CA8;
    padding:1px 10px;
    border-radius:2px
}
.research-unit .hero {
    height:350px;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
}
.research-unit .hero .content-wrap {
    height:100%;
    padding:25px;
    color:#ffffff;
    display: flex;
    justify-content: center;
    align-items: center
}
.research-unit .hero .content-wrap .img-wrap {
    width:100%;
    text-align:center
}
.research-unit .hero .content-wrap img {
    opacity: 0.9;
}
.research-unit .hero .content-wrap h1 {
    text-align:center;
    color:#ffffff;
    text-shadow: 1px 1px 4px rgba(33,33,33,0.15);
}
.research-unit .hero .swiper-container-wrap {
    height:100%;
    padding:0
}
.research-unit .hero swiper-container {
    width:100%;
    height:100%;
}
.research-unit swiper-container::part(button-prev),
.research-unit swiper-container::part(button-next) {
    background-color: rgba(30, 100, 200, 0.75);
    padding:15px
}
.research-unit swiper-container::part(button-prev):hover,
.research-unit swiper-container::part(button-next):hover {
    background-color: rgba(30, 100, 200, 1);
}
.research-unit swiper-container swiper-slide {
    padding-bottom:50px
}
.research-unit swiper-container .swiper-slide .caption {
    font-family: 'PannoTextMedium', Arial, sans-serif;
    position:absolute;
    left:0;
    right:0;
    bottom:50px;
    padding:25px;
    color:#ffffff;
    text-shadow: 2px -1px 2px rgba(0,0,0,0.6);
    font-size:32px;
    line-height:95%;
    background-color: rgb(0,0,0,0.5)
}
.research-unit swiper-container .swiper-slide .caption i {
    font-size:32px;
}


.research-unit .about {
    margin:85px 0;
}
.research-unit .about .box {
    margin-left:25px;
    border-radius:10px;
    background-image: linear-gradient(to top, #dfe9f3 0%, white 100%);
    padding:35px;
    font-size:24px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.research-unit .about .box .icon-wrap {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    margin: 0 15px 0 0;
    float:left;
    border-radius:50%;
    width:32px;
    height:32px;
    background-color:#2D8CA8;
    padding:5px
}
.research-unit .about .box .icon-wrap svg {
    width: 22px;
    height: 22px
}
.research-unit .about .box .icon-wrap svg path {
    fill: #ffffff
}
.research-unit .about .box .text-wrap {
    padding:0 50px;
}
.research-unit .about .box hr.hr-section-header {
    margin: 25px 0;
    width: 100%;
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
.research-unit .about .content {
    font-size:24px
}
.research-unit .about .content .label-wrap {
    margin-bottom:15px
}
.research-unit .about .content .label-wrap span {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius:3px;
    background-color:#2D8CA8;
    color:#ffffff;
    font-size:15px;
    padding:5px 10px;
}
.research-unit .about .content p {
    text-wrap:pretty;
    margin-bottom:25px
}
.research-unit .about .content p.accent {
    font-family: 'PannoTextSemiBold', Arial, sans-serif;
    color:#6a6a6a;
}

.research-unit .team {
    margin:65px 0 100px 0;
}
.research-unit .team .label-wrap {
    margin-bottom:15px
}
.research-unit .team .label-wrap span {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius:3px;
    background-color:#2D8CA8;
    color:#ffffff;
    font-size:15px;
    padding:5px 10px;
}
.research-unit .team .intro {
    margin-bottom: 25px
}
.research-unit .team .intro p {
    font-size:22px;
}
.research-unit .team .intro .full-team-wrap {
    text-align:right
}
.research-unit .team .intro .full-team-wrap a {
    font-family: 'PannoTextMedium', Arial, sans-serif;
    font-size:22px
}
.research-unit .team .intro .full-team-wrap i {
    font-size:22px
}
.research-unit .team .team-leaders-wrap {
    margin: 0 5px;
    border-radius:15px;
    box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;
}
.research-unit .team .team-leaders-wrap .ribbon {
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    position:absolute;
    top:0;
    right:25px;
    z-index:100;
}
.research-unit .team .team-leaders-wrap .ribbon {
    --r: .8em;
    border-inline: .5em solid #0000;
    padding: .5em .2em calc(var(--r) + .2em);
    clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - .5em) calc(100% - var(--r)),50% 100%,.5em calc(100% - var(--r)),0 100%);
    background:
            radial-gradient(50% .2em at top,#000a,#0000) border-box,
            #1E64C8 padding-box;
    width: fit-content;
    transition: 0.3s;
}
.research-unit .team .team-leaders-wrap .ribbon a {
    color: #ffffff;
    padding: 0 10px;
}
.research-unit .team .team-leaders-wrap .ribbon:hover {
    background:
        radial-gradient(50% .2em at top,#000a,#0000) border-box,
        #174e9b padding-box;
}
.research-unit .team .team-leaders-wrap .ribbon a:hover {
    border-bottom: none
}
.research-unit .team .team-leaders-wrap .content h1  {
    margin-bottom: 20px
}
.research-unit .team .team-leaders-wrap .img-wrap  {
    padding-top:90px
}
.research-unit .team .team-leaders-wrap .img-wrap.mobile  {
    display:none
}
.research-unit .team .team-leaders-wrap .top  {
    border-top-left-radius:15px;
    border-top-right-radius:15px;
    background-color:#EAF0F9;
    position:relative
}
.research-unit .team .team-leaders-wrap .top .ribbon {
    right:25px;
}
.research-unit .team .team-leaders-wrap .bottom .ribbon {
    left:25px;
}
.research-unit .team .team-leaders-wrap .top .content  {
    padding:75px 0 0 75px
}
.research-unit .team .team-leaders-wrap .bottom  {
    background-color:#DFE6F3;
    position:relative;
    border-bottom-left-radius:15px;
    border-bottom-right-radius:15px;
}
.research-unit .team .team-leaders-wrap .bottom .content  {
    padding:125px 0 0 75px
}
.research-unit .team .team-leaders-wrap .chip {
    display: inline-block;
    padding: 0 25px;
    height: 40px;
    font-size: 20px;
    line-height: 40px;
    border-radius: 25px;
    margin:7px 15px 7px 0;
    box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;
}
.research-unit .team .team-leaders-wrap .chip {
    color: #ffffff;
    text-shadow: 1px 1px 4px rgba(33,33,33,0.29);
}
.research-unit .team .team-leaders-wrap .chip svg {
    float: left;
    margin: 0 10px 0 -26px;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    padding:6px
}
.research-unit .team .team-leaders-wrap .chip svg {
    background-color:#94b7bd;
}
.research-unit .team .team-leaders-wrap .chip svg path {
    fill: #ffffff
}
.research-unit .team .team-leaders-wrap .chip.environment-and-society {
    background-color:#B3CDD1;
}

.research-unit .featured-wrap {
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    padding:75px 25px;
    background-image: linear-gradient(to top, #dfe9f3 0%, white 100%);
    border-radius:5px
}
.research-unit .featured-wrap h1.main-title {
    text-align:center
}
.research-unit .featured-wrap p {
    font-size:22px;
    line-height: 110%
}
.research-unit .featured-wrap .item {
    padding: 25px
}
.research-unit .featured-wrap .item .row {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.research-unit .featured-wrap .img-wrap {
    padding: 0
}
.research-unit .featured-wrap .txt-wrap {
    padding:25px 20px 10px 20px;
    height: 175px;
    border-top:1px solid #eeeeee;
    font-size:22px;
    line-height:105%;
    background-color: #ffffff;
    position: relative;
}
.research-unit .featured-wrap .txt-wrap .more-wrap {
    position: absolute;
    bottom: 25px;
    right:25px;
}
.research-unit .featured-wrap .txt-wrap .more-wrap i {
    font-size:22px;
}

.research-unit .research-banner {
    background-color: #EBF0F8;
    border-radius:2px;
    margin:75px 0 50px 0;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}
.research-unit .research-banner .content {
    padding:35px 50px 0 50px
}
.research-unit .research-banner .content  p {
    font-size: 22px
}
.research-unit .research-banner .content  .subtitle span {
    background-color: #444444;
    color:#ffffff;
    padding:2px 15px;
    border-radius:5px
}
.research-unit .research-banner .youtube-wrap {
    padding:0
}
.research-unit .output-wrap {
    margin-top:25px;
    padding: 15px 0 50px 25px
}
.research-unit .output-wrap .content {
    font-size:24px;
    padding-right:50px
}
.research-unit .output-wrap .content p {
    text-wrap:pretty;
    margin-bottom:25px
}
.research-unit .output-wrap .content .arrow-wrap {
    margin-top:35px
}
.research-unit .output-wrap .content .arrow-wrap svg {
    margin: 0 0 0 150px;
    width:250px;
    height:250px;
}
.research-unit .output-wrap .box {
    border-radius:10px;
    background-image: linear-gradient(to top, #dfe9f3 0%, white 100%);
    padding:50px 35px;
    font-size:24px;
    line-height:110%;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.research-unit .output-wrap .box .icon-wrap {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    margin: 0 15px 0 0;
    float:left;
    border-radius:50%;
    width:40px;
    height:40px;
    background-color:#2D8CA8;
    padding:5px
}
.research-unit .output-wrap .box .icon-wrap svg {
    width: 30px;
    height: 30px
}
.research-unit .output-wrap .box .icon-wrap svg path {
    fill: #ffffff
}
.research-unit .output-wrap .box .text-wrap {
    padding-left:60px;
}
.research-unit .output-wrap .box .more-wrap {
    margin-top:10px
}
.research-unit .output-wrap .box .more-wrap i {
    font-size:24px
}
.research-unit .output-wrap .box hr.hr-section-header {
    margin: 25px 0;
    width: 100%;
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
.research-unit .projects-img-wrap {
    border-radius:15px;
    margin: -90px 50px 150px 50px;
    padding: 50px;
    background-color: #eaeaea;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}
.research-unit .projects-img-wrap .img-wrap {
    padding:25px;
}
@media (max-width: 992px) {
    .research-unit .hero-wrap {
        margin-top:25px;
    }
    .research-unit .hero-wrap .swiper-container-wrap {
        display:none;
    }
    .research-unit .about {
        margin:50px 0;
    }
    .research-unit .about .box {
        display:none;
    }
    .research-unit .team {
        margin:65px 0 75px 0;
    }
    .research-unit .team .team-leaders-wrap .top .content  {
        padding:100px 25px 25px 25px
    }
    .research-unit .team .team-leaders-wrap .bottom .content  {
        padding:100px 25px 25px 25px
    }
    .research-unit .team .team-leaders-wrap .img-wrap  {
        padding-top:0
    }
    .research-unit .team .team-leaders-wrap .img-wrap.main  {
        display:none
    }
    .research-unit .team .team-leaders-wrap .img-wrap.mobile  {
        display:block
    }
    .research-unit .team .team-leaders-wrap .img-wrap img  {
        margin: 15px 0 50px 0;
        background-color:#ffffff;
        border-radius:5px
    }
    .research-unit .output-wrap {
        padding: 5px 0 50px 5px
    }
    .research-unit .output-wrap .content {
        padding-right:0
    }
    .research-unit .output-wrap .box .icon-wrap {
        display:none;
    }
    .research-unit .output-wrap .box .text-wrap {
        padding-left:0;
    }
    .research-unit .output-wrap .content svg {
        display:none;
    }
    .research-unit .output-wrap .arrow-wrap {
        display: none;
    }
    .research-unit .projects-img-wrap {
        display: none;
    }
}

/******************************************
 * RESEARCH RESEARCH-UNIT - CITY & MOBILITY
 ******************************************/
.research-unit.city-and-mobility .hero {
    background: rgb(89,130,192);
    /*background: linear-gradient(180deg, rgba(89,130,192,1) 0%, rgba(117,178,235,1) 100%);*/
    background: linear-gradient(180deg, rgba(117,178,235,1) 0%, rgba(89,130,192,1) 100%);
}
.research-unit.city-and-mobility .hero .content-wrap img {
    width:190px
}
.research-unit.city-and-mobility .row.bicycle-chair {
    padding:0;
    background-color: #EBF0F8;
    text-align:left;
    margin:100px 0 100px 0;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}
.research-unit.city-and-mobility .row.bicycle-chair .content {
    text-align:left;
    padding:45px;
}
.research-unit.city-and-mobility .row.bicycle-chair p {
    font-size:20px
}
.research-unit.city-and-mobility .row.bicycle-chair h1 {
    color:#212121;
    line-height:95%;
    margin-bottom:25px
}
.research-unit.city-and-mobility .row.bicycle-chair .read-more-wrap {
    margin-top:15px
}
.research-unit.city-and-mobility .row.bicycle-chair a,
.research-unit.city-and-mobility .row.bicycle-chair i {
    font-size:20px;
    color:#1E64C8;
}
.research-unit.city-and-mobility .row.bicycle-chair .img-wrap {
    background-image: linear-gradient(-225deg, #231557 0%, #44107A 29%, #FF1361 67%, #FFF800 100%);
}
.research-unit.city-and-mobility .row.master-urban-mobility {
    padding:0;
    background-color: #EBF0F8;
    text-align:left;
    margin:75px 0 125px 0;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}
.research-unit.city-and-mobility .row.master-urban-mobility .content {
    text-align:left;
    padding:45px;
}
.research-unit.city-and-mobility .row.master-urban-mobility p {
    font-size:20px
}
.research-unit.city-and-mobility .row.master-urban-mobility h1 {
    color:#212121;
    line-height:95%;
    margin-bottom:25px
}
.research-unit.city-and-mobility .row.master-urban-mobility .read-more-wrap {
    margin-top:15px
}
.research-unit.city-and-mobility .row.master-urban-mobility a,
.research-unit.city-and-mobility .row.master-urban-mobility i {
    font-size:20px;
    color:#1E64C8;
}
.research-unit.city-and-mobility .row.master-urban-mobility .img-wrap {
    background: linear-gradient(to bottom, #323232 0%, #3F3F3F 40%, #1C1C1C 150%), linear-gradient(to top, rgba(255,255,255,0.40) 0%, rgba(0,0,0,0.25) 200%);
    background-blend-mode: multiply;
    padding: 0
}
@media (max-width: 992px) {
    .research-unit.city-and-mobility .research-banner .content {
        padding: 30px 25px
    }
    .research-unit.city-and-mobility .row.bicycle-chair .content {
        padding: 50px 25px
    }
    .research-unit.city-and-mobility .row.master-urban-mobility .content {
        padding: 50px 25px
    }
}


/******************************************
 * RESEARCH RESEARCH-UNIT - CLIMATE & EARTH
 ******************************************/
.research-unit.climate-and-earth .hero {
    background: rgb(191,127,92);
    /*background: linear-gradient(180deg, rgba(191,127,92,1) 0%, rgba(238,219,122,1) 100%);*/
    background: linear-gradient(180deg, rgba(238,219,122,1) 0%, rgba(191,127,92,1) 100%);
}
.research-unit.climate-and-earth .hero .content-wrap img {
    width:300px
}
.research-unit.climate-and-earth .research-banner:nth-child( even ) {
    background-color: #E0E6F2
}
.research-unit.climate-and-earth .disdrometer {
    padding:0;
    background-color: #EBF0F8;
    text-align:left;
    margin:100px 0 100px 0;
    border-radius: 25px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 18px 50px -10px;
}
.research-unit.climate-and-earth .disdrometer .row.top {
    margin:0;
}
.research-unit.climate-and-earth .disdrometer .row.top .content {
    padding:50px 65px 0 65px;
    text-align:left;
}
.research-unit.climate-and-earth .disdrometer .row.top p {
    font-size:22px;
    margin-bottom: 15px
}
.research-unit.climate-and-earth .disdrometer .row.top h1 {
    color:#212121;
    line-height:95%;
    margin-bottom:25px
}
.research-unit.climate-and-earth .disdrometer .row.top .read-more-wrap {
    margin-top:15px
}
.research-unit.climate-and-earth .disdrometer .row.top a {
    font-size:20px;
}
.research-unit.climate-and-earth .disdrometer .row.top i {
    font-size:20px;
    color:#212121;
}
.research-unit.climate-and-earth .disdrometer .row.top .img-wrap {
    padding:0;
    border-top-right-radius: 25px
}
.research-unit.climate-and-earth .disdrometer .row.top .img-wrap img {
    border-top-right-radius: 25px
}
.research-unit.climate-and-earth .disdrometer .row.bottom {
    padding:0;
    margin:0;
    background-color:#E0E6F2;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px
}
.research-unit.climate-and-earth .disdrometer .row.bottom .plot-wrap {
    padding:0
}
.research-unit.climate-and-earth .disdrometer .row.bottom .plot-wrap .plot-content {
    padding:65px 35px;
    text-align: center
}
.research-unit.climate-and-earth .disdrometer .row.bottom .plot-wrap .plot-content img {
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    border-radius:15px;
    border:2px solid #1E64C8
}
.research-unit.climate-and-earth .disdrometer .row.bottom .plot-wrap .plot-content .caption {
    margin-top:15px;
    border: 1px solid #212121;
    padding:3px 10px;
    border-radius:5px
}
.research-unit.climate-and-earth .disdrometer .more-wrap {
    text-align:center;
    font-size: 24px;
    line-height: 125%;
    padding:20px 0 65px 0
}
@media (max-width: 992px) {
    .research-unit.climate-and-earth .research-banner .content {
       padding:30px 25px
    }
    .research-unit.climate-and-earth .disdrometer {
        margin:75px 0 100px 0;
        border-radius: 5px;
    }
    .research-unit.climate-and-earth .disdrometer .row.top .content {
        padding:50px 25px 0 25px;
    }
    .research-unit.climate-and-earth .disdrometer .row.top .img-wrap img {
        border-top-right-radius: 0
    }
    .research-unit.climate-and-earth .disdrometer .row.bottom .plot-wrap .plot-content {
        padding:25px;
    }
}


/*********************************************
 * RESEARCH RESEARCH-UNIT - LANDSCAPE & PEOPLE
 *********************************************/
.research-unit.landscape-and-people .hero {
    background: rgb(138,146,79);
    /*background: linear-gradient(180deg, rgba(138,146,79,1) 0%, rgba(215,212,89,1) 100%);*/
    background: linear-gradient(180deg, rgba(215,212,89,1) 0%, rgba(138,146,79,1) 100%);
}
.research-unit.landscape-and-people .hero .content-wrap img {
    width:225px
}
/*
.research-unit.landscape-and-people .top  {
    border-bottom-left-radius:15px;
    border-bottom-right-radius:15px;
}*/
.research-unit.landscape-and-people .output-wrap {
    margin-top:100px
}

/***************************************************
 * RESEARCH RESEARCH-UNIT - GI Science & Technology
 ***************************************************/
.research-unit.gi-science-and-technology .hero {
    background: rgb(70,54,117);
    /*background: linear-gradient(180deg, rgba(70,54,117,1) 0%, rgba(144,127,176,1) 100%);*/
    background: linear-gradient(180deg, rgba(144,127,176,1) 0%, rgba(70,54,117,1) 100%);
}
.research-unit.gi-science-and-technology .hero .content-wrap img {
    width:190px;
    margin-bottom:15px
}
.research-unit.gi-science-and-technology .output-wrap {
    margin-top:100px
}


/********************************************************
 * RESEARCH RESEARCH-UNIT - Earth Observation & Surveying
 ********************************************************/
.research-unit.earth-observation-and-surveying .hero {
    background: rgb(135,51,104);
    /*background: linear-gradient(180deg, rgba(135,51,104,1) 0%, rgba(179,51,117,1) 100%);*/
    background: linear-gradient(180deg, rgba(179,51,117,1) 0%, rgba(135,51,104,1) 100%);
}
.research-unit.earth-observation-and-surveying .hero .content-wrap img {
    width:225px;
}
.research-unit.earth-observation-and-surveying .output-wrap {
    margin-top:100px
}


/******************************************
 * CONTACT
 ******************************************/
.contact .intro-form-wrap {
    margin-top:25px;
    padding: 15px 0 50px 0
}
.contact .intro-form-wrap .content {
    font-size:24px
}
.contact .intro-form-wrap .content .label-wrap {
    margin-bottom:15px
}
.contact .intro-form-wrap .content .label-wrap span {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius:3px;
    background-color:#2D8CA8;
    color:#ffffff;
    font-size:15px;
    padding:5px 10px;
}
.contact .intro-form-wrap .content p {
    text-wrap:pretty;
    margin-bottom:25px
}
.contact .intro-form-wrap .email-wrap .email-btn {
    background-color:#1E64C8;
    color:#ffffff;
    padding:10px 35px;
    font-size:40px;
    transition: 0.3s;
}
.contact .intro-form-wrap .email-wrap .email-btn:hover {
    background-color:#174e9b;
}
.contact .hr-section-header {
    margin: 35px 0
}

.contact .address {
    margin-top: 50px;
    background-color:#DFE6F3;
    box-shadow: rgba(0, 0, 0, 0.1) -4px 9px 25px -6px;
}
.contact .address h1 {
    font-size:42px;
    line-height: 95%
}

.contact .comms .col-xs-12 {
    text-align:center;
    padding:25px 0 100px 0
}
.contact .comms .col-xs-12 a {
    cursor: pointer;
    color: #1E64C8
}
.contact .comms .col-xs-12 .ico-wrap {
    width: 100%;
    text-align:center;
    transition: 0.2s;
}
.contact .comms .col-xs-12 .txt-wrap {
    width: 100%;
    text-align:center;
    padding:10px 0;
    font-size: 22px;
    font-family: 'PannoTextMedium', Arial, sans-serif;
}
.contact .comms .col-xs-12 svg {
    width: 50px;
    height: 50px
}
.contact .comms .col-xs-12 svg path {
    fill: #1E64C8
}
.contact .comms .col-xs-12 a:hover .ico-wrap {
    margin: -5px 0 5px 0;
}
.contact .comms .col-xs-12 a:hover .ico-wrap svg path {
    fill: #174e9b
}
.contact .comms .col-xs-12 a:hover .txt-wrap {
    color: #174e9b
}
.contact .address {
    margin-bottom: 100px
}
.contact .address swiper-container::part(pagination) {
    background-color: #f2f2f2;
    opacity:0.9;
    bottom: 0
}
.contact .address .row {
    margin-bottom:50px;
    background-color:#e9f0fa;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.contact .address .col-xs-12 {
    padding: 0
}
.contact .address .address-wrap {
    padding:50px;
    font-size:32px;
    font-family: 'PannoTextMedium', Arial, sans-serif;
}
.contact .socials-wrap {
    padding: 25px 0 75px 0
}
.contact .socials-wrap .icon-wrap,
.contact .socials-wrap .socials-caption {
    text-align: center;
    font-family: 'PannoTextMedium', Arial, sans-serif;
}
.contact .socials-wrap .icon-wrap svg {
    width:65px;
    height: 65px
}
.contact .socials-wrap .icon-wrap svg path {
    stroke : #1E64C8
}
.contact .socials-wrap .icon-wrap:hover svg path {
    stroke : #174e9b;
}
.contact .socials-wrap .socials-caption:hover span {
    border-bottom: 1px solid #1E64C8
}
@media (max-width: 992px) {
    .contact {
        margin-bottom:100px;
    }
    .contact .intro-form-wrap {
        margin-top:5px;
    }
    .contact .intro-form-wrap .arrow-wrap {
        display: none
    }
    .contact .intro-form-wrap .email-btn-wrap {
        margin-top:25px;
        text-align:center
    }
    .contact .intro-form-wrap .email-wrap .email-btn {
        font-size:32px;
    }
    
}


/******************************************
 * NEWS
 ******************************************/
.news {
    padding-bottom: 100px;
}
.news .side-box {
    padding: 25px;
    margin-bottom: 25px
}
.news .side-box h3 {
    font-size: 20px
}
.news .blog-post.o-media .o-media__figure .skeleton-box {
    width:215px;
    height:116px;
}
.news .blog-post__headline .skeleton-box {
    width:90%;
    height:35px;
}
.news .date-of-post .skeleton-box {
    width:175px;
    height:20px;
}
.news .read .skeleton-box {
    width:150px;
    height:20px;
}
.news .news-item-wrap {
    margin-bottom:25px;
    min-height:150px;
    padding: 0 25px 25px 25px;
    border-bottom:1px solid #dddddd
}
.news .news-item-wrap:last-child {
    border-bottom: none;
}
.news .news-item-wrap img {
    box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
}
.news .news-item-wrap .content-wrap {
    padding:0 25px
}
.news .news-item-wrap .content-wrap h2 {
    font-size:32px;
}
.news .news-item-wrap .content-wrap .date {
    margin-bottom: 15px
}

@media (max-width: 992px) {
    .news .news-item-wrap {
        padding: 0 15px 35px 15px;
        margin-bottom:35px;
    }
    .news .news-item-wrap .content-wrap {
        padding: 0 15px
    }
    .news .news-item-wrap .content-wrap h2 {
        margin-top:25px
    }

}

/******************************************
 * NEWS ITEM
 ******************************************/
.news-item {
    padding-bottom: 100px;
}
.news-item .content-header {
    margin-bottom: 35px;
}
.news-item .article-title .skeleton-box {
    width:90%;
    height:50px
}
.news-item .img-wrap img {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}
.news-item .img-wrap .skeleton-box {
    width:100%;
    height:280px
}
.news-item .content {
    font-size:24px;
    padding-left:50px;
}
.news-item .content-container .skeleton-box {
    width:90%;
    height:25px;
    margin:5px 0
}
.news-item .published-container {
    font-size:18px
}
.news-item .published-container .skeleton-box {
    margin-top:35px;
    width:250px;
    height:20px
}
.news-item .content-container img {
    margin: 25px 0
}
@media (max-width: 992px) {
    .news-item .content-header {
        display: block;
    }
    .news-item .content {
        margin-top: 35px;
        padding-left:15px;
    }

}


/******************************************
 * EVENTS
 ******************************************/
.events {
    padding-bottom: 100px;
}
.events .side-box {
    padding: 25px;
}
.events .side-box h3 {
    font-size: 20px
}
.events .past-events h3 {
    margin-bottom:50px
}
.events .past-events h3 span {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius:3px;
    background-color:#2D8CA8;
    color:#ffffff;
    font-size:15px;
    padding:5px 10px;
}
.events .blog-post.o-media .o-media__figure .skeleton-box {
    width:50px;
    height:65px;
}
.events .blog-post.o-media .o-media__body .skeleton-box {
    width:90%;
}
.events .blog-post.o-media .o-media__body .skeleton-box.title {
    height:35px;
    margin-bottom: 10px
}
.events .blog-post.o-media .o-media__body .skeleton-box.location {
    height:20px;
    margin-bottom: 10px
}
.events .blog-post.o-media .o-media__body .skeleton-box.more {
    height:20px;
    margin-bottom: 10px;
    width:125px;
}
.events .hr-section-header {
    margin-top: 10px;
    margin-bottom: 50px;
    width: 100%;
    border: 0;
    height: 2px;
    background-image: linear-gradient(to right, rgba(45, 140, 168, 0), rgba(45, 140, 168, 0.75), rgba(45, 140, 168, 0));
}
.events .event-item {
    min-height: 135px;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 25px
}
.events .upcoming-events .event-item:last-child {
    border-bottom: none;
    margin-bottom: 0
}
.events .event-item .line-clamp {
    display : block;
    display: -webkit-box;
    -webkit-box-orient : vertical;
    position : relative;
    overflow : hidden;
    text-overflow : ellipsis;
    padding : 0 !important;
}
.events .event-item .line-clamp-1 {
    -webkit-line-clamp : 1;
}
.events .event-item h2.title {
    font-size:32px;
}
.events .event-item .location {
    font-size:20px;
}
.events .event-item .more-wrap {
    margin-top:15px;
    font-size:18px;
}
.events .past-events .event-item:last-child {
    border-bottom: none;
    margin-bottom: 0
}
@media (max-width: 992px) {
    .events .side-box {
        margin: 25px 0 50px 0;
    }

}

/******************************************
 * EVENT
 ******************************************/
.event {
    padding-bottom: 100px;
}
.event .article-title .skeleton-box {
    width:90%;
    height:42px
}
.event .dl-wrap {
    margin-top:25px
}
.event dl dt,
.event dl dd {
    font-size:22px;
    margin: 10px 0;
    height:25px;
    line-height: 100%;
}
.event dl dd .skeleton-box {
    width:50%;
    height:25px
}
.event .hr-section-header {
    margin-top: 40px;
    margin-bottom: 35px;
    width: 100%;
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
.event .abstract {
    font-size:22px
}
.event .abstract div {
    padding-left:10px;
    margin: 5px 0
}
.event .abstract .skeleton-box {
    width:90%;
    height:25px
}
.event .abstract p {
    padding-left:20px;
    margin-bottom:20px
}
@media (max-width: 992px) {
    .event .content-header {
        display: block;
    }
    .event .content {
        margin-top: 35px;
        padding-left:15px;
    }

}

/*********
 * SITEMAP
 *********/
/* https://codepen.io/willpower/pen/pJKdej */
.sitemap {
    margin-bottom: 100px;
}
.sitemap ul {
    margin-left: 20px;
}
.sitemap .wtree li {
    list-style-type: none;
    margin: 10px 0 10px 10px;
    position: relative;
    font-size:20px;
    line-height: 100%;
}
.sitemap .wtree li:before {
    content: "";
    position: absolute;
    top: -10px;
    left: -20px;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    width: 20px;
    height: 15px;
}
.sitemap .wtree li:after {
    position: absolute;
    content: "";
    top: 5px;
    left: -20px;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    width: 20px;
    height: 100%;
}
.sitemap .wtree li:last-child:after {
    display: none;
}
.sitemap .wtree li span {
    display: block;
    border: 1px solid #ddd;
    padding: 10px;
    text-decoration: none;
}
.sitemap .wtree li span:hover,
.sitemap .wtree li span:focus {
    background: #EAF0F9;
    border: 1px solid #aaa;
}
.sitemap .wtree li span:hover + ul li span,
.sitemap .wtree li span:focus + ul li span {
    background: #EAF0F9;
    border: 1px solid #aaa;
}
.sitemap .wtree li span:hover + ul li:after,
.sitemap .wtree li span:hover + ul li:before,
.sitemap .wtree li span:focus + ul li:after,
.sitemap .wtree li span:focus + ul li:before {
    border-color: #aaa;
}
.sitemap .box {
    border-radius:10px;
    background-image: linear-gradient(to top, #dfe9f3 0%, white 100%);
    padding:40px 25px;
    font-size:22px;
    line-height:110%;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.sitemap .box .icon-wrap {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    margin: 0 0 15px 0;
    float:left;
    border-radius:50%;
    width:40px;
    height:40px;
    background-color: #2D8CA8;
    padding:8px
}
.sitemap.icon-wrap svg {
    width: 24px;
    height: 24px
}
.sitemap .icon-wrap svg path {
    fill: #ffffff
}
.sitemap .box .text-wrap {
    padding-left:55px
}
.sitemap .box .text-wrap p {
    margin-bottom: 15px
}
/**************************
 * SUB SITE - CYCLING CHAIR
 **************************/
.sub-site.cycling-chair .hero,
.sub-site.cycling-chair .hero .content-wrap,
.sub-site.cycling-chair .hero .swiper-container-wrap {
    background-color: #7399D1;
}
.sub-site.cycling-chair .hero .content-wrap {
    background-color: #7399D1
}
.sub-site.cycling-chair .hero .content-wrap p,
.sub-site.cycling-chair .hero .content-wrap h1,
.sub-site.cycling-chair .hero .content-wrap h6 {
    color:#ffffff
}
.sub-site.cycling-chair p.quote {
    font-style:italic
}
.sub-site.cycling-chair .logo-wrap img.logo-cycling-chair {
    width: 225px;
    margin-bottom: 35px;
}
.sub-site.cycling-chair .logo-wrap img.logo-ugent {
    width: 150px;
    margin-bottom: 25px;
}
.sub-site.cycling-chair .logo-wrap img.logo-vlaamse-overheid {
    width: 250px;
    margin-bottom: 25px;
}
.sub-site .content-wrap .team img {
    margin: 5px 0 0 0;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}
@media (max-width: 767px) {
    .sub-site.cycling-chair .hero .non-mobile {
        display: none
    }

}
/***********************************************
 * SUB SITE - SUSTAINABLE MOBILITY SUMMER SCHOOL
 ***********************************************/
.sub-site.sustainable-mobility-summer-school img {
    width:100%
}
.sub-site.sustainable-mobility-summer-school .hero,
.sub-site.sustainable-mobility-summer-school .hero .content-wrap,
.sub-site.sustainable-mobility-summer-school .hero .swiper-container-wrap {
    background-color:#31428B
}
.sub-site.sustainable-mobility-summer-school .hero .content-wrap p,
.sub-site.sustainable-mobility-summer-school .hero .content-wrap h1,
.sub-site.sustainable-mobility-summer-school .hero .content-wrap h6,
.sub-site.sustainable-mobility-summer-school .hero .content-wrap h4 {
    color:#ffffff
}
.sub-site.sustainable-mobility-summer-school h3 {
    font-size:22px
}
.sub-site.sustainable-mobility-summer-school .hero .content-wrap .btn-wrap {
    margin-top: 35px;
    display: inline-block;
}
.sub-site.sustainable-mobility-summer-school .hero .content-wrap .btn-default:hover,
.sub-site.sustainable-mobility-summer-school .hero .content-wrap .btn-default:hover i {
    background-color: #174e9b;
    color: #ffffff
}
.sub-site.sustainable-mobility-summer-school .fees table {
    width: 100%;
    margin: 25px 0
}
.sub-site.sustainable-mobility-summer-school .fees table th,
.sub-site.sustainable-mobility-summer-school .fees table td {
    padding: 10px 0;
    font-size:20px
}
.sub-site.sustainable-mobility-summer-school .faq .faq-wrap {
    margin-top: 25px;
}
.sub-site.sustainable-mobility-summer-school .faq .faq-wrap details {
    padding:15px;
    border:1px solid #dddddd;
    width: 100%;
    margin-bottom: 15px;
    font-size:20px
}
.sub-site.sustainable-mobility-summer-school .faq .faq-wrap details summary {
    color: #1E64C8;
    cursor: pointer;
    font-family: "PannoTextSemiBold", Arial, sans-serif;
}
.sub-site.sustainable-mobility-summer-school .faq .faq-wrap details p {
    padding:10px 0 0  0;
}
.sub-site.sustainable-mobility-summer-school .logo-wrap img.logo-ugent {
    width: 100px;
    margin-bottom: 25px;
}
.sub-site.sustainable-mobility-summer-school .logo-wrap img.logo-poliba {
    width: 200px;
    margin-bottom: 35px;
}
.sub-site.sustainable-mobility-summer-school .logo-wrap img.logo-eit {
    width: 225px;
    margin-bottom: 35px;
}
.sub-site.sustainable-mobility-summer-school .logo-wrap img.logo-eu {
    width: 225px;
    margin-bottom: 45px;
}
.sub-site.sustainable-mobility-summer-school .logo-wrap .bari-citta img {
    width: 150px;
    margin-bottom: 25px
}
.sub-site.sustainable-mobility-summer-school .logo-wrap .bari-metropole img {
    width: 175px;
}
.sub-site.sustainable-mobility-summer-school .logo-wrap .aiit img {
    margin-top:50px;
    width:225px;
}
.sub-site.sustainable-mobility-summer-school .logo-wrap .cub img {
    margin-top:20px;
    width:70px;
}
.sub-site.sustainable-mobility-summer-school .logo-wrap .in2ccam img {
    margin-top:30px;
    width:175px;
}
.sub-site.sustainable-mobility-summer-school .logo-wrap .pin-bike img {
    margin-top:10px;
    width:115px;
}
.sub-site.sustainable-mobility-summer-school .logo-wrap .altamurgia img {
    margin-top:30px;
    width:200px;
}
.sub-site.sustainable-mobility-summer-school .logo-wrap .vaimoo img {
    margin-top:15px;
    margin-bottom:35px;
    width:200px;
}
.sub-site.sustainable-mobility-summer-school .logo-wrap .grins img {
    margin-top:15px;
    width:200px;
}
.sub-site.sustainable-mobility-summer-school .logo-wrap .ricerca img {
    margin-top:15px;
    width:200px;
}
.sub-site.sustainable-mobility-summer-school .logo-wrap .italiadomani img {
    margin-top:15px;
    width:200px;
}
.sub-site.sustainable-mobility-summer-school .logo-wrap .aldomoro img {
    width:200px;
}
.sub-site.sustainable-mobility-summer-school .logo-wrap .puglia img {
    margin-top:15px;
    width:200px;
}
.sub-site.sustainable-mobility-summer-school {
    --swiper-navigation-color: #ffffff;
    --swiper-navigation-size: 40px;
    --swiper-navigation-top-offset: 40%;
    --swiper-navigation-sides-offset: 15px;
    --swiper-pagination-bullet-size: 10px;
    --swiper-pagination-bullet-width: 10px;
    --swiper-pagination-bullet-height: 10px;
}
.sub-site.sustainable-mobility-summer-school swiper-container {
    width:100%;
    height:100%
}
.sub-site.sustainable-mobility-summer-school swiper-container::part(button-prev),
.sub-site.sustainable-mobility-summer-school swiper-container::part(button-next) {
    background-color: rgba(30, 100, 200, 0.75);
    padding:15px
}
.sub-site.sustainable-mobility-summer-school swiper-container::part(button-prev):hover,
.sub-site.sustainable-mobility-summer-school swiper-container::part(button-next):hover {
    background-color: rgba(30, 100, 200, 1);
}


/*********************************************
 * SUB SITE - INCLUSIVE MOBILITY SUMMER SCHOOL
 *********************************************/
.sub-site.inclusive-mobility-summer-school .hero,
.sub-site.inclusive-mobility-summer-school .hero .content-wrap,
.sub-site.inclusive-mobility-summer-school .hero .swiper-container-wrap {
    background-color:#31428B
}
.sub-site.inclusive-mobility-summer-school .hero .content-wrap p,
.sub-site.inclusive-mobility-summer-school .hero .content-wrap h1,
.sub-site.inclusive-mobility-summer-school .hero .content-wrap h6,
.sub-site.inclusive-mobility-summer-school .hero .content-wrap h4 {
    color:#ffffff
}
.sub-site.inclusive-mobility-summer-school h3 {
    font-size:22px
}
.sub-site.inclusive-mobility-summer-school .hero .content-wrap .btn-wrap {
    margin-top: 35px;
    display: inline-block;
}
.sub-site.inclusive-mobility-summer-school .hero .content-wrap .btn-default:hover,
.sub-site.inclusive-mobility-summer-school .hero .content-wrap .btn-default:hover i {
    background-color: #174e9b;
    color: #ffffff
}
.sub-site.inclusive-mobility-summer-school .fees table {
    width: 100%;
    margin: 25px 0
}
.sub-site.inclusive-mobility-summer-school .fees table th,
.sub-site.inclusive-mobility-summer-school .fees table td {
    padding: 10px 0;
    font-size:20px
}
.sub-site.inclusive-mobility-summer-school .logo-wrap img.logo-ugent {
    width: 100px;
    margin-bottom: 25px;
}
.sub-site.inclusive-mobility-summer-school .logo-wrap img.logo-eit {
    width: 260px;
    margin-top: 15px;
    margin-bottom: 40px;
    border:1px solid #dddddd;
    padding:10px
}
.sub-site.inclusive-mobility-summer-school .logo-wrap img.logo-flanders {
    width: 225px;
    margin-bottom: 55px;
}
.sub-site.inclusive-mobility-summer-school .logo-wrap img.logo-doctoral-schools {
    width: 240px;
    border:1px solid #dddddd;
    padding:10px
}
.sub-site.inclusive-mobility-summer-school {
    --swiper-navigation-color: #ffffff;
    --swiper-navigation-size: 40px;
    --swiper-navigation-top-offset: 40%;
    --swiper-navigation-sides-offset: 15px;
    --swiper-pagination-bullet-size: 10px;
    --swiper-pagination-bullet-width: 10px;
    --swiper-pagination-bullet-height: 10px;
}
.sub-site.inclusive-mobility-summer-school swiper-container {
    width:100%;
    height:100%
}
.sub-site.inclusive-mobility-summer-school swiper-container::part(button-prev),
.sub-site.inclusive-mobility-summer-school swiper-container::part(button-next) {
    background-color: rgba(30, 100, 200, 0.75);
    padding:15px
}
.sub-site.inclusive-mobility-summer-school swiper-container::part(button-prev):hover,
.sub-site.inclusive-mobility-summer-school swiper-container::part(button-next):hover {
    background-color: rgba(30, 100, 200, 1);
}