@font-face { font-family:RobotoC; src:url(RobotoCondensed-Regular.ttf); }
@font-face { font-family:RobotoCL; src:url(RobotoCondensed-Light.ttf); }
@font-face { font-family:RobotoCB; src:url(RobotoCondensed-Bold.ttf); }
@font-face { font-family:Orkney; src:url(Orkney-Regular.otf); }
@font-face { font-family:OrkneyL; src:url(Orkney-Light.otf); }

body {
font:20px 'RobotoC', sans-serif;
word-wrap:break-word;
line-height:28px;
margin:0px;
}

h1, h2, h3, h4, h5, h6 {
text-transform:uppercase;
font:22px 'Orkney';
margin:20px 0px;
line-height:30px;
}

h1, h2 {
font:32px 'Orkney';
line-height:40px;
}

h3, h4, #content-dse h2 {
font:24px 'Orkney';
line-height:32px;
}

h3.margin {
margin:40px 0px;
}

a, .current-menu-item > a:first-child {
text-decoration:none;
color:#19b5fe;
}

a:hover {
color:#11609f;
}

a, input, select, textarea {
outline:none;
}

blockquote {
font:20px 'Orkney';
line-height:28px;
margin:20px;
}

figcaption {
font:18px 'RobotoC', sans-serif;
text-transform:uppercase;
line-height:26px;
text-align:center;
margin:8px;
}

figure {
margin:20px 0px;
}

img {
vertical-align:top;
max-width:100%;
border:none;
height:auto;
}

input[type=submit], input[type=text], select, textarea {
-webkit-appearance:none;
appearance:none;
}

div.wrap {
max-width:1440px;
margin:0px auto;
position:relative;
padding:0% 4%;
}

div.search-form {
top:-100%; left:0%;
background:#fff;
position:fixed;
z-index:100;
height:94px;
width:100%;
}

div.search-form input {
border:none; border-bottom:1px solid #000;
font:20px 'RobotoC', sans-serif;
margin:24px 0px 0px 24px;
display:inline-block;
vertical-align:top;
line-height:28px;
height:40px;
width:50%;
}

div.search-form input[type=submit] {
background:url(../img/search.png) no-repeat center top;
margin:24px 0px 0px -40px;
background-size:32px;
border:none;
width:40px;
}

div.close, .close-search {
background:url(../img/close.png) no-repeat center;
background-size:20px;
border:1px solid #000;
top:24px; right:24px;
position:fixed;
z-index:100;
height:40px;
width:40px;
}

div.close {
top:20px; right:20px;
border:none;
height:20px;
width:20px;
}

div.filters {
border-top:1px solid #fff;
padding:24px 0px;
top:92px;
}

div.hoo, .filters {
background:url(../img/bg-grey.png);
position:fixed;
width:100%;
z-index:20;
top:0px;
}

div.hoo ul, div.foo ul, .jump .list {
list-style:none;
padding:0px;
margin:0px;
}

div.hoo li {
padding:32px 16px;
display:inline-block;
vertical-align:top;
position:relative;
}

