body {
	margin:0;
	padding:0;
    position:relative;
}

p {
    margin:0;
    padding:0;
}

a {
    text-decoration:none;
}

::-webkit-scrollbar {
    width:10px;
    margin-right:0;
    background-color:rgba(200,200,200,1);
}

::-webkit-scrollbar-track {
    background-color:rgba(200,200,200,1);
}

::-webkit-scrollbar-thumb {
    background-color:rgba(100,100,100,1);
}










header {
    width:100%;
    float:left;
    height:150px;
}

#logo {
    display:block;
    width:523px;
    height:93px;
    float:left;
    margin:50px 0 0 50px;
    transition:all 0.2s linear 0s;
    -moz-transition:all 0.2s linear 0s;
    -webkit-transition:all 0.2s linear 0s;
    -o-transition:all 0.2s linear 0s;
    -ms-transition:all 0.2s linear 0s;
}

/*
    RWD
*/

@media all and (max-width:1600px)
{
    #logo {
        width:400px;
        height:71px;
        margin:61px 0 0 50px;
    }
}

@media all and (max-width:1350px)
{
    #logo {
        width:350px;
        height:62px;
        margin:65px 0 0 30px;
    }
}

@media all and (max-width:1150px)
{
    #logo {
        width:320px;
        height:57px;
        margin:65px 0 0 20px;
    }
}










nav {
    float:right;
    position:relative;
}

nav ul {
    height:150px;
    list-style:none;
    float:left;
    margin:0;
    padding:0;
}

nav ul li {
    height:150px;
    float:left;
}

nav ul li a {
    font-family:"PT Sans Narrow";
    font-size:12pt;
    padding:0 10px;
    float:left;
    height:50px;
    line-height:50px;
    color:#555;
    margin:65px 0 0 0;
    transition:all 0.2s linear 0s;
    -moz-transition:all 0.2s linear 0s;
    -webkit-transition:all 0.2s linear 0s;
    -o-transition:all 0.2s linear 0s;
    -ms-transition:all 0.2s linear 0s;
}

nav ul li a:hover {
    color:#c30000;
}

nav ul li a.active {
    border-bottom:5px solid #b70000;
    cursor:default;
}

nav .separator {
    float:left;
    height:60px;
    width:1px;
    margin:60px 43px 0 30px;
    background-color:#dbdbdb;
}

nav ul.langs {
    margin:0 40px 0 0;
}

nav ul.langs li a {
    padding:0 2px;
}

nav ul.langs li a span {
    float:left;
    background-color:#fff;
    width:30px;
    height:30px;
    line-height:30px;
    border-radius:40px;
    -webkit-border-radius:40px;
    -khtml-border-radius:40px;
    -moz-border-radius:40px;
    color:#444;
    text-align:center;
    margin:10px 0 0 0;
}

nav ul.langs li a.active {
    border:0;
}

nav ul.langs li a.active span {
    background-color:#b70000;
    color:#fff;
}

#mobile-menu {
    display:none;
    opacity:0.5;
    cursor:pointer;
    float:left;
    width:30px;
    height:30px;
    margin:75px 0 0 0;
}

#mobile-menu:hover {
    opacity:0.9;
}

/*
    RWD
*/

@media all and (max-width:1750px)
{
    nav ul li a {
        font-size:10pt;
        padding:0 7px;
    }

    nav .separator {
        margin:60px 33px 0 30px;
    }
}

@media all and (max-width:1450px)
{
    nav ul li a {
        font-size:10pt;
        padding:0 5px;
    }

    nav .separator {
        margin:60px 16px 0 20px;
    }

    nav ul.langs {
        margin:0 20px 0 0;
    }
}

@media all and (max-width:1350px)
{
    #main-menu {
        position:fixed;
        width:50%;
        height:100%;
        background-color:#222;
        right:-50%;
        top:0;
        z-index:100;
        margin:0;
        padding:20px 0 0 0;
    }

    #main-menu li {
        width:100%;
        height:50px;
        line-height:50px;
        float:left;
        border-bottom:1px dashed rgba(255,255,255,0.2);
    }

    #main-menu li a {
        color:#fff;
        padding:0 0 0 10%;
        font-size:10pt;
        color:rgba(255,255,255,0.7);
        font-weight:100;
        float:left;
        margin:0;
        line-height:50px;
        height:50px;
        width:90%;
        letter-spacing:1px;
    }

    #main-menu li a:hover {
        color:rgba(255,255,255,0.9);
        background-color:#111;
    }

    #main-menu li a.active {
        border:0;
        opacity:0.3;
    }

    #mobile-menu {
        display:block;
    }
}









section {
    width:100%;
    float:left;
}

#big-foto {
    width:100%;
    height:800px;
    background-size:cover;
    -moz-background-size:cover;
    -webkit-background-size:cover;
    -khtml-background-size:cover;
    background-position:50% 50%;
    background-repeat:no-repeat;
    position:relative;
    text-align:center;
}

#big-foto.foto1 {
    background-image:url(../images/big-foto1.jpg);
}

#big-foto.foto2 {
    background-image:url(../images/big-foto2.jpg);
}

#big-foto.foto3 {
    background-image:url(../images/big-foto3-gray.jpg);
}

#big-foto.foto4 {
    background-image:url(../images/big-foto4.jpg);
}

