a

{

  color: #000;

  text-decoration: none;

}



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

form, fieldset, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td

{

  margin: 0;

  padding: 0;

  border: 0;

  outline: 0;

  font-size: 100%;

  vertical-align: baseline;

  background: transparent;

}



html

{

  font: normal 62.5%/1.4em Arial, "Helvetica Neue", Helvetica, Verdana, sans-serif;

  scroll-behavior:smooth; 

}





blockquote, q

{

  quotes: none;

}



blockquote:before, blockquote:after,

q:before, q:after

{

  content: '';

}



ins

{

  text-decoration: underline;

}



del

{

  text-decoration: line-through;

}



table

{

  border-collapse: collapse;

  border-spacing: 0;

}



body{

margin:0px;

padding:0px;

font-size:14px;

font-family: "Space Grotesk", sans-serif;

font-optical-sizing: auto;

font-weight:400;

font-style: normal;

}



body input, body textarea, body button, body select

{

font-family: "Space Grotesk", sans-serif;

font-optical-sizing: auto;

font-weight:400;

font-style: normal;

}



body a, body a:hover

{

text-decoration:none;

}



.body-hide-ow

{

overflow: hidden;

}



.conteiner

{

width:calc(100% - 40px);

max-width:1500px;

padding:0px 20px;

margin:0px auto;

}





/*HEADER TOP PAGE*/



.top-page-header

{

padding-top:152px;

}





.top-page-header-block

{

width:100%;

top:0px;

left:0px;

position:absolute;

-webkit-box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0);

-moz-box-shadow:    0px 1px 7px 0px rgba(0, 0, 0, 0);

box-shadow:         0px 1px 7px 0px rgba(0, 0, 0, 0);

z-index:9999;

-webkit-transition: 0.4s;

-moz-transition: 0.4s;

-o-transition: 0.4s;

transition: 0.4s;

background:#fff;

}



.top-page-header-block-f

{

width:100%;

top:0px;

left:0px;

position:fixed;

-webkit-box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.42);

-moz-box-shadow:    0px 1px 7px 0px rgba(0, 0, 0, 0.42);

box-shadow:         0px 1px 7px 0px rgba(0, 0, 0, 0.42);

z-index:9999;

-webkit-transition: 0.4s;

-moz-transition: 0.4s;

-o-transition: 0.4s;

transition: 0.4s;

background:#fff;

}



.admin-bar .top-page-header-block

{

padding-top:32px;

}





.top-page-header-block-top-content{

padding:38px 0px 14px 0px;

}



.top-page-header-block-top-content-block{

display:flex;

justify-content:space-between;

align-items:flex-end;

flex-wrap:nowrap;

}



.top-page-header-block-top-content-left{

width:365px;

margin-bottom:15px;

}



.top-page-header-block-top-content-left img{

width:100%;

height:auto;

}



.top-page-header-block-top-content-right-nav div > ul{

display:flex;

justify-content:flex-end;

align-items:center;

flex-wrap:nowrap;

}



.top-page-header-block-top-content-right-nav div > ul > li{

list-style-type:none;

position:relative;

}



.top-page-header-block-top-content-right-nav div > ul > li > a{

color:#5e7572;

font-size:14px;

line-height:22px;

font-weight:400;



display:inline-block;

padding:10px 20px;

background:transparent;

-webkit-transition: 0.4s;

-moz-transition: 0.4s;

-o-transition: 0.4s;

transition: 0.4s;

}



.top-page-header-block-top-content-right-nav div > ul > li:hover > a{

background:#aee8e0;

}



.top-page-header-block-top-content-right-nav div > ul > .current-menu-item > a{

background:transparent;

color:#04262C;

font-size:20px;

position:relative;

}



/*.top-page-header-block-top-content-right-nav div > ul > .current-menu-item.menu-item-has-children > a{

background:transparent;

color:#0AB9A2;

font-size:14px;

position:relative;

}*/



.top-page-header-block-top-content-right-nav div > ul > .current-menu-item > a::before{

content:'';

position:absolute;

bottom:0px;

left:50%;

width:44px;

height:2px;

background:#0AB9A2;

margin-left:-22px;

}



