@import url("fonts/stylesheet.css");

html, body {height: 100%;
             scroll-behavior: smooth;}

body {margin: 0 auto;
      padding: 0;
      font-family: Lato, sans-serif;
      color: #002056;
      font-weight: 300;}

input[type='text'], input[type='email'], input[type='submit'], textarea, input[type='tel'],
input[type='date']
{font-family:  Lato, sans-serif;
box-sizing: border-box;}



*:focus {outline: 0;}

a {text-decoration: none;
   cursor: pointer;}

/*b, strong {font-weight: 700;}*/

div {box-sizing: border-box;}

ul {margin: 0;
    padding: 0;
    list-style: none;}

.header-container {width: 100%;
                   margin: 0 auto;
                   height: 86px;
                   position: absolute;
                   z-index: 30;}

.header { width: 100%;
           max-width: 1360px;
           margin: 0 auto;
          padding: 0 20px;
         position: relative;
         display: flex;
         justify-content: space-between;}

.logo {width: 200px;
        padding-top: 16px;}

.logo img {width: 100%;}

.menu-phone {display: flex;
             justify-content: right;}

.menu-phone ul li {display: inline-block;
                  position: relative;}

.menu-phone ul li img.menu-ico {position: absolute;
                                  right: -9px;
                                   top: 38px;
                                   width: 30px;
                                  cursor: pointer;}

.menu-phone ul li a {font-size: 18px;
                      color: #fff;
                       font-weight: 400;
                       transition: all .3s ease .10s;
                       padding: 36px 23px 0 23px;
                       display: block;}

.menu-phone .menu-desc ul li > ul {display: none;}

.submenu-container {width: calc(100% - 40px);
                    display: none;
                    position: absolute;
                    overflow: hidden;
                    box-shadow: 0 0 7px rgba(0,32,86,0.53);
                    background: rgb(251, 252, 255, 0.961);
                    top: 86px;
                    border-radius: 0 0 8px 8px;
                    -moz-border-radius: 0 0 8px 8px;
                    -webkit-border-radius: 0 0 8px 8px;
                    z-index: 30;}

.submenu-container ul {padding: 15px 0;}

.submenu-container ul li {font-size: 18px;
                          line-height: 25px;
                          font-weight: 500;
                          display: block;
                          width: 35%;}

.submenu-container ul li a {color: #002056;
                              position: relative;
                              display: block;
                              padding: 10px 80px 10px 30px;
                              transition: all .3s ease .10s;}