#big-foto h2 {
    font-family:"PT Sans Narrow";
    font-size:30pt;
    color:#fff;
    background-color:#b70000;
    padding:10px 20px;
    margin:160px 0 0 0;
    display:inline-block;
    font-weight:100;
    cursor:default;
}

#big-foto h3 {
    font-family:"PT Sans Narrow";
    font-size:20pt;
    color:#fff;
    background-color:#3c3c3c;
    padding:10px 20px;
    margin:0;
    display:inline-block;
    font-weight:100;
    cursor:default;
}

#big-foto-mask {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:auto;
    z-index:100;
}










/*
    POLE Z WYNIKIEM WYBORU TOWARU I TRANSPORTU NA GŁÓWNEJ
*/

#red-results-field {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:#740000;
    display:none;
    z-index:99;
}

#close-result-field {
    position:absolute;
    right:54px;
    top:40px;
    width:40px;
    height:40px;
    background-color:#b70000;
    color:#fff;
    z-index:101;
    cursor:pointer;
    font-size:30pt;
    font-family:Arial;
    font-weight:800;
    text-align:center;
    line-height:40px;
    border-radius:40px;
    -webkit-border-radius:40px;
    -khtml-border-radius:40px;
    -moz-border-radius:40px;
    display:none;
}

#close-result-field:hover {
    background-color:#e40000;
}

/*
    RWD
*/

@media all and (max-width:1600px)
{
    #close-result-field {
        top:30px;
        right:54px;
    }
}

@media all and (max-width:1350px)
{
    #close-result-field {
        top:20px;
        right:34px;
    }
}

@media all and (max-width:1024px)
{
    #close-result-field {
        top:0;
        right:34px;
    }
}





#result-logistics {
    width:50%;
    float:left;
    background-color:#eee;
    height:100%;
    background-image:url(../images/shadow-horizontal.png);
    background-position:100% 50%;
    background-repeat:no-repeat;
    position:relative;
}

#result-logistics #foto-logistics {
    float:left;
    width:50%;
    height:100%;
    background-size:cover;
    -moz-background-size:cover;
    -webkit-background-size:cover;
    -khtml-background-size:cover;
    background-position:50% 50%;
    background-repeat:no-repeat;
}

#result-logistics #foto-logistics.car {
    background-image:url(../images/foto-car.jpg);
}

#result-logistics #foto-logistics.moto {
    background-image:url(../images/foto-moto2.jpg);
}

#result-logistics #foto-logistics.cargo {
    background-image:url(../images/foto-cargo.jpg);
}

#result-logistics .t_logistics {
    display:none;
}

#result-logistics .d_logistics {
    display:none;
}

#result-logistics h4 {
    font-family:"PT Sans Narrow";
    font-size:25pt;
    color:#666;
    text-align:right;
    width:50%;
    float:right;
    margin:130px 0 60px 0;
    font-weight:100;
}

#result-logistics h4 p {
    display:inline-block;
    background-color:#222;
    padding:10px 4px 10px 20px;
    font-size:25pt;
    color:#fff;
    text-align:right;
    width:auto;
    line-height:120%;
}

#result-logistics h4 p span {
    padding:0;
}

#result-logistics p {
    font-family:"PT Sans Narrow";
    font-size:11pt;
    line-height:160%;
    color:rgba(0,0,0,0.6);
    text-align:right;
    width:50%;
    float:right;
    font-weight:100;
}

#result-logistics p span {
    display:inline-block;
    padding:0 20px 0 30px;
}

#result-logistics div.others {
    position:absolute;
    right:0;
    bottom:60px;
    width:50%;
    height:50px;
    text-align:center;
}

#result-logistics div.others span {
    display:inline-block;
    color:#fff;
    border-radius:80px;
    -webkit-border-radius:80px;
    -khtml-border-radius:80px;
    -moz-border-radius:80px;
    border:3px solid rgba(44,44,44,1);
    opacity:0.1;
    width:60px;
    height:60px;
    background-size:70%;
    -moz-background-size:70%;
    -webkit-background-size:70%;
    -khtml-background-size:70%;
    background-position:50% 50%;
    background-repeat:no-repeat;
    margin:0 5px;
    cursor:pointer;
}

#result-logistics div.others span:hover {
    opacity:0.3;
}

#result-logistics div.others span.active {
    opacity:0.8;
}

#result-logistics div.others span.car {
    background-image:url(../images/icon-car-b.png);
}

#result-logistics div.others span.moto {
    background-image:url(../images/icon-moto-b.png);
}

#result-logistics div.others span.cargo {
    background-image:url(../images/icon-cargo-b.png);
}

/*
    RWD
*/

@media all and (max-width:1200px)
{
    #result-logistics h4 {
        margin:100px 0 30px 0;
    }

    #result-logistics h4 p {
        font-size:18pt;
    }
}

@media all and (max-width:1024px)
{
    #result-logistics {
        width:100%;
        height:50%;
    }

    #result-logistics h4 {
        margin:80px 0 20px 0;
    }

    #result-logistics h4 p {
        padding:10px 20px 10px 20px;
    }

    #result-logistics p {
        font-size:9pt;
        line-height:120%;
    }
}






#result-transports {
    width:50%;
    float:left;
    background-color:#222;
    height:100%;
    position:relative;
}

#result-transports #foto-transports {
    float:right;
    width:50%;
    height:100%;
    background-size:cover;
    -moz-background-size:cover;
    -webkit-background-size:cover;
    -khtml-background-size:cover;
    background-position:50% 50%;
    background-repeat:no-repeat;
}

