html,
body {
    height: 100%;
    font-family:"Roboto";
    background:#f3f3f3;
}
.navbar {margin-bottom:0;padding-top:4px;border-bottom:13px solid #da251c;height:86px;}
.page-header {
  padding-bottom: 9px;
  font-size: 22px;
  border-bottom: 1px solid #eee;
  background-color: #f3f3f3;
  text-align:left;

}
.navbar-right {background:#fff;}

.oferta ul {margin-left:40px !important;}
 .wieksze {font-size:14px !important;}
.pasek {background:#f3f3f3;}
.active {color:#da251c !important;}
.img-portfolio {
    margin-bottom: 30px;
}
header {height:145px;background:url('../images/kamera.jpg');

 background-attachment: fixed;
    background-repeat: no-repeat;
   background-position:0px 86px;

}

.tytulstrony {margin-top:-50px;}
.tytek {padding-bottom:0 !important;color:#fff;letter-spacing:1px;padding:5px;font-size:40px;text-align:left;font-family:"Roboto Condensed", sans-serif;margin:0 !important;background:url('../images/tyt.png')no-repeat;padding-left:50px;}

.bok1 span {display:block;margin:10px;font-size:18px;margin-left:80px;}
.bok1 {background:#fff;padding-bottom:40px;padding-top:30px;}
.bok img {WIDTH:90%;display:block;margin:0 auto}
.form-horizontal .control-label {padding-left:30px;}
.form-horizontal .controls {margin-left:30px !important;margin-right:30px;}
.form-horizontal .control-label {width:100% !important;}
.input-80 {width:100% !important;max-width:100% !important;}
.bok h3 {margin-top:0;font-family:'Roboto Condensed', sans-serif;font-weight:700;padding:20px !important;text-transform:uppercase;background:#aeaeae;padding:5px;color:#fff;padding-left:10px;font-size:18px;}
.bok {background:#f3f3f3;margin-left:30px;}
.oferta h3 {color:#da251c;border-left:10px solid #da251c;padding-left:10px;}
.oferta p {text-align:justify;margin-bottom:30px;}
.conas {padding-bottom:20px;}
.conas p {text-align:justify;padding-left:20px;padding-right:20px;}
.conas i {color:#da251c;font-size:70px;text-align:center;width:100%;margin-top:40px;}
.conas h3 {text-align:center;font-size:16px;font-weight:bold;margin-top:8px;letter-spacing:2px;}
.navbar-right {padding-left:30px;padding-right:30px;margin-top:17px;}
.navbar-nav > li > a {padding-top:0 !important;padding-bottom:0 !important;font-size:14px;letter-spacing:1px;color:#fff;text-transform:uppercase;}
.mail {margin-left:20px;text-transform:uppercase;font-size:10px;}
.telefon {background:#393431;line-height:20px;font-size:10px;text-align:right;color:#fff;padding-right:30px;margin-top:86px;letter-spacing:1px;}
span i {color:#fff;background: #da251c;width: 20px;text-align: center;height: 20px;line-height: 20px !important;margin-right:10px;font-size:12px !important;}
.carousel-caption {right:0 !important;}
.img-hover:hover {
    opacity: 0.8;
}
.siwy {background:#fff;padding-bottom:20px;padding-top:20px;}
.opis {text-align:justify;padding:20px;}
.navbar-brand {padding:0;}
/* Home Page Carousel */
.carousel-caption h2 {}
.carousel-caption h3 {padding-top:10px;padding-bottom:10px;background:#333;margin:0;font-size:30px;text-shadow:none;font-weight:bold;padding-left:20px;opacity:0.7;margin-bottom:10%;}
footer {padding:20px;text-align:center;color:#fff;background:#393431;font-size:10px;letter-spacing:2px;}
header.carousel {
   
}
header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */



/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}