/*.top-page-header-block-top-content-right-nav div > ul > .current-menu-item.menu-item-has-children > a::before{

display:none;

}*/



.top-page-header-block-top-content-right-nav div > ul > .current-menu-item:hover > a{

background:transparent;

}



.top-page-header-block-top-content-right-nav div > ul > .current-menu-item.menu-item-has-children:hover > a{

background:#aee8e0;

}





.top-page-header-block-top-content-right-nav div > ul > li > ul{

position:absolute;

top:100%;

left:0px;

width:130px;

visibility:hidden;

opacity:0;

-webkit-transition: 0.4s;

-moz-transition: 0.4s;

-o-transition: 0.4s;

transition: 0.4s;

}



.top-page-header-block-top-content-right-nav div > ul > li:hover > ul{

visibility:visible;

opacity:1;

}



.top-page-header-block-top-content-right-nav div > ul > li > ul > li{

list-style-type:none;

display:block;

}



.top-page-header-block-top-content-right-nav div > ul > li > ul > li > a{

display:block;

background:rgba(10,185,162,0.33);

border:0px solid rgba(255,255,255,0.33);

color:#fff;

font-size:14px;

line-height:22px;

font-weight:300;

padding:10px 5px;

text-align:center;

letter-spacing:-0.5px;

-webkit-transition: 0.4s;

-moz-transition: 0.4s;

-o-transition: 0.4s;

transition: 0.4s;

}



.top-page-header-block-top-content-right-nav div > ul > li > ul > li > a:hover{

display:block;

background:rgba(10,185,162,1);

}





.top-page-header-block-top-content-right-nav-swicher{

width:30px;

height:20px;

border-top:2px solid #343434;

border-bottom:2px solid #343434;

cursor:pointer;

position:relative;

margin-left:20px;

display:none;

}



.top-page-header-block-top-content-right-nav-swicher::before{

content:'';

position:absolute;

top:50%;

left:0px;

width:100%;

height:2px;

background:#343434;

margin-top:-1px;

}



.top-page-header-block-top-content-right-nav-close{

position:absolute;

top:20px;

right:20px;

width:20px;

height:20px;

background:url('../images/zam.png') no-repeat center center;

cursor:pointer;

display:none;

}





.top-page-header-block-bottom-content-block-right{

display:flex;

justify-content:flex-end;

flex-wrap:nowrap;

align-items:center;

}



.top-page-header-block-bottom-content-block-right a{

margin-left:14px;

}







/*BANERY STRONA GŁÓWNA*/



.home-page-baner

{

position:relative;

background:#5E7572;

}



.home-page-baner-img

{

width:100%;

max-width:1920px;

margin:0px auto;

position:relative;

}



.home-page-baner-img video

{

width:100% !important;

height:auto !important;

display:block;

}


.home-page-baner-img img

{

width:100%;

height:auto;

display:block;
}






/*NAGŁOWKI GŁÓWNE STRONY*/



.page-header-one

{

font-size:59px;

font-weight:300;

color:#04262C;

position:relative;

line-height:normal;

}



.page-header-center

{

text-align:center;

}



.page-header-margin-a

{

margin:0px 0px 50px 0px;

}



.page-header-margin-b

{

margin:0px 0px 100px 0px;

}



.page-header-two

{

font-size:59px;

font-weight:300;

color:#04262C;

position:relative;

line-height:normal;

}











/*TEKSTY P*/



.text-page-one p{

font-size:16px;

font-weight:400;

color:#737373;

line-height:26px;

}



.text-page-two p{

font-size:17px;

font-weight:300;

color:#04262C;

line-height:27px;

}





.text-page-two p a, .text-page-two p a:hover{

color:#04262C;

font-size:17px;

font-weight:300;

line-height:27px;

text-decoration:underline;

}



.text-page-two-padding-a p{

padding-bottom:30px;

}



.text-page-two p{

padding-bottom:30px;

}



.text-page-two h2{

font-size:59px;

font-weight:300;

color:#04262C;

line-height:normal;

margin-bottom:30px;

}