#result-transports #foto-transports.plane {
    background-image:url(../images/foto-plane.jpg);
}

#result-transports #foto-transports.ship {
    background-image:url(../images/foto-ship.jpg);
}

#result-transports #foto-transports.truck {
    background-image:url(../images/foto-truck.jpg);
}

#result-transports .t_transports {
    display:none;
}

#result-transports .d_transports {
    display:none;
}

#result-transports h4 {
    font-family:"PT Sans Narrow";
    font-size:25pt;
    color:#fff;
    text-align:left;
    width:50%;
    float:left;
    margin:130px 0 60px 0;
    font-weight:100;
}

#result-transports h4 p {
    display:inline-block;
    padding:10px 20px 10px 4px;
    font-size:25pt;
    color:#fff;
    text-align:left;
    width:auto;
    line-height:120%;
}

#result-transports h4 p span {
    padding:0;
}

#result-transports p {
    font-family:"PT Sans Narrow";
    font-size:11pt;
    line-height:160%;
    color:rgba(255,255,255,0.6);
    text-align:left;
    width:50%;
    float:left;
}

#result-transports p span {
    display:inline-block;
    padding:0 30px 0 20px;
}

#result-transports div.others {
    position:absolute;
    left:0;
    bottom:60px;
    width:50%;
    height:50px;
    text-align:center;
}

#result-transports div.others span {
    display:inline-block;
    color:#fff;
    border-radius:80px;
    -webkit-border-radius:80px;
    -khtml-border-radius:80px;
    -moz-border-radius:80px;
    border:3px solid rgba(255,255,255,1);
    opacity:0.1;
    width:60px;
    height:60px;
    background-size:70%;
    -moz-background-size:70%;
    -webkit-background-size:70%;
    -khtml-background-size:70%;
    background-position:50% 50%;
    background-repeat:no-repeat;
    margin:0 5px;
    cursor:pointer;
}

#result-transports div.others span:hover {
    opacity:0.3;
}

#result-transports div.others span.active {
    opacity:0.8;
}

#result-transports div.others span.plane {
    background-image:url(../images/icon-plane.png);
}

#result-transports div.others span.ship {
    background-image:url(../images/icon-ship.png);
}

#result-transports div.others span.truck {
    background-image:url(../images/icon-truck.png);
}

/*
    RWD
*/

@media all and (max-width:1200px)
{
    #result-transports h4 {
        margin:100px 0 30px 0;
    }

    #result-transports h4 p {
        font-size:18pt;
    }
}

@media all and (max-width:1024px)
{
    #result-transports {
        width:100%;
        height:50%;
    }

    #result-transports h4 {
        margin:40px 0 20px 0;
    }

    #result-transports h4 p {
        padding:10px 20px 10px 20px;
        background-color:#fff;
        color:#222;
    }

    #result-transports p {
        font-size:9pt;
        line-height:120%;
    }
}










/*
    KOŁA - RODZAJE TOWARÓW
*/

#circles-logistics {
    display:inline-block;
    width:720px;
    height:240px;
    margin:80px 0 0 0;
}

#circles-logistics .circle {
    width:200px;
    height:200px;
    border-radius:200px;
    -webkit-border-radius:200px;
    -khtml-border-radius:200px;
    -moz-border-radius:200px;
    background-color:rgba(0,0,0,1);
    opacity:0.8;
    cursor:pointer;
    border:5px solid #323232;
    transition:all 0.2s linear 0s;
    -moz-transition:all 0.2s linear 0s;
    -webkit-transition:all 0.2s linear 0s;
    -o-transition:all 0.2s linear 0s;
    -ms-transition:all 0.2s linear 0s;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    position:relative;
    display:inline-block;
}

#circles-logistics .circle:hover {
    border:10px solid #b70000;
    /*margin:-5px 0 0 -5px;*/
    opacity:1;
}

#circles-logistics .circle span {
    color:#fff;
    font-family:"PT Sans Narrow";
    font-size:12pt;
    position:absolute;
    left:0;
    bottom:20px;
    width:100%;
    opacity:0;
    transition:all 0.6s linear 0s;
    -moz-transition:all 0.6s linear 0s;
    -webkit-transition:all 0.6s linear 0s;
    -o-transition:all 0.6s linear 0s;
    -ms-transition:all 0.6s linear 0s;
}

#circles-logistics .circle:hover span {
    opacity:1;
}

#circles-logistics #c_car {
    width:240px;
    height:240px;
    float:left;
    text-align:center;
}

#circles-logistics #c_car .circle {
    background-image:url(../images/icon-car.png);
    background-repeat:no-repeat;
    background-position:50% 50%;
}

#circles-logistics #c_moto {
    width:240px;
    height:240px;
    float:left;
    text-align:center;
}

#circles-logistics #c_moto .circle {
    background-image:url(../images/icon-moto.png);
    background-repeat:no-repeat;
    background-position:50% 50%;
}

#circles-logistics #c_cargo {
    width:240px;
    height:240px;
    float:left;
    text-align:center;
}

#circles-logistics #c_cargo .circle {
    background-image:url(../images/icon-cargo.png);
    background-repeat:no-repeat;
    background-position:50% 50%;
}










/*
    KOŁA - RODZAJE TRTANSPORTU
*/

#circles-transports {
    display:none;
    opacity:0;
    width:720px;
    height:240px;
    margin:80px 0 0 0;
}

