body
    {background: #ffffff;
    font-family: 'Open Sans', sans-serif;}
header
    {text-align: center;
    padding-top: 10px;
    padding-bottom: 32px;
    background: #ffffff;
    position: relative;
    z-index: 100000000;}
header a
    {display: inline-block;}
header h1
    {max-width: 50%;
    margin: 0 auto;}
header h1 img
    {max-width: 100%;}
nav
    {display: inline-block;}
#sliderkontener
    {position: relative;}
#sliderkontener #tekst
    {position: absolute;
    z-index: 10000000000;
    top: 42%;
    color: #ffffff;
    text-align: center;}
#sliderkontener #tekst h2
    {font-weight: 700;
    font-size: 25px;
    text-transform: uppercase;
    max-width: 60%;
    margin: 0 auto;}
#sliderkontener #tekst p
    {font-size: 13px;
    padding-top: 27px;
    line-height: 24px;
    text-transform: uppercase;
    max-width: 35%;
    margin: 0 auto;}
header nav> ul
    {height: 23px;
    list-style: none;
    left: 0;
    border-left: 1px solid #cccccc;
    position: absolute;
    text-align: left;
    margin-left: 11px;}
header nav> ul li
    {float: left;
    padding: 3px 14px;}
header nav> ul li a
    {font-weight: 700;
    font-size: 13px;
    color: #8b8b8b;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: color 600ms ease;
    -moz-transition: color 600ms ease;
    -ms-transition: color 600ms ease;
    -o-transition: color 600ms ease;
    transition: color 600ms ease;}
