
body {
    font-family: "myriad-pro-semi-condensed", sans-serif !important;
    font-size: clamp(1.125rem, 0.9609rem + 0.7292vw, 1.5625rem) !important;
    color: #142e52 ;
    font-weight: 300;
}

a {
    color: rgb(20 48 80);
    text-decoration: underline;
}

body.page-template-default section.news h1 {
    font-size: clamp(1.5rem, 0.756rem + 3.1746vw, 3.375rem);
}

.hero-news {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-flow: row;
}

.hero-news picture,
.hero-news picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}
.hero-news .card-body {
    position: absolute;
    left: 0;
    width: 100%;
    top:0;
    margin: 0 auto;
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 5% 15%;
    width: 75%;
}
.hero-news .card-body h2 {
    text-transform: uppercase;
    font-family: "myriad-pro-semi-condensed", sans-serif ;
    font-weight: 200;
    line-height: 1;
    font-size: clamp(1.5rem, 0.756rem + 3.1746vw, 3.375rem);
    color: white;
}

#breadcrumbs a {
    text-decoration: none;
    color: #142e52 ;
}

#breadcrumbs .breadcrumb_last {
    font-weight: 600;
}

        body .bg {
            content:"";
            position: absolute;
            z-index: 10;
            top: 0;
            width: 100%;
            height: 100%;
            opacity: .2;
            background-image: url(assets/img/pix.png);
            pointer-events: none;
            
        }
        .bg-primary, .text-bg-primary {
           background-color: #142e52 !important;
           color: #fff
        }

        .border-primary {
            border-color:#142e52 !important;
        }

        .hero--section, .hero-subpage--section {
            min-height: 480px;
            
            position: relative;
            overflow: hidden;
        }
        .hero-subpage--section {
            min-height: 76px;
        }
        .hero--carousel {
            position: relative;
            z-index: 0;
            pointer-events: none;
        }
        .hero--carousel + .container, .hero-subpage--section .container {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            display: block;
            z-index: 1;
            padding-top: 62px;
        }
        .hero-subpage--section .container {
            padding-top: 0;
        }
         .hero--carousel .item,
         .projects .carousel .item, .hero-subpage--section .item {
            height: 100%;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            min-height: 480px;
         }

         .projects {
            overflow: hidden;
         }

         h1 {
            
            font-weight: 400 !important;
            font-style: normal;
            line-height: 1;
            font-size: clamp(1.875rem, 1.1719rem + 3.125vw, 3.75rem) !important;
            text-transform: uppercase;
         }

         h2 {
            font-size: clamp(1.75rem, 1.3516rem + 1.7708vw, 2.8125rem) !important;
            font-style: normal;
            line-height: 1;
            text-transform: uppercase;
         }

         h3 {
            font-size: clamp(1.25rem, 1.0156rem + 1.0417vw, 1.875rem) !important;
            font-style: normal;
            line-height: 1;
            text-transform: uppercase;
         }

         h4, .h4 {
            font-size: clamp(1.375rem, 1.0703rem + 1.3542vw, 2.1875rem) !important;
            font-family: "myriad-pro-semi-condensed", sans-serif !important;
            line-height: 1;
         }


         .lead {
            font-size: clamp(1.125rem, 0.9609rem + 0.7292vw, 1.5625rem);
         }

         .btn {
            letter-spacing: 1.5px;
         }

         .btn-light {
            color: #142e52;
         }

         .btn-outline-primary {
            border-color: #142e52 !important;
            color: #142e52 !important;
         }
         .btn-outline-primary:hover {
            border-color: #142e52 !important;
            color: #fff !important;
            background-color: #142e52 !important;

         }

         .btn-custom {
            background-color: rgba(20, 40, 82, .7);
            border: 1px solid #fff;
            color: #fff;
         }
         .btn-custom:hover {
            background-color: rgba(20, 40, 82, 1);
            border: 1px solid #fff;
         }

         .btn-primary {
            border-color: #142e52 !important;
            color: #fff !important;
            background-color: #142e52 !important;
         }

        .vr {
            height: 230px;
            opacity: 1;
        }

        .hr {
            display: block;
            width: 200px;
            height: 1px;
            background-color: #fff;
        }

        .custom-collapse {
            position: relative;
            height: 250px;
            width: 100%;
        }

        .custom-collapse-item {
            position: absolute;
            width: 25% !important;
            height: 100%;
            top: 0;
            left: 12.5%;
            z-index: 1;
            transition: all .15s linear;
        }
        .custom-collapse-item h4 {
            height: 70px;
            font-size: clamp(1.375rem, 1.1875rem + 0.8333vw, 1.875rem);
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .custom-collapse-item:nth-child(2) {
            left: 37.5%;
        }
        .custom-collapse-item:nth-child(3) {
            left: 62.5%;
        }
        .custom-collapse-item:nth-child(3) .trigger {
            border-right: none !important;
        }
        .custom-collapse-item .trigger {
            height: 100%;
            width: 100%;
            border-right: 1px solid #fff;
        }

        .custom-collapse-item.active .trigger {
            width: 324px;
        }

        .custom-collapse-item.active:nth-child(3) .trigger {
            border-right: 1px solid #fff !important;
        }

        .custom-collapse-item .links {
            height: 100%;
            width: 0;
            opacity: 0;
            pointer-events: none;
            transition: opacity .15s linear;
        }

        .custom-collapse-item.active:nth-child(2), .custom-collapse-item.active:nth-child(3) {
            left: 12.5%;
        }

        .custom-collapse-item.active {
            width: 75% !important;
            z-index: 3;
        }

        .custom-collapse-item.active .links {
            opacity: 1;
            pointer-events: all;
            width: calc(100% - 324px);
        }

        .custom-collapse-item .links ul, .custom-collapse-item .more-link {
            opacity: 0;
            transform: translateX(100px);
            transition: all .25s cubic-bezier(0, 0, 0.23, 0.99);
            margin-left: 30px;
            columns: 2;
            -webkit-columns: 2;
            -moz-columns: 2;
        }

        .custom-collapse-item .more-link {
            columns: 1;
            -webkit-columns: 1;
            -moz-columns: 1;
            padding-left: 32px;
        }

        .custom-collapse-item.active .links ul, .custom-collapse-item.active .more-link {
            transition-delay: .2s;
            opacity: 1;
            transform: translateX(0px);
        }

        .custom-collapse-item .links ul li {
            text-align: left;
            padding-right: 20px;
        }

        .custom-collapse-item .links ul li a, .custom-collapse-item .more-link a {
            font-size: 18px;
            color: #fff;
            text-decoration: none;
        }

        .custom-collapse-item .links ul li a:hover, .custom-collapse-item .more-link a:hover {
            text-decoration: underline;
        }


        .btn-plus {
            width:34px;
            height:34px;
            position: relative;
        }

        .btn-plus span {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -55%);
            display: block;
            letter-spacing: 0px;
            transition: all .1s linear;
        }


        .custom-collapse-item.active .btn-plus {
            background-color: #fff;
            color: #142e52 ;
        }

        .custom-collapse-item.active .btn-plus span {
            transform: translate(-43%, -53%) rotate(45deg);
        }

        .columns > div {
            width: 25%;
        }

        .columns-lg2 > div {
            width: 100%;
        }

        .glob-over-top {
            background: rgba(255,255,255,0.8);
            z-index: 5;
        }
        .btn-arrows-white {
            position: relative;
        }
        .btn-arrows-white .icon-white {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            opacity: 0;
        }
        .btn-arrows-white .icon-blue {
           transform: translateY(-2px);
        }
        .btn-arrows-white:hover .icon-white {
           opacity: 1;
        }
        .btn-arrows-white:hover .icon-blue {
           opacity: 0;
        }

        .btn-arrows-white:hover path {
            fill:#fff;
         }

        .glob-over-bottom {

        }

        .mobile-nav-section .accordion-body {
            background-color: #142e52;
        }

        .mobile-nav-section .accordion-body ul li a {
            font-size: 18px;

            text-decoration: none;
        }

        .mobile-nav-section .accordion-button {
            font-size: clamp(1.375rem, 1.0703rem + 1.3542vw, 2.1875rem);
            font-style: normal;
            line-height: 1;
            text-transform: uppercase;
            background-color: #142e52;
            color: #fff;
            font-weight: 400;
            text-decoration: none;
        }

        .mobile-nav-section .accordion-button:not(.collapsed) {
            color: #fff;
            background-color: #142e52;
            box-shadow: none;
        }

        .mobile-nav-section .accordion-button:not(.collapsed)::after {
            transform: rotate(45deg) translateX(1.5px);
            background-image: none;
            color:#142e52;
        }

        .mobile-nav-section .accordion-button:not(.collapsed)::before {
            background-color: #fff;
        }
        .map-animation {
            pointer-events: none;
            margin: 0 auto;
            transform: translate(-50%, -50%);
            position: absolute;
            top: 50%;
            left: 50%;
        }

        .mobile-nav-section .accordion-button::after {
            height: auto;
            width: auto;
            position: relative;
            flex-shrink: 0;
            margin-left: auto;
            content: "+";
            background-image: none;
            position: absolute;
            right: 34px;
            top: 21px;
            font-size: 29px;
        }
        .mobile-nav-section a.accordion-button::after {
            content: "";
            background-image: url('../../assets/img/arrow-up-right.svg');
            background-repeat: no-repeat;
            width: 34px;
            height: 34px;
            background-size: 24px;
            background-position: center;
            right: 0;
        }
        .mobile-nav-section .accordion-button::before {
            width: 34px;
            height: 34px;
            position: relative;
            border:1px solid #fff;
            flex-shrink: 0;
            margin-left: auto;
            content: "";
            background-image: none;
            position: absolute;
            right: 27px;
            top: 21px;
        }

        .map-animation.step-2 {
            opacity: 0;
            transition: all .25s linear;
        }
        .map-animation.step-1 {
            transition: all .25s linear;
        }

        .map-wrapper, .map-section {

            overflow: hidden;
        }

        .tooltip * {text-align:left !important;}

        .bg-color {
            background-color: rgba(20,48,79,.6);
        }
        .bg-color:after {
            content:"";
            display: inline-block;
            background-color: rgba(20,48,79,.6);
            position: absolute;
            top:0;
            width: 100vw;
            height: 100%;
            left: 100%;
        }

        .btn-seeall {
            background-color: rgba(20,48,79,.6) !important;
        }
        .btn-seeall:hover {
            background-color: rgba(20,48,79,1) !important;
            color: #fff !important;
        }

        .links-carousel .slick-track {
            display: flex;
            align-items: center;
        }

        .links-carousel a.slick-slide,
        .links-carousel div.slick-slide {
            text-decoration: none;
            color: #14304f;
            height: 168px
        }

        @media (max-width: 767.98px) {
            .links-carousel a.slick-slide,
            .links-carousel div.slick-slide {
                height: 120px
            }
        }

        .links-carousel a.slick-slide.slick-active,
        .links-carousel div.slick-slide.slick-active {
            border-left: 1px solid #142e52;
        }
        .links-carousel a.slick-slide.slick-current,
        .links-carousel div.slick-slide.slick-current {
            border-left: 1px solid transparent;
        }

        .links-carousel div.slick-slide a:not(.btn) {
            text-decoration: none;
            color: #142e52;
        }
        .links-carousel div.slick-slide a:not(.btn):hover {
            text-decoration: underline;
        }

        .links-carousel a.slick-slide h4,
        .links-carousel div.slick-slide h4 {
            font-size: 30px;
        }

        .news .card {
            text-decoration: none;
        }

        .news .card .card-title {
            font-size: 19px !important;
            text-transform: none;
        }
        .news .card .card-text {
            font-size: 16px;
        }
        .news .card .card-text {
            font-size: 14px;
        }

        .list-group-item {
            padding-left: 0;
            padding-right: 0;
            border-color: #142e52;
        }

        footer a {
            color: #142e52;
            text-decoration: none;
        }

        footer .border-bottom {
            border-color: #142e52 !important;
        }

        footer small, footer .small {
            font-size: 14px;
            font-weight: 400;
        }

        header .navbar {
            transition: all .1s linear;
        }

        header .navbar.bg-white, body.home header .navbar, body.transparent-header header .navbar.bg-white  {
            background-color: #fff !important;
        }

        body.transparent-header header .navbar {
            background-color: transparent !important;
        }

        header .navbar {
            border-bottom: 1px solid #c5c5c52e !important;
        }

        header .navbar .nav-link {
            color:#fff;
            text-decoration: none;
            font-size: 16px;
            font-weight: 400;
        }

        footer .list-group-item,
        footer .list-group-item a,
        footer a {
            font-size: 18px;
            font-weight: 400;
        }

        footer .footer-headline {
            font-size: 18px;
            font-weight: 600;
        }

        header .navbar.bg-white .nav-link, 
        body.home header .navbar .nav-link, 
        body.transparent-header header .navbar.bg-white .nav-link ,
        body.blog header .navbar .nav-link ,
        body.single header .navbar .nav-link  {
            color:#142e52;
        }

        body.transparent-header header .navbar .nav-link {
            color:#fff;
        }

        header .navbar .logo-color {
            display: none;
        }
        header .navbar.bg-white .logo-color, 
        body.home header .navbar .logo-color,
        body.transparent-header header .navbar .navbar-brand .logo-white {
            display: inline-block;
        }
        header .navbar.bg-white .logo-white, 
        body.home header .navbar .logo-white,
        body.transparent-header header .navbar.bg-white .navbar-brand .logo-white  {
            display: none;
        }
   
        body.transparent-header header .navbar .navbar-brand .logo-color,
        body.blog header .navbar .navbar-brand .logo-white,
        body.single header .navbar .navbar-brand .logo-white {
            display: none;
        }
        body.transparent-header header .navbar.bg-white .navbar-brand .logo-color,
        body.blog header .navbar .navbar-brand .logo-color,
        body.single header .navbar .navbar-brand .logo-color {
            display: inline-block;
        }

        header .navbar .form,
        body.transparent-header header .navbar .form {
            border-bottom: 1px solid #fff;
        }

        header .navbar.bg-white .form,
        header .navbar .form2,
        body.home header .navbar .form2, body.home header .navbar .form,
        body.transparent-header header .navbar.bg-white .form,
        body.transparent-header header .navbar.bg-white .form2,
        body.blog header .navbar .form
        body.blog header .navbar.bg-transparent .form2,
        body.single header .navbar .form
        body.single header .navbar.bg-transparent .form2 {
            border-bottom: 1px solid #142e52;
        }

        body.transparent-header header .navbar .form {
            border-bottom: 1px solid #fff;
        }

        body.blog header .navbar .form,
        body.single header .navbar .form {
            border-bottom: 1px solid #142e52;
        }

        header .navbar .form-control,
        body.transparent-header header .navbar .form .form-control {
            color: #fff;
            box-shadow: none !important;
            width: 220px;
        }

        header .navbar.bg-white .form-control,
        header .navbar .form2 .form-control,
        body.home header .navbar .form-control,
        body.home header .navbar .form2 .form-control,
        body.transparent-header header .navbar.bg-white .form .form-control,
        body.transparent-header header .navbar.bg-white .form2 .form-control,
        body.blog header .navbar .form .form-control,
        body.blog header .navbar .form2 .form-control,
        body.single header .navbar .form .form-control,
        body.single header .navbar .form2 .form-control {
            color: #142e52;
        }
       
        header .navbar.bg-white .form .btn,
        header .navbar .form2 .form .btn,
        body.home header .navbar .form .btn, 
        body.home header .navbar .form2 .form .btn,
        body.transparent-header header .navbar.bg-white .form2 .btn,
        body.transparent-header header .navbar.bg-white .form .btn,
        body.blog header .navbar .form2 .btn,
        body.blog header .navbar .form .btn,
        body.single header .navbar .form2 .btn,
        body.single header .navbar .form .btn {
            color: #142e52;
        }

        header .navbar .form .btn,
        body.transparent-header header .navbar .form .btn {
            color: #fff;
        }

        .navbar-toggler:focus {
            box-shadow: none;
        }

        

        header .navbar.bg-white .navbar-toggler-icon,
        body.home header .navbar .navbar-toggler-icon,
        body.transparent-header header .navbar.bg-white .navbar-toggler-icon,
        body.blog header .navbar .navbar-toggler-icon,
        body.single header .navbar .navbar-toggler-icon {
            background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2820, 48, 79, 1' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
        }

        .navbar-toggler-icon,
        body.transparent-header header .navbar .navbar-toggler-icon {
            background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
        }

        .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
                    color: #fff;
                    opacity: 1; /* Firefox */
        }

        .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
                    color: #fff;
        }

        .form-control::-ms-input-placeholder { /* Microsoft Edge */
                    color: #fff;
        }

        header .navbar.bg-white .form-control::placeholder,
        header .navbar .form2 .form-control::placeholder,
        body.blog header .navbar .form2 .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
                    color: #142e52;
                    opacity: 1; /* Firefox */
        }

        header .navbar.bg-white .form-control:-ms-input-placeholder,
        header .navbar .form2 .form-control:-ms-input-placeholder,
        body.blog header .navbar .form2 .form-control:-ms-input-placeholder {

                    color: #142e52;
        }

        header .navbar.bg-white .form-control::-ms-input-placeholder,
        header .navbar .form2 .form-control::-ms-input-placeholder,
        body.blog header .navbar .form2 .form-control::-ms-input-placeholder { /* Microsoft Edge */
                    color: #142e52;
        }

        .dropdown-item.active, .dropdown-item:active {
            background-color: transparent;
            font-weight: 600;
            color: #142e52;
        }

        .dropdown-toggle::after {
            display: none;
        }

        .nav-link.dropdown-toggle svg {
            transition: all .15s linear;
        }

        .nav-link.dropdown-toggle.show svg {
            transform: rotate(180deg);
        }

        .offcanvas {
            width: 50% !important;
        }
        .offcanvas.more {
            width: 80% !important;
        }

        header .navbar.bg-white .offcanvas .nav-link,
        header .navbar .offcanvas .nav-link {
            border-color: #ebebeb;
            color: #afafaf !important;
            font-weight: 600;
            padding-left: 0;
            padding-right: 0;
        }
        header .navbar .offcanvas .tab-content .nav-link,
        header .navbar .offcanvas .accordion-collapse .nav-link {
            color: #142e52 !important;
        }
        header .navbar .offcanvas .tab-content .nav-link:hover,
        header .navbar .offcanvas .accordion-collapse .nav-link:hover {
            text-decoration: underline;
            color: #142e52 !important;
        }

        header .navbar.bg-white .offcanvas .nav-link.active ,
        header .navbar .offcanvas .nav-link.active,
        header .navbar .offcanvas .accordion-button:not(.collapsed)  {
            color: #142e52 !important;
            background-color: transparent;
            text-decoration: underline;
        }

        header .navbar .offcanvas .accordion-button:not(.collapsed)  {
            border-bottom-color: transparent !important;
        }

        .accordion-button:focus {
            box-shadow: none !important;
        }

        header .navbar.bg-white .offcanvas .nav-link.active + .bg-color ,
        header .navbar .offcanvas .nav-link.active + .bg-color  {
            background-color: #142e52 !important;
            color: #fff !important;
        }

        header .navbar .offcanvas .nav-item {
            border-bottom: 1px solid #ebebeb;
        }

        .context-menu {
            border: 1px solid #142e52;
            position: absolute;
            z-index: 5;
            top: 200px;
            left: 50%;
            transform: translateX(18vw);
            background-color: #fff;
            opacity: 0;
           
        }
        .context-menu h5 {
            background-color: #142e52;
            color: #fff;
            padding-left: 6px;
            padding-right: 6px;
            text-transform: uppercase;
            font-size: 16px;
            margin: 0;
        }

        .context-menu ul {
            padding: 6px;
          
        }

        .context-menu ul .nav-link {
            color: #142e52;
            font-size: 14px !important;
        }
        .context-menu .nav-item {
            color: #142e52;
            border-bottom: 1px solid #ebebeb;
        }

        .carousel-projects .item {
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
        }

        .slick-disabled {
            opacity: 0;
        }

        .carousel-projects .item h3 div,
        .carousel-projects .item p {
            clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
        }

        .carousel-projects .item.slick-active h3 div,
        .carousel-projects .item.slick-active p {
            animation: text-clip 1s 0s cubic-bezier(0.5, 0, 0.1, 1) both;
        }
        

        .anim-in > div {
            clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
        }

        .custom-tooltip {
            --bs-tooltip-bg: #142e52;
            --bs-tooltip-color: #fff;
            --bs-tooltip-border-radius: 0;
            text-align: left;
            --bs-tooltip-opacity: 1;
        }

        .head-anim {
            animation: text-clip 1s 0s cubic-bezier(0.5, 0, 0.1, 1) both;
        }
        @keyframes text-clip {
        from {
            clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
        }
        to {
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        }
        }
        .hero--carousel .item {
            background-size: 110% 110%;
        }
        .hero--carousel .item.slick-active {
            -webkit-animation: scale-in-center 4s linear both;
	                animation: scale-in-center 4s linear both;
        }
        @-webkit-keyframes scale-in-center {
        0% {
            background-size: 100% 100%;
        }
        100% {
            background-size: 110% 110%;
        }
        }
        @keyframes scale-in-center {
            0% {
            background-size: 100% 100%;
        }
        100% {
            background-size: 110% 110%;
        }
        }


        .check-pos {
            opacity: 0;
        }

        .fade-in {
            -webkit-animation: fade-in 0.2s linear both;
                    animation: fade-in 0.2s linear both;
        }

        .d-5 {
            animation-delay: .5s;
        }
        .d-7 {
            animation-delay: .7s;
        }
        .d-9 {
            animation-delay: .9s;
        }
        @-webkit-keyframes fade-in {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
        }
        @keyframes fade-in {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
        }

        .point {
            display: flex;
            cursor: pointer;
            box-shadow: 0 0 0 rgba(20,48,79,.6);
            animation: pulse 2s infinite;
            font-size: 12px;
            color: #fff;
            justify-items: center;
            align-items: center;
            justify-content: center;
        }

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(20,48,79,.6);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(20,48,79, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(20,48,79, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(20,48,79,.6);
    box-shadow: 0 0 0 0 rgba(20,48,79,.6);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(20,48,79, 0);
      box-shadow: 0 0 0 10px rgba(20,48,79, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(20,48,79, 0);
      box-shadow: 0 0 0 0 rgba(20,48,79, 0);
  }
}

body:not(.home) main {
    padding-top: 61px;
}

body.transparent-header main {
    padding: 0;
}

.hero-subpage--section {
    position: relative;
}

/* .hero-subpage--section::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #142e52;
    opacity: .18;
    z-index: 1;
} */

.hero-subpage--section h1 {
    font-size: clamp(2rem, 1.3838rem + 2.6291vw, 3.75rem);
}

.hero-search--section h3 {
    font-size: clamp(1.625rem, 1.2069rem + 1.784vw, 2.8125rem);
}
.hero-search--section .form-control {
    color: #fff;
}

.item-sq {
    width: 21%;
}
.item-wd {
    width: 32.6%;
}

.btn-custom-select {
    color: #fff;
}

.btn-custom-select svg {
    transition: all .15s linear;
}
.btn-custom-select path {
    fill:  #fff
}

.btn-custom-select.show {
    color: #142e52;
    background-color: #fff !important;
    border-color: #fff !important;
}

.btn-custom-select.show path {
    fill:  #142e52 
}

.btn-custom-select.show svg {
    transform: rotate(180deg);
}

.form-check-input:checked {
    background-color: #142e52;
}

.reference-projects--section h4.card-title {
    font-size: 16px !important;
    font-weight: 500;
}
.reference-projects--section .card {
    text-decoration: none;
}

.btn-custom-select + .dropdown-menu {
margin-top: -2px !important;
}

.bg-white {
    background-color: #fff;
}

        #map, #singleMap  {
            height: 60vh;
            min-height: 500px;
        }

        #map iframe + div, #singleMap iframe + div  {
            border: none !important;
        }

        .context--menu {
            max-width: 275px;
            font-size: 16px;
        }

        .context--menu.hide {
            pointer-events: none;
        }
        .context--menu ul {
            display: flex;
            flex-direction: column;
        }

        .context--menu li {
            display: flex;
        }

        .context--menu li .btn.selected {
            font-weight: bold;
            letter-spacing: 1px;
        }
        
        @media (max-width: 1399.98px) {  }
        @media (max-width: 1199.98px) {
            .vr {
                height: 180px;
            }
            .columns > div {
                width: 30%;
            }
        }

        @media (max-width: 991.98px) {
            .columns > div {
                width: 100%;
            }
            .columns-lg2 {
                flex-wrap: wrap;
            }
            .columns-lg2 > div {
                width: 50%;
            }
            .columns-lg2 > div:nth-child(1), 
            .columns-lg2 > div:nth-child(2) {
                
                border-bottom: 1px solid #142e52;
            }
            .columns-lg2 > div:nth-child(2) {
                border-right: none;
            }

            .glob-over-bottom {
                position: relative !important;
            }

            .offcanvas {
                width: 90% !important;
            }

            .map-section {
                min-height: 1px;
            }
            .map-animation {
                transform: none;
                position: relative;
                top: auto;
                left: auto;
            }
            .map-animation.step-2 {
                display: none;
            }
            .map-wrapper.start .map-animation.step-2 {
                opacity: 1;
                display: block;
            }
            .map-wrapper.start .map-animation.step-1 {
                display: none;
            }

            .context--menu {
                pointer-events: none;
                display: none !important; 
            }
            .mobile-nav-section .accordion-button::after {
                right: 9px;
                }
                .mobile-nav-section .accordion-button::before {
                    right: 0px;
                }
        }
        @media (max-width: 767.98px) {
            .item-sq {
                width: 32%;
            }
            .item-wd {
                width: 49%;
            }
            .columns-lg2 > div {
                width: 100%;
            }

            p br, .lead br {
                display: none;
            }

            .columns-lg2 > div {
                border-right: none !important;
            }

            .columns-lg2 > div:nth-child(3){
                border-bottom: 1px solid #142e52;
            }

            .offcanvas {
                width: 95% !important;
            }

            .carousel-projects .item {
            background-size: cover;
            height: 480px;
            }
           
            #map, #singleMap  {
            min-height: 320px;
            }

            .hero-news {
                flex-flow: column;
            }
            .hero-news .card-body {
                position: relative;
                padding: var(--bs-card-spacer-y) 0;
                width: 100%;
            }
            .hero-news .card-body h2 {
                font-size: 19px;
                color: var(--bs-card-title-color);
            }
            .hero-news .card-body a {
                display: none;
            }
        }
        @media (max-width: 575.98px) {
            .item-sq {
                width: 49%;
            }
            .item-wd {
                width: 100%;
            }
            .offcanvas {
                width: 100% !important;
            }

            header .navbar .form-control {
                width: 150px;
            }

            .context-menu {
                display: none;
            }

         }

         
        .marker-tag {
            width: 16px;
            height: 16px;
            background-color: #142e52;
            color: #fff;
            border-radius: 16px;
            display: flex;
            /* flex-wrap: nowrap; */
            align-content: center;
            justify-content: center;
            align-items: center;
        }

        .marker-tag.large {
            width: 24px;
            height: 24px;
        }

        .gm-style .gm-style-iw-c {
            background-color: #142e52 !important;
            border-radius: 0px !important;
            color: #fff;
            padding: 5px 5px 5px 5px !important;
            overflow: initial;
        }
        .gm-style .gm-style-iw-tc::after {
            background-color: #142e52 !important;
        }
        .gm-style-iw-d {
            overflow: visible !important;
        }
        .gm-ui-hover-effect>span {
            background-color: #fff;
        }

