html {
    overflow-x: hidden;
}

body {
    font-family: 'Quicksand', sans-serif;
    font-size: 16px;   
    overflow-y: hidden;
}

.top-contact p.top-contact-text {   
    width: 70%;
    float: left;
    padding-top: 10px;
}

#mainNav .navbar-toggler:focus, #mainNav .navbar-toggler:hover {
    color: #fff;
    border-color: #a91e31;
    background-color: #a91e31;
}

.navbar-collapse.collapsing {
    background: #fff;
    padding: 30px;
}

.navbar {
    display: initial;}

.collapse.show { 
    display: block;
    background: #fff;
    padding: 30px;
}

#mainNav .navbar-toggler {
    font-size: 14px;
    padding: 11px;
    text-transform: uppercase;
    color: #000;
    border-color: #00b4c1;
}

#mainNav .navbar-nav li.nav-item a.nav-link {
    color: #19171b;
}

.arrowhead {
    position: absolute;
    bottom: 0;
    left: 0;
}

.top-contact p.top-contact-text .mail
{
    font-size: 28px;
    display: table-cell;
    vertical-align: bottom;
    padding-left: 22px;    

}

.lng {
    width: 30%;
    list-style: none;
    float: right;
    padding-left: 7px;
    padding-top: 18px;
}

p.top-contact-text .headmail
{
    display: table-cell;
    vertical-align: bottom;
}

.pl,.en {
    display: inline-block;
    width: 30px;
}

.pl.active, .en.active {
    border-left: 3px solid #00b4c1;
}

.pl a, .en, a { color: #000;}


#mainNav {
    font-family: 'Quicksand', sans-serif;
    font-weight: 400;
    text-transform: none;
    background: rgb(255, 255, 255);
    margin-top: 0px;
    padding-top: 17px;
    padding-bottom: 7px;
    transition: height .5s;
    box-shadow: 0px 5px 13px rgba(1, 1, 1, 0.15);
    height: 110px;
}

#mainNav.navbar-shrink {
    font-family: 'Quicksand', sans-serif;
    font-weight: 400;
    text-transform: none;
    background: #fff;
    margin-top: 0px;
    padding-top: 4px;
    padding-bottom: 4px;
    transition: height .5s;
    height: 60px;
}

#mainNav .navbar-nav li.nav-item a.nav-link:hover {
    color: #00b4c1;
    outline: 0;
}

#mainNav .navbar-nav > li.nav-item > a.nav-link.active:active, #mainNav .navbar-nav > li.nav-item > a.nav-link.active:focus, #mainNav .navbar-nav > li.nav-item > a.nav-link.active:hover {
    color: #fff;
    background: #00b4c1;
}

#mainNav .navbar-nav li.nav-item a.nav-link:focus {
    color: #00b4c1;
}

#mainNav .navbar-nav > li.nav-item > a.nav-link.active {
    color: #fff;
    border-radius: 3px;
    background: #00b4c1;
}

#mainNav.navbar-shrink .logo {
    width: 50%;
    margin-top: -7px;
    transition: width .5s;

}

.boss {
    width: 450px;
    z-index: 1000;
    position: relative; 
    top: 29px; 
    right: 40px

}

.znaksa {
    height: 120px;

}

.znaks {
    position: absolute;
    margin-left: -140px;
    top: 224px;
}

.logo {    
    width: 100%;
    transition: width .5s;
}

.skos {
    position: absolute;
    right: 39%;
    bottom: 0%;
    left: -90px;
    padding-top: 34px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    background: rgba(2, 29, 34, 0.32);
    height: 100%;
    width: 49%;
    z-index: -1;
}

.skos.shake {
    -webkit-animation: shake 60000ms cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite alternate forwards;
    animation: shake 60000ms cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite alternate forwards;
}

/* ----------------------------------------------
 * Generated by Animista on 2018-2-1 13:16:19
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation shake-horizontal
 * ----------------------------------------
 */
@-webkit-keyframes shake {
    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    10%,
    30%,
    50%,
    70% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
    }
    20%,
    40%,
    60% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
    }
    80% {
        -webkit-transform: translateX(80px);
        transform: translateX(80px);
    }
    90% {
        -webkit-transform: translateX(-80px);
        transform: translateX(-80px);
    }
}
@keyframes shake {
    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    10%,
    30%,
    50%,
    70% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
    }
    20%,
    40%,
    60% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
    }
    80% {
        -webkit-transform: translateX(80px);
        transform: translateX(80px);
    }
    90% {
        -webkit-transform: translateX(-80px);
        transform: translateX(-80px);
    }
}