div.hoo a { color:#000; }
div.hoo .logo { margin:16px 0px; }
div.hoo .lingo { margin:32px 0px 32px 12px; }
div.hoo .ac, .foo .uc a, .grey, cite { color:#6c7a89; }
div.hoo a:hover, .hoo .sub-menu a:hover, .foo a:hover { color:#19b5fe; }

div.hoo .sub-menu {
box-shadow:2px 2px 12px #e8ecf1;
font:18px 'RobotoC', sans-serif;
border-radius:4px;
top:80px; left:0px;
position:absolute;
line-height:26px;
background:#fff;
display:none;
width:220px;
}

div.hoo .sub-menu::before {
transform:rotate(45deg);
top:-6px; left:16px;
position:absolute;
background:#fff;
height:32px;
width:32px;
content:'';
}

div.hoo .sub-menu li, .hoo li:hover .sub-menu, .list a {
display:block;
padding:0px;
}

div.hoo .sub-menu a {
border-bottom:1px solid #e8ecf1;
padding:0px 0px 12px;
margin:12px 16px;
color:#22313f;
display:block;
}

div.hoo .search {
background:url(../img/search.png) no-repeat center;
margin:32px 0px 32px 32px;
background-size:24px;
height:24px;
width:24px;
}

div.hoo .burger {
background:url(../img/burger.png) no-repeat center;
margin:32px 0px 32px 16px;
background-size:36px;
height:24px;
width:36px;
}

div.master figure, form, .wp-block-media-text {
position:relative;
}

div.master figcaption {
background:url(../img/bg-black.png);
bottom:0%; left:0%; right:0%;
position:absolute;
text-align:left;
margin:0px;
width:100%;
}

div.master .wp-block-image a {
background:url(../img/arrow.png) no-repeat 96%;
padding:12px 16px 8px;
background-size:22px;
font:20px 'Orkney';
line-height:28px;
display:block;
color:#fff;
}

div.master .wp-block-image a:hover {
background:url(../img/arrowBlue.png) no-repeat 96%;
background-size:22px;
color:#19b5fe;
}

div#slider { height:640px; }
div.home #slider { height:760px; }
div#slider .swiper-pagination { bottom:24px; }
div#slider .wp-block-media-text__media { width:100%; }

div#slider .wp-block-media-text__content, #slider .slider-text {
bottom:48px; left:0px;
position:absolute;
text-align:center;
padding:0% 4%;
display:block;
margin:0px;
width:92%;
color:#fff;
}

div#slider h1, #slider h2 {
padding:20px 24px 16px;
background:#22313f;
display:inline-block;
font:32px 'OrkneyL';
border-radius:4px;
line-height:40px;
cursor:default;
}

div#slider strong {
font:20px 'RobotoC', sans-serif;
text-transform:none;
line-height:28px;
display:block;
}

div.slider.multiple { padding:0px 0px 40px; }
div.slider .wp-block-image { margin:0px; }

div.slider .wp-block-image a {
background:url(../img/arrow.png) no-repeat 98%;
padding:20px 20px 16px;
background-size:28px;
font:24px 'Orkney';
line-height:32px;
}

div.slider .wp-block-image a:hover {
background:url(../img/arrowBlue.png) no-repeat 98%;
background-size:28px;
}

div.slider .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity:1; }
div.slider .swiper-pagination { bottom:0px; }
div.slider .swiper-pagination-bullet {
margin:0px 5px !important;
background:#19b5fe;
outline:none;
height:12px;
width:12px;
opacity:0.5;
}

div#project, .meta {
padding:120px 0px 20px;
}

div#project div {
padding:0px 12px;
position:relative;
outline:none;
}

div#project span {
font:24px 'RobotoCL', sans-serif;
bottom:12px; right:32px;
position:absolute;
line-height:32px;
color:#fff;
}

div#project .slick-arrow:hover {
opacity:0.8;
}

div#project .slick-arrow {
background:#19b5fe url(../img/arrNext.png) no-repeat center;
background-size:20px;
top:50%; right:20px;
border-radius:4px;
position:absolute;
cursor:pointer;
padding:0px;
height:60px;
width:60px;
z-index:2;
}

div#project .slick-prev {
background:#19b5fe url(../img/arrPrev.png) no-repeat center;
background-size:20px;
left:20px; right:auto;
}

div.landing .noarrow figcaption {
display:inline-table;
min-height:80px;
text-align:center;
}

div.landing .noarrow .wp-block-image a {
background:none !important;
vertical-align:middle;
display:table-cell;
}

div.page figure {
margin:32px 0px;
color:#22313f;
}

div.page figure img {
width:80%;
}

div.page figcaption {
text-transform:none;
margin:8px 0px;
text-align:left;
}

div.content {
max-width:1120px;
padding:40px 4%;
margin:0px auto;
position:relative;
}

div.content.mid { max-width:960px; }
div.content.max { max-width:none; }

div.content ol, .content ul {
padding:0px 10px;
margin:20px;
}

div.acc h3 {
background:url(../img/arrB.png) no-repeat 98%;
border-bottom:1px solid #6c7a89;
padding:20px 24px 16px 16px;
background-size:32px;
cursor:pointer;
margin:0px;
}

div.acc h3.ac {
background:url(../img/arrT.png) no-repeat 98%;
background-size:32px;
}

