body {
    background-color: white;
    
}

html
{
    scroll-behavior: smooth;
}

#logo {
    width: 25%;
    margin-top: 30px;
    margin-left: 25px;
    float: left;
    overflow: hidden;
    background-image: url(logo_nowe.png);
    background-size: 100%;
    background-repeat: no-repeat;
    margin-right: 10px;
height: 100%
    
}

#nav {
    height: 50px;
    width:70%;
    min-width: 100px;
    max-width: none;
    margin-top: 0px;
    margin-right: 0;
    float: left;
    text-align: center;
    font-family: 'Raleway', sans-serif;
    -webkit-transition: 1s ease;
    transition: 1s ease;
   


}

#presentation {
width: 90%;
    height: 600px;
    border: 0px solid black;
    -webkit-animation-name: zd;
    animation-name: zd;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    font-family: 'Lato', sans-serif;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-image: url(Stocki/work-5382501_1920.webp);
    overflow: hidden;
    background-size: 100%;
}

#overlay
{
    width:auto;
    min-width: 400px;
    height:760px;
    background-color: black;
    opacity:0.6;
    color:White;
    padding: 1%;
    -webkit-transform: translate(0px,0px);
    transform: translate(0px,0px);
    -webkit-animation-name: translate;
    animation-name: translate;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 11s;
    animation-duration: 11s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    z-index: 1;
    display: non;
    
}

@-webkit-keyframes translate
{
    0%{-webkit-transform: translate(-500px,0px);transform: translate(-500px,0px);}
    25%{-webkit-transform: translate(0px,0px);transform: translate(0px,0px);}
    75%{-webkit-transform: translate(0px,0px);transform: translate(0px,0px);}
    100%{-webkit-transform: translate(-500px,0px);transform: translate(-500px,0px);}
}

@keyframes translate
{
    0%{-webkit-transform: translate(-100%,0px);transform: translate(-100%,0px);}
    25%{-webkit-transform: translate(0%,0px);transform: translate(0%,0px);}
    75%{-webkit-transform: translate(0%,0px);transform: translate(0%,0px);}
    100%{-webkit-transform: translate(-100%,0px);transform: translate(-100%,0px);}
}


#h1
{
    
    -webkit-animation-name: opacity1;
    
    animation-name: opacity1;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    opacity:0;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    
    

}
@-webkit-keyframes opacity1{
    from {opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px);}
    to {opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
}
@keyframes opacity1{
    from {opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px);}
    to {opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
}
#h2
{
    
    -webkit-animation-name: opacity2;
    
    animation-name: opacity2;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    opacity:0;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    

}
@-webkit-keyframes opacity2{
    from {opacity: 0;-webkit-transform: translateY(20px);transform: translateY(20px); }
    to {opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
}
@keyframes opacity2{
    from {opacity: 0;-webkit-transform: translateY(20px);transform: translateY(20px); }
    to {opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
}
#h3
{
    
    -webkit-animation-name: opacity3;
    
    animation-name: opacity3;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
    opacity:0;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    
    

}
@-webkit-keyframes opacity3{
    from {opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px);}
    to {opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
}
@keyframes opacity3{
    from {opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px);}
    to {opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
}#h4
{
    
    -webkit-animation-name: opacity4;
    
    animation-name: opacity4;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
    opacity:0;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    
    

}
@-webkit-keyframes opacity4{
    from {opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px);}
    to {opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
}
@keyframes opacity4{
    from {opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px);}
    to {opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
}#h5
{
    
    -webkit-animation-name: opacity4;
    
    animation-name: opacity4;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    opacity:0;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    
    

}
@-webkit-keyframes opacity5{
    from {opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px);}
    to {opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
}
@keyframes opacity5{
    from {opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px);}
    to {opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
}

.container {
    width: 90%;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    -webkit-transition: 1s ease;
    transition: 1s ease;
    font-family: 'lato';


}

#footer {
    width: 98%;
    height: auto;
    border: 2px solid #DBDbdb;
    background-color: #DBDBDB;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 1%;
    text-align:justify;
    margin-left: auto;
    margin-right: auto;

}
#footer_0
{
    background-color: #1A68C1;
    height:50px;
    margin-bottom: 0px;
    width:99.3%;
    
    color: white;
    padding: 0.5%;
    font-size: 20px;
    margin-left: auto;
    margin-right: auto;
}



#bar {

    position: -webkit-sticky;
min-width: 1340px;
    position: sticky;
    top: 0;
    background-color: white;
    height: auto;
    z-index: 10;
    width:100%;
    min-height: 90px;
   
    
}