#circles-transports .circle {
    width:200px;
    height:200px;
    border-radius:200px;
    -webkit-border-radius:200px;
    -khtml-border-radius:200px;
    -moz-border-radius:200px;
    background-color:rgba(0,0,0,1);
    opacity:0.8;
    cursor:pointer;
    border:5px solid #323232;
    transition:all 0.2s linear 0s;
    -moz-transition:all 0.2s linear 0s;
    -webkit-transition:all 0.2s linear 0s;
    -o-transition:all 0.2s linear 0s;
    -ms-transition:all 0.2s linear 0s;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    position:relative;
    display:inline-block;
}

#circles-transports .circle:hover {
    border:10px solid #b70000;
    /*margin:-5px 0 0 -5px;*/
    opacity:1;
}

#circles-transports .circle span {
    color:#fff;
    font-family:"PT Sans Narrow";
    font-size:12pt;
    position:absolute;
    left:0;
    bottom:20px;
    width:100%;
    opacity:0;
    transition:all 0.6s linear 0s;
    -moz-transition:all 0.6s linear 0s;
    -webkit-transition:all 0.6s linear 0s;
    -o-transition:all 0.6s linear 0s;
    -ms-transition:all 0.6s linear 0s;
}

#circles-transports .circle:hover span {
    opacity:1;
}

#circles-transports #c_plane {
    width:240px;
    height:240px;
    float:left;
    text-align:center;
}

#circles-transports #c_plane .circle {
    background-image:url(../images/icon-plane.png);
    background-repeat:no-repeat;
    background-position:50% 50%;
}

#circles-transports #c_ship {
    width:240px;
    height:240px;
    float:left;
    text-align:center;
}

#circles-transports #c_ship .circle {
    background-image:url(../images/icon-ship.png);
    background-repeat:no-repeat;
    background-position:50% 50%;
}

#circles-transports #c_truck {
    width:240px;
    height:240px;
    float:left;
    text-align:center;
}

#circles-transports #c_truck .circle {
    background-image:url(../images/icon-truck.png);
    background-repeat:no-repeat;
    background-position:50% 50%;
}










/*
    CZERWONE POLA NAD STOPKĄ
*/

#fields {
    background-color:#b70000;
    display:none;
    width:100%;
    height:auto;
    float:left;
    background-image:url(../images/fields-shadow-big.png);
    background-repeat:repeat-x;
    background-position:50% 0;
    position:relative;
}

#fields .field {
    float:left;
    width:25%;
    height:400px;
    background-color:rgba(0,0,0,0.05);
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    border-right:1px solid rgba(255,255,255,0.1);
    position:relative;
    overflow:hidden;
}

#fields .field h3 {
    font-family:"PT Sans Narrow";
    font-size:25pt;
    color:#fff;
    padding:0;
    margin:60px 0 40px 45px;
    font-weight:100;
    transition:all 0.2s linear 0s;
    -moz-transition:all 0.2s linear 0s;
    -webkit-transition:all 0.2s linear 0s;
    -o-transition:all 0.2s linear 0s;
    -ms-transition:all 0.2s linear 0s;
}

#fields .field a.desc {
    font-family:"PT Sans Narrow";
    font-size:11pt;
    color:rgba(255,255,255,0.6);
    padding:0;
    margin:0 45px 0 45px;
    line-height:170%;
    display:block;
    transition:all 0.2s linear 0s;
    -moz-transition:all 0.2s linear 0s;
    -webkit-transition:all 0.2s linear 0s;
    -o-transition:all 0.2s linear 0s;
    -ms-transition:all 0.2s linear 0s;
    text-align:justify;
}

#fields .field p {
    font-family:"PT Sans Narrow";
    font-size:11pt;
    color:rgba(255,255,255,0.9);
    padding:0;
    margin:0 45px 0 45px;
    line-height:170%;
    display:block;
    text-align:justify;
}

#fields .field a.desc:hover {
    color:rgba(255,255,255,0.9);
}

#fields #field3 {
    background-color:rgba(0,0,0,0.2);
}

#fields .shadow {
    position:absolute;
    opacity:0.6;
    left:0;
    top:0;
    height:60px;
    width:100%;
    background-image:url(../images/fields-shadow.png);
    background-repeat:no-repeat;
    background-position:50% 0;
}

#fields .more {
    position:absolute;
    right:45px;
    bottom:0;
    height:48px;
    width:55px;
    background-image:url(../images/arrow-right.png);
    background-repeat:no-repeat;
    background-position:50% 50%;
    opacity:0.8;
    transition:all 0.2s linear 0s;
    -moz-transition:all 0.2s linear 0s;
    -webkit-transition:all 0.2s linear 0s;
    -o-transition:all 0.2s linear 0s;
    -ms-transition:all 0.2s linear 0s;
}

#fields .more:hover {
    opacity:1;
}

#bt-contact-form {
    background-image:url(../images/bt-contact-form.png);
    background-repeat:no-repeat;
    background-position:50% 50%;
    width:173px;
    height:55px;
    color:#fff;
    line-height:55px;
    font-family:"PT Sans Narrow";
    font-size:13pt;
    font-weight:100;
    position:absolute;
    right:-8px;
    bottom:55px;
    opacity:0.8;
    cursor:pointer;
    transition:all 0.2s linear 0s;
    -moz-transition:all 0.2s linear 0s;
    -webkit-transition:all 0.2s linear 0s;
    -o-transition:all 0.2s linear 0s;
    -ms-transition:all 0.2s linear 0s;
    -moz-background-size:contain;
    -webkit-background-size:contain;
    -o-background-size:contain;
    background-size:contain;
}

