/*!
 * 
 * 
 * 
 *      Autor: Tomasz Hycnar
 * 
 * 
 * 
 */

/*
*   Szerokości
*/
.width-10 {
    width: 10% !important;
}
.width-15 {
    width: 15% !important;
}
.width-20 {
    width: 20% !important;
}
.width-25 {
    width: 25% !important;
}
.width-50 {
    width: 50% !important;
}
.width-60 {
    width: 60% !important;
}
.width-70 {
    width: 70% !important;
}
.width-80 {
    width: 80% !important;
}
.width-90 {
    width: 90% !important;
}
.width-100 {
    width: 100% !important;
}


/*
* offsety
*/
.offset-none {
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.offset-top-none {
    padding-top: 0 !important;
}
.offset-bottom-none {
    padding-bottom: 0 !important;
}
.offset-right-none {
    padding-right: 0 !important;
}
.offset-left-none {
    padding-left: 0 !important;
}
.margin-none {
    margin: 0;
}
.margin-top-none {
    margin-top: 0 !important;
}
.margin-bottom-none {
    margin-bottom: 0 !important;
}

@media(min-width: 1px) {
    .offset-top-5 {
        padding-top: 5px;
    }
    .offset-top-10 {
        padding-top: 10px;
    }
    .offset-top-15 {
        padding-top: 15px;
    }
    .offset-top-20 {
        padding-top: 20px;
    }
    .offset-top-25 {
        padding-top: 25px;
    }
    .offset-top-30,
    .offset-top-40,
    .offset-top-50,
    .offset-top-60,
    .offset-top-70,
    .offset-top-80,
    .offset-top-90,
    .offset-top-100,
    .offset-top-150,
    .offset-top-160,
    .offset-top-170,
    .offset-top-180,
    .offset-top-190,
    .offset-top-200,
    .offset-top-300,
    .offset-top-400,
    .offset-top-500
    {
        padding-top: 30px;
    }

    .offset-bottom-5 {
        padding-bottom: 5px;
    }
    .offset-bottom-10 {
        padding-bottom: 10px;
    }
    .offset-bottom-15 {
        padding-bottom: 15px;
    }
    .offset-bottom-20 {
        padding-bottom: 20px;
    }
    .offset-bottom-25 {
        padding-bottom: 25px;
    }
    .offset-bottom-30,
    .offset-bottom-40,
    .offset-bottom-50,
    .offset-bottom-60,
    .offset-bottom-70,
    .offset-bottom-80,
    .offset-bottom-90,
    .offset-bottom-100,
    .offset-bottom-150,
    .offset-bottom-160,
    .offset-bottom-170,
    .offset-bottom-180,
    .offset-bottom-190,
    .offset-bottom-200,
    .offset-bottom-300,
    .offset-bottom-400,
    .offset-bottom-500
    {
        padding-bottom: 30px;
    }

    .offset-left-15,
    .offset-left-20,
    .offset-left-30,
    .offset-left-40,
    .offset-left-50,
    .offset-left-60,
    .offset-left-70,
    .offset-left-80,
    .offset-left-90,
    .offset-left-100,
    .offset-left-110,
    .offset-left-120,
    .offset-left-130,
    .offset-left-140,
    .offset-left-150,
    .offset-left-160,
    .offset-left-170,
    .offset-left-180,
    .offset-left-190,
    .offset-left-200
    {
        padding-left: 15px
    }
    .offset-right-15,
    .offset-right-20,
    .offset-right-30,
    .offset-right-40,
    .offset-right-50,
    .offset-right-60,
    .offset-right-70,
    .offset-right-80,
    .offset-right-90,
    .offset-right-100,
    .offset-right-110,
    .offset-right-120,
    .offset-right-130,
    .offset-right-140,
    .offset-right-150,
    .offset-right-160,
    .offset-right-170,
    .offset-right-180,
    .offset-right-190,
    .offset-right-200
    {
        padding-right: 15px
    }

    .margin-top-5 {
        margin-top: 5px;
    }
    .margin-top-10 {
        margin-top: 10px;
    }
    .margin-top-15 {
        margin-top: 15px;
    }
    .margin-top-20,
    .margin-top-25,
    .margin-top-30,
    .margin-top-40,
    .margin-top-50,
    .margin-top-60,
    .margin-top-70,
    .margin-top-80,
    .margin-top-90,
    .margin-top-100,
    .margin-top-150,
    .margin-top-160,
    .margin-top-170,
    .margin-top-180,
    .margin-top-190,
    .margin-top-200,
    .margin-top-300,
    .margin-top-400
    {
        margin-top: 15px;
    }

    .margin-bottom-5 {
        margin-bottom: 5px;
    }
    .margin-bottom-10 {
        margin-bottom: 10px;
    }
    .margin-bottom-15 {
        margin-bottom: 15px;
    }
    .margin-bottom-20,
    .margin-bottom-25,
    .margin-bottom-30,
    .margin-bottom-40,
    .margin-bottom-50,
    .margin-bottom-60,
    .margin-bottom-70,
    .margin-bottom-80,
    .margin-bottom-90,
    .margin-bottom-100,
    .margin-bottom-150,
    .margin-bottom-160,
    .margin-bottom-170,
    .margin-bottom-180,
    .margin-bottom-190,
    .margin-bottom-200,
    .margin-bottom-300,
    .margin-bottom-400
    {
        margin-bottom: 15px;
    }

    .margin-top-minus-100 {
        margin-top: 30px;
    }

    .margin-left-60,
    .margin-left-70,
    .margin-left-80 {
        margin-left: 0;
    }
}
@media(min-width: 768px) {
    .offset-left-15,
    .offset-left-20,
    .offset-left-30,
    .offset-left-40,
    .offset-left-50,
    .offset-left-60,
    .offset-left-70,
    .offset-left-80,
    .offset-left-90,
    .offset-left-100,
    .offset-left-110,
    .offset-left-120,
    .offset-left-130,
    .offset-left-140,
    .offset-left-150,
    .offset-left-160,
    .offset-left-170,
    .offset-left-180,
    .offset-left-190,
    .offset-left-200
    {
        padding-left: 30px
    }
    .offset-right-15,
    .offset-right-20,
    .offset-right-30,
    .offset-right-40,
    .offset-right-50,
    .offset-right-60,
    .offset-right-70,
    .offset-right-80,
    .offset-right-90,
    .offset-right-100,
    .offset-right-110,
    .offset-right-120,
    .offset-right-130,
    .offset-right-140,
    .offset-right-150,
    .offset-right-160,
    .offset-right-170,
    .offset-right-180,
    .offset-right-190,
    .offset-right-200
    {
        padding-right: 30px
    }
}

@media(min-width: 992px) {
    .offset-top-5 {
        padding-top: 5px;
    }
    .offset-top-10 {
        padding-top: 10px;
    }
    .offset-top-15 {
        padding-top: 15px;
    }
    .offset-top-20 {
        padding-top: 20px;
    }
    .offset-top-25 {
        padding-top: 25px;
    }
    .offset-top-30 {
        padding-top: 30px;
    }
    .offset-top-40 {
        padding-top: 40px;
    }
    .offset-top-50 {
        padding-top: 50px;
    }
    .offset-top-60 {
        padding-top: 60px;
    }
    .offset-top-70 {
        padding-top: 70px;
    }
    .offset-top-80 {
        padding-top: 80px;
    }
    .offset-top-90 {
        padding-top: 90px;
    }
    .offset-top-100 {
        padding-top: 100px;
    }
    .offset-top-110 {
        padding-top: 110px;
    }
    .offset-top-150 {
        padding-top: 150px;
    }
    .offset-top-160 {
        padding-top: 160px;
    }
    .offset-top-170 {
        padding-top: 170px;
    }
    .offset-top-180 {
        padding-top: 180px;
    }
    .offset-top-190 {
        padding-top: 190px;
    }
    .offset-top-200 {
        padding-top: 200px;
    }
    .offset-top-300 {
        padding-top: 300px;
    }
    .offset-top-400 {
        padding-top: 400px;
    }
    .offset-top-500 {
        padding-top: 500px;
    }

    .offset-bottom-5 {
        padding-bottom: 5px;
    }
    .offset-bottom-10 {
        padding-bottom: 10px;
    }
    .offset-bottom-15 {
        padding-bottom: 15px;
    }
    .offset-bottom-20 {
        padding-bottom: 20px;
    }
    .offset-bottom-25 {
        padding-bottom: 25px;
    }
    .offset-bottom-30 {
        padding-bottom: 30px;
    }
    .offset-bottom-40 {
        padding-bottom: 40px;
    }
    .offset-bottom-50 {
        padding-bottom: 50px;
    }
    .offset-bottom-60 {
        padding-bottom: 60px;
    }
    .offset-bottom-70 {
        padding-bottom: 70px;
    }
    .offset-bottom-80 {
        padding-bottom: 80px;
    }
    .offset-bottom-90 {
        padding-bottom: 90px;
    }
    .offset-bottom-100 {
        padding-bottom: 100px;
    }
    .offset-bottom-150 {
        padding-bottom: 150px;
    }
    .offset-bottom-160 {
        padding-bottom: 160px;
    }
    .offset-bottom-170 {
        padding-bottom: 170px;
    }
    .offset-bottom-180 {
        padding-bottom: 180px;
    }
    .offset-bottom-190 {
        padding-bottom: 190px;
    }
    .offset-bottom-200 {
        padding-bottom: 200px;
    }
    .offset-bottom-300 {
        padding-bottom: 300px;
    }
    .offset-bottom-400 {
        padding-bottom: 400px;
    }
    .offset-bottom-500 {
        padding-bottom: 500px;
    }

    .offset-left-10pr {
        padding-left: 10%;
    }
    .offset-left-20 {
        padding-left: 20px
    }
    .offset-left-30 {
        padding-left: 30px
    }
    .offset-left-40 {
        padding-left: 40px
    }
    .offset-left-50 {
        padding-left: 50px
    }
    .offset-left-60 {
        padding-left: 60px
    }
    .offset-left-70 {
        padding-left: 70px
    }
    .offset-left-80 {
        padding-left: 80px
    }
    .offset-left-90 {
        padding-left: 90px
    }
    .offset-left-100 {
        padding-left: 100px
    }
    .offset-left-110 {
        padding-left: 110px
    }
    .offset-left-120 {
        padding-left: 120px
    }
    .offset-left-130 {
        padding-left: 130px
    }
    .offset-left-140 {
        padding-left: 140px
    }
    .offset-left-150 {
        padding-left: 150px
    }
    .offset-left-160 {
        padding-left: 160px
    }
    .offset-left-170 {
        padding-left: 170px
    }
    .offset-left-180 {
        padding-left: 180px
    }
    .offset-left-190 {
        padding-left: 190px
    }
    .offset-left-200 {
        padding-left: 200px
    }

    .offset-right-10pr {
        padding-right: 10%;
    }
    .offset-right-20 {
        padding-right: 20px
    }
    .offset-right-30 {
        padding-right: 30px
    }
    .offset-right-40 {
        padding-right: 40px
    }
    .offset-right-50 {
        padding-right: 50px
    }
    .offset-right-60 {
        padding-right: 60px
    }
    .offset-right-70 {
        padding-right: 70px
    }
    .offset-right-80 {
        padding-right: 80px
    }
    .offset-right-90 {
        padding-right: 90px
    }
    .offset-right-100 {
        padding-right: 100px
    }
    .offset-right-110 {
        padding-right: 110px
    }
    .offset-right-120 {
        padding-right: 120px
    }
    .offset-right-130 {
        padding-right: 130px
    }
    .offset-right-140 {
        padding-right: 140px
    }
    .offset-right-150 {
        padding-right: 150px
    }
    .offset-right-160 {
        padding-right: 160px
    }
    .offset-right-170 {
        padding-right: 170px
    }
    .offset-right-180 {
        padding-right: 180px
    }
    .offset-right-190 {
        padding-right: 190px
    }
    .offset-right-200 {
        padding-right: 200px
    }

    .margin-top-5 {
        margin-top: 5px;
    }
    .margin-top-10 {
        margin-top: 10px;
    }
    .margin-top-15 {
        margin-top: 15px;
    }
    .margin-top-20 {
        margin-top: 20px;
    }
    .margin-top-25 {
        margin-top: 25px;
    }
    .margin-top-30 {
        margin-top: 30px;
    }
    .margin-top-40 {
        margin-top: 40px;
    }
    .margin-top-50 {
        margin-top: 50px;
    }
    .margin-top-60 {
        margin-top: 60px;
    }
    .margin-top-70 {
        margin-top: 70px;
    }
    .margin-top-80 {
        margin-top: 80px;
    }
    .margin-top-90 {
        margin-top: 90px;
    }
    .margin-top-100 {
        margin-top: 100px;
    }
    .margin-top-150 {
        margin-top: 150px;
    }
    .margin-top-160 {
        margin-top: 160px;
    }
    .margin-top-170 {
        margin-top: 170px;
    }
    .margin-top-180 {
        margin-top: 180px;
    }
    .margin-top-190 {
        margin-top: 190px;
    }
    .margin-top-200 {
        margin-top: 200px;
    }
    .margin-bottom-5 {
        margin-bottom: 5px;
    }
    .margin-bottom-10 {
        margin-bottom: 10px;
    }
    .margin-bottom-15 {
        margin-bottom: 15px;
    }
    .margin-bottom-20 {
        margin-bottom: 20px;
    }
    .margin-bottom-25 {
        margin-bottom: 25px;
    }
    .margin-bottom-30 {
        margin-bottom: 30px;
    }
    .margin-bottom-40 {
        margin-bottom: 40px;
    }
    .margin-bottom-50 {
        margin-bottom: 50px;
    }
    .margin-bottom-60 {
        margin-bottom: 60px;
    }
    .margin-bottom-70 {
        margin-bottom: 70px;
    }
    .margin-bottom-80 {
        margin-bottom: 80px;
    }
    .margin-bottom-90 {
        margin-bottom: 90px;
    }
    .margin-bottom-100 {
        margin-bottom: 100px;
    }
    .margin-bottom-150 {
        margin-bottom: 150px;
    }
    .margin-bottom-160 {
        margin-bottom: 160px;
    }
    .margin-bottom-170 {
        margin-bottom: 170px;
    }
    .margin-bottom-180 {
        margin-bottom: 180px;
    }
    .margin-bottom-190 {
        margin-bottom: 190px;
    }
    .margin-bottom-200 {
        margin-bottom: 200px;
    }

    .margin-top-minus-100 {
        margin-top: -100px;
    }

    .margin-left-60 {
        margin-left: 60px;
    }
    .margin-left-70 {
        margin-left: 70px;
    }
    .margin-left-80 {
        margin-left: 80px;
    }
}



.col-xs-offset-right-12 {
    margin-right: 100%;
}
.col-xs-offset-right-11 {
    margin-right: 91.66666667%;
}
.col-xs-offset-right-10 {
    margin-right: 83.33333333%;
}
.col-xs-offset-right-9 {
    margin-right: 75%;
}
.col-xs-offset-right-8 {
    margin-right: 66.66666667%;
}
.col-xs-offset-right-7 {
    margin-right: 58.33333333%;
}
.col-xs-offset-right-6 {
    margin-right: 50%;
}
.col-xs-offset-right-5 {
    margin-right: 41.66666667%;
}
.col-xs-offset-right-4 {
    margin-right: 33.33333333%;
}
.col-xs-offset-right-3 {
    margin-right: 25%;
}
.col-xs-offset-right-2 {
    margin-right: 16.66666667%;
}
.col-xs-offset-right-1 {
    margin-right: 8.33333333%;
}
.col-xs-offset-right-0 {
    margin-right: 0;
}
@media (min-width: 768px) {
    .col-sm-offset-right-12 {
        margin-right: 100%;
    }
    .col-sm-offset-right-11 {
        margin-right: 91.66666667%;
    }
    .col-sm-offset-right-10 {
        margin-right: 83.33333333%;
    }
    .col-sm-offset-right-9 {
        margin-right: 75%;
    }
    .col-sm-offset-right-8 {
        margin-right: 66.66666667%;
    }
    .col-sm-offset-right-7 {
        margin-right: 58.33333333%;
    }
    .col-sm-offset-right-6 {
        margin-right: 50%;
    }
    .col-sm-offset-right-5 {
        margin-right: 41.66666667%;
    }
    .col-sm-offset-right-4 {
        margin-right: 33.33333333%;
    }
    .col-sm-offset-right-3 {
        margin-right: 25%;
    }
    .col-sm-offset-right-2 {
        margin-right: 16.66666667%;
    }
    .col-sm-offset-right-1 {
        margin-right: 8.33333333%;
    }
    .col-sm-offset-right-0 {
        margin-right: 0;
    }
}
@media (min-width: 992px) {
    .col-md-offset-right-12 {
        margin-right: 100%;
    }
    .col-md-offset-right-11 {
        margin-right: 91.66666667%;
    }
    .col-md-offset-right-10 {
        margin-right: 83.33333333%;
    }
    .col-md-offset-right-9 {
        margin-right: 75%;
    }
    .col-md-offset-right-8 {
        margin-right: 66.66666667%;
    }
    .col-md-offset-right-7 {
        margin-right: 58.33333333%;
    }
    .col-md-offset-right-6 {
        margin-right: 50%;
    }
    .col-md-offset-right-5 {
        margin-right: 41.66666667%;
    }
    .col-md-offset-right-4 {
        margin-right: 33.33333333%;
    }
    .col-md-offset-right-3 {
        margin-right: 25%;
    }
    .col-md-offset-right-2 {
        margin-right: 16.66666667%;
    }
    .col-md-offset-right-1 {
        margin-right: 8.33333333%;
    }
    .col-md-offset-right-0 {
        margin-right: 0;
    }
}
@media (min-width: 1200px) {
    .col-lg-offset-right-12 {
        margin-right: 100%;
    }
    .col-lg-offset-right-11 {
        margin-right: 91.66666667%;
    }
    .col-lg-offset-right-10 {
        margin-right: 83.33333333%;
    }
    .col-lg-offset-right-9 {
        margin-right: 75%;
    }
    .col-lg-offset-right-8 {
        margin-right: 66.66666667%;
    }
    .col-lg-offset-right-7 {
        margin-right: 58.33333333%;
    }
    .col-lg-offset-right-6 {
        margin-right: 50%;
    }
    .col-lg-offset-right-5 {
        margin-right: 41.66666667%;
    }
    .col-lg-offset-right-4 {
        margin-right: 33.33333333%;
    }
    .col-lg-offset-right-3 {
        margin-right: 25%;
    }
    .col-lg-offset-right-2 {
        margin-right: 16.66666667%;
    }
    .col-lg-offset-right-1 {
        margin-right: 8.33333333%;
    }
    .col-lg-offset-right-0 {
        margin-right: 0;
    }
}


/*
    Kolumny o tych samych wysokościach
*/
.row-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
}
.col-height {
    display: table-cell;
    float: none;
    height: 100%;
}
.col-top {
    vertical-align: top;
}
.col-middle {
    vertical-align: middle;
}
.col-bottom {
    vertical-align: bottom;
}