ol {
    list-style-type: none;
    padding: 0;
    margin: 0;

    line-height: 300%;
    display: inline-block;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
    
    

}

ol > li:last-child {
    margin: 0;
}





ol > li {
    float: left;
    height: 50px;
min-width: 10px;
    
    margin-right: 20px;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
    padding: 3px;
    border-radius: 1.5px;
    



}

ol > li:hover {
    background-color: #1A68C1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
   
    
    
 
}


ol a {
    color: black;
    text-decoration: none;
    font-size: 18px;
    display: block;
    height: 50px;
    -webkit-transition: 0.2s linear;
    transition: 0.2s linear;
}
ol>li:hover a
{
    color:white;
}

.header {
     text-transform: uppercase;
    letter-spacing: 3px; 
    color:#1A68C1;
    text-align: justify;
    
}

.header1 {
    text-align: center
}

.paragraf {
    text-align: justify;
    font-family: 'Oxygen', sans-serif;
}

.content {

    margin-right: 5px;
    margin-bottom: 40px;
    width: 98%;
   height: auto;
    position: relative;
    bottom: 15px;
    padding: 1%;
    border: 2px solid #DBDbdb;
    -webkit-transition: 1s ease;
    transition: 1s ease;
    margin-left: auto;
    margin-right: auto;
    z-index: 0;
    
    
}
#audyt_content
{
    height:auto;
    overflow: hidden;

}
#audyt_content_2
{
    height: auto;
    overflow: hidden;

}#audyt_content_3
{
    height: auto;
    padding-top: 0;
    overflow: hidden;


}#audyt_content_4
{
    height: auto;
    overflow: hidden;

}
#index_content
{
    height:320px;
}
#reporting
{
    height:300px;
    margin-bottom: 0;
    overflow: hidden;

}
#auditassurance
{
    height:450px;
    overflow: hidden;

}
#advisory
{
    height:410px;
    overflow: hidden;

}
#interim
{
    height:400px;
    overflow: hidden;

}#kontrola
{
    height:auto;
    width:1248px;
    padding-right: 50px;
     overflow: hidden;

}
#optymalizacja
{
    height:270px;
    overflow: hidden;
}#controlling
{
    height:270px;
    overflow: hidden;
}
#aboutus
{
    height:300px;
    margin-bottom: 0px;
    overflow: hidden;
}
#sprawozdawczosc
{
    height:400px;
    overflow: hidden;
}
#rachunkowosc
{
    height:550px;
}
@-webkit-keyframes loga {
    from {
        position: relative;
        right: 0px;
    }

    to {
        position: relative;
        right: 1200px;
    }
}
@keyframes loga {
    from {
        position: relative;
        right: 0px;
    }

    to {
        position: relative;
        right: 1200px;
    }
}
.zespol {

    width: 576px;
    height: 480px;

    float: left;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
}

.misja {

    width: 48%;
    height: auto;

    float: left;
    margin-left: auto;
    margin-right: auto;
    padding: 1%;
}

.image {
    background-color: aqua;
}

#img {
    -webkit-animation-name: loga;
    animation-name: loga;
    -webkit-animation-duration: 30s;
    animation-duration: 30s;
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    margin-top: 15px;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

#img:hover {

    -webkit-animation-name: loga;

    animation-name: loga;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
    

}


.link_menu
{
    margin: 0px;
    padding: 0px;
   font-size: 15px;

    height:auto;
}