div.meta a, .meta span {
padding:8px 16px 4px;
background:#19b5fe;
border-radius:40px;
display:inline-block;
font:16px 'Orkney';
line-height:24px;
margin:0px 8px;
cursor:default;
color:#fff;
}

div.news {
position:relative;
padding:0% 4%;
color:#22313f;
}

div.news h3, .news h3 a, .pro h3, .pro h3 a, .result h3, .result h3 a {
font:22px 'RobotoC', sans-serif;
text-transform:none;
line-height:30px;
color:#000;
}

div.news h3, .news p, .pro h3, .pro p, .result h3, .result p { margin:10px 0px; }
div.news .poster { height:280px; width:auto; }
div.news .exc, .pro .exc {
margin:0px 0px 40px;
flex-basis:32%;
}

div.pro {
padding:0px 4% 40px;
position:relative;
}

div.result {
border-bottom:1px solid #6c7a89;
padding:0px 0px 10px;
margin:0px 0px 20px;
}

div.foo, .foox {
padding:50px 0px 40px;
margin:40px 0px 0px;
background:#22313f;
}

div.foo .col.left { width:30%; }
div.foo .col.right { width:20%; }
div.foo li { margin:0px 0px 8px; }
div.foo, .foo a, #slider a { color:#fff; }
div.foo .col.right:nth-child(3), .foo .col.right:nth-child(4) { margin:0% 0% 0% 5%; }

div.foo .social, .footer ul, .footer li, .footer span {
margin:32px 32px 0px 0px;
vertical-align:middle;
display:inline-block;
}

div.foo .social.kununu { margin:16px 16px 0px 0px; }
div.foo .social { margin:8px 16px 0px 0px; }
div.foo .social img { height:24px; }

div.foox {
border-bottom:1px outset #000;
padding:0px 0px 40px;
margin:0px;
}

div.footer {
font:18px 'RobotoC', sans-serif;
line-height:26px;
}

div.footer li, .footer span {
margin:32px 16px 0px;
}

div.newsletter {
font:32px 'RobotoCL', sans-serif;
display:none !important;
line-height:40px;
}

div.newsletter img, .newsletter input, .newsletter span {
vertical-align:middle;
display:inline-block;
}

div.newsletter input[type=text] {
border:none; border-bottom:1px solid #6c7a89;
font:20px 'RobotoC', sans-serif;
background:#22313f;
padding:12px 16px;
color:#e8ecf1;
margin:20px;
width:200px;
}

div.newsletter input[type=submit] {
text-transform:uppercase;
border:2px solid #19b5fe;
padding:8px 16px 6px;
border-radius:40px;
font:16px 'Orkney';
background:none;
line-height:24px;
color:#19b5fe;
}

div.newsletter input[type=submit]:hover {
border:2px solid #11609f;
color:#11609f;
}

div#filter .wp-block-columns:first-child {
border-bottom:1px solid #000;
padding:0px 0px 10px;
margin:0px 0px 10px;
}

div.filter, .option {
background:url(../img/check.png) no-repeat 0px 4px;
background-size:18px;
margin:0px 0px 16px;
padding:0px 32px;
cursor:pointer;
}

div.filter.check {
background:url(../img/checked.png) no-repeat 0px 4px;
background-size:18px;
}

div.option {
background:url(../img/checkR.png) no-repeat 0px 4px;
padding:0px 0px 0px 32px;
background-size:20px;
}

div.option.check {
background:url(../img/checkedR.png) no-repeat 0px 4px;
background-size:20px;
}

.ajx {
background:url(../img/ajx.gif) no-repeat right;
padding:0px 40px 0px 0px;
}

.btn a, a.btn {
background:url(../img/arrowBlue.png) no-repeat right;
padding:0px 26px 0px 0px;
text-transform:uppercase;
background-size:18px;
}

.btn a:hover, a.btn:hover {
background:url(../img/arrowDBlue.png) no-repeat right;
background-size:18px;
}

.btn-jump {
background:#22313f url(../img/arrT2.png) no-repeat center;
bottom:12px; right:12px;
background-size:14px;
position:fixed;
height:40px;
width:40px;
z-index:10;
}