#bt-contact-form:hover {
    opacity:1;
}

#bt-contact-form span {
    display:inline-block;
    margin:0 0 0 20px;
}

#contact-form {
    position:absolute;
    left:100%;
    top:0;
    width:100%;
    height:100%;
    background-color:#7c0000;
}

#close-contact-form {
    position:absolute;
    right:45px;
    top:60px;
    height:39px;
    line-height:39px;
    cursor:pointer;
    opacity:0.7;
    width:39px;
    background-color:#4e0000;
    color:#fff;
    font-size:25pt;
    font-family:Arial;
    font-weight:800;
    text-align:center;
    transition:all 0.2s linear 0s;
    -moz-transition:all 0.2s linear 0s;
    -webkit-transition:all 0.2s linear 0s;
    -o-transition:all 0.2s linear 0s;
    -ms-transition:all 0.2s linear 0s;
}

#close-contact-form:hover {
    opacity:1;
}

/*
    RWD
*/

@media all and (max-width:1800px)
{
    #bt-contact-form {
        width:120px;
        height:38px;
        font-size:11pt;
        line-height:38px;
        bottom:62px;
    }

    #bt-contact-form span {
        margin:0 0 0 10px;
    }
}

@media all and (max-width:1600px)
{
    #fields .field h3 {
        font-size:22pt;
        color:#fff;
        padding:0;
        margin:40px 0 20px 25px;
        font-weight:100;
    }

    #fields .field a.desc {
        font-size:10pt;
        margin:0 25px 0 25px;
    }

    #fields .field p {
        font-size:10pt;
        margin:0 25px 0 25px;
    }

    #close-contact-form {
        right:35px;
        top:40px;
        height:29px;
        line-height:29px;
        width:29px;
        font-size:20pt;
    }
}

@media all and (max-width:1024px)
{
    #fields .field {
        width:50%;
        height:340px;
        border-bottom:1px solid rgba(255,255,255,0.1);
    }
}










footer {
    width:100%;
    float:left;
    height:400px;
    background-image:url(../images/shape-bottom.png);
    background-repeat:no-repeat;
    background-position:50% 0;
    position:relative;
    text-align:center;
}

footer .shadow {
    position:absolute;
    opacity:0.6;
    left:0;
    top:0;
    height:60px;
    width:100%;
    background-image:url(../images/fields-shadow.png);
    background-repeat:no-repeat;
    background-position:50% 0;
}






#footer-menu {
    height:50px;
    list-style:none;
    float:left;
    width:100%;
    text-align:center;
    padding:0;
    margin:80px 0 0 0;
}

#footer-menu li {
    height:50px;
    display:inline-block;
}

#footer-menu li a {
    font-family:"PT Sans Narrow";
    font-size:10pt;
    padding:0 10px;
    float:left;
    height:50px;
    line-height:50px;
    color:#555;
}

#footer-menu li a:hover {
    color:#b70000;
}

#footer-menu li a.active {
    border-top:2px solid #b70000;
    cursor:default;
    margin:-2px 0 0 0;
}








#copyrights {
    font-family:"PT Sans Narrow";
    font-size:9pt;
    float:left;
    color:#aaa;
    margin:100px 0 20px 0;
    width:100%;
    text-align:center;
}

#designed-by {
    font-family:"PT Sans Narrow";
    font-size:8pt;
    float:left;
    color:#ccc;
    margin:0 0 50px 0;
    width:100%;
    text-align:center;
}










#link-container {
    width:100%;
    min-height:350px;
    height:auto;
    float:left;
    position:relative;
}

#link-container .big-foto-mask {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    z-index:100;
}

#link-container .small-foto-mask {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:60px;
    z-index:100;
}

#link-container #link-big-foto {
    width:100%;
    height:800px;
    float:left;
    background-size:cover;
    -moz-background-size:cover;
    -webkit-background-size:cover;
    -khtml-background-size:cover;
    background-position:50% 50%;
    background-repeat:no-repeat;
}

#link-container #link-big-foto.about-us {
    background-image:url(../images/foto-about-us2.jpg);
}

#link-container #link-big-foto.why-we {
    background-image:url(../images/bg_sky.jpg);
    height:800px;
}

@media all and (max-width:1600px)
{
    #link-container #link-big-foto.why-we {
        height:650px;
    }
}

@media all and (max-width:1300px)
{
    #link-container #link-big-foto.why-we {
        height:590px;
    }
}

#link-container #link-big-foto.packaging {
    background-image:url(../images/foto-packaging.jpg);
}

#link-container #link-big-foto.references {
    background-image:url(../images/bg-texture.jpg);
    height:900px;
}

#link-container #link-big-foto.contact {
    background-image:url(../images/bg-texture.jpg);
    height:900px;
}





#link-container .window {
    width:50%;
    height:100%;
    background-color:rgba(0,0,0,0.7);
    position:absolute;
    left:0;
    top:0;
}

#link-container .window h1 {
    font-family:"PT Sans Narrow";
    font-size:40pt;
    float:left;
    color:#fff;
    margin:140px 0 50px 0;
    width:100%;
    text-align:right;
    font-weight:100;
}