.sksa.shake-horizontal {
    -webkit-animation: shake-horizontal 85000ms steps(20000, start) infinite both;
    animation: shake-horizontal 80000ms steps(20000, start) infinite both;
}

/* ----------------------------------------------
 * Generated by Animista on 2018-2-1 13:6:32
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation shake-horizontal
 * ----------------------------------------
 */
@-webkit-keyframes shake-horizontal {
    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    10%,
    30%,
    50%,
    70% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
    }
    20%,
    40%,
    60% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
    }
    80% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
    }
    90% {
        -webkit-transform: translateX(-80px);
        transform: translateX(-80px);
    }
}
@keyframes shake-horizontal {
    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    10%,
    30%,
    50%,
    70% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
    }
    20%,
    40%,
    60% {
        -webkit-transform: translateX(80px);
        transform: translateX(80px);
    }
    80% {
        -webkit-transform: translateX(80px);
        transform: translateX(80px);
    }
    90% {
        -webkit-transform: translateX(-80px);
        transform: translateX(-80px);
    }
}


.sks {
    position: absolute;
    bottom: 0%;
    right: -60px;
    padding-top: 34px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    background: rgba(2, 29, 34, 0.32);
    height: 100%;
    width: 74%;
    z-index: -1;
}

.sksa {
    position: absolute;
    bottom: 0%;
    right: -90px;
    padding-top: 34px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    background: rgba(2, 29, 34, 0.32);
    height: 100%;
    width: 78%;
    z-index: -1;
}

.headcontact {
    position: relative;
    width: 40%;
    background: transparent;
    z-index: 10000;
    color: #000;
    text-align: right;
}

.headtel, .headmail{
    font-size: 16px;    

}

header.masthead {
    padding-top: 100px;
    padding-bottom: 10px;
    text-align: center;
    color: #fff;
    background-image: url("/uploads/header.jpg");
    position: relative;
    z-index: 1
}
header.masthead-akt {
    padding-top: 100px;
    padding-bottom: 10px;
    text-align: center;
    color: #fff;
    background-image: url("/uploads/header.jpg");
    position: relative;
    z-index: 1;
    height: 264px;
    background-position: center;

}

.headcontact.headcontact-shrink {
    color: #000;
    transition: background .8s;
}

section.success {
    color: #fff;
    background: #fff;
}


/* Baner witaj slogan */

.witaj {
    padding-top: 210px;
    text-align: left;
    margin-left: 10px;
    text-shadow: 6px 3px 10px rgba(1, 1, 1, 0.79);
}

.slo1 {
    font-size: 56px;
    padding: 0;
    margin: 0;
    font-weight: 200;
    line-height: 70px;
}
.slo2 {
    font-size: 42px;
    margin-top: -18px;
    font-weight: 600;
    margin-bottom: 0px;
}

.slo3 {
    font-size: 20px;
    margin: 0;
    line-height: 1;
    font-weight: 500;
}

.slo4{
    font-size: 65px;
    text-align: right;
    font-weight: 700;
    margin: 0;
}
.slo4-cena {
    font-size: 35px;
    font-weight: 300;
}

.folows {
    margin-top: 31px; 
    text-align: center;
}

.folow {

}

.folow .nav-link {
    display: inline-block;
    -webkit-animation: jump 2.5s ease 0s infinite normal ;
    animation: jump 1.5s ease 4.5s infinite normal ;
}