header nav> ul li a.active , header > ul li:hover > a
    {color: #000;}
header ul li ul
    {position: absolute;
    display: none;
    padding-top: 16px;
    padding-bottom: 18px;
    background: #ffffff;
    list-style: none;}
header.glowna ul li ul
    {margin-left: 55px;}
header ul li:hover ul
    {display: block;}
header ul li ul li
    {display: block;
    float: none;
    padding: 7px 60px 9px 10px;}
header ul li ul a
    {font-weight: 100;}
#obrazekpodstrona
    {height: 474px;
    background: url(../images/tlo_podstrona.jpg) no-repeat bottom center;
    background-size: cover;
    -webkit-background-size: cover;}
.content
    {max-width: 1154px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 20px;
    padding-bottom: 260px;}
#fil
    {padding-top: 80px;}
article h3
    {font-size: 23px;
    text-align: center;
    font-weight: 400;}
#fil p
    {max-width: 49%;
    text-align: center;
    font-size: 11px;
    line-height: 2.2em;
    margin: 0 auto;
    color: #898888;
    padding-top: 45px;}
.client
    {width: 30%;
    padding-right: 5%;
    text-align: center;
    float: left;}
.client p
    {background: url(../images/cytat.jpg) no-repeat top left;
    text-indent: 29px;
    max-width: 100%;
    text-align: justify;
    font-size: 11px;
    line-height: 2.2em;
    margin: 0px auto;
    color: #898888;
    margin-top: 15px;}
.client:nth-child(3n)
    {padding-right: 0;}
.client span
    {display: block;
    margin-top: 15px;
    color: #000;
    font-size: 11px;
    text-transform: uppercase;}
.separator
    {height: 3px;
    width: 43px;
    margin: 72px auto 35px;
    background: #e5e5e5;}
h3.zmiana
    {margin-bottom: 50px;}
#mapa
    {height: 425px;
    margin-top: 70px;}
#left
    {float: left;
    width: 31%;}
#formularz
    {width: 66%;
    float: right;
    text-align: right;}
#kontakt_kontener
    {overflow: hidden;
    margin-top: 60px;}
#left p
    {font-weight: 700;
    text-align: left;
    font-size: 11px;
    color: #000;
    line-height: 1.82em;
    padding-bottom: 6px;}
#left p:last-child
    {font-weight: 400;
    color: #898888;}
#formularz input
    {margin-left: 20px;
    border: 1px solid #cccccc;
    padding: 5px 15px;
   font-weight: 400;
   color: #000000;
   box-shadow: none!important;
   font-family: 'Open Sans', sans-serif;
   font-size: 16px;
    width: 24%;
    margin-bottom: 12px;}
#formularz textarea
    {width: 86.7%;
    padding: 5px 15px;
   font-weight: 400;
   color: #000000;
   font-family: 'Open Sans', sans-serif;
   font-size: 16px;
    border: 1px solid #cccccc;
    min-height: 200px;}
#formularz input#send
    {background: #ffffff;
    border: 0;
    display: inline-block;
    padding: 0;
    margin: 0;
    margin-right: 82.5%;
    font-weight: 700;
    width: auto;
    text-align: left;
    margin-top: 12px;}
::-webkit-input-placeholder {
   font-weight: 400;
   color: #999999;
   font-family: 'Open Sans', sans-serif;
   font-size: 16px;
}

:-moz-placeholder { /* Firefox 18- */
   font-weight: 400;
   color: #999999;
   font-family: 'Open Sans', sans-serif;
   font-size: 16px;
}

::-moz-placeholder {  /* Firefox 19+ */
   font-weight: 400;
   color: #999999;
   font-family: 'Open Sans', sans-serif;
   font-size: 16px;
}

:-ms-input-placeholder {  
   font-weight: 400;
   color: #999999;
   font-family: 'Open Sans', sans-serif;
   font-size: 16px;
}
h2#portf
    {font-size: 30px;
    font-weight: 700;
    text-align: center;
    margin-top: 60px;
    margin-bottom: 65px;}
#kategorie
    {text-transform: uppercase;
    text-align: center;
    font-size: 12px;
    color: #949494;
    font-weight: 700;
    margin-bottom: 25px;}
#kategorie a
    {padding: 0 5px;
    display: inline-block;
    text-decoration: none;
    font-weight: 700;
    color: #949494;}
#kategorie a.active
    {color: #000;}
.content
    {position: relative;}
#stage li
    {width: 32%!important;
    float: left;
    list-style: none;
    margin-right: 2%;}
#stage li:nth-child(3n)
    {margin-right: 0%;}
#stage li a
    {display: block;
    text-decoration: none;}
#stage li a h5
    {font-weight: 700;
    color: #000;
    font-size: 18px;
    margin-top: 15px;
    text-align: center;}
#stage li img
    {width: 100%;
    max-width: 100%;
    display: block;}
#stage p
    {font-weight: 400;
    text-align: left;
    font-size: 13px;
    text-align: center;
    color: #898888;
    line-height: 1.82em;
    padding-bottom: 60px;}
#galeria img
    {max-width: 80%;}
#galeria li
    {width: 33%;
    float: left;
    list-style: none;
    padding-bottom: 10px;}
#galeria li:nth-child(3n+1)
    {clear: left;}
#galeria
    {overflow: hidden;}
@media screen and (max-width: 1320px) {
        #obrazekpodstrona
            {height: 300px;}
        #mapa
            {height: 320px;}
        #formularz input
            {width: 151px;}
        #formularz textarea
            {width: 565px;}
        #formularz input#send
            {margin-right: 533px;}
    }
@media screen and (max-width: 980px) {
        #obrazekpodstrona
            {height: 200px;}
        #sliderkontener #tekst h2
            {max-width: 80%;
            font-size: 25px;}
        #sliderkontener #tekst p {
    font-size: 8px;
    padding-top: 16px;
    line-height: 16px;
    text-transform: uppercase;
    max-width: 65%;
    margin: 0px auto;
}
        #mapa
            {height: 220px;}
    header h1
        {width: 20%;}
    header h1 a
        {display: block;}
     #stage li a h5
        {font-size: 15px;}   
     #stage p
        {font-size: 11px;}
        #formularz input
            {width: 88%;}
        #formularz textarea
            {width: 88%;}
        #formularz input#send
            {margin-right: 81%;}
    }
@media screen and (max-width: 700px) {
    
        #sliderkontener #tekst h2
            {max-width: 80%;
            font-size: 18px;}
        header nav > ul li a
            {font-size: 11px;}
        #stage li a h5
            {font-size: 13px;}
        #formularz input
            {padding: 6px 8px;
            font-size: 12px;}
        #formularz textarea
            {padding: 6px 8px;
            font-size: 12px;}
        #formularz input#send
            {margin-right: 78%;}
    }
@media screen and (max-width: 540px) {
        #left
            {width: auto;
            float: none;
            font-size: 13px;
            margin-bottom: 15px;}
        #formularz
            {width: auto;
            float: none;
            text-align: left;}
        #formularz input
            {margin-left: 0;}
        #sliderkontener #tekst
            {top: 30%;}
        .client
            {width: auto;
            margin-bottom: 30px;}
        #fil p
            {max-width: 75%;}
        #stage li
            {width: 45%!important;}
        #kategorie
            {font-size: 10px;}
        h2#portf
            {font-size: 23px;
            margin-bottom: 39px;}
    }
@media screen and (max-width: 440px) {
        #stage li
            {width: 100%!important;
            margin: 0 0 20px;}
        #kategorie
            {font-size: 11px;
            line-height: 14px;}
        header nav > ul li
            {padding: 3px 8px;}
        #obrazekpodstrona
            {height: 130px;}
        #mapa
            {height: 165px;
            margin-top: 20px;}
        #kontakt_kontener
            {margin-bottom: 20px;}
        #fil
            {padding-top: 38px;}
        #fil p
            {padding-top: 30px;
            max-width: 100%;}
        header h1
            {width: 40%;
            max-width: 40%;}
    }
#cboxOverlay, #colorbox
    {z-index: 10000000000000!important;}