@media (min-width: 480px) {
    .row-xs-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%;
    }
    .col-xs-height {
        display: table-cell;
        float: none;
        height: 100%;
    }
    .col-xs-top {
        vertical-align: top;
    }
    .col-xs-middle {
        vertical-align: middle;
    }
    .col-xs-bottom {
        vertical-align: bottom;
    }
}

@media (min-width: 768px) {
    .row-sm-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%;
    }
    .col-sm-height {
        display: table-cell;
        float: none;
        height: 100%;
    }
    .col-sm-top {
        vertical-align: top;
    }
    .col-sm-middle {
        vertical-align: middle;
    }
    .col-sm-bottom {
        vertical-align: bottom;
    }
}

@media (min-width: 992px) {
    .row-md-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%;
    }
    .col-md-height {
        display: table-cell;
        float: none;
        height: 100%;
    }
    .col-md-top {
        vertical-align: top;
    }
    .col-md-middle {
        vertical-align: middle;
    }
    .col-md-bottom {
        vertical-align: bottom;
    }
}

@media (min-width: 1200px) {
    .row-lg-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%;
    }
    .col-lg-height {
        display: table-cell;
        float: none;
        height: 100%;
    }
    .col-lg-top {
        vertical-align: top;
    }
    .col-lg-middle {
        vertical-align: middle;
    }
    .col-lg-bottom {
        vertical-align: bottom;
    }
}


/*
    Iframe
*/
iframe {
    width: 100%;
}