@font-face
{
    font-family: 'firasans-bold';
    src: url('../fonts/firasans-bold.woff2') format('woff2'), url('../fonts/firasans-bold.woff') format('woff'), url('../fonts/firasans-bold.ttf') format('truetype'), url('../fonts/firasans-bold.svg#firasans-bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'firasans-book';
    src: url('../fonts/firasans-book.woff2') format('woff2'), url('../fonts/firasans-book.woff') format('woff'), url('../fonts/firasans-book.ttf') format('truetype'), url('../fonts/firasans-book.svg#firasans-book') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'firasans-heavy';
    src: url('../fonts/firasans-heavy.woff2') format('woff2'), url('../fonts/firasans-heavy.woff') format('woff'), url('../fonts/firasans-heavy.ttf') format('truetype'), url('../fonts/firasans-heavy.svg#firasans-heavy') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'firasans-light';
    src: url('../fonts/firasans-light.woff2') format('woff2'), url('../fonts/firasans-light.woff') format('woff'), url('../fonts/firasans-light.ttf') format('truetype'), url('../fonts/firasans-light.svg#firasans-light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'firasans-medium';
    src: url('../fonts/firasans-medium.woff2') format('woff2'), url('../fonts/firasans-medium.woff') format('woff'), url('../fonts/firasans-medium.ttf') format('truetype'), url('../fonts/firasans-medium.svg#firasans-medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'firasans-regular';
    src: url('../fonts/firasans-regular.woff2') format('woff2'), url('../fonts/firasans-regular.woff') format('woff'), url('../fonts/firasans-regular.ttf') format('truetype'), url('../fonts/firasans-regular.svg#firasans-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html
{
    height: 100%;
    overflow-y: scroll;
}

body
{
    min-width: 770px;
    height: 100%;
    color: rgb(42, 67, 136);
    background-color: #fff;
    font-family: firasans-medium, Tahoma, Verdana;
    font-size: 18px;
}

@media (min-width: 0px) and (max-width: 820px)
{
    body
    {
        min-width: 0;
    }
}

.wrapper
{
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -130px;
}

.wide_1
{
    background-color: rgb(42, 67, 136);
}

.global
{
    margin: 0 auto;
    padding: 0 10px;
    width: 750px;
}

@media (min-width: 0px) and (max-width: 820px)
{
    .global
    {
        width: auto;
    }
}

.gora
{
    height: 80px;
}

.gora_lewa
{
    float: left;
    position: relative;
}

.logo
{
    display: block;
    position: absolute;
    left: 0;
    top: -40px;
    margin: 0;
    padding: 0;
    border: 0;
    text-decoration: none;
    outline: none;
    width: 160px;
    height: 160px;
    background-color: #fff;
    background-image: url('../grafika/logo.png');
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 50%;
}

@media (min-width: 0px) and (max-width: 500px)
{
    .logo
    {
        display: none;
    }
}

.gora_prawa
{
    float: right;
    position: relative;
    width: 220px;
}

.dostepowy_napis
{
    color: #fff;
    font-size: 20px;
    line-height: 34px;
    text-align: center;
}

.dostepowy_numer
{
    color: #fff;
    font-size: 15px;
    line-height: 22px;
    text-align: center;
    background-color: rgb(237, 28, 36);
    border: 1px solid #fff;
    border-radius: 5px;
}

.dostepowy_ikona
{
    display: block;
    position: absolute;
    left: -74px;
    top: 4px;
    margin: 0;
    padding: 0;
    border: 0;
    text-decoration: none;
    outline: none;
    width: 96px;
    height: 97px;
    background-color: #fff;
    background-image: url('../grafika/dostepowy_ikona.png');
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 50%;
}

.wide_2
{
    background-color: #fff;
}

.srodek
{
    padding: 10px 0;
}

.tresc
{
    text-align: left;
}

.kreska
{
    margin: -10px auto 0 auto;
    width: 500px;
    height: 4px;
    background-color: rgb(42, 67, 136);
}

@media (min-width: 0px) and (max-width: 550px)
{
    .kreska
    {
        width: auto;
    }
}

.formularz_1
{
    padding: 20px 0;
    max-width: 510px;
    margin: 0 auto;
}

.formularz_lewa
{
    float: left;
}

@media (min-width: 0px) and (max-width: 450px)
{
    .formularz_lewa
    {
        float: none;
        margin: 0 auto;
    }
}

.formularz_nazwa
{
    text-align: center;
    padding: 0 0 10px 0;
}

.formularz_pole
{
    border: 3px solid rgb(42, 67, 136);
    border-radius: 10px;
    background-color: rgb(181, 229, 249);
    width: 200px;
    margin: 0 auto;
}

.formularz_text
{
    display: block;
    margin: 0;
    padding: 10px;
    border: 0;
    background-color: transparent;
    font-family: firasans-medium, Tahoma, Verdana;
    font-size: 18px;
    color: rgb(42, 67, 136);
    height: 20px;
    line-height: 20px;
}

.formularz_blad
{
    color: rgb(237, 28, 36);
    font-size: 16px;
}

.formularz_prawa
{
    float: right;
}

@media (min-width: 0px) and (max-width: 450px)
{
    .formularz_prawa
    {
        float: none;
    }
}

.formularz_select
{
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    background-color: transparent;
    font-family: firasans-medium, Tahoma, Verdana;
    font-size: 18px;
    color: rgb(42, 67, 136);
    height: 40px;
    line-height: 20px;
    width: 100%;
}

.formularz_2
{
    padding: 0 0 20px 0;
    text-align: center;
    font-size: 26px;
}

.formularz_3
{
    padding: 0 0 20px 0;
}

.formularz_submit
{
    display: block;
    margin: 0 auto;
    padding: 0;
    border: 0;
    width: 200px;
    height: 40px;
    text-align: center;
    background-color: rgb(42, 67, 136);
    color: #fff;
    text-transform: uppercase;
    font-family: firasans-bold, Tahoma, Verdana;
    border-radius: 10px;
    font-size: 24px;
    cursor: pointer;
}

.krok
{
    float: right;
    clear: both;
}

.formularz_4
{
    text-align: center;
    font-size: 24px;
    padding: 40px 0;
    font-family: firasans-bold, Tahoma, Verdana;
}

.formularz_5
{
    padding: 0 0 40px 0;
    width: 420px;
    margin: 0 auto;
}

@media (min-width: 0px) and (max-width: 450px)
{
    .formularz_5
    {
        width: auto;
    }
}

.breaker
{
    display: none;
}

@media (min-width: 0px) and (max-width: 450px)
{
    .breaker
    {
        display: block;
    }
}

.formularz_podsumowanie_lewa
{
    float: left;
    text-align: right;
    width: 200px;
    line-height: 28px;
}

@media (min-width: 0px) and (max-width: 450px)
{
    .formularz_podsumowanie_lewa
    {
        float: none;
        text-align: left;
        width: auto;
    }
}

.formularz_podsumowanie_prawa
{
    float: right;
    text-align: left;
    width: 200px;
    font-size: 24px;
    line-height: 28px;
    font-family: firasans-light, Tahoma, Verdana;
}

@media (min-width: 0px) and (max-width: 450px)
{
    .formularz_podsumowanie_prawa
    {
        float: none;
        text-align: left;
        width: auto;
    }
}

.formularz_6
{
    max-width: 350px;
    margin: 0 auto;
    padding: 0 0 40px 0;
    clear: both;
}

.formularz_powrot
{
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    height: 40px;
    text-align: center;
    background-color: transparent;
    color: rgb(42, 67, 136);
    text-transform: lowercase;
    font-family: firasans-regular, Tahoma, Verdana;
    border-radius: 10px;
    font-size: 18px;
    cursor: pointer;
    float: left;
}

@media (min-width: 0px) and (max-width: 450px)
{
    .formularz_powrot
    {
        text-align: left;
        width: auto;
        padding: 0 20px;
        color: #fff;
        text-transform: uppercase;
        background-color: rgb(42, 67, 136);
        font-size: 14px;
        font-family: firasans-bold, Tahoma, Verdana;
    }
}

.formularz_powrot_center
{
    display: block;
    margin: 50px auto 0 auto;
    padding: 0;
    border: 0;
    height: 40px;
    text-align: center;
    background-color: transparent;
    color: rgb(42, 67, 136);
    text-transform: lowercase;
    font-family: firasans-regular, Tahoma, Verdana;
    border-radius: 10px;
    font-size: 18px;
    cursor: pointer;
    width: 120px;
    text-align: center;
}

.formularz_submit_pay
{
    display: block;
    margin: 0;
    padding: 0 20px;
    border: 0;
    height: 40px;
    text-align: center;
    background-color: rgb(42, 67, 136);
    color: #fff;
    text-transform: uppercase;
    font-family: firasans-bold, Tahoma, Verdana;
    border-radius: 10px;
    font-size: 14px;
    cursor: pointer;
    float: right;
}

@media (min-width: 0px) and (max-width: 450px)
{
    .formularz_submit_pay
    {
        width: auto;
    }
    .formularz_6{
        max-width: 250px;
    }
}

.formularz_7
{
    padding: 40px 0;
}

.formularz_submit_launch
{
    display: block;
    margin: 0 auto;
    padding: 0 20px;
    border: 0;
    height: 40px;
    text-align: center;
    background-color: rgb(42, 67, 136);
    color: #fff;
    text-transform: uppercase;
    font-family: firasans-bold, Tahoma, Verdana;
    border-radius: 10px;
    font-size: 14px;
    cursor: pointer;
}

.formularz_8
{
    width: 450px;
    margin: 80px auto 0 auto;
    border: 8px solid rgb(42, 67, 136);
    padding: 20px;
    text-align: center;
}

@media (min-width: 0px) and (max-width: 550px)
{
    .formularz_8
    {
        width: auto;
    }
}

.push
{
    height: 130px;
}

.footer
{
    height: 130px;
}

.dol
{
    padding: 10px 0;
}

.dol_napis
{
    color: #fff;
    text-align: center;
}

.dol_napis a
{
    text-decoration: none;
    outline: none;
    color: #fff;
}

a[href*="tel:"] {
   cursor:default;
}

/* LIFTING */

body
{
    color: #012f35;
}

.wide_1
{
    background-color: #f9f9f9;
}

.logo
{
    background-color: transparent;
    background-image: url('../grafika/logo_lifting.png');
}

.dostepowy_napis
{
    font-size: 18px;
    text-transform: uppercase;
    color: #012f35;
}

.dostepowy_numer
{
    background-color: #35b1bf;
}

.dostepowy_ikona
{
    top: 12px;
    width: 90px;
    height: 90px;
    background-image: url('../grafika/dostepowy_ikona_lifting.png');
}

.kreska
{
    display: none;
}

.formularz_nazwa
{
    text-transform: uppercase;
}

.formularz_pole
{
    border: 3px solid #012f35;
}

.formularz_text
{
    color: #012f35;
}

.formularz_select
{
    color: #012f35;
}

.formularz_submit
{
    text-transform: none;
    background-color: #ffb300;
}

.formularz_powrot
{
    color: #012f35;
}

@media (min-width: 0px) and (max-width: 450px)
{
    .formularz_powrot
    {
        background-color: #ffb300;
    }
}

.formularz_powrot_center
{
    color: #012f35;
}

.formularz_submit_pay
{
    background-color: #ffb300;
}

@media (min-width: 0px) and (max-width: 450px)
{
    .formularz_submit_pay
    {
        width: auto;
    }
    .formularz_6{
        max-width: 250px;
    }
}

.formularz_7
{
    padding: 40px 0;
}

.formularz_submit_launch
{
    background-color: #ffb300;
}

.formularz_8
{
    border: 8px solid #012f35;
}

.wide_3
{
    background-color: #35b1bf;
}