@-webkit-keyframes jump {
    0%{
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    20%{
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40%{
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    50%{
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    60%{
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
    80%{
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100%{
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes jump {
    0%{
        transform: translateY(0);
    }
    20%{
        transform: translateY(0);
    }
    40%{
        transform: translateY(-30px);
    }
    50%{
        transform: translateY(0);
    }
    60%{
        transform: translateY(-15px);
    }
    80%{
        transform: translateY(0);
    }
    100%{
        transform: translateY(0);
    }
}

section {
    padding: 45px 0;
}

/* content title */


.content-title {
    text-align: center;
}

.two-title {
    font-size: 40px;
    font-weight: 500;
    text-transform: uppercase;
}

p.two-title span::before,p.two-title-akt span::before {
    content: "";
    position: absolute;
    width: 60px;
    height: 2px;
    background: #00b4c1;
    left: -80px;
    top: 25px;
}

p.two-title span::after, p.two-title-akt span::after{
    content: "";
    position: absolute;
    width: 60px;
    height: 2px;
    background: #00b4c1;
    right: -80px;
    top: 25px;
}

p.two-title-akt {
    position: relative;
    top: 102px;
    font-size: 35px;
    text-transform: none;
}

.span-two-title {
    position: relative;
}

/* O firmie */

.ofircont::before {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    background-image: url("/uploads/znaks2.svg");
    left: -50px;
    top: 0px;
}

.ofircont {
    font-size: 16px;
    margin-left: -90px;
    position: relative;

}

.separator {
    margin-top: 50px;
}

.ofirp {
    text-align: center;
    color: #00b4c1;
    font-weight: 700;

}

.ofirspan{
    color: #000;

}

.slo1-res {
    text-align: justify;
    font-size: 17px;
    padding-top: 25px;
}

span.res-color {
    color: #a91e31;
    font-weight: 600;
}

p.res-black {
    font-size: 17px;
    font-weight: 700;
}

.slo4-res{
    margin-top: 50px;
    margin-bottom: 2px;
}

.slo4-res, .slo5-res {
    font-size: 17px;
}

/* Aktualnosci */

#akt {
    background:#edf7f8;
}

.aktualnosci {
    font-size: 16px;
}

.akt1{
    z-index: 20;
    border-right: 1px solid rgb(191, 191, 191);
    padding: 0px 60px 0px 20px;
    text-align: justify;
}
.akt2{
    z-index: 20;
    border-right: 0px solid rgb(191, 191, 191);
    padding: 0px 20px 0px 60px;
    text-align: justify;
}

.wiecej, .wiecej1 {
    text-align: right;
}

.btn-default.kl {
    background: #00b4c1;
    color: #fff;
    font-size: 14px;
}

.btn-default.kl:hover{
    background: #457282;
}

.fotoaktual {
    margin-bottom: 20px;
    width: 100%;
}

/* Oferta */
#oferta {
    background-image: url("/uploads/oferta.jpg");
    text-align: center;
    color: #fff;
    font-size: 16px;
    padding-top: 50px;
}
#oferta p.two-title span::before, #oferta p.two-title span::after {
    background: #fff;
}

#oferta p.two-title span {
    color: #fff;
}

.podoferta2 {
    font-size:16px;
    margin-top: 60px;
}

.pietro{
    margin-bottom: 20px;
}


.lok1 {border-right: 1px solid rgba(255, 255, 255, 0.47);}


.avatar {
    height: 70px;
    width: 70px;
}

.ofert {
    font-size: 16px;
    margin-top: 19px;
}
/* footer */

#footer {
    background-image: url("/uploads/footer.jpg");
    padding-top: 41px;
    padding-bottom: 54px;
    color: #fff;
    text-align: center;
}

#footer-akt {
    background-image: url("/uploads/footer.jpg");
    padding-top: 41px;
    padding-bottom: 54px;
    color: #fff;
    text-align: center;

}

/* kontakt */

#contact p.two-title span {
    color: #000;
}

#contact{
    padding-top: 70px;
    color: #fff;
    position: relative;z-index: 1;
    padding-bottom: 0px;
}

#contact-form .for {
    float: left;
}



.foottel, .footmail {
    top: 19px;
    position: relative;
    color: #fff;
    padding-left: 12px;
    width: 100%;
    font-size: 19px;
}

.foot1{
    top: 30px;
}

.foot2, .foot3 {
    top: 24px;
}

.copy {
    position: relative;
    bottom: -54px;
    background: #092733;
    color: #fff;
    text-align: center;}

.witaj.dwa {
    display: none;}



@media (max-width: 1199px){
    #mainNav{
        font-size: 13px;
    }

    .foottel, .footmail {
        top: 19px;
        position: relative;
        color: #fff;
        padding-left: 12px;
        width: 100%;
        font-size: 16px;
    }
}