#link-container .window h1 span {
    display:inline-block;
    padding:0 50px;
}

#link-container .window div {
    font-family:"PT Sans Narrow";
    font-size:12pt;
    float:left;
    color:rgba(255,255,255,0.8);
    margin:0 0 50px 0;
    width:100%;
    text-align:right;
    font-weight:100;
    line-height:190%;
}

#link-container .window div span {
    display:inline-block;
    padding:0 50px 0 10%;
}










#link-container .columns {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:800px;
    overflow:hidden;
}

#link-container .columns .column {
    width:33%;
    height:100%;
    background-color:#222;
    float:left;
    text-align:center;
    font-family:"PT Sans Narrow";
    font-size:11pt;
    color:rgba(255,255,255,0.9);
    line-height:180%;
    position:relative;
    overflow:hidden;
}

#link-container .columns .column:nth-child(2) {
    width:34%;
    border-right:1px solid rgba(255,255,255,0.1);
    border-left:1px solid rgba(255,255,255,0.1);
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}

#link-container .columns .column .bg-photo {
    background-size:cover;
    -moz-background-size:cover;
    -webkit-background-size:cover;
    -khtml-background-size:cover;
    background-position:50% 50%;
    background-repeat:no-repeat;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:1;
    opacity:0.2;
    filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter:gray;
    -webkit-filter:grayscale(100%);
}

#link-container .columns .column .bg-photo.car {
    background-image:url(../images/foto-car.jpg);
}

#link-container .columns .column .bg-photo.moto {
    background-image:url(../images/foto-moto.jpg);
}

#link-container .columns .column .bg-photo.cargo {
    background-image:url(../images/foto-cargo.jpg);
}

#link-container .columns .column .bg-photo.plane {
    background-image:url(../images/foto-plane.jpg);
}

#link-container .columns .column .bg-photo.ship {
    background-image:url(../images/foto-ship.jpg);
}

#link-container .columns .column .bg-photo.truck {
    background-image:url(../images/foto-truck.jpg);
}

#link-container .columns .column .icon {
    width:100px;
    height:100px;
    display:inline-block;
    margin:130px 0 0 0;
    position:relative;
    z-index:2;
}

#link-container .columns .column h2 {
    width:100%;
    float:left;
    text-align:center;
    font-family:"PT Sans Narrow";
    font-size:25pt;
    color:rgba(255,255,255,0.9);
    line-height:190%;
    margin:0 0 20px 0;
    font-weight:100;
    position:relative;
    z-index:2;
}

#link-container .columns .column p {
    display:inline-block;
    padding:0 10%;
    text-align:justify;
    position:relative;
    z-index:2;
}

#link-container .columns .column .gallery-icon {
    width:60px;
    height:60px;
    display:inline-block;
    margin:50px 0 0 0;
    position:relative;
    z-index:2;
    opacity:0.7;
    cursor:pointer;
    border-radius:80px;
    -webkit-border-radius:80px;
    -khtml-border-radius:80px;
    -moz-border-radius:80px;
    border:3px solid rgba(255,255,255,0.8);
    transition:all 0.2s linear 0s;
    -moz-transition:all 0.2s linear 0s;
    -webkit-transition:all 0.2s linear 0s;
    -o-transition:all 0.2s linear 0s;
    -ms-transition:all 0.2s linear 0s;
}

#link-container .columns .column .gallery-icon:hover {
    opacity:1;
}

#link-container .columns .column .bt-info {
    display:none;
}

#link-container .columns .column .gallery {
    background-color:#333;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:99;
    overflow:hidden;
    display:none;
}

#link-container .columns .column .gallery .gallery-img {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-size:cover;
    -moz-background-size:cover;
    -webkit-background-size:cover;
    -khtml-background-size:cover;
    background-position:50% 50%;
    background-repeat:no-repeat;
}

#link-container .columns .column .hidden-gallery {
    position:absolute;
    left:0;
    top:0;
    width:1px;
    height:1px;
    opacity:0;
}

#link-container .columns .column .hidden-gallery .gallery-img-hidden {
    position:absolute;
    left:0;
    top:0;
    width:1px;
    height:1px;
    opacity:0;
}

#link-container .columns .column .pager {
    position:absolute;
    right:0;
    top:0;
    width:50px;
    height:100%;
    z-index:1000;
    text-align:center;
}

#link-container .columns .column .pager table {
    border:0;
    width:100%;
    height:100%;
    border-collapse:collapse;
}

#link-container .columns .column .pager table tr td {
    width:100%;
    height:100%;
    text-align:center;
    vertical-align:middle;
}

#link-container .columns .column .pager p {
    width:20px;
    height:20px;
    margin:0 3px;
    background-color:rgba(0,0,0,1);
    cursor:pointer;
    display:inline-block;
    padding:0;
    border:2px solid rgba(255,255,255,1);
    transition:all 0.2s linear 0s;
    -moz-transition:all 0.2s linear 0s;
    -webkit-transition:all 0.2s linear 0s;
    -o-transition:all 0.2s linear 0s;
    -ms-transition:all 0.2s linear 0s;
}

#link-container .columns .column .pager p:hover {
    background-color:rgba(200,255,255,0.5);
}

#link-container .columns .column .pager p.active {
    background-color:rgba(200,0,0,0.6);
}


/*
    RWD
*/

