html, body {
    margin: 0;
}

.background-image {
    background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../images/background-1920x1169.jpg);
    /* height: 100vh; */
    background-size: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

div.main-container {
    width: 1140px; margin: 0 auto; padding 0; border-width: 0;
}

h1.rekonstrukcja {
    font-family: 'PT Sans', sans-serif; text-align: center; font-weight: 700; font-size: 24px; color: #fff;
}

.new div .time-span {
    color: #fafa01; /* #eb0005; */
}

.rnd-box-blue h1 span {
    color: #fafa01; /* #eb0005; */
}

/* Umożliwia rozciągnięcie kontenera, który zawiera elementy typu float; bez tego te elementy "wyskakują z kontenera" */
span.clear {
    display: block; clear: both;
}

img.winieta {
    display: block; width: 1140px; height: 190px;
    margin-bottom: 10px; margin-top: 10px;
}

p {
    font-family: 'PT Sans', sans-serif;
    color: #fff;
}

div.button-animation {
    transition:all 0.2s ease;
}

div.grow:hover
{
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
}

.bordered-feature-image {
    display: block;
    background: #fff url("../images/bg04.png");
    padding: 1px;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.65);
    margin: 0 0 10px 0;
    outline: 0;
    border-radius: 15px;
}

    .bordered-feature-image img {
        display: block;
        width: 100%;
        border-radius: 15px;
    }

.button {
    width: /*143px*/ 125px; height: /*143px*/ 125px; float: left; margin: 0 /*23px*/ 20px 0 0;
}

    .button p {
        font-family: 'PT Sans', sans-serif; color: #fff; font-size: /*19px*/ 18px; text-align: center; background-color: #3c90f0;
        border-radius: 15px; padding: 5px 0; margin-top: 2px; font-weight: 400; border: 1px solid #fff;
        box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.65);
    }

    .button p.red {
        background-color: #ce1a00;
    }

    .button p.green {
        background-color: #7fcc27;
    }

.btn-last {
    margin: 0;
}

/* [ RND-BOX-GREY ] ----------------------------------------------------------------------- */
.rnd-box-grey {
    width: 1118px; margin: 100px 0 25px 0; padding: 10px; border-radius: 15px;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.65); background-color: rgba(238,238,238,0.95); /* background-color: #eee; */
    border: 1px solid #2963a6; /* background-image: url('../images/confectionary.png'); */
}

.rnd-box-left-col {
    float: left; padding: 0; margin: 0 0 0 20px;
    width: 46%; text-align: left;
}

.rnd-box-single-col {
    float: left; padding: 0; margin: 0 0 0 20px;
    width: 96%; text-align: left;
}

.rnd-box-right-col {
    float: right; padding: 0; margin: 0 20px 0 0;
    width: 46%; text-align: left;
}

.rnd-box-item {
    display: flex; align-items: center; /* Powoduje wycentrowanie linku względem ikony */
    margin: 18px 0;
}

.rnd-box-item img.pdf {
    width: 71px; height: 92px; margin: 0 15px 0 0;
}

.rnd-box-item img.info {
    width: 92px; height: 92px; margin: 0 15px 0 0;
}

.rnd-box-item img.info-smaller {
    width: 71px; height: 71px; margin: 0 15px 0 0;
}

.rnd-box-item hr.info {
    border: 0;
    border-top: 1px solid #2963a6;
}

.rnd-box-grey div {
    font-family: 'PT Sans', sans-serif; color: #2963a6; font-size: 16px;
}

.rnd-box-grey .rnd-box-item a:link,
.rnd-box-grey .rnd-box-item a:visited {
    font-family: 'PT Sans', sans-serif; color: #2963a6; font-size: 16px; text-decoration: none;
}

.rnd-box-grey .rnd-box-item a:hover,
.rnd-box-grey .rnd-box-item a:active {
    font-family: 'PT Sans', sans-serif; color: #2963a6; font-size: 16px; text-decoration: underline;
}
/* ---------------------------------------------------------------------------------------- */

/* [ RND-BOX-BLUE ] ----------------------------------------------------------------------- */
.rnd-box-blue {
    width: 1118px; margin: 25px 0 25px 0; padding: 30px 10px 30px 10px; border-radius: 15px;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.65);
    background-color: rgba(60,144,240,0.95); /* background-color: #3c90f0; */ border: 1px solid #fff; /* #2963a6; */
}

.rnd-box-blue div.justify {
    font-family: 'PT Sans', sans-serif; color: #fff; font-size: 18px; text-align: justify;
}

.rnd-box-blue div.left {
    font-family: 'PT Sans', sans-serif; color: #fff; font-size: 18px; text-align: left;
}

.rnd-box-blue .rnd-box-item a:link,
.rnd-box-blue .rnd-box-item a:visited {
    font-family: 'PT Sans', sans-serif; color: #fff; font-size: 18px; text-decoration: none;
}

.rnd-box-blue .rnd-box-item a:hover,
.rnd-box-blue .rnd-box-item a:active {
    font-family: 'PT Sans', sans-serif; color: #fff; font-size: 18px; text-decoration: underline;
}

