h3 a {
color: #000000;
}
.tiles.intro-buttons > a:last-of-type {
background-color: #fff;	
}
.tiles.intro-buttons > a:last-of-type .tile-text, .tiles.intro-buttons > a:last-of-type .tile-title{
color:#222;
} .pdfs-wrapper {
margin-top: 50px;
}
.pdfs-wrapper a {
display: block;
text-align: center;
margin-top: 30px;
}
.pdfs-wrapper h3 {
font-size: 15px;
margin-top: 20px;
font-weight: 300;
}
.pdfs-wrapper input {
width: 100%;
}
.pdfs-wrapper input:not([type="submit"]) {
display: block;
margin-bottom: 2rem;
padding-top: 2rem;
width: 100%;
color: #aaaaaa;
border: 0;
background-color: transparent;
border-bottom: 1px solid #aaaaaa;
}
.pdfs-wrapper form {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 10%;
z-index: 9999;
transition: all .2s ease 0s;
opacity: 0;
visibility: hidden;
}
.pdfs-wrapper form fieldset {	
top: 50%;
left: 50%;
position: absolute;
transform: translateX(-50%) translateY(-50%);
width: 100%;
max-width: 700px;
background: #fff;
padding: 50px;
border-bottom: 3px solid #006EB3;
}
.pdfs-wrapper form.open {
opacity: 1;
visibility: visible;
left: 0;
}
.pdfs-wrapper form button.close-popup {
position: absolute;
right: 0;
top: 0;
background-color: #006EB3;
border: none;
color: #fff;
cursor: pointer;
}
@media screen and (max-width: 800px) {
.wow{
animation-name: none !important;
visibility: visible !important;
}
}
@media all and (max-width: 768px)  {
iframe {
width:100%;
}
} .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { }       .csd-logo {
float: right;
width: 220px;
height: 240px;		
margin-right: 100px;
}
.clutch{
display: flex;
align-items: center;
}
.clutch a{
max-height: 238px;
}
@media screen and (max-width: 768px) {
.clutch {
display:none;
}
}
.contact-form-on-page{
margin-left: 0;
}
@media(max-width:768px){
.contact-form-on-page{
margin-left: 0%;
}
}
.mc4wp-form-fields label{
font-size:12px;
margin-bottom: 10px;
display: block;
}
.mc4wp-form-fields label input[type="checkbox"]{
margin-right: 10px;
}
.mc4wp-form-fields .form-control{
margin-bottom: 10px;
}
.jpro-form{
display: inline-block;
max-width: 400px;
}
.jpro-form .rules{
font-size:12px;
margin-bottom: 10px;
}
.jpro-form .rules label{
position: static;
transform: none;
}
.jpro-form .rules input[type="checkbox"]{
margin-right: 10px;
}
.pdfs-wrapper input[type="checkbox"]{
width: auto;
margin: 0 10px 0 0;
display: inline-block;
}
.pdfs-wrapper .label-checkbox{
font-size: 12px;
margin-bottom: 10px;
}
.pdfs-wrapper .extraConsentButton{
display: inline;
margin:0;
}
.pdfs-wrapper .btn.btn-primary{
margin-top:15px;
}
.col-xs-12{
padding: 0 2rem;
} @media(max-width:480px){
.form-group-left, .form-group-right{
width: 100%;
padding-right: 0;
}
}  .navbar-brand{
max-width: 222px;
}
.navbar-brand img{
width: 100%;
}
.navbar-brand .mobile{
display: none;
width: 41px;
} @media(max-width:1300px){
.navbar-brand .mobile{
display: block;
}
.navbar-brand .desktop{
display: none;
} }         .recaptcha {
margin-bottom: 25px;
}
@media(max-width: 992px){
.wow {
visibility: visible !important;
-webkit-animation: none !important;
-moz-animation: none !important;
-o-animation: none !important;
-ms-animation: none !important;
animation: none !important;
}         }    } p.lead {
font-size: 2rem;
font-family: "Daxpro","Roboto","Helvetica Neue",Arial,sans-serif;
font-weight: 300;
line-height: 1.3;
color: inherit;
}
p.lead strong{
font-weight: bolder;
}  @media(min-width: 992px){
.intro .container{
padding-top: 1rem;
}
.intro-content  {
margin-top:80px;
}
.csd-logo {
margin-top: 80px;
}
.page-template-template-landing .home .intro{
margin-top: 87px;
}
.page-template-template-contact-other-language .home .intro .container {
padding-bottom: 12rem;
}
.map-section .container-wrapper.custom-set .map-wrapper #svgMap {
max-width: 90%;
}
.map-section .container-wrapper.custom-set{
position: unset;
} }
@media  screen and (max-height: 700px) {
.custom-padding{
padding-top: 5rem;
}
}
@media  screen and (max-height: 500px) {
.custom-padding{
padding-top: 10rem;
}
}    @media(max-width: 575px){
.box .navbar-brand{
overflow: unset;
max-width: unset;
}
} @media(max-width: 992px){
.intro .intro-content .entry-title {
margin-top: 80px;
} }    .loupe-button{
position: absolute;
width: 14px;
height: 14px;
background: url(//nearshore-it.eu/wp-content/themes/nearshore/images/lup.png)no-repeat left top;
right: 14px;
top: 25px;
background-size: contain;
cursor: pointer;
}
body.extra-blur #main, body.extra-blur .footer{
filter: blur(15px);
}
.search-from{
display: none;
position: fixed;
width: 500px;
max-width:100%;
left:0;
right: 0;
top:50px;
margin: auto;
padding: 25px 35px 8px;
background-color: #fff;
z-index: 100;
-webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);
box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);
}
.search-from .btn-primary{
width: 100%;
}   .modal-subscribe{
position:fixed;
left: 0;
bottom:0;
width: 100%;
max-width:620px;
background-color:#2a2b2d;
color: #fff;
-webkit-border-radius: 0 5px 0 0;
border-radius: 0 5px 0 0;
z-index: 100;
padding: 23px 45px 0px 25px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; 
max-height: 70%;
overflow: auto;
}
.modal-subscribe *{
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.modal-subscribe-content{
display: flex;
flex-wrap: wrap;
align-items: center;
}
.modal-subscribe-content > * {
max-width: 333px;
}
.modal-subscribe-content .welcome{
padding-left: 25px;
}
.modal-subscribe-content .disabled{
display: none;
}
.modal-subscribe-content .form{
padding-bottom: 24px;
}
.modal-subscribe-content .disabled-form .mc4wp-form-fields{
display: none;
}
.modal-subscribe-content figure{
padding: 0;
margin: 0;
width: 192px;
}
.modal-subscribe-content .title{
font-weight: 500;
font-size:26px;
line-height: 32px;
margin-bottom: 18px;
}
.modal-subscribe-content .text{
font-size: 18px;
line-height: 26px;
}
.modal-subscribe-content .text p{
margin-bottom: 20px;
}
.modal-subscribe-content .btn-primary{
width: 100%;
font-size: 18px;
}
.modal-subscribe .close{
position: absolute;
width: 23px;
height: 23px;
right: 20px;
top:20px;
opacity: 1;
}
.modal-subscribe .close::after, .modal-subscribe .close::before{
display:block;
position: absolute;
left:0;
top:11px;
width: 27px;
height: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
background-color: #fff;
content: '';
}
.modal-subscribe .close::after{
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.modal-subscribe .close::before{
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
@media(max-width: 620px){
.modal-subscribe-content figure{
display: none;
}
.modal-subscribe-content br{
display: none;
}
.modal-subscribe-content .welcome{
padding-left: 0;
}
.modal-subscribe-content .title{
font-size:16px;
line-height: 24px;
}
.modal-subscribe-content .text{
font-size: 12px;
line-height: 19px;
margin-bottom: 10px
}
.modal-subscribe{
-webkit-border-radius:0;
border-radius:0;
}
.mc4wp-form-fields label{
font-size: 10px;
}
.mc4wp-form-fields .form-control{
font-size: 14px;
}
.modal-subscribe-content .btn-primary{
font-size: 14px;
}
}  .intro .intro-content span.head-list{
font-size: 28px;
font-weight: 300;
line-height: 50px;
display: block;
}
.intro .intro-content span.paragraph{
font-size:48px;
line-height:normal;
margin: 33px 0 -32px;
display: block;
}
.special-margin-bottom-12{
margin-bottom: 12px;
}
.new-contanct-page{
padding-top: 67px;
}
.new-contanct-page-form{
padding: 0;
}
.new-contanct-page-form aside{
width: 100%;
background-color: #156557;
position: absolute;
top: -13px;
right: 0;
padding: 36px 47px 14px;
color: #fff; }
.new-contanct-page-form aside::-webkit-scrollbar {
display: none;
}
.new-contanct-page-form .form-group{
margin-bottom: 0;
}
.new-contanct-page-form .form-group label{
position: static;
transform: none!important;
font-size:16px;
margin:0 0 2px;
}
.new-contanct-page-form .form-group .form-jc{
background-color: #fff;
margin: 0;
height: 45px;
line-height: 45px;
padding: 0 15px;
resize: none;
border:none;
color: #292b2c;
}
.new-contanct-page-form .wpcf7 input[type="submit"]{
width:159px;
display:block; 
height: 77px;
background-color:#ee9709;
font-size: 20px;
color:#fff;
border:3px solid #000000; }
.new-contanct-page-form .form-group.acceptance{
margin-top: 13px;
}
.new-contanct-page-form .form-group.acceptance a{
color: #fff;
font-weight:400;
text-decoration: none;
}
.tier-one .intro.new-contact-intro{
min-height: 722px;
}
.new-contanct-page-form span.wpcf7-not-valid-tip{
font-size: 12px;
margin: 0 0 -10px;
}
.new-contanct-page-form div.wpcf7-response-output{
font-size: 12px;
margin: 0;
}
.last-contact-page{
margin-top: 57px;
}
.last-contact-page h3{
margin-top: 84px;
}
.last-contact-page .client-logos .tile .tile-client-logo{
padding: 1.1rem 2rem;
}
.tooltip-inner{
max-width: 500px;
font-size: 12px;
}   .project-page{
color: #292b2c!important ;
}
.new-contanct-page-form .form-group.acceptance p, .new-contanct-page-form .form-group.acceptance p input{
margin-bottom: 0px;
padding-top: 1rem;
}
.footer-logo .logo img,
.footer-logo .logo svg {
width: 190px;
}
.page-template-template-contact-other-language .wpcf7-form p{
padding-top: 2rem;
}
.page-template-template-typ-other-language .expertise .tile .tile-content i {
position: unset;
}
.page-template-template-typ-other-language .margin-3{
margin-bottom: 3rem;
}
@media(max-width:1280px){  } @media(max-width:765px){
.new-contanct-page-form aside{
position: static;
max-height: none;
}
.new-contanct-page-form .wpcf7 input[type="submit"]{
width: 100%;
position: static;
}
.tooltip-inner{
max-width: 300px;
font-size: 11px;
}
.footer-logo img {
height: 30px;
margin-bottom: 25px;
}
.custom-display{
display: none
}
h1.custom-font{
font-size: 2rem;
}
.footer-logo .logo img,
.footer-logo .logo svg {
margin:0 auto;
}
.page-template-template-contact-other-language .home .new-contact-intro {
height: auto!important;
max-height: 100% !important;
}
h2.custom-font,h3.custom-font{
font-size: 1.6rem;
}
.page-template-template-landing header .navbar-collapse > ul > li {
padding: 0;
}
.page-template-template-landing .lang ul {
padding-top: 9px;
}
}
@media(max-width:420px){
.new-contanct-page-form aside{
padding: 10px 21px 0px;
}
}
#catapult-cookie-bar{
top: auto!important;
bottom: 0!important;
}
.has-cookie-bar #catapult-cookie-bar{
max-height: 99px!important;
}
.intro .intro-content.heading, .case-details{
color: #292b2c!important;
}
.heading{
margin-top: 4rem;
}
.social{
padding: 0;
}  .home .new-contact-intro{
height: 100vh!important;
max-height: unset!important;
}
.down-arrow-container{
bottom: 2px;
}
input[type=date]::-webkit-inner-spin-button {
display: none;
}   
input[type=date]::-webkit-clear-button {
display: none;
}
input[type="date"]::-webkit-calendar-picker-indicator {
color: rgba(170, 170, 170, 0);
opacity: 0.4;
display: block;
background: url(//nearshore-it.eu/wp-content/themes/nearshore/images/calendar.svg) no-repeat;
width: 14px;
height: 14px;
border-width: thin;
}
@media(max-width: 765px){
.dslc-module-Map_LC_Module{
display: none;
visibility: hidden;
}
.home .new-contact-intro {
height: auto !important;
max-height: 100% !important;
}
.breadcrumbs {
padding-top: 20px;
}
.heading {
margin-top: 2rem;
}
}
.g-country .cls-14{
visibility: visible;
opacity: 0;
}
.map-wrapper .g-country path:hover .country-text{
visibility: visible;
opacity: 1;
}
.form-group-right .form-group.number label{
margin-top: 31px;
} .technology .wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required.form-jc{
margin-top: 2rem;
padding-top: 0; 
} ul.p-left{
display: block;
float: left;
} .dslc-module-Video_LC_Module{
margin-bottom: 40px;
}
.contact-custom{
right: 45px;
padding: .25rem .75rem;
position: absolute;
line-height: 1;
}
.project-template-default .dslc-modules-section:not(.dslc-full) {
padding-left: 0%;
padding-right: 0%;
}
.project-template-default .dslc-modules-section {
padding-bottom: 25px;
padding-top: 25px;
}  .project-template-default .home .intro .container {
padding-bottom: 50px;
} body.home .intro .container, .page-template-template-landing .intro .container{
padding-top: 6rem;
}  .sector-desc{
margin-top: 1.5rem;
}
.author-text-link{	
display: flex;	
}	
.author-text-link a{	
margin: 0 0 0 8px;	
} .post-list .news-card{
border-left: 4px solid #156557;
color: #000;
}
.post-list .news-card:first-child{
margin-top: 0;
}
.post-list,
.webinars .description{
width: calc(33.33% - 30px);
}
.featured,
.webinars .main{
width: 66.66%;
margin-right: 60px;
}
.featured .tile-image::after{
content: 'Featured Article';
font-size: 20px;
color: #ffffff;
background-color: #156557;
width: 170px;
height: 43px;
line-height: 43px;
text-align: center;
position: absolute;
top: 0;
left: 0;
z-index: 99;
}
.featured .tile-image,
.featured .tiles{
height: 100%;
}
.featured .tile,
.webinars .main .tile{
margin-top: 0;
height: 100%;
margin-bottom: 0;
}
.margin-top-40{
margin-top: 40px;
}     .webinars .main .tile{
max-height: 345px;
}
.webinars .description,
.documents .description{
display: flex;
flex-direction: column;
justify-content: space-between;
}
.boxes{
justify-content: space-between;
margin: 80px 0;
}
.boxes .box-cta{
width: 100%;
max-width: 422px;
margin-right: 60px;
display: flex;
justify-content: center;
align-content: center;
text-align: center;
background-color: transparent;
border: 1px solid #156557;
color: #156557;
padding: 40.5px 0;
font-size: 26px;
font-weight: 300;
transition: all 300ms;
}
.boxes .box-cta:hover{
background-color: #156557;
color: #ffffff;
}
.boxes .box-cta:last-child{
margin-right: 0;
} @media (max-width: 992px){
.new-blog .d-flex{
flex-direction: column;
}
.featured,
.webinars .main{
width: 100%
}
.post-list{
width: 100%;
margin-top: 30px;
}
.reports .description, .documents .description{
width: 100%;
margin: 0 0 30px 0;
}
.reports .tile, 
.documents .tile,
.webinar.tiles{
width: 100%;
margin: 0 0 30px 0;
}
.webinars .description, .documents .description{
width: 100%;
margin-top: 30px;
} .webinars .main .tile{
max-height: unset;
}
.boxes .box-cta{
max-width: unset;
margin: 0 0 30px 0;
}
.new-blog .btn.mobile{
display: block!important;
}
.new-blog .description .btn{
display: none;
}
.new-blog .webinars{
flex-direction: column-reverse;
}
}
@media (max-width: 576px){
.new-blog .btn-group > .btn:first-child{
margin-left: 0;
}
.new-blog .dropdown-menu{
left: 0;
max-width: 312px;
right: 0;
margin: auto;
}
.new-blog .dropdown-item{
font-size: 18px;
white-space: unset;
padding: 10px 1.5rem;
}
.new-blog .reports .tile .category{
white-space: nowrap;
font-size: 18px;
width: 100%;
}
.featured{
margin-bottom: 60px;
}
}
.margin-0{
margin: 0;
}  .tile-content h3 a{
color: #000;
}  div.home{
display: flex;
flex-direction: column;
}
.intro.narrow{
min-height: unset!important;
}
.intro.narrow .container{
padding-top: 122px;
}
.intro.narrow .down-arrow-container{
display: none;
}
.flex-center{
margin: auto;
width: 1360px;
max-width: 100%;
padding-right: 2rem;
padding-left: 2rem;
}
.flex-center .wp-block-column{
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.flex-center .wp-block-column .wp-block-image{
margin: 0;
}
.green,
.green a{
color: #fff;
}
.green li{
border-left: 4px solid #f7f7f9;
} .people.tiles{
margin-bottom: 100px;
} @media (max-width: 992px){
.people.tiles .tile .tile-image{
width: 100%;
}
.tiles.case-study .tile .tile-content,
.tiles.webinar .tile .tile-content{
margin: auto;
margin-top: -123px;
position: relative;
width: calc(100% - 30px);
}
.navbar-toggler{
cursor: pointer;
position: relative;
display: block;
padding: 0;
position: absolute;
}
.contact-custom{
right: 45px;
padding: .25rem .75rem;
position: absolute;
line-height: 1;
}
body.home .intro .container{
padding-top: 148px;
}
}
@media (max-width: 1200px){
.people.tiles,
.tiles.case-study{
flex-direction: column;
}
.people.tiles .tile,
.tiles.case-study .tile{
width: 100%;
margin-left: 0;
margin-right: 0;
}
} .people.tiles .tile .tile-image .position-absolute p{
margin: 0;
}   .expertise .tile{
transform: scale(0.95);
}
.expertise .tile:hover{
transform: scale(0.9);
} .align-center{
margin: auto;
}    .right-side-wide{ margin-bottom: 0;
}
.right-side-wide figure{
margin-bottom: 0;
}
.right-side-wide img,
.left-side-wide img{
width: 100%;
}
.right-side-wide .wp-block-column:first-child{
margin-left: calc((100% - 1360px) / 2);
width: calc(50% - ((100% - 1360px) / 2));
flex-basis: unset;
padding: 0 2rem;
display: flex;
flex-direction: column;
justify-content: center;
}
.right-side-wide .wp-block-column:last-child{
width: 50%;
flex-basis: unset;
}
.left-side-wide{ margin-bottom: 0;
}
.left-side-wide figure{
margin-bottom: 0;
}
.left-side-wide .wp-block-column:last-child{
margin-right: calc((100% - 1360px) / 2);
width: calc(50% - ((100% - 1360px) / 2));
flex-basis: unset;
padding: 0 2rem;
display: flex;
flex-direction: column;
justify-content: center;
}
.left-side-wide .wp-block-column:first-child{
width: 50%;
flex-basis: unset;
}
.left-side-wide .wp-block-column:not(:first-child),
.right-side-wide .wp-block-column:not(:first-child){
margin-left: 0;
}
.left-side-wide .wp-block-column figure,
.right-side-wide .wp-block-column figure{
height: 100%
}
.left-side-wide .wp-block-column img,
.right-side-wide .wp-block-column img{
width: 100%;
height: 100%;
object-fit: cover;
}   .map-section .map-text{
margin-left: calc((100% - 1360px) / 2);
} @media (max-width: 1360px){
.map-section .map-text{
margin: auto;
}
.left-side-wide .wp-block-column:last-child{
margin-right: 0; 
width: 50%;
padding-right: 2rem;
}
.right-side-wide .wp-block-column:first-child{
margin-left: 0;  
width: 50%;
padding-left: 2rem;
}
}
@media (max-width: 1420px){
.left-side-wide .wp-block-column:last-child{
padding: 2rem;
}
.right-side-wide .wp-block-column:first-child{
padding: 2rem;
}
} @media (max-width: 768px){
.category-buttons a{
width: calc(50% - 15px);
}
.wp-block-column{
width: 100%;
flex-basis: 100%!important;
margin: 0!important;
}
.mobile-columns-reverse{
flex-direction: column-reverse;
}
.left-side-wide{
flex-direction: column-reverse;
}
.left-side-wide .wp-block-column:first-child,
.right-side-wide .wp-block-column:last-child,
.left-side-wide .wp-block-column,
.right-side-wide .wp-block-column{
width: 100%!important;
}
} .video-js{
width: 100%;
height: 100%;
max-height: 824px;
}
.map-section .map{
background-image: url(//nearshore-it.eu/pl//wp-content/uploads/2020/09/poland.svg); position: absolute;
right: 0;
top: 0;
bottom: 0;
margin: auto;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
max-width: 763px;
max-height: 721px;
width: 763px;
height: 721px;
}
.map-section .map .office-box .dot{
content: '';
display: block;
background-color: #E5E6E7;
width: 32px;
height: 32px;
border-radius: 16px;
position: absolute;
bottom: -32px;
right: -16px;
z-index: 9;
transition: all 500ms;
}  .map-section .map .office-box .office.active{
opacity: 1;
visibility: visible;
}
.map-section .map .office-box .dot.active{
width: 52px;
height: 52px;
border-radius: 26px;
bottom: -40px;
right: -25px;
}
@keyframes dotAnim {
0%{
width: 32px;
height: 32px;
border-radius: 16px;
bottom: -32px;
right: -16px;
}
50%{
width: 52px;
height: 52px;
border-radius: 26px;
bottom: -40px;
right: -25px;
}
100%{
width: 32px;
height: 32px;
border-radius: 16px;
bottom: -32px;
right: -16px;
}
}
@keyframes dotAnimSpecial {
0%{
width: 32px;
height: 32px;
border-radius: 16px;
}
50%{
width: 52px;
height: 52px;
border-radius: 26px;
}
100%{
width: 32px;
height: 32px;
border-radius: 16px;
}
}
@keyframes dotAnimStopBig {
100%{
width: 52px;
height: 52px;
border-radius: 26px;
bottom: -40px;
right: -25px;
}
}
@keyframes dotAnimStopBigSpecial {
100%{
width: 52px;
height: 52px;
border-radius: 26px;
}
}
@keyframes dotAnimStopSmall {
100%{
width: 32px;
height: 32px;
border-radius: 16px;
bottom: -32px;
right: -16px;
}
}
@keyframes dotAnimStopSmallSpecial {
100%{
width: 32px;
height: 32px;
border-radius: 16px;
}
}
.map-section .map .office-box .dot.animation{
animation-name: dotAnim;
animation-duration: 1.5s;
animation-iteration-count: infinite;
}
.map-section .map .office-box:nth-child(3) .dot.animation{
animation-name: dotAnimSpecial;
animation-duration: 1.5s;
animation-iteration-count: infinite;
}
.map-section .map .office-box .dot.animation-stop-big{
animation-name: dotAnimStopBig;
animation-duration: 1.5s;
}
.map-section .map .office-box:nth-child(3) .dot.animation-stop-big{
animation-name: dotAnimStopBigSpecial;
animation-duration: 1.5s;
}
.map-section .map .office-box .dot.animation-stop-small{
animation-name: dotAnimStopSmall;
animation-duration: 1.5s;
}
.map-section .map .office-box:nth-child(3) .dot.animation-stop-small{
animation-name: dotAnimStopSmallSpecial;
animation-duration: 1.5s;
}
.map-section .map .office-box .office{
width: 232px;
height: 146px;
background-color: rgba(0,0,0,0.64);
color: #fff;
padding: 16px 18px;
display: flex;
justify-content: space-between;
opacity: 0;
transition: all 500ms;
position: relative;
z-index: 999;
visibility: hidden;
}
.map-section .map .office-box .office::before{
content: '';
display: block;
width: 0; 
height: 0; 
border-top: 18px solid rgba(0,0,0,0.64);
border-left: 30px solid transparent;
position: absolute;
right: 0;
bottom: -18px;
z-index: 999;
}
.map-section .map .office-box .office .text{
width: 60%;
}
.map-section .map .office-box .office .logo{
width: 40%;
display: flex;
align-items: flex-end;
}
.map-section .map .office-box .office .text h3{
margin: 0 0 5px 0;
font-size: 25px;
font-weight: 400;
white-space: nowrap;
}
.map-section .map .office-box .office .text p{
font-size: 18px;
font-weight: 300;
margin: 0;
line-height: 25px;
}
.map-section .map .office-box{
position: absolute;
}
.map-section .map .office-box:nth-child(1){
top: 138px;
right: 207px;
}
.map-section .map .office-box:nth-child(2){
top: 87px;
left: -50px;
}
.map-section .map .office-box:nth-child(3){
width: 464px;
height: 326px;
left: 127px;
bottom: 42px;
}
.map-section .map .office-box:nth-child(3) .dot{
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
}
.map-section .map .office-box:nth-child(3) .office:first-of-type{
position: absolute;
left: 0;
top: 0;
}
.map-section .map .office-box:nth-child(3) .office:last-of-type{
position: absolute;
right: 0;
bottom: 0;
}
.map-section .map .office-box:nth-child(3) .office:last-of-type::before{
border-bottom: 18px solid rgba(0,0,0,0.64);
border-right: 30px solid transparent;
border-left: none;
border-top: none;
left: 0;
top: -18px;
}
.map-section .map .office-box .office.active{
opacity: 1;
visibility: visible;
}
.map-section .map .office-box:nth-child(4){
left: 208px;
bottom: 146px;
}
.map-section .map .office-box:nth-child(5){
right: 165px;
bottom: 233px;
}
@media (max-width: 1468px){
.map-section .map{
width: 463px;
height: 431px;
}
.map-section .map .office-box:nth-child(1){
top: 0;
right: 135px;
}
.map-section .map .office-box:nth-child(2){
top: -30px;
left: -110px;
}
.map-section .map .office-box:nth-child(3){
left: -20px;
bottom: -30px;
}
.map-section .map .office-box:nth-child(4){
left: 30px;
bottom: 110px;
}
.map-section .map .office-box:nth-child(5){
right: 110px;
bottom: 160px;
}
}
.chessboard .chessboard-row{
display: flex;
}
.chessboard .chessboard-row .chessboard-column{
width: 50vw;
}
.chessboard .chessboard-row:not(.reverse) .chessboard-column:first-child{
margin-left: calc((100% - 1360px) / 2);
width: calc(50vw - ((100% - 1360px) / 2));
padding: 0 2rem;
}
.chessboard .chessboard-row.reverse{
display: flex;
flex-direction: row-reverse;
}
.chessboard .chessboard-row.reverse .chessboard-column:first-child{
margin-right: calc((100% - 1360px) / 2);
width: calc(50vw - ((100% - 1360px) / 2));
padding: 0 2rem;
} .wp-block-spacer.mobile{
display: none;
}
@media(max-width: 576px){
.intro .intro-content .entry-title{
margin-top: 0;
}
.home .intro .container{
padding: 148px 15px 0 15px;
}
.home .intro{
min-height: unset;
}
.down-arrow-container{
display: none;
}
.home .intro .intro-content{
padding: 26px 0 42px;
}
.intro .intro-content p{
font-size: 1rem;
margin: 0;
}
.intro .intro-content .entry-title{
font-size: 1.125rem;
margin-bottom: 20px;
}
.intro .intro-content h1{
font-size: 1.875rem;
}
.container{
padding: 0 15px;
width: 100%;
} .category-buttons a{
font-size: 0.9375rem;
}
.home h2{
font-size: 1.5rem;
}
.home h3{
font-size: 1.125rem;
}
.home p,
.list-jc li{
font-size: 0.9375rem;
}
.collapse.show{
height: 100vh;
}
.people-slider .bx-controls .bx-prev{
width: 24px;
height: 24px;
left: -40px;
background-size: 10px;
}
.people-slider .bx-controls .bx-next{
width: 24px;
height: 24px;
right: -40px;
background-size: 10px;
}
.people-slider .box{
padding: 24px;
padding-top: 24px;
}
.footer .nav{
text-align: left;
}  .contact-form .form-group.acceptance p{
font-size: 8px;
font-weight: 300;
line-height: 14px;
} .video-js{
max-height: 100vw;
}
} .navbar-toggler span{
width: 20px;
}
.navbar-toggler .bar-x-top,
.navbar-toggler .bar-x-middle{
margin-bottom: 4px;
}
.navbar-toggler .bar-x-middle{
opacity: 0;
}
.navbar-toggler.collapsed .bar-x-middle{
opacity: 1;
}
.navbar-toggler.collapsed .bar-x-bottom{
transform: translate3d(0, 0px, 0) rotate(0deg);
}
.navbar-toggler .bar-x-bottom{
transform: translate3d(0, -5px, 0) rotate(-45deg);
}  @media (max-width: 992px){     } .form-group .form-jc:active, 
.form-group .form-jc:focus{
border-bottom: 1px solid #aaaaaa;
}
input::-webkit-calendar-picker-indicator{
filter: invert(1);
}
.intro .numbers{
color: #ffffff;
text-align: center;
margin-top: 30px;
}
.intro .numbers .number{
font-size: 80px;
margin-bottom: 35px;
font-weight: 700;
}
.list-jc .blue-text{
color: #006EB3;
margin-bottom: 10px;
}
.intro.intro-contact{
height: 811px !important;
min-height: unset;
align-items: flex-end !important;
}
.intro.intro-contact .down-arrow-container{
display: none;
}
.padding-bottom-80{
padding-bottom: 80px
}
@media (max-width: 992px){
.intro.intro-contact{
height: auto!important;
} }  #callpage .cp-button-section{
position: relative;
}
.vjs-control-text,
.vjs-control,
.vjs-control-bar{
display: none;
}
#map.map{
width: 100%;
margin: 0;
} .post-video{
position: relative;
height: 42.917vw;
min-height: 350px;
}
.post-video .cover{
position: absolute;
}
.post-video .cover,
.post-video .cover source{
height: 100%;
width: 100%;
display: block;
object-fit: cover;
}
.post-video .btn-play{
width: 12rem;
height: 12rem;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
background-color: #156557;
font-size: 1.25rem;
color: #fff;
border: none;
cursor: pointer;
transition: all .5s;
display: flex;
justify-content: center;
align-items: center;
}
.post-video iframe{
width: 100%;
height: 100%;
max-height: 824px;
}
.post-video .btn-play.click,
.post-video .cover.click{
opacity: 0;
visibility: hidden;
}
.d-flex iframe {
width: 100%;
height: 100vh;
display: block;
} .iframe-container {
overflow: hidden;
padding-top: 56.25%; position: relative;
}
.iframe-container iframe {
border: 0;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
} .wp-block-image.image-on-desktop,
img.image-on-desktop{
display: block!important;
}
.wp-block-image.image-on-mobile,
img.image-on-mobile{
display: none!important;
}
@media (max-width: 576px){
.wp-block-image.image-on-desktop,
img.image-on-desktop{
display: none!important;
}
.wp-block-image.image-on-mobile,
img.image-on-mobile{
display: block!important;
}
} .iframe-container {
width: 100%;
}   a.navbar-brand.logo .desktop {
max-width: 120px;
}
a.navbar-brand.logo .mobile {
width: 90px;
}
@media screen and (max-width: 576px) {
a.navbar-brand.logo .desktop {
max-width: 90px;
}
} .footer .footer-logo .logo img {
max-width: 120px;
}
.footer .footer-logo {
height: auto;
}
@media (max-width: 765px) {
.footer-logo img {
height: auto;
}
} .case-study.lang-de h3{
font-size: 1.5rem;
} .offices-others .list-ns .blue-text {
cursor: pointer;
}
.offices-list .list-ns .blue-text,
.offices-others .list-ns .blue-text {
cursor: pointer;
}