.submenu-container ul li:hover a {background: #739BE0;
                                  color: #fff;}

.submenu-container ul li a:before {position: absolute;
                                    content: '';
                                    top: 19px;
                                    right: 37px;
                                    width: 9px;
                                    height: 13px;
                                    background: url(img/arrow_blue_ico.svg) no-repeat;
                                    display: block;
                                     transition: all .3s ease .10s;}

.submenu-container ul li:hover a:before {background: url(img/arrow_white_ico.svg) no-repeat;}

.submenu-container ul li > ul {display: none;
                                 position: absolute;
                                 background: #739BE0;
                                 top: 0;
                                 left: 35%;
                                 height: 100%;
                                 width: 30%;}

.submenu-container ul li:hover > ul {display: block;}


.submenu-container ul li > ul li {width: 100%;}

.submenu-container ul li > ul li a {color: #fff;}

.submenu-container ul li > ul li a:hover {background: #90B3EE;}

.submenu-container ul li > ul li a:before {display: none;}

.submenu-container-box {width: 100%;
                        height:100%;
                        position: relative;}

.submenu-foto {position: absolute;
               top: 0;
               right: 0;
               width: 35%;
               padding: 30px;
               font-size: 18px;
               line-height: 25px;
               font-weight: 400;}


.submenu-foto img {width: 100%;
                   border-radius: 25px;
                   -moz-border-radius: 25px;
                   -webkit-border-radius: 25px;}


.search-box {padding: 40px 0 0 23px;}

.search-box-phone {display: none;}

.search-box input[type='submit'],
.search-box-phone input[type='submit'] {
  width: 20px;
  height: 20px;
  border: none;
  background: url(img/search.svg) no-repeat;
}

.slider-over-container {position: relative;
                   z-index: 1;
                   width: 100%;
                   height: 100%;
                   clear: both;
                   overflow: hidden;}

.slider-top-bg {position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                z-index: 4;
                background: rgba(0, 32, 86, 0.4);}

.slider-container {position: relative;
                   z-index: 1;
                   width: 100%;
                   height: 100%;
                   clear: both;
                   overflow: hidden;}

.slider-bottom {width: 100%;
                height: 500px;
                position: absolute;
                bottom: 0;
                z-index: 5;
                background: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 51%, rgba(255, 255, 255, 1) 100%);}

.slider {width: 100%;
         max-width: 1360px;
         margin: 0 auto;
         position: relative;
         padding: 0 20px 150px 20px;
         display: flex;
         justify-content: left;
         align-items: center;
         height: 100%;
         color: #ffffff;
         z-index: 15;}

.slider-box {width: 100%;
             color: #fff;
             /*height: 330px;*/
             display: flex;
             align-items: center;
             padding: 0;}

.slider-content {width: 100%;}

.slider-text .more-box a {padding: 0;}

.slider h1 {font-size: 55px;
            font-weight: 700;
            font-family: Merriweather;
            margin: 0;}

.slider-text {font-size: 22px;
              line-height: 32px;
              font-weight: 400;
              display: block;
              padding-bottom: 20px;}

.ofirmie-row {width: 100%;
              max-width: 1360px;
              display: flex;
              padding: 0 20px;
              justify-content: space-between;
              flex-wrap: wrap;
              position: relative;
              z-index: 25;
              margin: -180px auto 0 auto;}

.ofirmie-box {width: calc(33.333% - 10px);
              position: relative;}

.ofirmie-foto {width: 100%;
               position: relative;
               z-index: 1;}

.ofirmie-foto img {width: 100%;
                   border-radius: 25px;
                   -moz-border-radius: 25px;
                   -webkit-border-radius: 25px;}

.ofirmie-content {width: 100%;
                   height: 100%;
                   position: absolute;
                   color: #fff;
                   z-index: 10;
                   top: 0;
                   padding: 60px 25px 0 25px;}

h2 {font-size: 32px;
      font-weight: 400;
      font-family: Merriweather;
      text-transform: uppercase;}

.of-text {font-size: 22px;
          line-height: 32px;
          font-weight: 400;
          padding: 0 0 20px 0;}

.of-button a,
.more-box a {color: #fff;
            font-size: 14px;
            font-weight: 700;
            display: inline-block;
            text-align: center;
            border: 2px solid #fff;
            border-radius: 18px;
            -moz-border-radius: 18px;
            -webkit-border-radius: 18px;
            height: 36px;
            padding: 6px 15px 0 15px;
            box-sizing: border-box;
            transition: all .3s ease .10s;}

.of-button a:hover {background: rgba(255, 255, 255, 0.3);}

.oferta-row-container {width: 100%;
                       padding-bottom: 60px;}

.ngl-center {text-align: center;
             padding-top: 40px;}

.oferta-row {width: 100%;
             max-width: 1360px;
             padding: 0 20px;
             margin: 0 auto;
             display: flex;
             justify-content: space-between;
             flex-wrap: wrap;
             font-size: 22px;
             line-height: 32px;}

.oferta-row p:first-child {margin-top: 0;}

.of-col1,
.of-col2-team {width: calc(100% - 30px - 410px);
          position: sticky; /* <-- kluczowe */
          top: 0;        /* ile px od g�ry strony ma si� przyklei� */
          align-self: flex-start; /* upewnia si�, �e sticky dzia�a */}

.of-col2,
.of-col1-team {width: 410px;}

.of-col1-team.col-phone {display: none;}

.of-foto {padding: 0 0 20px 0;}

.of-foto img {width: 100%;
               border-radius: 25px;
               -moz-border-radius: 25px;
               -webkit-border-radius: 25px;}

.bg-blue {background: #F2F7FF;}

.realizacje-over-container {width: 100%;
                            overflow: hidden;}

.realizacje-row {width: 100%;
                 max-width: 1360px;
                 padding: 0 20px;
                 margin: 0 auto;}

.realizacje-box {float: left;
                 /*width: 300px;*/
                 padding: 0 15px 30px 15px;}

.rb-img {width: 100%;}

.rb-img img {width: 100%;
               border-radius: 25px;
               -moz-border-radius: 25px;
               -webkit-border-radius: 25px;}

.rb-podpis {font-size: 19px;
            line-height: 29px;
            font-weight: 700;
            font-family: "Merriweather";}

.rb-podpis a {color: #002c54;}

.counter-over-container {width: 100%;
                         max-width: 1000px;
                         margin: 0 auto;
                         padding: 0 20px;}

.counter-text {font-size: 15px;
               line-height: 23px;
                color: #002c54;
               font-weight: 400;
               text-align: center;}

.ct-row {display: flex;
         justify-content: space-between;
         flex-wrap: wrap;}

.ct-box {width: 25%;
         text-align: center;}

.ct-liczba {display: inline-block;
            font-size: 66px;
            font-weight: 600;
            background:linear-gradient(to bottom,
                       #C0CBDB 0px,
                       #C0CBDB calc(50% - 1px),
                       #fff calc(50% - 1px),
                       #fff calc(50% + 2px),
                       #C0CBDB calc(50% + 2px),
                       #C0CBDB 100%);
             border-radius: 12px;
             -moz-border-radius: 12px;
             -webkit-border-radius: 12px;
             padding: 8px 0;
             width: 140px; }

.ct-ngl {display: block;
         font-size: 28px;
         font-weight: 600;
         text-transform: uppercase;
         padding: 6px 0 0 0;}

.ct-text {font-size: 15px;
          line-height: 23px;
          font-weight: 400;}


.zaufali-row {width: 100%;
              max-width: 1360px;
              margin: 0 auto;
              padding: 0 20px;}

.footer-container {width: 100%;
                   background: #F2F7FF;
                   clear: both;
                   margin: 0 auto;
                   padding: 20px 0 30px 0;
                   font-size: 18px;
                   line-height: 33px;}

.footer-container a {color: #002056;
                       position: relative;

 text-decoration: underline;
  text-decoration-color: transparent;  /* „niewidoczna” linia */
  transition: text-decoration-color 220ms ease-in-out;}

.footer-container a:hover {text-decoration-color: #002056; }

.footer {width: 100%;
           max-width: 1360px;
           margin: 0 auto;
          padding: 0 20px;
         position: relative;}

.footer-top {display: flex;
             justify-content: space-between;
              flex-wrap: wrap;}


.footer-menu ul {display: flex;
                 justify-content: left;
                 flex-wrap: wrap;}

.footer-menu ul li {font-size: 17px;
                     font-weight: 700;
                     padding: 20px 20px 0 20px;}

.footer-menu ul li:last-child {padding-right: 0;}

.footer-bottom {display: flex;
                justify-content: space-between;
                flex-wrap: wrap;
                font-size: 17px;
                line-height: 32px;
                font-weight: 700;
                padding-top: 25px;}



/*BUTTON*/

.menu-button {
  position: absolute;
  top: 20px;
  right: 30px;
  background: transparent;
  display: none;
  cursor: pointer;}


.menu-button:focus {outline: none;}

.menu-button .menu-ico {display: block;
                       width: 36px;
                        height: 6px;
                         background: #fff;}


.menu-button .menu-ico + .menu-ico { margin-top: 6px;}

.slider-over-container .slick-list,
.slider-over-container .slick-list .slick-track,
.slider-over-container .slick-list .slick-track .slick-slide div,
.slider-over-container .slick-list .slick-track .slick-slide div .slider-container,
.slider-over-container .slick-list .slick-track .slick-slide div .slider-container .slider  {height: 100%;}

.slider-over-container .slick-list .slick-track .slick-slide div .slider-container .slider .slider-box  {height: 330px;}

.slider-over-container .slick-list .slick-track .slick-slide div .slider-bottom {height: 500px;}

/*KONTAKT*/

.header-container-podstrona {position: relative;
                             background: #005DB1;}

.breadcrumb-container {width: 100%;
                       max-width: 1360px;
                       margin: 0 auto;
                       padding: 30px 20px 25px 20px;}

.breadcrumb-container ul li {display: inline-block;
                              position: relative;
                              font-size: 12px;
                              color: #002056;
                              font-weight: 500;
                              padding: 0 21px 0 12px;}

.breadcrumb-container ul li:first-child {padding-left: 0;}

.breadcrumb-container ul li:after {display: block;
                                    content: '';
                                    width: 6px;
                                    height: 7px;
                                    background: url(img/breadcrumb.svg);
                                    top: 5px;
                                    right: 0;
                                    position: absolute;}

.breadcrumb-container ul li:last-child:after {display: none;}

.breadcrumb-container ul li a {color: #002056;
                                position: relative;}

.breadcrumb-container ul li a:before {display: block;
                                       content: '';
                                       width: 100%;
                                       height: 1px;
                                       background: #002056;
                                       bottom: 0;
                                       left: 0;
                                       position: absolute;
                                       opacity: 0;
                                       transition: all .3s ease .10s;}

.breadcrumb-container ul li:hover a:before {opacity: 1;}


.kontakt-row {width: 100%;
              max-width: 1360px;
              margin: 0 auto;
              padding: 25px 20px 25px 20px;
              display: flex;
              justify-content: space-between;
              flex-wrap: wrap;}

.kontakt-col1 {width: 440px;
               padding: 0 30px 0 0;
               font-size: 22px;
               line-height: 32px;
               color: #002056;}

.kontakt-col1 a {color: #002056;
                  position: relative;}

.kontakt-col1 a:before {display: block;
                        content: '';
                        width: 100%;
                        height: 1px;
                        background: #002056;
                        bottom: 0;
                        left: 0;
                        position: absolute;
                        opacity: 0;
                        transition: all .3s ease .10s;}

.kontakt-col1 a:hover:before {opacity: 1;}

.kontakt-col1 p:first-child {margin-top: 0;}

.kontakt-col2 {width: calc(100% - 440px);
               height: 600px;
               border-radius: 25px;
               -moz-border-radius: 25px;
               -webkit-border-radius: 25px;
               overflow: hidden; /* kluczowe */}

.kontakt-col2 iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}

.ngl-podstrona {width: 100%;
              max-width: 1360px;
              margin: 0 auto;
              padding: 0 20px;}

.ngl-center h1 {font-size: 32px;
                 font-weight: 400;
                 font-family: Merriweather;
                 text-transform: uppercase;
                 margin: 0;}

/*Realizacje*/

.realizacje-text {font-size: 22px;
                  line-height: 32px;
                  color: #002056;
                  width: 100%;
                  max-width: 1360px;
                  margin: 0 auto;
                  padding: 20px 20px 30px 20px;}

.realizacje-podstrona .realizacje-row {max-width: 1360px;
                       padding: 0 5px 0 5px;
                       display: flex;
                       justify-content: left;
                       flex-wrap: wrap;}

.realizacje-podstrona .realizacje-box {float: none;
                 width: 25%;
                 margin:0;}

.realizacje-text ul li {position: relative;
                        padding: 0 0 25px 28px;}


.realizacje-text ul li:before {display: block;
                        content: '';
                        width: 10px;
                        height: 10px;
                        background: #e9a300;
                        top: 13px;
                        left: 0;
                        position: absolute;
                        border-radius: 50%;
                        -moz-border-radius: 50%;
                        -webkit-border-radius: 50%;}

.klienci-row {font-size: 22px;
                  line-height: 32px;
                  color: #002056;
                  width: 100%;
                  max-width: 1360px;
                  margin: 0 auto;
                  padding:  0 20px;}

.klienci-row a {color: #002056;}

.klienci-list { column-count:2;         
                 column-gap: 30px;}

.klienci-list li {width: 100%;
               padding: 0 30px 25px 30px;
                 position: relative;
                 box-sizing: border-box;}

.klienci-list li:before {display: block;
                 content: '';
                 width: 10px;
                 height: 10px;
                 background: #e9a300;
                 top: 13px;
                 left: 0;
                 position: absolute;
                 border-radius: 50%;
                 -moz-border-radius: 50%;
                  -webkit-border-radius: 50%;}

.klienci-list img {padding-left: 20px;}

/*FULLSCREENSEARCH*/

#full-screen-search { background: rgba(7,11,248,0.85)!important;}

#full-screen-search form div input { background: rgba(0,0,0,0)!important;
                                     color: #b5b5b5!important;
                                     border: 1px solid #7a7a7a!important;}


#full-screen-search #full-screen-search-close { display: none;}

#full-screen-search.open #full-screen-search-close { display: block;}

#full-screen-search { height: 0!important;}

#full-screen-search.open { height: 100%!important;}

#full-screen-search form div input,
#full-screen-search form div {height: 0!important;}

#full-screen-search.open form div input,
#full-screen-search.open form div {height: 100px!important;}

.breadcrumb-home svg {
    width: 18px;
    height: 16px;
    vertical-align: middle;
    fill: currentColor; /* kolor przejmowany z tekstu linku */
}

.breadcrumb-home {
    color: #005DB1; /* kolor ikony */
    text-decoration: none;
}

.breadcrumb-home:hover {
    color: #e9a300; /* kolor ikony po najechaniu */
}

/**MEGAMENU*/  

.submenu-container-box ul li > .submenu-foto {display: none;}  

.submenu-container-box ul li:hover > .submenu-foto {display: block;}              

.submenu-container ul li > ul {overflow: scroll;
                                 padding-bottom: 20px;
                                 box-sizing: border-box;}

.menu-mobile {display: none;}

/*GALERIA*/

#gallery-1 img,
#gallery-2 img,
#gallery-3 img,
#gallery-4 img,
#gallery-5 img,
#gallery-6 img,
#gallery-7 img,
#gallery-8 img,
#gallery-9 img  {width: 100%;
                border-radius: 25px;
                -moz-border-radius: 25px;
	             -webkit-border-radius: 25px;
                  border: none!important;}

#gallery-1 .gallery-item,
#gallery-2 .gallery-item,
#gallery-3 .gallery-item,
#gallery-4 .gallery-item,
#gallery-5 .gallery-item,
#gallery-6 .gallery-item,
#gallery-7 .gallery-item,
#gallery-8 .gallery-item,
#gallery-9 .gallery-item {padding: 0 15px;
                          box-sizing: border-box;
                          margin-top: 0!important;}

#gallery-1 .gallery-caption,
#gallery-2 .gallery-caption,
#gallery-3 .gallery-caption,
#gallery-4 .gallery-caption,
#gallery-5 .gallery-caption,
#gallery-6 .gallery-caption,
#gallery-7 .gallery-caption,
#gallery-8 .gallery-caption,
#gallery-9 .gallery-caption {display: none!important;}

.realizacje-podstrona a,
.oferta-row a { color: #005DB1;
                          position: relative;

 text-decoration: underline;
  text-decoration-color: transparent;  /* „niewidoczna” linia */
  transition: text-decoration-color 220ms ease-in-out;}

.realizacje-podstrona a:hover,
.oferta-row a:hover {text-decoration-color: #005DB1; }

.breadcrumb-container a { color:  #002056;
                          position: relative;
                          text-decoration: underline;
                           text-decoration-color: transparent;  /* „niewidoczna” linia */
                           transition: text-decoration-color 220ms ease-in-out;}

.breadcrumb-container a:hover {text-decoration-color: #002056;}

.breadcrumb-container { font-size: 12px;
                        color: #002056;
	                    font-weight: 500;}


.realizacje-podstrona .rb-img a:hover:before,
.realizacje-podstrona .gallery-icon a:hover:before,
.realizacje-podstrona .galeria-img:hover:before,
.realizacje-podstrona .img-a:hover:before {opacity: 0;}

.realizacje-podstrona img {max-width: 100%;}

.zaufali-over-container {padding: 0 0 30px 0;}

.zaufali-over-container .ngl-center {padding-bottom: 10px;}

/*MENU MOBILE*/

.wpb_wmca_accordion_wrapper_theme_dark > ul ul {padding-left: 0!important;}

.wpb_wmca_accordion_wrapper_theme_dark>ul>li li:hover>a,
.wpb_wmca_accordion_wrapper_theme_dark>ul>li li.current-cat>a,
.wpb_wmca_accordion_wrapper_theme_dark>ul>li li.current-menu-item>a,
.wpb_wmca_accordion_wrapper_theme_dark li.current_page_item>a  { border-color: rgba(0, 0, 0, 0)!important;}

.wpb_wmca_accordion_wrapper_theme_dark ul ul li a {padding: 10px 35px 10px 15px;}

.wpb_wmca_accordion_wrapper_theme_dark ul ul ul li a {background: #005DB1;}

.footer-menu .menu-ico {display: none;}

.navigation {clear: both;
            width: 100%;
            padding: 25px 0;}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
	color: #002056;
	text-decoration:none;
}

.navigation li { display: inline-block;
                 margin: 0 7px;}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
	border: 1px solid #002056;
	cursor: pointer;
	padding: 8px 15px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
   	border-radius: 9px;
      transition: all .3s ease .10s;}

.navigation li a:hover,
.navigation li.active a {
	background-color: #002056;
    color: #fff;}

.realizacje-podstrona .navigation a:hover:before {opacity: 0;}

.navigation ul {padding: 0;}

.navigation {display:flex;
        justify-content:center;

        display:-webkit-flex;
        -webkit-justify-content:center;}

.blog-list {padding-top: 30px;}

.realizacje-podstrona .rb-podpis a {color: #002c54;
                                     transition: all .3s ease .10s;}

.realizacje-podstrona .rb-podpis a:hover {text-decoration: underline;}

.realizacje-podstrona .rb-podpis a:before {display: none;}