@media (max-width: 992px){

    navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid {
        padding-right: 0;
        padding-left: 0;
        position: relative;
        top: 148px;
    }

    .dane{
        font-size: 14px;
    }
    .tel{
        font-size: 46px!important;
    }
    .foottel, .footmail {
        top: 6px;
        position: relative;
        color: #fff;
        padding-left: 0px;
        width: 100%;
        font-size: 13px;
    }
    .mail{
        font-size: 42px!important;
    }

    #mainNav .navbar-toggler:focus, #mainNav .navbar-toggler:hover {
        color: #fff;
        border-color: #00b4c1;
        background-color: #00b4c1;
    }

    .span-two-title {
        position: relative;
        font-size: 20px;
    }

    .navbar navbar-expand-lg navbar-light fixed-top {
        background: #413f40;

    }
    #mainNav {
        background: rgb(255, 255, 255);
    }
    #mainNav .navbar-nav {
        letter-spacing: 1px;
        font-size: 16px;
    }

    .witaj {
        padding-top: 12px;
    }
    .headcontact {
        position: relative;
        width: 100%;
        background: transparent;
        z-index: 10000;
        color: #000;
        text-align: right;
    }
    #mainNav .navbar-nav > li.nav-item > a.nav-link.active {
        color: #fff;
        border-radius: 3px;
        background: #00b4c1;
        padding: 12px;
    }
    #mainNav.navbar-shrink {
        height: 86px;
    }
    .slo2 {
        font-size: 41px;
        margin-top: -9px;
        font-weight: 600;
        margin-bottom: 11px;
        line-height: 38px;
    }
}

@media (max-width: 768px) {

    #mainNav {padding-top: 0px;}

    #mainNav .navbar-toggler {
        font-size: 14px;
        padding: 11px;
        text-transform: uppercase;
        color: #000;
        border-color: #00b4c1;
        margin: 0 auto;
    }

    .logo {
        width: 67%;
        transition: width .5s;
    }
    #mainNav .navbar-brand {
        font-size: 1.1rem;
        color: #fff;
        text-align: center;
    }

    #mainNav .navbar-toggler {
        font-size: 14px;
        padding: 11px;
        text-transform: uppercase;
        color: #000;
        border-color: #00b4c1;
        margin: 0 auto;
    }

    #mainNav .navbar-toggler:focus, #mainNav .navbar-toggler:hover {
        color: #fff;
        border-color: #00b4c1;
        background-color: #00b4c1;
    }

    #mainNav .navbar-brand {

        text-align: center;
    }

    .top-contact p.top-contact-text {
        display: table;
        float: right;
        font-size: 13px;
    }
    header.masthead img {
        display: block;
        margin: 23px auto 0px;
    }

    .witaj.jeden {
        display: none;
    }
    .witaj.dwa {
        display: block;
        margin-top: 24px;
    }

    .lng {
        display: none;
    }

    .top-contact p.top-contact-text {
        width: 100%;
        float: left;
        text-align: center;
    }
    #mainNav .navbar-nav > li.nav-item > a.nav-link.active {
        color: #fff;
        border-radius: 3px;
        background: #00b4c1;
        padding: 12px;
    }
    #mainNav.navbar-shrink {
        height: 86px;
    }

    header.masthead img {
        display: none;
        margin: 23px auto 0px;
    }
    .bar {
        padding-bottom: 100px;
    }

    .slo2 {
        font-size: 29px;
        margin-top: -2px;
        font-weight: 600;
        margin-bottom: 11px;
        line-height: 32px;
    }
    .slo3 {
        font-size: 20px;
        margin: 0;
        font-weight: 500;
    }
    .ofirp {
        text-align: center;
        color: #00b4c1;
        font-weight: 700;
        font-size: 14px;
    }
    .ofircont {
        font-size: 14px;
        margin-left: 0px;
        position: relative;
        padding: 0px 40px;
    }
    .akt1, .akt2 {
        z-index: 20;
        margin-bottom: 30px;
        padding: 0px 20px 0px 20px;

    }

    .lok1 {
        border-right: 1px solid rgba(255, 255, 255, 0.47);
        margin-bottom: 50px;
    }

    .foottel {
        top: -22px;
        position: relative;
        color: #fff;
        padding-left: 12px;
        width: 100%;
        font-size: 19px;
    }
    .tel, .mail{
        font-size: 68px;
        float: none!important;
    }
    .foot2, .foot3 {
        top: 48px;
    }

    .footmail {
        top: -24px;
        position: relative;
        color: #fff;
        padding-left: 12px;
        width: 100%;
        font-size: 19px;
    }
}


#content-aktualnosci{
    min-height: calc( 100vh - 460px );
} 


#content-aktualnosci .akt-content{
    min-height: 220px;
}


#content-aktualnosci .akt-content img{
    float: left;
    margin-right: 15px;
}

/* logotypy */

.logotypy {
    margin-bottom: 0;
    padding-bottom: 0;
}

.logotypy-dol-prawo {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}