@media all and (max-width:1600px)
{
    #link-container .columns .column p {
        font-size:11pt;
        line-height:160%;
    }
}

@media all and (max-width:1200px)
{
    #link-container .columns .column p {
        font-size:10pt;
        line-height:140%;
    }
}

@media all and (max-width:1024px)
{
    #link-container .columns {
        position:relative;
        width:100%;
        height:auto;
        float:left;
    }

    #link-container .columns .column .icon {
        margin:40px 0 0 0;
    }

    #link-container .columns .column {
        width:100%;
        height:auto;
        padding:0 0 50px 0;
    }

    #link-container .columns .column:nth-child(1) {
        padding:30px 0 50px 0;
    }

    #link-container .columns .column:nth-child(2) {
        width:100%;
        height:auto;
    }
}










#res {
    position:fixed;
    right:10px;
    bottom:10px;
    color:#fff;
    font-family:Arial;
    font-weight:400;
    background-color:rgba(0,0,0,0.5);
    padding:8px;
    z-index:1005;
    font-size:8pt;
    display:none;
    display:none;
}









#logotypes {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:900px;
}

#logotypes .logotype-field {
    float:left;
    width:33.33%;
    padding:110px 0 130px 0;
    height:250px;
    text-align:center;
    cursor:default;
    transition:all 0.2s linear 0s;
    -moz-transition:all 0.2s linear 0s;
    -webkit-transition:all 0.2s linear 0s;
    -o-transition:all 0.2s linear 0s;
    -ms-transition:all 0.2s linear 0s;
}

#logotypes .logotype-field:hover {
    background-color:rgba(255,255,255,0.5);
}

#logotypes .logotype-field.second {
    padding:50px 0 140px 0;
}

#logotypes .logotype-field .logo {
    display:inline-block;
    width:100px;
    height:100px;
    background-position:50% 50%;
    background-repeat:no-repeat;
    background-size:contain;
    -moz-background-size:contain;
    -webkit-background-size:contain;
    -khtml-background-size:contain;
    opacity:0.3;
    filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter:gray;
    -webkit-filter:grayscale(100%);
    transition:all 0.5s linear 0s;
    -moz-transition:all 0.5s linear 0s;
    -webkit-transition:all 0.5s linear 0s;
    -o-transition:all 0.5s linear 0s;
    -ms-transition:all 0.5s linear 0s;
    margin:0 0 20px 0;
}

#logotypes .logotype-field:hover .logo {
    filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter:grayscale(0%);
    opacity:1;
}

#logotypes .logotype-field .logo.wide {
    width:150px;
    height:100px;
}

#logotypes .logotype-field .logo.widest {
    width:200px;
    height:100px;
}

#logotypes .logotype-field .desc {
    font-family:"PT Sans Narrow";
    font-size:10pt;
    color:#888;
    padding:10px 50px;
    display:inline-block;
    font-weight:100;
    line-height:160%;
    transition:all 0.2s linear 0s;
    -moz-transition:all 0.2s linear 0s;
    -webkit-transition:all 0.2s linear 0s;
    -o-transition:all 0.2s linear 0s;
    -ms-transition:all 0.2s linear 0s;
}

#logotypes .logotype-field .person {
    font-size:20pt;
    font-family:"PT Sans Narrow";
    color:#888;
    display:inline-block;
    font-weight:100;
    line-height:170%;
    text-align:center;
    transition:all 0.2s linear 0s;
    -moz-transition:all 0.2s linear 0s;
    -webkit-transition:all 0.2s linear 0s;
    -o-transition:all 0.2s linear 0s;
    -ms-transition:all 0.2s linear 0s;
}

#logotypes .logotype-field .website {
    font-family:"PT Sans Narrow";
    font-size:10pt;
    color:#888;
    padding:5px 50px;
    display:inline-block;
    font-weight:100;
    line-height:160%;
}

#logotypes .logotype-field .website:hover {
    color:#b70000;
}

/*
    RWD
*/

@media all and (max-width:1350px)
{
    #logotypes .logotype-field .person {
        font-size:15pt;
    }

    #logotypes .logotype-field .desc {
        line-height:140%;
    }
}

@media all and (max-width:1024px)
{
    #logotypes .logotype-field .person {
        font-size:12pt;
    }

    #logotypes .logotype-field .desc {
        line-height:140%;
        font-size:10pt;
    }
}








#why-we-points {
    width:100%;
    position:absolute;
    left:0;
    top:0;
    height:100%;
    padding:0;
}

#why-we-points .point {
    width:25%;
    height:250px;
    float:left;
    text-align:center;
    border-top:1px dashed rgba(255,255,255,0.4);
    border-right:1px dashed rgba(255,255,255,0.4);
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    transition:all 0.2s linear 0s;
    -moz-transition:all 0.2s linear 0s;
    -webkit-transition:all 0.2s linear 0s;
    -o-transition:all 0.2s linear 0s;
    -ms-transition:all 0.2s linear 0s;
    cursor:default;
}

#why-we-points .point:hover {
    background-color:rgba(0,0,0,0.2);
}

#why-we-points .point.top {
    height:300px;
}

#why-we-points .point:nth-child(4n) {
    border-right:0;
}