.rnd-box-blue span.info {
    font-family: 'PT Sans', sans-serif; color: #fff; font-size: 18px; text-decoration: none;
}

.rnd-box-blue h1 {
    font-family: 'PT Sans', sans-serif; color: #fff; font-size: 22px; text-align: center;
}

.rnd-box-blue h2 {
    font-family: 'PT Sans', sans-serif; color: #fff; font-size: 16px; text-align: center;
}

span.time-span {
    font-size: 18px; color: #fff; font-weight: 700;
    font-family: 'PT Sans', sans-serif; color: #fff; font-size: 18px; text-decoration: none;
}

.his-bg-dark {
    background-color: rgba(38,38,38,0.95);
}

.his-bg-dark h1 {
    color: #fafa01;
}

.his-bg-lite {
    background-color: rgba(92,60,21,0.95);
}

.his-bg-lite h1 {
    color: #fafa01;
}
/* ---------------------------------------------------------------------------------------- */

/* [ MODAL ] ------------------------------------------------------------------------------ */
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 100; /* Sit on top */
    padding-top: 12px; /* Location of the box - standardowo 235px */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.85); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    border-radius: 0px;
    position: relative;
    background: linear-gradient(#3c90f0, #2963a6);
    /* background-color: #3c90f0; */
    margin: auto;
    padding: 0;
    border: 1px dotted #fff;
    width: 1140px; /* 80%; */
    /* box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); */
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.6),0 6px 20px 0 rgba(0,0,0,0.55);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.7s;
    animation-name: animatetop;
    animation-duration: 0.7s
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.close {
    color: white;
    float: right;
    font-size: 22px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    padding: 2px 16px;
    background-color: #3a8deb;
    color: white;
    text-align: center;
}

.modal-header > h2 {
    font-family: 'PT Sans', sans-serif; color: #fff; font-size: 17px;
}

.modal-body {
      padding: 2px 16px;
      text-align: center;
      font-family: 'Oswald', sans-serif;
      font-weight: 700;
      font-size: 26px;
      line-height: 42px;
      padding-top: 12px;
      padding-bottom: 12px;
      color: #333333;  
   }

.modal-footer {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    padding: 2px 16px;
    background-color: #2a65aa;
    color: white;
    text-align: center;
}

.modal-footer > h3 {
    font-family: 'PT Sans', sans-serif; color: #fff; font-size: 17px;
}
/* ---------------------------------------------------------------------------------------- */

/* [ MODAL2 ] ------------------------------------------------------------------------------ */
/* The Modal2 (background) */
.modal2 {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 101; /* Sit on top */
    padding-top: 12px; /* Location of the box - standardowo 235px */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.85); /* Black w/ opacity */
}