.text-page-two h3{

font-size:27px;

font-weight:300;

color:#04262C;

line-height:normal;

margin-bottom:30px;

}



.text-page-two h4, .text-page-two h5, .text-page-two h6{

font-size:22px;

font-weight:300;

color:#04262C;

line-height:normal;

margin-bottom:30px;

}



.text-page-two ol,

.text-page-two ul{

margin:0px 0px 30px 20px;

}







.text-page-two li{

margin:0px;

font-size:17px;

font-weight:300;

color:#04262C;

line-height:27px;

}



.section-sub-page-about-us img{

width:100%;

height:auto;

margin-bottom:30px;

}





/*PRZYCISKI*/



.page-button-one{

display:inline-block;

padding:13px 25px 13px 25px;

font-size:16px;

font-weight:400;

color:#0AB9A2;

border:2px solid #c8efea;

background:transparent;

line-height:20px;

-webkit-transition: 0.4s;

-moz-transition: 0.4s;

-o-transition: 0.4s;

transition: 0.4s;    

}



.page-button-one:hover{

background:#0AB9A2;

color:#fff;

border:2px solid #0AB9A2;  

}





/*STRONA GŁÓWNA O NAS*/



.about-us-home{

padding-top:60px;

}



.about-us-home-top{

width:100%;

max-width:764px;

margin:0px auto 50px auto;

text-align:center;

}



.about-us-home-top-button{

padding-top:30px;

}



.about-us-home-gallery{

display:flex;

justify-content:flex-start;

align-items:flex-start;

flex-wrap:wrap;

}



.about-us-home-gallery-item{

width:33.33333333333333333%;

height:325px;

}



.about-us-home-gallery-item img{

width:100%;

height:100%;

object-fit:cover;

object-position:center center;

}



.about-us-home-block{

padding:70px 0px 0px 0px;

background:#ecf0f0;

}



.about-us-home-block-content{

width:100%;

max-width:1240px;

margin:0px auto;

display:flex;

justify-content:flex-start;

align-items:stretch;

flex-wrap:wrap;

}



.about-us-home-block-content-item{

width:33.3333333333333333%;

position:relative;

padding-bottom:100px;

margin-bottom:70px;

}



.about-us-home-block-content-item-header{

font-size:36px;

font-weight:300;

color:#000;

line-height:normal;

margin-bottom:10px;

}



.about-us-home-block-content-item-text{

width:100%;

max-width:290px;

}



.about-us-home-block-content-item-text p{

font-size:17px;

font-weight:300;

color:#04262C;

line-height:27px;

}





.about-us-home-block-content-item-button{

position:absolute;

left:0px;

bottom:0px;

width:100%;

}





.about-us-home-block-content-item-button .page-button-one{

border-color:#94d6ca;

}



.about-us-home-block-content-item-button .page-button-one:hover{

border-color:#0AB9A2;

}



/*LICZNIKI STRONA GÓWNA*/



.home-ok-text{

background:url('../images/zalety-bg.jpg') no-repeat center center;

background-size:cover;

padding:125px 0px;

}



.home-ok-text-header{

text-align:center;

font-size:34px;

font-weight:700;

color:#fff;

line-height:45px;

}



.home-ok-text-two{

text-align:center;

font-size:17px;

font-weight:300;

color:#000;

line-height:28px;

}



.home-ok-number{

background:#ECF0F0;

padding:75px 0px; 

}



.home-ok-number-content{

display:flex;

justify-content:space-between;

align-items:flex-start;

flex-wrap:wrap;

}



.home-ok-number-content-item{

text-align:center;

}



.home-ok-number-content-item-nr{

font-size:59px;

font-weight:300;

color:#107382;

line-height:72px;

}



.home-ok-number-content-item-text{

font-size:28px;

font-weight:700;

color:#000;

line-height:45px;

}



/*LOGA FIRM STRONA GŁÓWNA*/



.home-firm-content{

padding:70px 0px;

}



.home-firm-content-logs{

width:100%;

height:150px;

display:flex;

overflow:hidden;

align-items:flex-end;

flex-wrap:nowrap;

white-space:nowrap;

justify-content:space-between;

}