.button a, .contact input[type=submit] {
/* background:#19b5fe url(../img/arrow.png) no-repeat 92%; */
padding:14px 24px 10px 24px;
/* background-size:20px; */
text-transform:uppercase;
background:#19b5fe;
border-radius:40px;
display:inline-block;
font:18px 'Orkney';
line-height:26px;
border:none;
color:#fff;
}

.button.paged a {
padding:14px 24px 10px 24px;
background-image:none;
margin:8px 12px;
}

.button a:hover, .meta a:hover, .contact input[type=submit]:hover, .btn-jump:hover {
background-color:#11609f;
}

.button.black.grey a { margin:8px 12px; }
.button.black a { background-color:#22313f; }
.button.black.grey a:nth-child(even) { background-color:#6c7a89; }
.button.black a:hover, .button.black.grey a:nth-child(even):hover { background-color:#19b5fe; }

.clear {
clear:both;
}

.cp {
cursor:pointer;
}

.ct, .button, .has-text-align-center, .master h2 {
text-align:center;
}

.flex {
align-items:flex-start;
flex-wrap:wrap;
display:flex;
gap:2%;
}

.has-medium-font-size, .quote {
line-height:30px;
font-size:22px;
}

.has-small-font-size {
line-height:24px;
font-size:16px;
}

.has-text-align-left {
text-align:left;
}

.has-text-align-right {
text-align:right;
}

.list li {
background:url(../img/arrowBlue.png) no-repeat 0px 4px;
font:22px 'RobotoC', sans-serif;
padding:0px 0px 0px 32px;
background-size:20px;
line-height:30px;
margin:8px 0px;
}

.list li:hover {
background:url(../img/arrowDBlue.png) no-repeat 0px 4px;
background-size:20px;
}

.logo img {
width:240px;
}

.left {
float:left;
}

.right {
float:right;
}

.mid {
align-items:stretch;
max-width:800px;
margin-right:auto;
margin-left:auto;
}

.no, .acc h3 + div, .wp-block-media-text.is-image-fill img, .wp-block-media-text.is-image-fill-element img, #content-dse h1 {
display:none;
}

.poster {
margin:0px auto;
height:240px;
display:block;
width:240px;
}

.round, .round img {
border-radius:50%;
}

.uc {
text-transform:uppercase;
}

.contact label, .contact input[type=checkbox], .contact input[type=radio], .newsletter label, .newsletter input[type=checkbox] {
display:inline-block;
vertical-align:top;
margin:6px 0px;
}

.contact label, .newsletter label {
font:16px 'RobotoC', sans-serif;
line-height:24px;
margin:0px 8px;
max-width:80%;
}

.contact input[type=text], .contact textarea {
font:20px 'RobotoC', sans-serif;
border:1px solid #6c7a89;
padding:16px 20px;
border-radius:2px;
margin:0px;
width:80%;
}

.contact input[type=submit] {
/* background-position:88%; */
padding:12px 20px 8px 20px;
margin:0px;
}

.contact textarea {
height:160px !important;
max-width:80%;
}

.wp-block-columns, .is-layout-flex {
align-items:stretch;
flex-wrap:nowrap;
display:flex;
gap:2em;
}

.wp-block-columns.aligncenter, .captcha {
align-items:center;
}

.wp-block-gallery {
gap:0.8em !important;
flex-wrap:wrap;
}

.wp-block-gallery .wp-block-image {
padding:0px;
margin:0px;
width:23%;
}

.wp-block-gallery .wp-block-image img, .wp-block-image img { width:100%; }
.wp-block-gallery.columns-3 .wp-block-image { width:29%; }
.wp-block-gallery.columns-2 .wp-block-image { width:47%; }
.wp-block-image.original img { width:auto; }

.wp-block-media-text .wp-block-media-text__media, .wp-block-media-text__content {
margin:0px;
width:46%;
}

.wp-block-media-text .wp-block-media-text__media {
top:0px; bottom:0px; left:0px;
background-repeat:no-repeat;
background-size:cover;
position:absolute;
}

.wp-block-media-text .wp-block-media-text__content {
padding:20px 4%;
margin-left:46%;
}

.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media { left:auto; right:0px; }
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content { margin-left:0%; }
.wp-block-media-text.has-background { background:#e8ecf1; }

@media (max-width: 1400px) {

div.hoo .nav {
top:0%; bottom:0%; right:-100%;
background:#fff;
position:fixed;
overflow:auto;
display:none;
padding:2%;
width:48%;
}

div.hoo .nav li, .hoo .burger {
display:block;
padding:0px;
}

div.hoo .nav a {
border-bottom:1px solid #e8ecf1;
padding:0px 0px 12px;
margin:12px 16px;
display:block;
}

div.hoo .sub-menu::before { content:none; }
div.hoo .sub-menu {
border-radius:0px;
box-shadow:none;
position:static;
display:block;
width:auto;
}

div.hoo .sub-menu a {
padding:0px 12px 12px;
color:#6c7a89;
}

div.hoo .lingo {
font:16px 'RobotoC', sans-serif;
bottom:20px; right:20px;
background:#22313f;
border-radius:4px;
padding:2px 8px;
line-height:24px;
position:fixed;
display:none;
margin:0px;
z-index:2;
color:#fff;
}

div.hoo .lingo.en {
bottom:56px;
}

}

@media (max-width: 1200px) { div.news .poster { height:220px; } }
@media (max-width: 960px) {

div.wrap { padding:0% 5%; }
div.search-form input { width:60%; }
div.search-form, .footer { text-align:left; }

div.hoo .nav { width:92%; }
div.hoo .search, div.hoo .burger { margin:24px 0px 16px 16px; }

div#slider, div.home #slider {
height:580px;
}

div#project { padding:100px 0px 0px; }
div#project .slick-arrow { display:none !important; }

div.meta {
padding:100px 0px 20px;
}

div.box {
flex-wrap:wrap !important;
gap:2%;
}

div.news .exc, .pro .exc, .box .wp-block-column {
flex-basis:49% !important;
}

div.news .poster {
height:280px;
}

div.foo .left, .foo .right {
margin:0px 0px 40px !important;
width:auto !important;
float:none;
}

div.footer li, .footer span {
margin:16px 8px 0px 0px;
}

div.foox {
padding:0px;
}

div#filter .wp-block-columns {
display:block;
}

div#filter .margin {
margin:40px 0px 0px;
}

.logo img {
width:180px;
}

.poster {
height:200px;
width:200px;
}

.wp-block-gallery .wp-block-image {
width:29%;
}

}