#misja_1
{
    
    width: 1280px;
    height:700px;
    position: absolute;
    bottom:50px;
}
#kontakt
{
    text-align: justify;;
    margin-bottom: 50px;
    width:1270px;
    padding: 5px;
    height: 350px;
}
.telefon
{
    display: block;
    height:30px;
    width:150px;
    padding: 3px;
    text-align: center;
    color: black;
    text-decoration: none;
    background-color: #e9e9e9;
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
    border-radius: 5px;
    border:none;
    outline: none;
    
}
.telefon:hover
{
    background-color: #d1d1d1
}
#form_kontaktowy
{
    
    position: relative;
    left:675px;
    bottom: 250px;
    width:50%;
    
    
}
#imie,#email,#tel,#temat1,#nazwisko
{
    width: 600px;
    height:30px;
    margin-bottom: 10px;
}
#form_submit
{
    position: relative;
    bottom:250px;
    left:680px
}
#temat
{
    width:603px;
    height:30px
}
#tel
{
    margin-right: 0;
}

.form_kontakt
{
    margin-bottom: 10px;
    border-bottom: 2px solid grey;
    font-family: 'arial';
    border-top: none;
    border-left:none;
    border-right:none;
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
    font-size: 12pt;

}
.form_kontakt:hover 
{
    background-color: #e1e1e1;
    
}
.form_kontakt:focus
{
    border-top: none;
    border-left:none;
    border-right:none;
    border-bottom: 3px solid #1A68C1;
    outline: 0;
    background-color: #f1f1f1;


}
textarea
{
    font-family: arial;
    width: 600px;
    height:150px;
    border:none;
    font-size: 12pt;
resize: none;
}

.modal
{
    display: none; 
    position: fixed; 
    z-index: 1000; 
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%; 
    overflow: auto; 
    background-color: rgb(0,0,0); 
    background-color: rgba(0,0,0,0.4); 
    padding-top: 60px;}
.modal-content
{
    background-color: #fefefe;
    margin: 5% auto 15% auto; 
    border: 1px solid #888;
    width: 470px;
    height:100px;
    text-align: center;
}
.close
{
    font-size:30px;
position: relative;
left:210px;
    bottom: 60px;
    
    -webkit-transform: rotate(20deg);
    
    transform: rotate(20deg);
    
}
.close:hover
{
    color:red;
    cursor: pointer;
    
}

.mail
{
    color: #1A68C1;
    text-decoration: none;
    font-size:16px;
    -webkit-transition: 0.1s linear;
    transition: 0.1s linear;
    border-radius: 3px;
   
}
.mail:hover
{
    background-color: #1A68C1;
    color:white;
}
button
{
   border:none;
    background-color: #e9e9e9;
    width:100px;
    height:20px;
    border-radius: 5px;
    cursor: pointer;
    outline: 0;
}
button:hover
{
    background-color: #e1e1e1;
}
.kafelki
{
    width:auto;
    height:450px;
    max-width:500px;
    padding: 2%;
    float: left;
    background-color: black;
    color:white;
    opacity: 0;
    margin-left: 5px;
    -webkit-transition: 0.2s linear;
    transition: 0.2s linear;
    -webkit-animation-name: kafelki;
    animation-name: kafelki;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 7s;
    animation-delay: 7s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    z-index: 1;
    text-align: center;
    margin-top: 60%;
    
    -webkit-transform: translateY(100);
    
    transform: translateY(400px);
    overflow: hidden;
    
}
.kafelki p 
{
    font-family:  'Roboto', sans-serif;
    font-size: 16px;
    opacity:1;
}
@-webkit-keyframes kafelki
{
    from{opacity: 0;}
    to{opacity:0.7; }
   
}
@keyframes kafelki
{
    from{opacity: 0;-webkit-transform: translateY(400px);transform: translateY(400px);}
    to{opacity:0.7;-webkit-transform: translateY(0px);transform: translateY(0px);}
  
    
    
}
.kafelki:hover
{
    background-color:#00325a;
    opacity: 0.8;
}