.home-firm-content-logs-item{

display:flex;

white-space:nowrap;

flex-wrap:nowrap;

align-items:center;

animation-name:rolling;

animation-duration:30s;

animation-iteration-count:infinite;

animation-delay:0s;

animation-timing-function:linear;

}



@keyframes rolling {

 0% {

  transform:translate3d(0%,0,0);

 }

 to {

  transform:translate3d(-50%,0,0);

 }

}





.home-firm-content-logs-item a{

width:150px;

height:150px;

margin-right:60px; 

}



.home-firm-content-logs-item a img{

width:100%;

height:100%;

object-fit:contain;

object-position:center;

}



.home-firm-image{

width:100%;

height:340px;

background:url('../images/baner_our_team.jpg') no-repeat center center;

background-size:cover;

}



/*HOME INFORMACJE*/



.home-information{

padding:70px 0px;

}



.home-information-header{

font-size:59px;

font-weight:700;

color:#04262C;

line-height:normal;

margin-bottom:30px;

text-align:center;  

}



.home-information-top-text{

width:100%;

max-width:500px;

margin:0px auto  60px auto;

text-align:center;

}



.home-information-content{

display:flex;

justify-content:flex-start;

align-items:stretch;

flex-wrap:wrap;

margin:0px -56px;

}



.home-information-content-item{

width:calc(33.3333333333333333% - 112px);

margin:0px 56px;

position:relative;

padding-bottom:80px;

}



.home-information-content-item-ob{

width:100%;

height:240px;

}



.home-information-content-item-ob img{

width:100%;

height:100%;

object-fit:cover;

object-position:center center;

}



.home-information-content-item-ob-blank{

width:100%;

height:240px;

background:#f8f8f8;

text-align:center;

}



.home-information-content-item-ob-blank img{

width:50%;

height:auto;

opacity:0.3;

position:relative;

top:50%;

margin-top:-40px;

}



.home-information-content-item-text{

padding:30px;

}



.home-information-content-item-header{

font-size:26px;

font-weight:700;

color: #000;

line-height:normal;

padding:30px 30px 0px 30px;  

}



.home-information-content-item-button{

position:absolute;

bottom:0px;

left:0px;

width:100%;

text-align:center;

}











/*PODSTRONY*/



.section-sub-page{

padding:100px 0px;

}



/*LOGA*/



.section-sub-page-firm{

display:flex;

justify-content:flex-start;

align-items:flex-start;

flex-wrap:wrap;

margin:0px -10px;

}



.section-sub-page-firm-item{

width:calc(50% - 20px);

margin:0px 10px 80px 10px;

display:flex;

justify-content:flex-start;

align-items:flex-start;

flex-wrap:wrap;

}



.section-sub-page-firm-item-img{

width:calc(40% - 20px);

margin-right:20px;

}



.section-sub-page-firm-item-text{

width:60%

}



.section-sub-page-firm-item-img img{

width:100%;

max-width:240px;

height:auto;

}



.section-sub-page-firm-item-text-header{

font-size:36px;

font-weight:700;

color:#000;

line-height:normal;

margin-bottom:10px;

}



/*INFORMACJE*/



.section-sub-page-info{

width:100%;

max-width:800px;

margin:0px auto;

}



.section-sub-page-info-top-image img{

width:100%;

height:auto;

}



.section-sub-page-info-top-text{

padding:30px;

}



.section-sub-page-info-top{

margin-bottom:30px;

}



.section-sub-page-info-top-header{

font-size:27px;

font-weight:300;

color:#04262C;

line-height:normal;

padding:30px;

}



.section-sub-page-info-top-block{

margin-bottom:70px;

}



.section-sub-page-info-top-button{

text-align:right;

padding-top:60px;

}



/*AKTUALNOĆI*/



.section-sub-page-news{

width:100%;

max-width:840px;

margin:0px auto;

}



.section-sub-page-news-block{

margin-bottom:70px;

}



.section-sub-page-news-block-header{

font-size:34px;

font-weight:400;

color:#04262C;

line-height:normal;

margin-bottom:20px;

}



