/*harmony CSS*/
@import url("https://use.typekit.net/rol6irv.css");
.museo-500 {font-family: museo-sans, sans-serif;  font-weight: 500;  font-style: normal;}
.museo-700 {font-family: museo-sans, sans-serif;  font-weight: 700;  font-style: normal;}
.museo-900 {font-family: museo-sans, sans-serif;  font-weight: 900;  font-style: normal;}
/*---------------------------------------------HTML-BODY...*/
html, body { padding: 0; margin: 0; }
body { padding-top:145px; background-color: #fff; border: none; text-align: left; font-size: 14px; color: #706f6f; font-weight: 400; font-family: 'Open Sans', sans-serif; }
h1, h2, h3, h4, h5 { font-weight: 600; line-height: 130%; }
p { line-height: 120%; }
a { color: #58595b; text-decoration: none; transition: all ease-out .2s; }
a:active { opacity: .9; }
a.ghost { background: #fff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); z-index: 99; }
a.more { font-size:13px; display:inline-block; }
a.more.inverse { padding:3px 5px; color:#fff; }
.theotherfont { }
/*2023*/
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #289cd4;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #289cd4;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #289cd4;
}
/*2024*/
.btn-info {background-color: #289cd4;color: #fff;border: 2px solid #289cd4;display: inline-block;font-size: 16px!important;padding: .75rem 1.33rem!important;}
.more-text-1 h3, .more-text-1 h4, .more-text-1 h5, .more-text-1 h2 {font-size: 32px;font-weight: 500;margin-bottom: 2rem;}
.more-text-1 {position: relative;overflow: hidden;}
.more-text-1 .row {max-width: 1300px;margin: 0 auto;align-items: center;}
.more-text-1 .row > div:first-child {position: relative; z-index: 3;}
.more-text-2 .btn {min-width: 10px!important;display: inline-block!important;margin: .5rem .2rem;}
.more-text-2 .btn-danger {font-size: 16px!important;padding: .75rem 1.33rem!important;}
.normal-p p {margin-bottom: 1rem;line-height: 140%;}
.normal-p a {text-decoration: underline;}
.info-column .row {}
.info-column .col-md-4 {display: flex; flex-direction: column;}
.info-column .col-md-4 h3 {}
.info-column .col-md-4 p:has(button) {margin-top: auto;}
.info-column h3 {font-size: 30px;margin-bottom: 2rem;font-weight: 500;}
.info-column p {font-size: 16px;}
.info-column img {transform: scale(1.02,1.02);margin-bottom: 1rem;}
.border-box {box-sizing: border-box;}
#cover-about {min-height: 270px;padding-top: 50px;padding-bottom: 50px;}
#cover-about strong {font-size: 45px;line-height: 110%;margin-bottom: 2rem;display: block;}
@media screen and (min-width: 992px) {
  .more-text-1 h3, .more-text-1 h4, .more-text-1 h5, .more-text-1 h2 {margin-bottom: 4rem;}
  .more-text-1 p {margin-bottom: 2rem;}
  .more-text-1 {position: relative;}
  .more-text-1 img {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(1.33,1.33);}
  .py-lg-5 {padding-top:2rem!important;padding-bottom:2rem!important;}
}
@media screen and (max-width: 767px) {
  #cover-about h1 {font-size: 25px;}
}
/*2023*/
.body-2023 {padding-top: 100px;background-color: #fff;}
.body-2023 button {font-family: museo-sans, sans-serif;  font-weight: 700;  font-style: normal;}
.body-2023 .menu a {color: #333;}
.body-2023 #footer {border-top:2px solid #cbcbcb;color:#333333}
.body-2023 #header {box-shadow: 0 4px 5px rgba(0,0,0,.2);}
.body-2023 #header .wrapper {padding-left: 15px;padding-right: 15px;box-sizing: border-box;}
.body-2023 #search-bar {font-size: 11px;}
.body-2023 #search-bar a {color:#333;}
.body-2023 #search-bar a:hover {color:#289cd4;}
.body-2023 #search-bar form {border: 1px solid #289cd4;border-radius: 16px;}
.body-2023 #search-bar .field-sx {border:none;background: none;padding: 4px;max-width: 60px;font-size: 11px;}
.body-2023 #keresoFrm {padding-left: 32px;margin-right: 10px;}
.body-2023 #keresoFrm .button {position: absolute;left:12px;top: 4px;margin: 0;width: 12px;height: 12px;line-height: 12px;padding: 0;}
.hero {min-height: 100vh;padding-bottom: 15px;}
.hero-bg-mobile {width: 100%;height: 100%;z-index: 0;}
.hero-content {padding: 3rem 0;text-align: center;}
.hero-manifesto {padding:3rem 0;font-size: 20px;color:#333}
.hero-manifesto p {margin-bottom: 1rem;}
.hero h1 {font-size: 1.8rem;font-weight: 700;color: #fff;}
.hero-text {max-width: 520px;font-size: 20px;color:#fff;margin-top: 2.3%;}
.hero-2023-box {border: 1px solid rgba(255,255,255,.9);padding: 1.5rem 1.5rem 1rem 1.5rem;color: #fff;margin-bottom:1rem;display: flex;flex-direction: column;width: 100%;text-align: center;}
.hero-2023-box a {color: #fff;}
.hero-2023-box h2 {font-size: 2rem;font-weight: 500;}
.hero-2023-box p {font-size: 1.25rem;padding: 1rem 0 .5rem;}
.hero-2023-box .icon {background: url('../art/arrow-right.svg') no-repeat center;background-size: contain!important; width: 28px;height: 28px;display: block;margin: auto auto 0 auto;}
.color-my-box:nth-child(4) .hero-2023-box .icon, .color-my-box:nth-child(5) .hero-2023-box .icon, .color-my-box:nth-child(6)  .hero-2023-box .icon {background: url('../art/arrow-alt.png') no-repeat center;}
.color-my-box {transform: translate(0,0);transition: all ease-in-out .3s;}
.color-my-box:nth-child(1) .hover-box {background-color: #22acad;}
.color-my-box:nth-child(2) .hover-box {background-color: #1d70b7;}
.color-my-box:nth-child(3) .hover-box {background-color: #e50040;}
.color-my-box:nth-child(1) .hover-box:hover {transform: translate(-5px,-5px);transition: all ease-in .1s;}
.color-my-box:nth-child(2) .hover-box:hover {transform: translate(0px,-5px);transition: all ease-in .1s;}
.color-my-box:nth-child(3) .hover-box:hover {transform: translate(5px,-5px);transition: all ease-in .1s;}
.color-my-box:nth-child(4) .hover-box:hover {transform: translate(-5px,5px);transition: all ease-in .1s;}
.color-my-box:nth-child(5) .hover-box:hover {transform: translate(0,5px);transition: all ease-in .1s;}
.color-my-box:nth-child(6) .hover-box:hover {transform: translate(5px,5px);transition: all ease-in .1s;}
.news-2023, .meet-2023 {padding: 25px 0;}
.news-2023-box {margin-bottom:1rem;border: 1px solid #d3d3d3;}
.box-content {padding: 30px;}
.box-content h2 {line-height: 125%;font-size: 1.25rem;}
.box-content .tags {color: #fff;}
.box-content .tags a {  display: inline-block;  padding: 5px;  margin-bottom: 10px;}
.home-block-1 {padding: 50px 0;font-size: 20px;}
.home-block-1 > .container {max-width: 600px;}
.home-block-1 .btn {margin-top:1rem;}
.home-block-2 {padding: 2rem 0;font-size: 20px;color: #333;}
.home-block-2 p:not(:last-child) {margin-bottom: 20px;}
.home-block-2 .btn {margin-top: 10px;}
.news-2023-box-content .tags a:hover {background-color: #9fddd4;color: #fff;}
.meet-2023-box {margin-bottom:1rem;border: 1px solid #d3d3d3;}
.meet-2023-items .col-12:nth-child(2), .meet-2023-items .col-12:nth-child(3) {opacity: .4;}
#partner-logos-2023 img {max-height: 30px!important;width: auto!important;}
.container {max-width: 1140px;margin: 0 auto;padding: 0 15px;box-sizing: border-box;}
.container-xl {max-width: 1300px;margin: 0 auto;padding: 0 15px;box-sizing: border-box;}
.bg-100 {background-size: 100%!important;}
.bg-auto {background-size: auto!important;}
.fixed-top {position: fixed;top:0;left:0;}
.pt-0 {padding-top: 0!important;}
.bg-6 {background-color: #22acad;}
.bg-7 {background-color: #289cd4;}
.bg-8 {background-color: #1d70b7;}
.bg-9 {background-color: #f1f1f1;}
.ar-43 {aspect-ratio: 40/25;}
.ar-43.img-fluid img {aspect-ratio: 40/25;object-fit: cover;width: 100%!important;height: 100%!important;}
.b-rad-3 {border-radius: 8px;}
.fs-11 > * {font-size: 11px!important;}
.fs-12 > * {font-size: 12px!important;}
.title-display-1 > * {font-size: 28px!important;margin-bottom: 25px;font-weight: 700;}
.hover-box {transition: all ease-in-out .3s;box-shadow: inset 0 0 50px rgba(255,255,255,0);transform: translate(0,0);}
.hover-box:hover {transition: all ease-in-out .2s;box-shadow: inset 0 0 150px rgba(255,255,255,.33), 0 20px 33px rgba(0,0,0,.2),0 4px 10px rgba(0,0,0,.2);text-shadow: 1px 1px 1px rgba(0,0,0,.2);border-color: rgba(255,255,255,.9);transform: translate(0,-10px);}
.mx-auto {margin-left:auto;margin-right: auto;}
#search-bar .px- {padding-left: 10px;padding-right: 10px;}
#footer {padding-top: 15px; padding-bottom:15px;}
.body-2023 #footer .menu ul {margin-bottom: 0;}
.f-block-1 .column-1, .f-block-2 .column-1 {width: 100%;box-sizing: border-box;}
.f-block-1 .column-2, .f-block-2 .column-2 {width: 100%;box-sizing: border-box;}
.some-text p {margin-bottom: 14px;line-height: 140%;}
.some-text-2 p {margin-bottom: 8px;line-height: 120%;}
.some-text-2 a {text-decoration: underline;}
.some-text-3 p {margin-bottom: 8px;line-height: 120%;}
.body-2023 .btn {min-width: 100%;}

@media (min-width: 580px) {
  .body-2023 .btn {max-width: 414px;}
  .body-2023 {padding-top: 110px;}
  .hero {padding-bottom: 80px;}
  .hero-content {padding-top: 80px;padding-bottom: 60px;}
  .hero-manifesto {padding:240px 0 0;}
  .hero h1 {font-size: 45px;}
  .home-block-1 .btn {margin-top:50px;}
  .home-block-2 {padding: 100px 0;}
  .home-block-2 p {line-height: 150%;}
  .col-lg-4, .col-lg-6, .col-lg-8 {width: 50%!important;flex: 0 0 auto;}
  .news-2023, .meet-2023 {padding: 94px 0;}
  .title-display-1 > * {font-size: 36px!important;margin-bottom: 50px;}
  .f-block-1 .column-1 {width: 15%;}
  .f-block-1 .column-2 {width: 85%;padding-right: 40px;}
  .f-block-2 .column-1 {width: 50%;display: flex;flex-direction: column;justify-content: space-between;}
  .f-block-2 .column-2 {width: 50%;text-align: right;display: flex;flex-direction: column;justify-content: space-between;}
  #footer {padding-top: 50px; padding-bottom:50px;}
  .home-block-1 {padding: 90px 0;}
}
@media (min-width: 1024px) {
  .hero-bg-mobile {display: none;}
  .hero-content {text-align: left!important;}
  .hero h1 {color: #289cd4;}
  .hero-text {color: #333;}
  .hero-2023-box {text-align: left;}
  .hero-2023-box .icon {margin: auto 0 0;}
  .col-lg-4 {width: 33.333333%!important;flex: 0 0 auto;}
  .col-lg-6 {width: 50%!important;flex: 0 0 auto;}
  .col-lg-8 {width: 66.33%!important;flex: 0 0 auto;}
}
@media (min-width: 1241px) {
  .menu-2023#menu-top-render-2023 {text-align: right;background-color: transparent;bottom: 0;padding:0;position: absolute;}
  .menu-2023#menu-top-render-2023 > ul {justify-content: end;}
  .menu-2023#menu-top-render-2023 > ul > li {box-shadow: none;padding: 0;}
  .menu-2023#menu-top-render-2023 > ul > li > a {padding:26px 10px;font-weight: 500;display: block;}
  .body-2023 #search-bar {top:15px;transform: none;}
  .body-2023 .btn {min-width: 335px;}
}
/*-----------------------------------------------------------------wrapper*/
.wrapper { /*width: 1210px;*/ width: 1240px; position: relative; margin: 0 auto; box-sizing: border-box; }
/*------------------------------------------------------------------HEADER---*/
#column9165 {}
#column9165 a {color:#2CA8E3;}
#column9165 a:hover {color:#333!important;}
#header { position:fixed; width:100%; top:0; left:0; z-index:1999; background-color:#fff; }
#header .wrapper { width:1300px; min-height:109px; padding:10px 0 20px; }
#header.stick { box-shadow:0 5px 0 rgba(0,0,0,.2), 20px 30px 50px rgba(0,0,0,.33); }
#header.stick .wrapper { height:60px; }
#header.stick .brand img { height:50px; width:100%; max-width:270px!important;}
#header .brand{ top: 50%; transform: translateY(-50%); position: absolute;z-index: 3;}
#search-bar { position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
#search-bar .field { margin:0; width:120px; padding:8px 10px;     margin-top: 4px; }
#keresoFrm {position: relative; padding-left:40px; margin-left: 15px;}
#keresoFrm .button { width:30px; height:30px; background:url(art/ico-magnif.png) no-repeat center; background-size:contain; margin-right:16px; position: absolute; left: 0; top: 0;}
.subscribe {background-color: #2CA8E3;display: inline-block;padding: 4px 10px; position: relative;clear: both;border-radius: 4px;}
.subscribe a {color: #fff;}
#header .subscribe {margin-left: 15px;}
/*--------------------------------------------------//////////////MAIN MENU\\\\\\\\\\\\\*/
#menu-top-render, #menu-top-render-2023 { position:absolute; right:0; bottom:17px; }
#menu-top-render li, #menu-top-render-2023 li { font-size:16px; padding-left:10px;padding-right: 10px; position:relative; }
#menu-top-render li:last-child, #menu-top-render-2023 li:last-child {box-shadow: none!important;}
#menu-top-render ul li ul, #menu-top-render-2023 ul li ul { visibility:hidden; position:absolute; left:0; top:100%; background-color:#fff; width:468px; padding:20px 0 0; transition:all ease-out .2s; opacity:0;z-index: 2;}
#menu-top-render ul li:hover ul, #menu-top-render-2023 ul li:hover ul { visibility:visible; opacity:1; }
#menu-top-render ul li ul li, #menu-top-render-2023 ul li ul li { padding:10px; box-shadow:0 1px 0 rgba(0,0,0,.2); display:block; }
#menu-top-render a:hover, #menu-top-render-2023 a:hover { color: #d94c5d; }
#menu-top-render li, #menu-top-render-2023 li { font-size: 16px; }
.current a { color: #d94c5d; }
/*#column8847 a {background-color:#d94c5d;color: #fff;padding:10px;display: block;}*/
/*----------------------------------------------------/////////////COVER\\\\\\\\\\\\\\*/
#cover { position:relative; }
#cover .bg-image { position:absolute; width:100%; height:100%; left:0; top:0; background-size:75%;  }
#cover .wrapper { height:300px; }
#cover .title { position:absolute; bottom: 50%;transform:translateY(50%); left:0; }
#cover h1 { font-size:38px; font-weight:600; text-shadow: 2px 1px 1px rgba(217, 76, 93, 0.75); }
#cover .bubble { width:440px; padding:30px 30px 30px 70px; position:absolute; right:0; top:10%; border-radius:100px 0 0 100px; font-size:20px; font-weight:300; display: none;}
#cover .bubble h2 { font-size:20px; }
#post-cover.smaller { margin-top:-130px; }
#post-cover .title h1 { font-size:46px; font-weight:500; line-height:120%; margin-bottom:20px; }
#post-cover .title h2 { font-size:24px; font-weight:500; line-height:120%; margin-bottom:20px; }
#post-cover .text h2 { color:#d94c5d; font-size:30px; margin-bottom:20px; font-weight:500; }
#post-cover .text h2 a { color:#d94c5d;text-decoration: underline;}
#post-cover .text p { font-size:24px; line-height:150%; }
#post-cover-2 .title {display: none;}
#intro .col { padding:0 20px; }
#intro h2 { box-shadow:0 1px 0 #c0c0c0; padding:15px 0; font-size:30px; color:#706f6f; }
#intro p { padding:10px 0; font-size:17px; }
#intro a { color:#ae2f2e; }
#intro .block a { color:#222; }
#intro .block a:hover { color:#ae2f2e; }
/*-----------------------------------------------------slider*/
.cycle-slideshow { width:100%; position:relative; overflow:hidden; background-repeat:no-repeat; background-size:cover; background-position:center; }
.cycle-slide { width:100%; height:100%; position:relative; overflow:hidden; background-repeat:no-repeat; background-size:cover; background-position:center; mix-blend-mode: multiply; }
.cycle-slide h1 { font-size:45px; font-weight:500; color:#35a8e0; margin-bottom: 10px; }
.cycle-slide p { font-size:24px; line-height: 150%; }
.cycle-pager { position:absolute; top:30px; left:0; width:100%; z-index:888; font-weight:bold; }
.cycle-pager a { display:block; float:left; width:30%; box-sizing:border-box; position:relative; text-align:center; font-size:36px; min-height:120px; margin:0 1.5%; background-color:#5ac5f2; }
#slider-home-wrapper { padding:30px 0 0; }
#slider-home .cycle-slide { padding:100px 62px 70px; }
#per-slide-template { }
#slider-home-wrapper .title { padding-right: 20px; }
#slider-home-wrapper .block { padding-left: 30px; /*color: #35a8e0;*/ }
#slider-home-wrapper .block h2 {     font-size: 45px;  font-weight: 500;  color: #35a8e0;  margin-bottom: 10px; }
/*#slider-home-wrapper .block p { font-size: 18px;  margin-bottom: 5px; }*/
/*----------------------------------------------------//////////////CONTENT\\\\\\\\\\\\\*/
.section { }
.featured-news {box-shadow: 2px 4px 10px rgba(0,0,0,.3);}
#featured-news { position:relative; }
.featured-news .bg-image { position:absolute; top:0; height:100%; }
.featured-news .bg-image.left {left: 0;}
.featured-news .bg-image.right { right: 40px;top: 40px;} /*max-width: 565px;max-height: 377px;*/
.featured-news .news-text {z-index: 2;}
.featured-news h1 { font-size:30px; font-weight:500; margin-bottom:20px; }
.featured-news p { font-size:20px; line-height:150%; margin-bottom:25px; }
.lead { height:410px; margin-bottom:50px; box-shadow:0px 0px 1px rgba(0,0,0,.5); }
.lead a {text-decoration:none;}
.lead .lead-text { min-height:180px; /*position:absolute; bottom:0; left:0;*/ background-color:#fff; box-sizing:border-box; font-size:15px; }
.lead .lead-text p { font-size:20px; margin:10px 0; color:#575756; }
.lead .lead-text.pc { height:210px;}
.lead .lead-text.pc p {font-size: 18px}
.lead .lead-text .green.bordered a { display:inline-block; padding:5px; margin-bottom: 10px;}
.lead .lead-text .green.bordered .tags a { margin-bottom: 10px;box-shadow: 0 0 0 1px #9fddd4; color: #9fddd4;}
.lead .lead-text.pc .green.bordered a {font-size: 11px}
.lead .lead-text.news .green.bordered a {font-size: 11px}
.lead.download { height: auto;margin-bottom: 20px;}
.eventInner .lead {height: 456px;}
.eventInner .lead .lead-text { height:250px;}

.download h2 {font-size: 20px;color: #575756;font-weight: 400;padding-bottom: 5px; border-bottom: 1px solid #575756;}
.download .sub {width: 50px;height: 50px;background-size: cover;    margin-right: 20px;}
.download .sub.sub-2801, .download .sub.sub-2832 { background-image: url('/art/doc-deliverables.svg');}
.download .sub.sub-2802, .download .sub.sub-2837 { background-image: url('/art/doc-publications.svg');}
.download .sub.sub-2803 { background-image: url('/art/doc-presentation.svg');}
.download .sub.sub-2804, .download .sub.sub-2835 { background-image: url('/art/doc-newsletter.svg');}
.download .sub.sub-2819, .download .sub.sub-2833 { background-image: url('/art/doc-paper.svg');}
.download .sub.sub-2805, .download .sub.sub-2838 { background-image: url('/art/doc-video.svg');}
.download .sub.sub-2806, .download .sub.sub-2836 { background-image: url('/art/doc-materials.svg');}
.download .sub.sub-2943, .download .sub.sub-2945 { background-image: url('/art/test-tube.svg');}
.download .sub.sub-2946, .download .sub.sub-2944 { background-image: url('/art/meeting.svg');}

.download .newsdate {margin-top: 10px}

.filters {}
.filters ul {}
.filters li {list-style-type: none !important;margin: 0 3% 20px 0 !important;box-shadow: 0 0 1px rgba(0,0,0,.99);padding: 1%;width: 28%;display: inline-block; cursor: pointer;}
.filters li:hover, .filters li.current {background-color: #2BA7E2; color: #fff;}
.filters a {text-decoration: none !important;    color: #bbb !important;}
.filters li:hover a, .filters a:hover, .filters li.current a {color: #fff!important;}

.filters li.current.c2803 {background-color:#75BDE0 ; }
.filters li.current.c2806 {background-color:#A3A5B7 ; }
.filters li.current.c2801 {background-color:#DA4256 ; }
.filters li.current.c2805 {background-color:#5E80C0 ; }
.filters li.current.c2804 {background-color:#79C087 ; }
.filters li.current.c2802 {background-color:#4B4B4B ; }

.pages {}
.pages a { box-shadow: 0 0 0 1px #9fddd4; color: #9fddd4; padding: 5px}
.pages b { box-shadow: 0 0 0 1px #9fddd4; background: #9fddd4; color: #fff; padding: 5px}


#mosaic-news { max-width:1440px; }
#button-more-news { font-size:36px; }
#map { color:#3c3c3b; font-size:16px; }
#map .title { font-size:48px; text-align: center;margin-bottom: 40px;    box-shadow: 0 1px 0 #c0c0c0;padding: 15px 0;color: #706f6f; }
#map h2 { box-shadow:0 1px 0 rgba(0,0,0,.3); padding:10px 0; font-size:20px; }
#map p { padding:10px 0; box-shadow:0 1px 0 rgba(0,0,0,.3); }
#map .map-bg { min-height:600px; background-size:900px; background-position:top right; }
.col.square { position:relative; overflow:hidden; height:0; }
.col.w25.square { padding-top: 23%;margin-right: 2%;width: 23%;margin-bottom: 2%; }
.col.w25.square.wp {padding-top:15%;}
.col.w33.square { padding-top:33.33%; }
.col.w50.square { padding-top: 23%;margin-right: 2%;width: 31%;margin-bottom: 2%; height: 300px}
.col.w66.square { width:66.66%; padding-top:33.33%; }
.col.w33.square:nth-child(5n) { width:66.66%; padding-top:33.33%; }
.square .lead-thumb { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; z-index:1; transition:all ease-out .4s;  }
.square .lead-thumb .frame { position:absolute; top:0; left:0; width:100%; height:100%; box-shadow:inset 0 0 0 5px #fff;background-color: #333; opacity: 0.25; }

.col.w25.square .lead-text { height: auto;}
/*.col.w25.square:hover .lead-text {  height: 100%;}*/
.col.w25.square .lead-thumb .frame { box-shadow: none;}
.col.w25.square .lead-text p {opacity: 100;padding: 6px 0;font-size: 14px;}
.col.w25.square .lead-text h1 {font-size: 20px;font-weight: 600;}

.col.w50.square .lead-text { height: auto;}
/*.col.w25.square:hover .lead-text {  height: 100%;}*/
.col.w50.square .lead-thumb .frame { box-shadow: none;}
.col.w50.square .lead-text p {opacity: 100;padding: 6px 0;font-size: 14px;}
.col.w50.square .lead-text h1 {font-size: 20px;font-weight: 600;}

.square .lead-thumb img { min-height:100%; min-width:100%; }
.square .lead-text { position:absolute; width:100%; height:70%; left:0; bottom:0; z-index:2; padding:20px; box-sizing:border-box; transition:all ease-out .5s; }
.square .lead-text h1 { font-size:24px; font-weight:800; }
.square .lead-text a { color:#fff; }
.square:hover .lead-text { height:100%; color:#575756; background-color:#fff; }
.square:hover .lead-text a { color:#575756; }
.square:hover .lead-text a.more { color:#fff; }
.square .lead-text p { padding:20px 0; height:1px; opacity:0; transition:all ease-out .3s; font-size:18px; }
.square.project .lead-text p {     color: #fff;  height: auto;  opacity: 1;}
.square:hover .lead-text p { opacity:1; height:auto; color: #575756; }
#article-text {background-color: #fff;}
#article-text p { font-size:20px; line-height: 140%; }
#article-text ul { font-size:20px; line-height: 140%; margin-left: 30px; margin-bottom: 20px; /*color: #2BA7E2; */}
#article-text ul li { list-style-type: disc; line-height: 140%; margin-bottom: 5px; }
#article-text ul li p {margin-bottom: 5px;}
#article-text q { border-left: 2px solid #d94c5d; display: inline-block; padding: 0 0 0 20px; font-style: italic; font-weight: 100; font-size: 100%; line-height: 160%;}
#article-text h1 { margin: 10px 0; }
#article-text h2 { color: #2CA8E3; margin: 10px 0; clear: both; font-size: 24px; }
#article-text h3 { color: #2CA8E3; margin: 10px 0; font-size: 22px; }
#article-text h4 { color: #2CA8E3; font-weight: normal; }
#article-text h5 { color: #2CA8E3; font-weight: normal; } /*#d94c5d*/
/*#article-text b, #article-text strong { color: #d94c5d; }*/
#article-text samp, #article-text samp { color: #d94c5d;font-family: inherit;font-weight: 600; }
#article-text table { width: 100%; border-color: #d94c5d; }
#article-text table th {}
#article-text table td { padding: 10px; padding-left: 0; }
/*#article-text table td p { margin: 5px; margin-left: 0; }*/
#article-text table td p { margin:0; }

#article-text table ul { color: #706f6f; }
#article-text table ul li { margin-bottom: 4px; }
#article-text p:not(.unstyled-urls) a, #article-text li:not(.unstyled-urls) a { color: #2BA7E2;text-decoration: underline; }

#article-text .tags, li.tags, .tags { color: #fff;}
#article-text .tags a {display: inline-block;padding: 5px;box-shadow: 0 0 0 1px #9fddd4;color: #9fddd4;text-decoration: none; margin-bottom: 20px;}

#article-text .items { margin-top: 30px; }
#article-text hr { border-bottom: 1px solid #d3d3d3; margin: 18px 0 24px;}
#shareme .button { padding: 0; box-shadow: none; border-radius: 0; padding-left: 5px; float: left; padding-top: 1px;}
#infograph .b-left-top { margin-left:30px; height:30px; }
#article-text q::before, #article-text q::after { color: #d94c5d; }
.newsdate { font-size: 12px; color: #bbb; }
.lead .lead-text .newsdate p { font-size: 12px;color: #35a8e0;margin: 0;}

.lead .lead-text .green.bordered.projects { float:left; margin-right: 10px;}
.lead.project {height: 500px}
.lead.project .lead-text h2 {}
.lead.project .lead-text {height: 286px;}
.lead.project .lead-text p {font-size: 19px;min-height: 140px;}
.lead.project .newsdate { margin-top: 10px;}

.projectpage#article-text h2 {/*color: #878787;*/font-weight: 400;}
.projectpage .projectDesc { /*color: #2CA8E3;*/padding-left: 30px;padding-bottom: 30px;padding-top: 10px;}
.projectpage .summary {color: #878787;background-color: #F8F7F5; padding: 30px;height: 300px;overflow: hidden;}
.projectpage .summary .text { padding: 30px 0 0 30px; }
.projectpage .readmore{background-color: #EFEFF1;text-align: center;padding: 10px;font-size: 16px;font-weight: 100;cursor: pointer;}
.projectpage .sep{ margin-bottom: 50px;}
.projectpage#article-text .involved h2, .projectpage#article-text .summary h2, .projectpage#article-text .relatedArticles h2 {font-size: 32px;font-weight: 400;}
.projectpage#article-text .involved h3 {color: #d94c5d;font-weight: 400;}
.projectpage .related {margin-top: 50px;}
.projectpage .team .contact .quote { display: none;}
#article-text .related ul {margin: 0; padding: 0;}
#article-text .related ul li {margin: 0; padding: 0;line-height: 120%;list-style: none;}
#article-text .related p {font-size: 20px;margin: 10px 0;color: #575756;line-height: 120%;}
#article-text .related ul li.newsdate{font-size: 12px;}
#article-text .green a {color: #9fddd4;}
#article-text ul.wps { margin: 0; padding: 0;}
#article-text ul.wps li { margin: 0 5px; padding: 0; float: left;list-style: none;}
#article-text ul.wps li a { padding: 5px; }

/*QA*/
.qa-card {height: 380px;}
.qa-card .back {text-align: left;background-color: #fff;}
.qa-card .front {text-align: center;height: 80%;background-color: #fff;}
.qa-card h2 {color: #d94c5d;;position: absolute;top: 45%;left: 50%;transform: translate(-50%, -50%);width: 80%;font-size: 24px;}
.qa-card .answer {margin: 25px;  font-size: 16px;color:#2BA7E2}
.qa-card .answer a {color: #d94c5d;}
.qa-card .subcat {backface-visibility: hidden;position: absolute;bottom: 0px;text-align: center;width: 90%;padding: 5%;color: #fff;}
.qa-card .tags {backface-visibility: hidden;position: absolute;bottom: 45px;text-align: center;width: 90%;padding: 5%;}
.qa-card .tags a {font-size: 11px;display: inline-block;padding: 5px;margin-bottom: 10px;box-shadow: 0 0 0 1px #9fddd4;color: #9fddd4;}
.qa-card .subcat.cat2756 {background-color:#75BDE0 ; }
.qa-card .subcat.cat2757 {background-color:#A3A5B7 ; }
.qa-card .subcat.cat2758 {background-color:#DA4256 ; }
.qa-card .subcat.cat2759 {background-color:#5E80C0 ; }
.qa-card .subcat.cat2760 {background-color:#79C087 ; }

/*------------------------------------------------------------------FOOTER----*/
#footer { line-height:130%; }
#footer .menu ul { margin-bottom:25px; }
#footer .menu li { font-size:14px; line-height:130%; }
#footer .socialmenu { margin-bottom:20px; }
#footer li h4 { font-weight:400; font-size:18px; margin-bottom:20px; }
#footer .text p, #footer li { font-size: 12px; }
#footer .xl-font { font-size: 18px; }
.menu.socialmenu li { padding-right:5px; }
#footer .socialmenu li img { width: 24px; height: auto; }
#partners { padding-left: 75px; }
#partners li { padding-right:10px; }
#partners img { width: auto; height: 40px; }
/*-----------------------------------------------------------------COMMON----------------*/
/*popups*/
.popup { display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0,0,0,.5); z-index: 1300; }
.scroll-button { position:relative; width:66px; height:66px; background-color:#94a5a4; background-position:center; background-repeat:no-repeat; background-size:20px; }
.scroll-button a { position:absolute; width:100%; height:100%; }
.scroll-top { background-image:url(art/arrow-up.svg); }
/*column styles*/
.columns { }
.column-title { text-transform: uppercase; min-height: 50px; }
.column-title h1 { margin: 0 0 20px; font-size: 22px; font-weight: 700; }
.column-text { min-height: 100px; margin: 0 0 20px; color: #3e3e3e; font-size: 16px; }
.col-ico { padding: 10px 0; }
.col { box-sizing: border-box; position:relative; }
.w10 { width: 10%; }
.w15 { width: 15%; }
.w20 { width: 20%; }
.w24 { width: 24%; }
.w25 { width: 25%; }
.w30 { width: 30%; }
.w32 { width: 32%; }
.w33 { width: 33.33%; }
.w34 { width: 34%; }
.w40 { width: 40%; }
.w42 { width: 42%; }
.w49 { width: 49%; }
.w50 { width: 50%; }
.w60 { width: 60%; }
.w64 { width: 64%; }
.w66 { width: 66%; }
.w70 { width: 70%; }
.w75 { width: 75%; }
.w80 { width: 80%; }
.w90 { width: 90%; }
.w100 { width: 100%; }
.w880p { width:880px; }
.p10h { padding-left:10px; padding-right:10px; }
.p15 { padding:15px; }
.p15h { padding-left:15px; padding-right:15px; }
.pt-15 { padding-top:15px; }
.pb-15 { padding-bottom:15px; }
.p20-35 { padding:20px 35px; }
.p30-60 { padding:30px 60px; }
.p50-60 { padding:60px 60px; }
.p0-60 { padding:60px 60px; padding-top: 0}
.p25-60 { padding:25px 60px; }
.p30 { padding:30px; }
.p40 { padding:40px; }
.pt-40 {padding-top: 40px;}
.pb-40 {padding-bottom: 40px;}
.p60h { padding-left:60px; padding-right:60px; }
.p30h { padding-left:30px; padding-right:30px; }
.p20h { padding-left:20px; padding-right:20px; }
.p40h { padding-left:40px; padding-right:40px; }
.p20v { padding-top:20px; padding-bottom:20px; }
.p30v { padding-top:30px; padding-bottom:30px; }
.p80v { padding-top:80px; padding-bottom:80px; }
.p12 { padding:12px; }
.m30 { margin-top: 30px; }
.m40 { margin-top: 40px; }
.m60 { margin-top: 60px; }
.m15b { margin-bottom: 15px; }
.m30b { margin-bottom: 30px; }
.m60b { margin-bottom: 60px; }
.mauto { margin-left: auto; margin-right: auto; }
.ml-5 {margin-left: 2rem;}
.mr-5 {margin-right: 2rem;}
.ml-4 {margin-left: 1rem;}
.mr-4 {margin-right: 1rem;}
.ml-3 {margin-left: .5rem;}
.mr-3 {margin-right: .5rem;}
.pr-5 {padding-right:2rem;}
.pl-5 {padding-left:2rem;}
.pr-4 {padding-right:1rem;}
.pl-4 {padding-left:1rem;}
.pr-3 {padding-right:.5rem;}
.pl-3 {padding-left:.5rem;}
/*text styles*/
.text { line-height:150%; }
.text p { margin-bottom:20px; }
.s-font { font-size:16px; }
.m-font { font-size:18px; }
.l-font { font-size:24px; }
.xl-font { font-size:25px; }
.xxl-font {font-size:30px;}
.xxxl-font {font-size:45px;}
.lh-100 {line-height: 100%!important;}
.fw-500 {font-weight: 500!important;}

.text-center {text-align:center;}
h1, h2, h3, h4, h5, h6, p, ul, ol, li { margin: 0; padding:0; list-style: none; }
p { }
i { }
small { font-size:60%; }
.quote { }
.quote em { padding-bottom: 15px; display: block; text-align: justify; }
.quotation:before {}
/*buttons*/
.button { box-sizing:border-box; transition: all ease-out .2s;}
.button a, submit.button, input.button { display: block; position: relative; font-size: 18px; color: rgba(255,255,255,1); transition: all ease-out .2s; padding: 20px 0; border:none; cursor:pointer; }
.button.outlined a { padding-left:30px; padding-right:30px; box-shadow:0 0 0 3px #fff; }
.button-grey a { background-color:#ededed; color:#60605f; }
.button-blue a { background-color:#2CA8E3; color:#fff; }
.button-grey-2 a { background-color:#6f6f6f; color:#fefefe; }
.button:hover {opacity: .9;}
/*---------------------------------extra*/
/*gradients, colors*/
.bg-1 {background-color: #f5f5f5;}
.bg-2 {background-color: rgba(0,0,0,.33);}
.bg-3, .bg-2827 {background-color: #ebf6fc;}
.bg-4, .bg-2829 {background-color: #f9ecf5;}
.bg-5 {background-color: #f8f8f8;}
.white, .white a { color:#fff; }
.dark, .dark a { color:#3c3c3b; }
.cyan, .cyan a { color: #00aeef; }
.blue, .blue a { color: #35a8e0; }
.orange, .orange a { color:#fcb040; }
.orange.bordered a { box-shadow: 0 0 0 1px #fcb040; }
.green, .green a { color:#9fddd4; }
.green.bordered a { box-shadow:0 0 0 1px #9fddd4; }
.grey, .grey a { color:#6d6e71; }
.greyc6, .greyc6 a { color:#c6c6c6; }
.grey87, .grey87 a { color:#878787; }
.red, .red a { color:#ae2f2e; }
.white-bg { background-color:#fff; }
.cream-bg { background-color:#f8f5f1; }
.grey-bg { background-color:#f6f6f6; }
.grey-bg706 { background-color:#706f6f; }
.blue-bg706  { background-color:#2CA8E3; }
.blue-bg { background-color:#00aeef; }
.blue-bg2 { background-color:#289CD4; }
.orange-bg { background-color: #f29a13; }
.green-bg { background-color: #9fddd4; }
.grad-orange { background: #ef9217; background: -webkit-linear-gradient(top, #f39b12, #e67e22); background: -o-linear-gradient(top, #f39b12, #e67e22); background: -moz-linear-gradient(top, #f39b12, #e67e22);  background: linear-gradient(top, #f39b12, #e67e22); }
.grad-green { background: #2ecb70; background: -webkit-linear-gradient(top, #2ecb70, #27ae60); background: -o-linear-gradient(top, #2ecb70, #27ae60); background: -moz-linear-gradient(top, #2ecb70, #27ae60);  background: linear-gradient(top, #2ecb70, #27ae60); }
/*effects*/
.skew-bg { position:absolute; left:0; top:0; width:100%; height:100%; }
.skewme { -ms-transform: skew(0,-7deg);  -webkit-transform: skew(0,-7deg); transform: skew(0,-7deg); }
.bg-multiply { background-blend-mode: multiply; }
.bg-screen { background-blend-mode: screen; }
.bg-image { background-repeat: no-repeat; background-position: center; background-size: cover; }
.fixed-bg { background-attachment:fixed; }
.b-shadow-1 { box-shadow:10px 10px 40px rgba(0,0,0,.4); }
.blurred { -webkit-filter:blur(5px); filter:blur(5px); }
.b-bottom { border-bottom: 1px solid #e0e0e0; }
.underline::after { content:''; position:relative; height:3px; width:60px; margin:0 auto; display:block; }
.underline-green::after { background-color:#a6ce39; }
.underline-white::after { background-color:#fff; }
.underline-pink::after { background-color:#f38181; }
/*...common classes*/
img { border: none; vertical-align: middle; }
img table { text-align: left; }
img.fluid-img, .fluid-img img { max-width: 100%; height: auto!important; }
.fluid-iframe iframe { width: 100%; height: 100%; border: none; }
.sep-b {border-bottom: 1px solid #f4f4f4;}
.sep-b-2 {border-bottom: 1px solid #afc9d8;}
hr {width:100%; height: 1px; margin: 10px 0; border: none; box-shadow: 0 2px 0 rgba(255,255,255,.17); }
hr.dotted { box-shadow: none; border-bottom: 3px dotted #0975ad; }
.ico { display:inline-block; background-repeat: no-repeat; background-position: center; background-size: 100%; width:20px; height:20px; vertical-align:middle; }
.ico-eye { background-image:url(art/ico-view.svg); }
.ico-comments { background-image:url(art/ico-bubble.svg); }
.clear { clear: both; }
.clearfix::after { content: ''; clear: both; }
.hide-overflow { position: relative; overflow: hidden; }
.left { float: left; }
.right { float: right; }
.b-rad-1 { border-radius: 5px; }
.b-rad-2 { border-radius: 30px; }
.b-rad-left-top-1 { border-radius: 5px 0 0 0; }
.b-rad-50 { border-radius: 50%; }
.b-left-top { border-left:5px solid #c4ceda; border-top:5px solid #c4ceda; }
.b-all { border:5px solid #c4ceda; }
.disc { width:100px; height:100px; line-height:100px; display:block; font-size:40px; }
.menu ul { font-size: 0; margin:0; padding:0; }
.menu li { display: inline-block; font-size: 16px; vertical-align: top; padding:0; font-weight:400; }
.centered { text-align: center; }
.blocked { display:block; }
.inline-blocked { display:inline-block; }
.uppercase { text-transform:uppercase; }
span.centered { display: block; }
.left-aligned { text-align: left; }
.right-aligned { text-align: right; }
.menu.centered ul { text-align: center; }
.menu.centered ul li { display: inline-block; vertical-align: top; }
.hide { display: none; }
.spacer { padding: 0 5px; }
.field { padding: 10px; margin: 0 1% 10px 0; border: none; border-radius: 4px; font-size: 14px; font-style:italic; background-color: #fff; font-weight: 300; color: #ccc; box-shadow:inset 0 0 3px rgba(0,0,0,.2); }
.submit { padding: 10px; cursor: pointer; border: none; font-size: 20px; }
.submit.button { padding-bottom: 15px; }
input:focus, select:focus { outline: none; }
table { border-spacing: 0; }
.iam-a-table { display: table; }
.iam-a-table li { display: table-cell; padding: 10px; }

/*to top*/
#totop { position:fixed; right:-70px; bottom:5%; z-index:999; transition:all ease-out .2s; }
#totop.showme { right:0; }
#totop img { width:50px; height:auto; padding:10px; background-color:#00aeef; }

/*menu toggle*/
.menu-toggle { display:none; position:absolute; right:20px; top:50%; width:50px; transform: translateY(-50%); border-radius:0 0 0 10px; cursor:pointer;z-index: 1000; }
.menu-toggle ul { padding:0; margin:0; }
.menu-toggle li { width:50px; height:2px; display:block; background-color:#777; margin:7px 0; }
.menu-toggle li:first-child { margin-top:10px; }
.cookieMessage { position: fixed; width: 100%; bottom: 0; }
.cookieMessage a { color: #d94c5d; }
.coltitle { text-align: center; font-size: 45px; font-weight: 500; color: #58595b; margin: 25px 0; }
.coltitle-2 > * { text-align: center; font-size: 36px; font-weight: 500; color: #58595b; margin: 15px 0; }
.title.p50-60 { padding:20px 60px 0; min-height: 120px; }
.title.p50-60.smaller {min-height: 160px;}
.bread { font-size: 14px; margin-bottom: 20px; }
.bread a { margin: 0 4px; }
.bread a:hover { color: #35a8e0; }


/*EVENTS*/
.m2432 .frame { background-color: #D54A48;}
.m2433 .frame { background-color: #2BA7E2;}
.m2434 .frame { background-color: #B597A3;}
.green.m2432 a { color: #D54A48;}
.green.m2433 a { color: #2BA7E2;}
.green.m2434 a { color: #B597A3;}
.green.bordered.m2432 a {     box-shadow: 0 0 0 1px #D54A48;}
.green.bordered.m2433 a {     box-shadow: 0 0 0 1px #2BA7E2;}
.green.bordered.m2434 a {     box-shadow: 0 0 0 1px #B597A3;}
/*.green.bordered.m2432.tags a, .green.bordered.m2433.tags a, .green.bordered.m2434.tags a  { box-shadow: 0 0 0 1px #9fddd4; color: #9fddd4;} */
.eventInner.passed { opacity: 0.35; }

/*HIDE PHOTO ON CONTACT*/
body.ck.n747180 #cover { display: none; }
body.ck.n747180 #post-cover { margin-top: 0; }
body.ck.n747180 .title.p50-60 { min-height: auto;  margin-bottom: 0;}
body.ck.n747180 #post-cover .title h2 { margin-bottom: 0;}
body.ck.n747180 .text { padding-top: 10px; }

/*PARTNERS*/
.partner { display: flex; flex-wrap: wrap; align-items: center;flex-direction: column;justify-content: center;text-align: center; float: left; margin: 20px; border: 1px solid #888786; padding: 10px; width: 44%; min-height: 170px;}
.partner img { width: auto!important; height:auto!important; margin-bottom: 10px; max-width:240px; max-height: 100px;}
.partner a { color: #2BA7E2; font-size: 12px; }
.partner .ghost {}
.partner .ghost:hover {}
.partner .country {}
.partnersBoard .partner { width: 88%; }
.fade .partner {opacity: 0.35;}

/*CONTACTS*/
.contact { text-align: center;  width: 20%; padding-right: 5%;  font-weight: 300; float: left; margin-bottom: 20px; }
.contact .photo img {-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */filter: grayscale(100%);}
.bw img {-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */filter: grayscale(100%);}
.contact .photo img, .owl-carousel .item .leadkep { width: 130px; height: 130px; border-radius: 65px; margin: 22px 0; border: 3px solid #848286; }
.contact p, #article-text .contact p { font-size: 16px; margin-bottom: 0;  }
.contact p.sep, #article-text .contact p.sep { text-transform: uppercase; font-size: 14px;  margin: 6px 0;}
.contact p.sep.m, #article-text .contact p.sep.m { margin-top: 22px; }
.contact .name, #article-text .contact .name { color: #35a8e0; font-weight: 300; font-size: 20px; }
.contact .title, #article-text .contact .title {     font-size: 22px; font-weight: 300; margin-bottom: 10px; min-height: 60px; }
.contact a { color: #35a8e0; }
.contact a.grey {color: #706f6f; }
.contact .line { height: 2px; background: #e1e1e1; margin: 20px 0; width: 90%; margin-left: 5%;}



/*WP box*/
 #article-text .wpbox { width: 30%;float: left;text-align: center;margin-right: 3%;background-color: #f6f6f6;height: 300px;margin-bottom: 40px;}
 #article-text .wpbox a { color: #706f6f;}
 #article-text .wpbox .title {     color: #9eddd2;font-size: 48px;margin: 33px 0 10px 0;border-bottom: 2px solid #d4d4d4;}
 #article-text .wpbox .obj { font-weight: 600; }
 #article-text .wpbox .desc {     font-size: 16px;    margin: 0 15px;}

.n747180 #article-text h2 { clear: both;     color: #706f6f;font-size: 24px;margin-bottom: 30px;border-bottom: 2px solid #e1e1e1;padding-bottom: 20px; }

/*SPECIALS*/
#article-text .specialContainer1 {     background-color: #f6f6f6;    margin: 30px -50px;    padding: 30px 60px;}
#article-text .specialContainer1 h2 {     color: #9d9d9d;font-size: 36px;font-weight: 100;margin-bottom: 40px;}
#article-text .specialContainer2 {     margin: 20px 0; }
#article-text .specialContainer2 a { /*color: #abe0d8;*/ background-color: #f6f6f6; font-size: 24px; font-weight: 100; padding: 20px 20px; min-width: 200px; display: inline-block; border: 1px solid #888786; }
#article-text .specialContainer2 a:hover { background-color:#E0E1E0 }

#article-text .specialContainer3 { background-color: #f6f6f6!important; margin: 30px -50px!important; padding: 30px 60px!important;}
#article-text .specialContainer3 h2 {cursor: pointer;}
#article-text .specialContainer3 h2.mb { margin-bottom: 40px!important;}
.specialContainer3 .direction {display: inline-block;margin-left: 10px;}
.specialContainer3 .direction img { width: 24px;transform: rotate(90deg); }
.specialContainer3 .direction.active img {transform: rotate(270deg);}

.results { margin-top: 20px; }
.search-result { margin-bottom: 20px;}
.search-result a {  color: #2BA7E2; font-size: 18px;}
.search-result p { margin-top: 6px }

.intro { font-size: 20px;line-height: 140%; margin-bottom: 20px }
.intro p {margin-bottom: 20px;line-height: 140%;}
.intro hr { border-bottom: 1px solid #d94c5d; margin: 40px 0;}

#column-cover {min-height:unset;}
#column-cover h1 {font-size: 46px;font-weight: 500;line-height: 120%;margin-bottom: 20px;}

.d-inline-block {display: inline-block;}
#article-text table img { max-height:210px; height:auto!important; width:auto !important; margin-bottom:30px; }

/*MEET US*/
.date1Hour {display: none;}
.date2 {display: none;}
.date2Hour {display: none;}
.date2HourSep {display: none;}

/*QUOTES HOME*/
/* .owl-carousel.owl-drag .owl-item {box-shadow: 0px 0px 1px rgba(0,0,0,.5);margin-top: 1px;margin-bottom: 1px;} */

.home-banner {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;box-sizing: border-box;}
.home-banner-text {padding: 1.5rem 2rem;box-sizing: border-box;text-shadow:1px 1px rgba(0,0,0,.2), 0 0 3px rgba(0,0,0,.2);/*background-image: linear-gradient(rgba(0,0,0,0), rgba(36,130,218,.6));*/}
.home-banner-text a {display: inline-block;margin-top:15px;font-weight: bold;}
.home-banner-image {min-height:320px;background-repeat: no-repeat;background-size: cover;background-position:center;box-sizing: border-box;transform: scale(1,1);transition: all ease-out .3s;}
.home-banner:hover .home-banner-image {transform: scale(1.01,1.01);transition: all ease-out .1s;}
.align-self-end {align-self: flex-end;}
.mt-auto {margin-top: auto;}


/*----------------------------leftovers----------------------*/
/*div {
	outline:1px solid #000;
}*/
div:not(#article-text, .partner) img {max-width: 100%!important; height: auto!important;}
div:not(#article-text) .littlepict span > img {max-width: none!important; height: 100%!important;}
.littlepict .tags {}
.littlepict .tags a {margin-right: 5px;margin-top:5px;padding:5px;display: inline-block;background-color: #2CA8E3;color:#fff;font-weight: 500;}
.littlepict .tags a[href*="harmony_plus"] {background-color: #c8bfe7!important;color:#fff;}
.littlepict .tags a[href*="harmony"] {background-color: #ffaec9;color:#fff;}
#article-text .tags a[href*="harmony"] {background-color: #ffaec9;box-shadow: none;color:#fff;}
#article-text .tags a[href*="harmony_plus"] {background-color: #c8bfe7!important;box-shadow: none;color:#fff;}
.quote img {border-radius: 50px;}
.btn, a.btn {padding:12px;text-decoration: none!important;border-radius: 30px;display: block;font-size: 14px;cursor: pointer;font-weight: 500;transition: all ease-in-out .2s;}
.btn-primary {font-size: 1.25rem;display: inline-block;color:#fff;background-color: transparent;border:2px solid #fff;}
.btn-primary:hover {box-shadow: inset 0 0 0 2px #fff;opacity: 1;}
.btn-success {font-size: 1.25rem;display: inline-block;color:#289cd4;background-color: transparent;border:2px solid #289cd4;}
.btn-success:hover {box-shadow: inset 0 0 0 2px #289cd4;opacity: 1;}
.btn-danger {font-size: 16px;display: inline-block;color:#fff;background-color: #e50040;border:2px solid #e50040;}
.btn-danger:hover {background-color: #d50642;border:2px solid #e50040;opacity: 1;}
.btn-wide .btn {width: 100%;}
.btn:hover {opacity: .9;}
.btn-1, a.btn-1 {color:#fff!important;background-color: #e50040!important;}
.btn-2, a.btn-2 {color:#fff!important;background-color: #1d70b7!important;}
.btn-3, a.btn-3 {color:#fff!important;background-color: #1dacad!important;}
.btn-4, a.btn-4 {color:#fff!important;background-color: #23a8e0!important;}
#article-text .unstyled-list li {list-style: none;margin-bottom: 15px;}
#article-text .unstyled-list ul {margin-left: 0;}
#article-text .unstyled-list a {text-decoration: none!important;}
#article-text .unstyled-list p {margin: 0;}
.bordered-li li {border:1px solid #d3d3d3;}

.position-relative {position:relative;}
.position-absolute {position:absolute;}
.overflow-hidden {overflow: hidden;}
.w-100 {width: 100%;}
.h-100 {height: 100%;}
.mb-0 {margin-bottom: 0!important;}
.mb-1 {margin-bottom: .5rem;}
.mb-2 {margin-bottom: 1rem;}
.mb-3 {margin-bottom: 2rem;}
.mt-0 {margin-top: 0;}
.mt-1 {margin-top: .5rem;}
.mt-2 {margin-top: 1rem;}
.mt-3 {margin-top: 2rem;}
.px-3 {padding-left:1.5rem;padding-right:1.5rem;}
.py-2 {padding-top:1rem;padding-bottom:1rem;}
.py-3 {padding-top:1.5rem;padding-bottom:1.5rem;}
.py-4 {padding-top:2rem;padding-bottom:2rem;}
.py-5 {padding-top:2rem;padding-bottom:2rem;}

.color-white {color: #fff;}
.img-hue-1 img {filter:hue-rotate(150deg) saturate(400%) contrast(80%);}

.owl-faded .owl-item {opacity: .6;}
.owl-faded .owl-item.active.center {opacity: 1;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {position:absolute;top:50%;font-size:0;width:31px;height:49px;background-repeat: no-repeat;background-position: center;}
.owl-carousel .owl-nav button.owl-prev {left:-25px;background-image:url(art/owl-prev.png)!important;}
.owl-carousel .owl-nav button.owl-next {right:-25px;background-image:url(art/owl-next.png)!important;}
.owl-theme .owl-nav [class*=owl-]:hover {background-color:transparent;color:000;}

#gallery-holder {display: flex;flex-wrap: wrap;}
#gallery-holder .gallery-thumb {width: 190px;height: 150px;margin:0 5px 0 0;position: relative;overflow: hidden;}
#gallery-holder .gallery-thumb img {max-width: 150%!important; width:150%;height: auto;}

.d-block {display: block;}
.d-flex, .row {display: flex;flex-wrap: wrap;align-items: stretch;box-sizing: border-box;}
.flex-column {flex-direction: column;}
.justify-content-between {justify-content:space-between;}
.row {margin-left:-15px;margin-right:-15px;}
.row.narrow {margin-left: 8px;margin-right: 8px;}
.align-items-center {align-items: center;}
div[class*='col-'] {position: relative; width: 100%; padding-right: 15px; padding-left: 15px;box-sizing: border-box;}
.narrow div[class*='col-'] {padding-right: 8px; padding-left: 8px;}
.bordered-images img {border:1px solid #d3d3d3;}

.color-1, .color-1 a {color: #2BA7E2;}
.color-1 a:hover {color: #000;}
.color-2, .color-2 a {color: #333;}
.color-2 a:hover {color: #000;}

.color-3, .color-3 a {color: #2CA8E3;}
.color-3 a:hover {color: #000;}

.color-4, .color-4 a {color: #575756;}
.color-4 a:hover {color: #000;}

.color-5, .color-5 a {color: #289cd4;}
.color-5 a:hover {color: #1caaef;}

.n884435 #cover.fixed-bg {background-attachment: scroll;}
.littlepict span > img { position: absolute; height: 100% !important; width: auto; max-width: none !important; transform: translateX(-50%); left: 50%; }

.related-datasheet-content {}
.columns-3 .partner {width:31%;margin:1%;box-sizing: border-box;}
.columns-3 .partner img {}
.ghost-image {max-height:300px;opacity: 0;}

/*RESPONSIVE*/

@media (min-width: 768px) {
  .mb-md-0 {margin-bottom: 0!important;}
.col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.col-md-4 {
  -ms-flex: 0 0 33%;
  flex: 0 0 33%;
  max-width: 33%;
}
}

@media screen and (max-width: 1320px) {
	#header .wrapper, #footer .wrapper { width: auto;padding-left: 15px;padding-right: 15px;box-sizing: border-box; }
}
@media screen and (max-width: 1240px) {
	.wrapper { width: 98%; }
	#search-bar { right:80px; }
	.menu-toggle { display:block; }
	/*#menu-top-render { position:fixed; top:0; right:-300px; width:300px; height:100%; overflow:scroll; background-color:#fff; transition:all ease-out .3s; padding:20px; box-shadow:0 0 100px rgba(0,0,0,.3); }*/
	/*#menu-top-render li { display:block; padding:10px 0; }*/
	/*#menu-top-render.active { display:block; right:0; }*/
	/*#menu-top-render.active ul li ul { visibility:visible; opacity:1; position:relative; width:auto; }*/

	#menu-top-render, #menu-top-render-2023 { position:fixed; top:0; right:-300px; width:300px; height:100%; overflow:scroll; background-color:#fff; transition:all ease-out .3s; padding:20px; box-shadow:0 0 100px rgba(0,0,0,.3);z-index: 999; }
	#menu-top-render li, #menu-top-render-2023 li { display:block; padding:10px 0; }
	#menu-top-render.active, #menu-top-render-2023.active { display:block; right:0; }
	#menu-top-render.active ul li ul, #menu-top-render-2023.active ul li ul { visibility:visible; opacity:1; position:relative; width:auto; }

	/* .w33 .lead { height:0; padding-top:100%; }
	.w33 .lead-thumb { position:absolute; top:0; } */
	.w33 .lead-text { height:auto; }

  .col.w25.square.wp {width:48%;padding-top:50%;}
}
@media screen and (max-width: 1024px) {
	/*.w33 { width:50%; }*/
    .w33.block { width:33%; }
    .partner { width: 41% }
    .partner img { height: 80px; max-width: 100%; }
    #slider-home-wrapper .block { width: 100%; }
    .title.p50-60 { padding: 20px 30px 0; min-height: auto; }
    .m-font { font-size:18px; }
    .l-font { font-size:15px; }
    .xl-font { font-size:20px; }
    .xxl-font {font-size:20px;}
    .xxxl-font {font-size:20px;}
}
@media screen and (max-width: 768px) {
	body { padding-top:80px; }
    h1 { font-size: 20px; }
    blockquote { margin: 10px; }
	.w50, .w70, .w40, .w60, .w33, .w66, .w25, .col.w66.square, .col.w50.square { width:100%; box-sizing: border-box;}
	.p50-60 { padding:25px 30px; }
  .p0-60 {padding: 0 30px;}
  .m-font { font-size:18px; }
.l-font { font-size:24px; }
.xl-font { font-size:25px; }
.xxl-font {font-size:26px;}
.xxxl-font {font-size:25px;}
.xl-font, .xl-font h1, .xl-font h2, .xl-font h3, #post-cover .text h2, #post-cover .text p, .cycle-pager a, .cycle-slide h1, .cycle-slide p, .square .lead-text h1, #button-more-news, #map .title, #post-cover .title h2, #article-text p, #slider-home-wrapper .block h2,
    .featured-news h1 { font-size: 20px; }
    .featured-news p, #article-text p { font-size: 18px; }
	#search-bar { display:none; }
	#header .wrapper { min-height:100px; }
	#header .brand img, #header.stick .brand img { max-width:50vw!important; height:auto; }
	#post-cover { margin-top:0;}
    #post-cover .title h1 { font-size: 22px; }
    #cover .bubble { width:95%;     padding: 20px 20px 20px 70px;    font-size: 18px; }
    #cover .wrapper { height:25vh; }
	#cover .title {padding: 15px;}
  #post-cover-2 {margin-top:0!important;}
	.square .lead-text { height:100%; }
	.w33 .lead { height:auto; padding-top:0; }
	.w33 .lead-thumb, .w33 .lead-text { position:relative; }
    .contact { text-align: center;  width: 45%; padding-right: 5%;  font-weight: 300; float: left; margin-bottom: 20px; }
    .p40h  { padding-left: 10px; padding-right: 10px;}
    .bg-image.fixed-bg {  background-attachment: initial; }
    #article-text iframe {width: 100%; height: auto;}
}
@media screen and (max-width: 767px) {
  .home-banner {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
  .home-banner-image {min-height:200px;}
  .p0-60 {padding: 0 10px;}
  .columns-3 .partner {width:100%;margin:0 0 15px;}
  .col.w25.square.wp {width:100%;padding-top:66%;}

  /* footer */
  #footer p {line-height: 170%;}
  #footer strong, #footer b { font-size: 125%;}
  #footer .some-text {margin-bottom: 10px;}
  #footer .some-text-2 {margin-bottom: 30px;}
  #footer .some-text-2 b { margin-top: 30px;display: block;}  
  #footer .some-text-3 {margin-bottom: 10px;}
}

@media screen and (max-width: 480px) {
    .w-100 {width: 96%;}
    .contact { text-align: center;  width: 100%; }
    .title.p50-60 {padding: 20px 10px 0;}
    .title.p50-60 { min-height: auto; }
    .p40 {padding: 30px;}
    .p20h { padding-left:0; padding-right:0; }
    .p50-60 {  padding: 10px 15px;}
    .p25-60 { padding: 10px 20px; }
    .m30b {margin-bottom: 15px;}
    .lead {margin-bottom: 30px;}
    .partnersBoard .partner { width: 90% }
    .partner { width: 90%; margin: 5%; padding: 10px 0; }
    .partner img { width: auto;height: 100px;margin-bottom: 10px;max-width: 90%;    }
    #article-text .wpbox {  width: 100%; }
    #slider-home .cycle-slide {  padding: 20px;}
    #slider-home-wrapper .block {  padding-left: 0px;}
    .cookieMessage { width: auto }
    #intro .col { width: 100% }
    #article-text table td { display: block; width: 100%!important;}
    .download .w20 {width: 100%!important;float: none;clear: both; height:auto;padding-bottom: 20px;}
    .download .w80 {width: 100%!important;float: none;clear: both}
    .related .download-item {padding: 0px!important}
    .quote img {border-radius: 200px!important;}
}

@media (min-width: 1241px) {
  .ghost-image {min-height:100px;}
  #post-cover { margin-top:-100px;}
  .col-6 {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
	#header .wrapper {}
	/*#menu-top-render {float: none!important; width: 100%; background-color: #f5f5f5; padding-top: 15px; padding-bottom: 15px; position: relative; bottom: 0; text-align: center}*/
	/*#menu-top-render li ul {text-align: left;}*/

	#menu-top-render, #menu-top-render-3 {float: none!important; width: 100%; background-color: #f5f5f5; padding-top: 15px; padding-bottom: 15px; position: relative; bottom: 0; text-align: center}
	#menu-top-render li ul, #menu-top-render-3 li ul {text-align: left;}

	#intro {margin-top: -100px;}
	#intro .wrapper {background-color: #fff; padding-top: 2rem;}
  /*nav that tastes like pimposkefir*/
  #menu-top-render > ul > li {text-align: left;box-sizing: border-box;box-shadow: 1px 0 0 #d94c5d;padding-left:20px;padding-right: 20px;}
  #menu-top-render #column7728 > a {max-width: 6em;display: block;}
  #menu-top-render #column8540 > a {max-width:3.5em;display: block;}
  #menu-top-render #column8000 > a {max-width:5em;display: block;}
  #menu-top-render #column6804 > a {max-width:4.2em;display: block;}
  #menu-top-render > ul {max-width: 100%;display: flex;flex-wrap: wrap;justify-content: center;}

  #menu-top-render > ul > li {text-align: left;box-sizing: border-box;box-shadow: 1px 0 0 #d94c5d;padding-left:20px;padding-right: 20px;}
  #menu-top-render > ul {max-width: 100%;display: flex;flex-wrap: wrap;justify-content: center;}

  #menu-top-render-2023 > ul > li {text-align: left;box-sizing: border-box;box-shadow: 1px 0 0 #d94c5d;padding-left:20px;padding-right: 20px;}
  #menu-top-render-2023 #column7728 > a {max-width: 6em;display: block;}
  #menu-top-render-2023 #column8540 > a {max-width:3.5em;display: block;}
  #menu-top-render-2023 #column8000 > a {max-width:5em;display: block;}
  /*#menu-top-render-2023 #column6804 > a {max-width:4.2em;display: block;}*/
  #menu-top-render-2023 > ul {max-width: 100%;display: flex;flex-wrap: wrap;justify-content: center;}

  #menu-top-render-2023 > ul > li {text-align: left;box-sizing: border-box;box-shadow: 1px 0 0 #d94c5d;padding-left:20px;padding-right: 20px;}
  #menu-top-render-2023 > ul {max-width: 100%;display: flex;flex-wrap: wrap;justify-content: center;}
}


.teaser-image {position: absolute;top: 0;left: 0;width:100%;height:100%;}
.teaser-image img {width:100%;height:100%;object-fit: cover;}