.nav-tabs .nav-link {
    border: 1px solid #142e52;
    border-radius: 0;
    color: #142e52;
}
.nav-tabs .nav-link.active {
    border: 1px solid #142e52;
    color: #fff;
    background-color: #142e52;
}

.single-references h1, .single-references .h1 {
    font-size: clamp(1.5rem, 0.7077rem + 3.3803vw, 3.75rem);
    text-transform: uppercase;
}

.hero-search--section .dropdown-menu {
    max-height: 250px;
    overflow: auto;
    padding-right: 8px;

}

.form-control:focus {
    box-shadow: none;
}



@media print
{    
    .cookie-law-info-again {
        display: none;
    }
}

.gm-style-iw.gm-style-iw-c {
    display: flex;
    flex-direction: row-reverse;
}

.gm-style-iw-chr button {
    width: 24px !important;
    height: 24px !important;
}
.gm-style-iw-d > div {
    display: flex;
    align-content: center;
    align-items: center;
    height: 100%;
}
.gm-style-iw-chr button span {
    margin: 0 !important;
}

.social-link {
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

hr {
    opacity: 1;
}
hr.is-style-default {
    width: 35%;
}
hr.is-style-wide {
    width: 100%;
}

.position-relative.col-md-6.is-layout-flow figure.bg-image img {
    opacity: 0;
}

.is-layout-flex.row {
    align-items: start;
}

figure.bg-image img {
    opacity: 0;
}

.position-relative.is-layout-flow figure.bg-image {
    background-size: cover; 
    background-position: center;
    position: absolute;
    background-repeat: no-repeat;
    left: 0;
    top: 0;
    width: calc(50vw - 8px);
}


.row.are-vertically-aligned-center {
    align-items: center;
}
.row.are-vertically-aligned-center .position-relative.is-layout-flow figure.bg-image {
    top: 50%;
    transform: translateY(-50%);
}

.row.are-vertically-aligned-top {
    align-items: start;
}

.row.are-vertically-aligned-bottom {
    align-items: end;
}

.row.are-vertically-aligned-bottom .position-relative.is-layout-flow figure.bg-image {
    top: 50%;
    transform: translateY(-100%);
}


.position-relative.is-layout-flow figure.bg-image.text-end {
    left: auto;
    right: 0;
}

/* BS5 Accordion */
.accordion .accordion-header .accordion-button {
    font-size: clamp(1.125rem, 0.9609rem + 0.7292vw, 1.5625rem) !important;
    font-weight: 600;
    font-family: "myriad-pro-semi-condensed", sans-serif !important;
}

.accordion  .border-primary {
    border-color: #142e52 !important;
}
.accordion .accordion-item:last-of-type .accordion-button.collapsed {
    border-radius: 0 !important;
}

.accordion iframe {
    width: 100%;
}

.accordion table > :not(caption) > * > * {
    color: rgb(20, 46, 82) !important;
}

.accordion-item, .accordion-button {
    color: #142e52 !important;
}

.accordion .accordion-body img.text-start {
    float: left;
    margin-right: 14px;
    margin-bottom: 10px;
}
.accordion .accordion-body img.text-end {
    float: right;
    margin-left: 14px;
    margin-bottom: 10px;
}

.accordion .accordion-body ul li, .accordion .accordion-body p, .accordion-body table th, .accordion-body table td  {
    font-size: clamp(1.125rem, 1.0781rem + 0.2083vw, 1.25rem); 
}
/* */

/* BS5 Table */
.table, .accordion .list-group .list-group-item {
    font-size: clamp(0.875rem, 0.7344rem + 0.625vw, 1.25rem) !important;
    color:#14304f;
}
.accordion .list-group .list-group-item {
    border-color: #dee2e6 !important;
}
.accordion table {
    width: 100%;
}
.accordion table tr td {
    border-bottom:1px solid #dee2e6 !important;
}
.accordion table>:not(caption)>*>* {
    padding: .5rem .5rem;
    color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
    background-color: var(--bs-table-bg);
    border-bottom-width: var(--bs-border-width);
    box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
}
.table tr th,
.accordion table tr th {
    font-weight: 600;
    color: #14304f;
}


/* WP GALLERY */
.gallery {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: auto -12px !important;
}
.gallery .gallery-item img {
    max-width: 100%;
    height: auto;
    border: none !important;
}
.gallery.gallery-columns-3 .gallery-item { 
    flex: 1 0 31%; 
    margin: 12px; 
}


.wp-caption-text.gallery-caption {
    text-align: start;
    font-size: 21px;
}

.small, small {
    font-size: 16px;
}

/* NEWS */
body.single-post .news-meta {
    font-size: clamp(0.875rem, 0.7344rem + 0.625vw, 1.25rem);
    font-weight: 400;
}
body.single-post h1.news-title {
    font-size: clamp(2.1875rem, 1.6016rem + 2.6042vw, 3.75rem) !important;
    font-weight: 400 !important;
}
body.single-post .news-breadcrumb .breadcrumb-item a, body.single-post .news-breadcrumb .breadcrumb-item {
    font-size: clamp(0.875rem, 0.7344rem + 0.625vw, 1.25rem);
    font-weight: 400;
    color: #142e52;
    text-decoration: none;
}
body.single-post .page-nav {
    font-size: 16px;
    font-weight: 400;
}
body.single-post .page-nav a {
    text-decoration: none;
    color: #142e52;
}

body.single-post .post--entry h2 {
    margin-bottom: 35px;
    margin-top: 30px;
}
body.single-post .post--entry h3 {
    margin-bottom: 28px;
    margin-top: 20px;
}

.wp-block-image.text-center.size-full img {
    margin: 0 auto;
}

.wp-block-embed {
    position: relative;
    width: 100% !important;
    max-width: 100% !important;
}

.wp-block-embed.wp-embed-aspect-16-9 {
    padding-top: 50%;
}

.wp-block-embed iframe,
.wp-block-embed .wp-block-embed__wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.wp-block-embed-youtube {
    position: relative;
    width: 100%;
    height: 0;
}

body.single-post .wp-block-embed-youtube {
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
}

.wp-block-embed-youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.inspirations-nav .nav-item .nav-link {
    min-width: 150px;
    border: 1px solid #14304f;
    border-radius: 0;
    text-align: center;
    color: #14304f;
    font-size: clamp(1rem, 0.91rem + 0.4vw, 1.25rem);
    font-weight: 400;
}
.inspirations-nav .nav-item .nav-link.active {
    color: #fff;
    background-color: #14304f;
}

.design-item {
    cursor: pointer;
}

.design-item .design-title {
    font-size: clamp(1rem, 0.91rem + 0.4vw, 1.25rem);
    font-weight: 300;
}
.design-item .design-image {

}

.wpcf7 .wpcf7-form-control-wrap,
.wpcf7 .wpcf7-form-control.wpcf7-text,
.wpcf7 .wpcf7-form-control.wpcf7-textarea,
.wpcf7 .wpcf7-form-control.wpcf7-select, 
.wpcf7 .wpcf7-form-control.wpcf7-radio, 
.wpcf7 .wpcf7-form-control.wpcf7-checkbox {
    width: 100%;
    display: inline-block;
    font-size: clamp(1rem, 0.91rem + 0.4vw, 1.25rem);
    font-weight: 400 !important;
    font-family: "myriad-pro-semi-condensed", sans-serif !important;
    color: #14304f;
}
.wpcf7 .wpcf7-form-control.wpcf7-select {

}
.wpcf7 .wpcf7-form-control.wpcf7-radio,
.wpcf7 .wpcf7-form-control.wpcf7-checkbox {
    display: flex;
    flex-direction: column;
}
.wpcf7 .wpcf7-form-control.wpcf7-radio .wpcf7-list-item,
.wpcf7 .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item {
    margin: 0;
}
.wpcf7 .wpcf7-form-control.wpcf7-radio .wpcf7-list-item-label,
.wpcf7 .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item-label {
    font-size: clamp(1rem, 0.91rem + 0.4vw, 1.25rem);
    font-weight: 400 !important;
}
.wpcf7 .wpcf7-form-control.wpcf7-textarea  {
    height: 150px;
}
.wpcf7 .wpcf7-form-control.wpcf7-text,
.wpcf7 .wpcf7-form-control.wpcf7-textarea,
.wpcf7 .wpcf7-form-control.wpcf7-select {
    border: none;
    border-bottom: 1px solid #14304f;
    outline: none !important;
    padding: 2px 0;
}

.wpcf7 .form-floating {
    position: relative;
    padding-bottom: 24px;
}

.wpcf7 .form-floating p {
    margin: 0;
}

.wpcf7 .form-floating label {
    position: absolute;
    top: 0;
    left: 0;
    transition: all .1s linear;
    pointer-events: none;
}

.wpcf7  label {
    font-size: clamp(1rem, 0.91rem + 0.4vw, 1.25rem);
    font-weight: 400 !important;
}

.wpcf7 .form-floating.has-value label {
    top: -15px;
    font-size: 16px;
}

.wpcf7 .wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 14px;
    position: absolute;
    right: 0;
    bottom: 0;
}
.wpcf7 textarea + .wpcf7-not-valid-tip {
    bottom: 8px;
}
.wpcf7 .wpcf7-form-control.wpcf7-radio + .wpcf7-not-valid-tip {
    position: relative;
    right: auto;
    top: 0;
    bottom:0;
}