.section-sub-page-news-block-date{

padding-left:40px;

background:url('../images/calendar.svg') no-repeat left top;

background-size:27px auto;

font-size:20px;

font-weight:500;

color:#5E7572;

line-height:normal;

margin-bottom:34px;

}



.section-sub-page-news-block-ob{

height:234px;

}



.section-sub-page-news-block-ob img{

width:100%;

height:100%;

object-position:center center;

object-fit:cover;

}





.section-sub-page-news-block-ob-blank{

width:100%;

height:234px;

background:#f8f8f8;

text-align:center;

}



.section-sub-page-news-block-ob-blank img{

width:50%;

height:auto;

opacity:0.3;

position:relative;

top:50%;

margin-top:-40px;

}



.section-sub-page-news-block-text{

padding:30px;

}



.section-sub-page-news-block-button{

text-align:right;  

}





/*ONAS*/



.section-sub-page-about-us{

width:100%;

max-width:682px;

margin:0px auto;

}



.section-sub-page-about-us h2{

font-size:59px;

font-weight:300;

color:#04262C;

line-height:normal;

margin-bottom:30px;

}



.section-sub-page-about-us h3{

font-size:27px;

font-weight:300;

color:#04262C;

line-height:normal;

margin-bottom:30px;

}



.section-sub-page-about-us h4, .section-sub-page-about-us h5, .section-sub-page-about-us h6{

font-size:22px;

font-weight:300;

color:#04262C;

line-height:normal;

margin-bottom:30px;

}



.section-sub-page-about-us ol,

.section-sub-page-about-us ul{

margin:0px 0px 30px 164px;

}



.section-sub-page-about-us p{

display:block;

padding-left:144px;

margin-bottom:30px;

}



.section-sub-page-about-us li{

margin:0px;

font-size:17px;

font-weight:300;

color:#04262C;

line-height:27px;

}



.section-sub-page-about-us img{

width:100%;

height:auto;

margin-bottom:30px;

}



.section-sub-page-team{

padding:70px 0px;

background:#ECF0F0;

}



.section-sub-page-team-content{

display:flex;

justify-content:flex-start;

align-items:flex-start;

flex-wrap:wrap;

margin:0px -40px;

}



.section-sub-page-team-content-item{

width:calc(20% - 80px);

margin:0px 40px;

}



.section-sub-page-team-content-item-ob{

width:200px;

height:200px;

border-radius:50%;

overflow:hidden;

margin:0px auto 22px auto;

background:#fff;

}



.section-sub-page-team-content-item-ob-blank{

width:200px;

height:200px;

border-radius:50%;

overflow:hidden;

margin:0px auto 22px auto;

background:#fff;

text-align:center;

}



.section-sub-page-team-content-item-ob img{

width:100%;

height:100%;

object-position:center center;

object-fit:cover;

}



.section-sub-page-team-content-item-ob-blank img{

width:70%;

height:auto;

opacity:0.3;

position:relative;

top:50%;

margin-top:-40px;

}



.section-sub-page-team-content-item-user{

font-size:24px;

font-weight:700;

color:#000;

line-height:normal;

text-align:center;

margin-bottom:10px;  

}



.section-sub-page-team-content-item-user-s{

font-size:15px;

font-weight:500;

color:#04262C;

line-height:normal;

text-align:center;

margin-bottom:10px;  

}



.section-sub-page-team-content-item-user-f{

font-size:17px;

font-weight:300;

color:#04262C;

line-height:normal;

text-align:center;

margin-bottom:10px;  

}



.section-sub-page-team-content-item-user-in{

display:block;

text-align:center;

}



.section-sub-page-team-content-item-user-in img{

width:20px;

height:auto;

}



/*KONTAKT*/





.section-sub-page-contact{

display:flex;

justify-content:space-between;

align-items:flex-start;

flex-wrap:wrap;

margin-bottom:70px;

}



.section-sub-page-contact-left{

width:calc(50% - 20px);

}



.section-sub-page-contact-right{

width:calc(50% - 20px);

}