/* Modal Content */
.modal2-content {
    border-radius: 0px;
    position: relative;
    background: linear-gradient(#3c90f0, #2963a6);
    /* background-color: #3c90f0; */
    margin: auto;
    padding: 0;
    border: 1px dotted #fff;
    width: 1140px; /* 80%; */
    /* box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); */
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.6),0 6px 20px 0 rgba(0,0,0,0.55);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.7s;
    animation-name: animatetop;
    animation-duration: 0.7s
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.close2 {
    color: white;
    float: right;
    font-size: 22px;
    font-weight: bold;
}

.close2:hover,
.close2:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal2-header {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    padding: 2px 16px;
    background-color: #3a8deb;
    color: white;
    text-align: center;
}

.modal2-header > h2 {
    font-family: 'PT Sans', sans-serif; color: #fff; font-size: 17px;
}

.modal2-body {
      padding: 2px 16px;
      text-align: center;
      font-family: 'Oswald', sans-serif;
      font-weight: 700;
      font-size: 26px;
      line-height: 42px;
      padding-top: 12px;
      padding-bottom: 12px;
      color: #333333;  
   }

.modal2-footer {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    padding: 2px 16px;
    background-color: #2a65aa;
    color: white;
    text-align: center;
}

.modal2-footer > h3 {
    font-family: 'PT Sans', sans-serif; color: #fff; font-size: 17px;
}
/* ---------------------------------------------------------------------------------------- */

/* [ MAIN-NAV ] --------------------------------------------------------------------------- */
div.main-navigation {
    width: 1130px; margin: 0 0 20px 0; padding: 5px; background-color: #ddd;
    border-radius: 0 0 15px 15px;
}

ul.main-nav {
    margin: 0; padding: 0;
    list-style-type: none; font-family: 'PT Sans', sans-serif; font-size: 18px;
}

ul.main-nav li {
    float: right; margin: 3px;
}

ul.main-nav li a:link,
ul.main-nav li a:visited {
    color: #2b66a9; text-decoration: none; display: block; padding: 8px;
    border-radius: 5px; transition: color 0.4s;
}

ul.main-nav li a:hover,
ul.main-nav li a:active {
    color: #fff; background-color: #2b66a9; transition: color 0.4s, background-color 0.4s;
}
/* ---------------------------------------------------------------------------------------- */

table.godziny-pracy {
    width: 50%; font-family: 'PT Sans', sans-serif; color: #fff; font-size: 17px; margin: 20px auto;
    border-spacing: 0;
}

table.godziny-pracy tr td {
    border-bottom: 1px solid #fff; padding: 5px;
}

table.godziny-pracy tr:last-child td { 
    border-bottom: none; 
}

table.emaile-i-telefony {
    width: 85%; font-family: 'PT Sans', sans-serif; color: #fff; font-size: 17px; margin: 20px auto;
    border-spacing: 0;
}

table.emaile-i-telefony tr td {
    border-bottom: 1px solid #fff; padding: 5px;
}

table.emaile-i-telefony tr:last-child td { 
    border-bottom: none; 
}

table.awarie {
    width: 90%; font-family: 'PT Sans', sans-serif; color: #fff; font-size: 17px; margin: 20px auto;
    border-spacing: 0;
}

table.awarie tr td {
    border-bottom: 1px solid #fff; padding: 5px; vertical-align: top;
}

table.awarie tr:last-child td { 
    border-bottom: none; 
}

table.awarie h2 {
    font-family: 'PT Sans', sans-serif; color: #fff; font-size: 18px;
}

/* [ BUTTON BIG ] ------------------------------------------------------------------------------- */
form, div.form {
    font-family: 'PT Sans', sans-serif; color: #fff; font-size: 17px;
}

form table input, form table textarea {
    font-family: 'PT Sans', sans-serif; font-size: 17px;
}

.button-big {
    font-family: 'PT Sans', sans-serif; font-size: 22px;
    background-image: -moz-linear-gradient(top, #ed391b, #ce1a00);
    background-image: -webkit-linear-gradient(top, #ed391b, #ce1a00);
    background-image: -ms-linear-gradient(top, #ed391b, #ce1a00);
    background-image: linear-gradient(top, #ed391b, #ce1a00);
    display: inline-block;
    background-color: #ed391b;
    color: #fff !important;
    text-decoration: none;
    font-weight: 400;
    padding: 15px 45px 15px 45px;
    outline: 0;
    border-radius: 10px;
    box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.75), inset 0px 2px 0px 0px rgba(255, 192, 192, 0.5), inset 0px 0px 0px 2px rgba(255, 96, 96, 0.85), 3px 3px 3px 1px rgba(0, 0, 0, 0.15);
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5);
}

    .button-big:hover {
        background-image: -moz-linear-gradient(top, #fd492b, #de2a10);
        background-image: -webkit-linear-gradient(top, #fd492b, #de2a10);
        background-image: -ms-linear-gradient(top, #fd492b, #de2a10);
        background-image: linear-gradient(top, #fd492b, #de2a10);
        background-color: #fd492b;
        box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.75), inset 0px 2px 0px 0px rgba(255, 192, 192, 0.5), inset 0px 0px 0px 2px rgba(255, 96, 96, 0.85), 3px 3px 3px 1px rgba(0, 0, 0, 0.15);
    }

    .button-big:active {
        background-image: -moz-linear-gradient(top, #ce1a00, #ed391b);
        background-image: -webkit-linear-gradient(top, #ce1a00, #ed391b);
        background-image: -ms-linear-gradient(top, #ce1a00, #ed391b);
        background-image: linear-gradient(top, #ce1a00, #ed391b);
        background-color: #ce1a00;
        box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.75), inset 0px 2px 0px 0px rgba(255, 192, 192, 0.5), inset 0px 0px 0px 2px rgba(255, 96, 96, 0.85), 3px 3px 3px 1px rgba(0, 0, 0, 0.15);
    }
/* ---------------------------------------------------------------------------------------------- */

/* [ ZARZAD I RN ] ------------------------------------------------------------------------------ */
h3.zarzad-i-rn {
    font-family: 'PT Sans', sans-serif; color: #fff; font-size: 16px; margin-top: 8px; margin-bottom: 8px;
}

h2.zarzad-i-rn {
    font-family: 'PT Sans', sans-serif; color: #fff; font-size: 16px;
}

.quote-list li {
    padding: 1em 0 1em 0;
    overflow: hidden;
}

    .quote-list li:first-child {
        padding-top: 0 !important;
        border-top: 0 !important;
    }

    .quote-list li:last-child {
        padding-bottom: 0 !important;
        border-bottom: 0 !important;
    }

    .quote-list li img {
        float: left;
    }

    .quote-list li p {
        margin: 0 0 0 90px;
        font-size: 1.2em;
        font-style: italic;
    }

    .quote-list li span {
        font-family: 'PT Sans', sans-serif; color: #fff; font-size: 16px; font-weight: 700;
        display: block;
        margin-left: 90px;
    }
/* ---------------------------------------------------------------------------------------------- */

p.copyright {
    font-family: 'PT Sans', sans-serif; color: #fff; font-size: 17px; text-align: center; margin-bottom: 20px;
}