.wpcf7 [type=submit] {
    padding-left: 24px;
    padding-right: 24px;
}

.container .container,
.container .container > .row,
.container .container > .row > [class*="col"] {
    margin: 0 !important;
    padding: 0 !important; /* Jeśli chcesz także zresetować padding */
}

@media (max-width: 991.98px) {
    .hero--section, .hero-subpage--section {
        overflow:auto;
    }
}


@media (max-width: 767.98px) {
    .col-md {
        width: 100%;
    }
    .row.is-layout-flex {
        flex-wrap: wrap;
        flex-direction: column;
    }

    .wp-block-spacer[style="height:50px"] {
        height: 25px !important;
    }
    .wp-block-spacer[style="height:100px"] {
        height: 50px !important;
    }
    .wp-block-spacer[style="height:150px"] {
        height:75px !important;
    }

    .position-relative.is-layout-flow figure.bg-image {
        width: 100%;
    }

    .hero--section .sub--navigation .breadcrumb .breadcrumb-item,
    .hero--section .sub--navigation .breadcrumb .breadcrumb-item a {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    @-webkit-keyframes scale-in-center {
        0% {
            background-size: auto 100%;
        }
        100% {
            background-size: auto 110%;
        }
        }
        @keyframes scale-in-center {
            0% {
            background-size: auto 100%;
        }
        100% {
            background-size: auto 110%;
        }
    }

    .btn.btn-outline-light:hover {
        background-color: transparent;
        border-color: #fff;
    }

}

.offcanvas h2.accordion-header,
.offcanvas .h2.accordion-header {
    text-transform: none;
}
.offcanvas h2.accordion-header .accordion-button,
.offcanvas .h2.accordion-header .accordion-button
 {
    font-size: 16px !important;
}

.offcanvas .accordion-button:not([data-bs-toggle="collapse"])::after {
    display: none;
}

.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
    background-color: transparent;
    border-color: var(--bs-btn-active-border-color);
}

.gm-style-iw.gm-style-iw-c {
    max-height: 180px !important;
    padding: 10px !important;
}

.gm-style-iw.gm-style-iw-c .gm-style-iw-d {
    max-height: 175px !important;
}

.wp-lightbox-overlay .scrim {
    opacity: .75 !important;
}

.wp-block-gallery.has-nested-images figure.wp-block-image {
  display: block;
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
  position: static !important;
  background: none !important;
  color: #2b3f64;
  padding-top: 0.5em;
  text-align: center;
  font-size: 14px;
}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
    text-shadow: none;
    font-weight: 600;
}

.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before {
    display: none;
}


.card--section .card--headline, .card--section .card--link {
    font-size: clamp(1rem, 0.9063rem + 0.4167vw, 1.25rem);
    font-weight: 600;
}

.card--section .card--content {
    font-size: clamp(1rem, 0.9063rem + 0.4167vw, 1.25rem);
    font-weight: 300;
}