.section-sub-page-contact-left img{

margin-bottom:30px;

width:100%;

max-width:250px;

height:auto;

}



.section-sub-page-contact-right img{

width:100%;

height:auto;

}



.section-sub-page-contact-form-block{

display:flex;

justify-content:space-between;

align-items:flex-start;

flex-wrap:wrap;  

}



.section-sub-page-contact-form-block-item{

width:calc(50% - 10px);

margin-bottom:15px;

}



.section-sub-page-contact-form-block-input{

margin-bottom:15px;

}



.section-sub-page-contact-form input{

display:block;

width:calc(100% - 32px);

border:1px solid #5E7572;

padding:10px 15px;

font-size:17px;

font-weight:300;

color:#04262C;

line-height:normal;

outline:none;

margin:0px;

background:#fff;

}



.section-sub-page-contact-form textarea{

display:block;

width:calc(100% - 32px);

border:1px solid #5E7572;

padding:15px 15px;

font-size:17px;

font-weight:300;

color:#04262C;

line-height:normal;

outline:none;

margin:0px;

background:#fff;

height:150px;

resize:none;

}



.section-sub-page-contact-form-block-button{

text-align:right;

}



.section-sub-page-contact-form-block-button-send{

display:inline-block;

cursor:pointer;

}



.alert-wym{

display:none;

padding:10px 0px 0px 0px;

color:red;

}



.alert-wym-dwa, .alert-wym-trzy{

display:none;

padding:10px 0px 0px 0px;

color:red;

}



.section-sub-page-contact-form-block-wysylanie{

display:none;

}



.section-sub-page-contact-form-block-alert-1, .section-sub-page-contact-form-block-alert-2{

display:none;

}



.loader{

border:3px solid #000;

border-top:3px solid #fff;

border-radius:50%;

width:20px;

height:20px;

animation: spin 1s linear infinite;

display:inline-block;

vertical-align:middle;

}



@keyframes spin {

  0% { transform: rotate(0deg); }

  100% { transform: rotate(360deg); }

}



.text-1{

display:inline-block;

vertical-align:middle;

padding-left:10px;

}









/*STOPKA*/



.footer-page-top{

padding:70px 0px 130px 0px;

background:#ecf0f0;

}



.footer-page-top-content{

display:flex;

justify-content:flex-start;

align-items:flex-start;

flex-wrap:wrap;

}



.footer-page-top-content-block-a{

width:calc(50% - 20px);

margin-right:20px;

}



.footer-page-top-content-block-a-text{

margin-bottom:40px;

}



.footer-page-top-content-block-a-text p{

font-size:17px;

line-height:27px;

font-weight:300;

color:#423141;  

}



.footer-page-top-content-block-a-logo{

width:100%;

max-width:332px;

height:auto;

margin-bottom:50px;

}



.footer-page-top-content-block-b{

width:50%;

}



.footer-page-top-content-block-b h4{

font-size:18px;

line-height:normal;

font-weight:600;

color:#04262C;

margin-bottom:50px; 

padding-top:50px; 

}



.footer-page-top-content-block-a-logo-2{

width:100%;

max-width:214px;

height:auto;

}





.footer-page-top-content-block-b-text p{

font-size:17px;

line-height:27px;

font-weight:300;

color:#423141; 

padding-bottom:30px; 

}



.footer-page-top-content-block-b-text p a, .footer-page-top-content-block-b-text p a:hover{

color:#423141; 

}



.footer-page-bottom{

background:#07272D; 

padding:32px 0px; 

}



.footer-page-bottom-content{

display:flex;

justify-content:space-between;

align-items:center;

flex-wrap:wrap;  

}



.footer-page-bottom-content-left{

font-size:14px;

line-height:21px;

font-weight:700;

color:#ECF0F0; 

}



.footer-page-bottom-content-right{

display:flex;

justify-content:flex-end;

align-items:center;

flex-wrap:wrap;  

}



.footer-page-bottom-content-right a, .footer-page-bottom-content-right a:hover{

font-size:14px;

line-height:21px;

font-weight:700;

color:#ECF0F0;

margin-left:40px;  

}