#why-we-points .point .number {
    font-family:"PT Sans Narrow";
    font-size:20pt;
    width:40px;
    height:40px;
    margin:70px 0 0 0;
    background-color:#fff;
    border-radius:40px;
    -webkit-border-radius:40px;
    -khtml-border-radius:40px;
    -moz-border-radius:40px;
    color:#666;
    text-align:center;
    line-height:40px;
    display:inline-block;
    transition:all 0.2s linear 0s;
    -moz-transition:all 0.2s linear 0s;
    -webkit-transition:all 0.2s linear 0s;
    -o-transition:all 0.2s linear 0s;
    -ms-transition:all 0.2s linear 0s;
}

#why-we-points .point.top .number {
    margin:80px 0 0 0;
}

#why-we-points .point h2 {
    font-family:"PT Sans Narrow";
    font-size:16pt;
    padding:0 20px;
    font-weight:100;
    color:#fff;
    transition:all 0.2s linear 0s;
    -moz-transition:all 0.2s linear 0s;
    -webkit-transition:all 0.2s linear 0s;
    -o-transition:all 0.2s linear 0s;
    -ms-transition:all 0.2s linear 0s;
    text-shadow:1px 1px 2px rgba(0,0,0,1);
}

/*
    RWD
*/

@media all and (max-width:1600px)
{
    #why-we-points .point {
        height:200px;
    }

    #why-we-points .point.top {
        height:250px;
    }

    #why-we-points .point h2 {
        font-size:14pt;
    }

    #why-we-points .point .number {
        margin:55px 0 0 0;
    }
}

@media all and (max-width:1300px)
{
    #why-we-points .point {
        height:180px;
    }

    #why-we-points .point.top {
        height:230px;
    }

    #why-we-points .point h2 {
        font-size:11pt;
    }

    #why-we-points .point .number {
        margin:35px 0 0 0;
    }
}










/*
    DANE KONTAKTOWE
*/

#contact-data {
    position:absolute;
    left:0;
    top:0;
    width:50%;
    height:100%;
    text-align:center;
    font-family:"PT Sans Narrow";
    font-size:15pt;
}

#contact-data div {
    position:absolute;
    width:400px;
    height:470px;
    left:50%;
    top:50%;
    margin:-235px 0 0 -200px;
    color:#666;
}

#contact-data div span {
    font-size:12pt;
}

#contact-data div a {
    color:#b70000;
}

#contact-data div a:hover {
    color:#d50000;
}

#contact-data div img.qr {
    width:150px;
    height:150px;
}









/*
    FORMULARZ KONTAKTOWY
*/

#big-contact-form {
    position:absolute;
    left:50%;
    top:0;
    width:50%;
    height:100%;
    background-color:rgba(255,255,255,0.4);
    text-align:center;
}

#big-contact-form p.form-title {
    font-family:"PT Sans Narrow";
    font-size:25pt;
    margin:0 0 40px 0;
    font-weight:100;
    color:#b70000;
}

#big-contact-form .line {
    width:100%;
    height:40px;
    line-height:40px;
    font-family:"PT Sans Narrow";
    font-size:12pt;
}

#big-contact-form .line p {
    width:120px;
    height:40px;
    line-height:40px;
    font-family:"PT Sans Narrow";
    font-size:12pt;
    margin:0 10px 0 0;
    font-weight:100;
    float:left;
    text-align:right;
}

#big-contact-form .line input {
    width:200px;
    padding:5px;
    font-family:"PT Sans Narrow";
    font-size:12pt;
    font-weight:100;
    float:left;
    margin:4px 0 0 0;
}

#big-contact-form .line textarea {
    width:300px;
    height:100px;
    padding:5px;
    font-family:"PT Sans Narrow";
    font-size:12pt;
    font-weight:100;
    float:left;
    margin:4px 0 0 0;
}

#big-contact-form .line .required_inp {
    font-family:"PT Sans Narrow";
    font-size:12pt;
    color:#b70000;
}

#ajax-contact-form {
    margin:100px 0 0 0;
    display:inline-block;
}

#send-message {
    font-family:"PT Sans Narrow";
    font-size:12pt;
    background-color:#b70000;
    color:#fff;
    padding:8px 10px;
    display:inline-block;
    line-height:100%;
    margin:0;
    cursor:pointer;
    transition:all 0.2s linear 0s;
    -moz-transition:all 0.2s linear 0s;
    -webkit-transition:all 0.2s linear 0s;
    -o-transition:all 0.2s linear 0s;
    -ms-transition:all 0.2s linear 0s;
}

#send-message:hover {
    background-color:#910000;
}

#send-message-loader {
    width:20px;
    height:20px;
    margin:10px 0 0 0;
    display:none;
}

#empty-fields-info {
    width:100%;
    text-align:center;
    font-family:"PT Sans Narrow";
    font-size:12pt;
    color:#b70000;
    margin:0 0 0 10px;
    display:none;
}

#message-sent-info {
    width:100%;
    text-align:center;
    font-family:"PT Sans Narrow";
    font-size:12pt;
    color:#b70000;
    margin:0 0 0 10px;
    display:none;
}





#packaging-text {
    position:absolute;
    left:0;
    top:0;
    width:50%;
    height:100%;
    text-align:center;
    font-family:"PT Sans Narrow";
    font-size:20pt;
    color:#222;
    background-color:rgba(255,255,255,0.4);
}

#packaging-text p {
    width:500px;
    height:100px;
    text-align:left;
    position:absolute;
    left:50%;
    top:50%;
    margin:-250px 0 0 -250px;
}

#packaging-text p span {
    font-size:30pt;
}