.background
{
 position: absolute;
    max-height: 760px;
float:left;    
}
#back_1
{
    float: left;
}
.kafelki h2
{
    opacity:1;
}
.naszzespol
{
    height:250px;
    width: 570px;
    border-radius: 3px;
    margin-right: 0px;
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
    color: black;
    border-left: 2px solid #001D5F;
    border-bottom: 2px solid #001D5F;
    float: left;
    padding: 15px;

    
}
.naszzespol:last-child
{
    margin-right: 0;
}
.naszzespol:hover
{
    background-color: #193350;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    color: white;
}
.naszzespol>p
{
    opacity:0;
    -webkit-transition: 0.2s linear;
    transition: 0.2s linear;
    color:white;
}
.naszzespol:hover>p
{
    opacity:1;
}
#grzegorz
{
    margin-right: 10px; 
    width:591px;
    height:250px;
    -webkit-animation-name: grzegorz;
    animation-name: grzegorz;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    border-left: 2px solid #001D5F;
    border-bottom: 2px solid #001D5F;
    border-radius: 3px;
    margin-bottom: 50px;
    position: relative;
    text-align:justify;
    z-index: 0;

    
    
}#monika
{
    margin-right: 0px; 
    width:591px;
    height:250px;
    -webkit-animation-name: monika;
    animation-name: monika;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    border-left: 2px solid #001D5F;
    border-bottom: 2px solid #001D5F;
    border-radius: 3px;
    margin-bottom: 50px;
    position: relative;
    
}
#grzegorz p 
{
    -webkit-animation-name: tekst;
    animation-name: tekst;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    opacity: 0;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
#grzegorz ul
{
    width:1150px;
    position: relative;
    -webkit-animation-name: tekst;
    animation-name: tekst;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    opacity: 0;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    
    
}
#monika p
{
    -webkit-animation-name: tekst;
    animation-name: tekst;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    opacity: 0;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    
}

@-webkit-keyframes monika
{
    0%{position: relative;left:640px;}
    33%{width: 591px;height:250px;position: relative;left:0px;}
    100%{width:1250px;height:350px;}
    
    
}

@keyframes monika
{
    0%{position: relative;left:600px;}
    33%{width: 591px;height:250px;position: relative;left:0px;}
    100%{width:1250px;height:350px;}
    
    
}
@-webkit-keyframes grzegorz
{
    0%{width: 591px;height:250px;}
    100%{width:1250px;height:550px;}
}
@keyframes grzegorz
{
    0%{width: 591px;height:250px;}
    100%{width:1250px;height:550px;}
}
@-webkit-keyframes tekst
{
    from{opacity: 0}
    to{opacity: 1}
}
@keyframes tekst
{
    from{opacity: 0}
    to{opacity: 1}
}
.zaufalimg
{
    width:150px;
    margin:0;
    height: auto;
    opacity: 0.7;
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
    margin-right: 20px;
    margin-bottom: 40px;
   
    float: left;
  
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    
}
.zaufalimg:hover
{
    opacity: 1;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}
a
{
    text-decoration: none;
}
#loga4
{
    position: relative;
-webkit-animation-name: loga4;
animation-name: loga4;
    -webkit-animation-duration: 30s;
    animation-duration: 30s;
    right:-1300px;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    opacity: 0.9;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}
@-webkit-keyframes loga4
{
    from{position: relative;right:0px;}
    to{position: relative;right:1250px; }
}
@keyframes loga4
{
    from{position: relative;right:-100px;}
    to{position: relative;right:1250px; }
}
#loga4:hover
{
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
    -webkit-filter: grayscale(20%);
    filter: grayscale(20%);
}
.naszzespol_img
{
    -webkit-box-shadow: 10px 10px 30px -15px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 30px -15px rgba(0,0,0,0.75);
    width: 150px;
    margin-right: 10px;
    margin-left: 10px;
    float:left;

}
.content_zespol
{
    border:none;
    height: auto;
    padding: 0; 
    float: left;
    margin-right: 5px;
    margin-bottom: 40px;
    width: 98%;
    min-width: 1280px;
    height: auto;
    position: relative;
    bottom: 15px;
    padding: 1%;
    -webkit-transition: 1s ease;
    transition: 1s ease;
    margin-left: auto;
    margin-right: auto;
    z-index: 0;
}
.icon-facebook
{
    font-size: 36pt;
    float: right;
    -webkit-transition: 0.3s ease;
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
position: relative;
    color: black;
    border-radius: 100%;
    margin-right: 20px;
    bottom: 40px;


}.icon-facebook:hover
{
    color: white;
    background-color: #3761B0;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    font-size: 16pt;
    padding: 15px;
}