@media (max-width: 800px) {

div#slider, div.home #slider {
height:520px;
}

div.content .wp-block-media-text.is-image-fill img, div.content .wp-block-media-text.is-image-fill-element img {
display:block;
width:100%;
}

div.content .wp-block-media-text .wp-block-media-text__media, div.content .wp-block-media-text .wp-block-media-text__content {
background:none !important;
position:static;
width:auto;
margin:0%;
}

div.news .poster {
height:400px;
}

.flex, .is-layout-flex, .wp-block-columns { display:block; }
.wp-block-gallery { display:flex; }

}

@media (max-width: 640px) {

h1, h2 {
font:28px 'Orkney';
line-height:36px;
}

h3, h4 {
font:20px 'Orkney';
line-height:28px;
}

div#slider, div.home #slider {
height:460px;
}

div#slider h1, #slider h2 {
font:24px 'OrkneyL';
line-height:32px;
}

div#slider strong {
font:16px 'RobotoC', sans-serif;
line-height:24px;
}

div.slider .wp-block-image a {
background:none !important;
padding:12px 16px 8px;
font:20px 'Orkney';
line-height:28px;
}

div.slider.multiple figcaption {
background:#22313f;
position:static;
}

div.content {
padding:20px 4%;
}

div.acc h3 {
padding:16px 48px 12px 12px;
}

div.news .poster {
height:340px;
}

}

@media (max-width: 480px) {

div#slider, div.home #slider {
height:400px;
}

div.news .poster {
height:280px;
}

}

@media (max-width: 320px) { div.news .poster { height:220px; } }
@media (min-width: 1680px) { div.news .poster { height:340px; } }
@media (min-width: 1920px) { div.news .poster { height:400px; } }