body {padding-top: 0px; padding-bottom: 0px; font-family: 'Roboto', sans-serif; font-size: 16px; color: #555555;}
@media (min-width: 1800px) {
    .container {
        width: auto;
        max-width: 1600px;
    }
}
a, a:focus { -moz-outline-style: none; outline:none;}
h1, h2, h3, h4, h5, h6 {font-family: 'Roboto Condensed', sans-serif; font-weight: 300;}
h1 {font-size: 14px;padding-top: 20px;}
.margin10 {height: 10px; line-height: 0px; font-size: 0px;}
.margin20 {height: 20px; line-height: 0px; font-size: 0px;}
.margin30 {height: 30px; line-height: 0px; font-size: 0px;}
.margin40 {height: 40px; line-height: 0px; font-size: 0px;}
.margin50 {height: 50px; line-height: 0px; font-size: 0px;}
.margin60 {height: 60px; line-height: 0px; font-size: 0px;}
.margin70 {height: 70px; line-height: 0px; font-size: 0px;}
.margin80 {height: 80px; line-height: 0px; font-size: 0px;}
.img-thumb {border:0px; padding: 0px 0px; margin:0; max-width: 100% !important;}
.img-right {float: right; margin: 0 0 5px 15px;}
.img-left {float: left; margin: 0 15px 5px 0;}
.img-border {border: 1px solid #cccccc; padding: 2px;}
.img-gallery {overflow: hidden; margin-bottom: 15px;}
.float-left {float: left;}
.float-right {float: right;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.text-center-padding {text-align: center; margin: 0 auto 0 auto; padding: 0 0 10px 0;}
.padding-top {padding-top:30px;}
.padding-bottom-none {padding-bottom: 0px;}
.selected {font-weight: 700;}
.no-border {border: 0px; padding: 10px 0 10px 0;}
.clear {width: inherit; height: 0px; font-size: 0px; line-height: 0px; clear: both;}
.nopadding {padding: 0; margin: 0;}
.article {padding: 0 0 20px 0; }

.article h2 {color: #BF2F22; margin: 0 0 0 0; padding: 0 0 15px 0; font-size: 60px; font-weight: 300; position: relative;}
/*.article h2:after {content: ""; background: url('../layout/footer-arrow-light.png') 0px 0px no-repeat transparent; position: absolute; z-index: 1; left: 50%; top: 80px; height: 40px; width: 40px; margin-left: -20px;}*/

.article h3 {font-size: 30px; font-weight: 400; color: #545454; padding-bottom: 10px;}
.article h6 {margin-bottom: 20px;}
.article h6 hr {margin-bottom: 5px; margin-top: 0px;}
.article h6 span {font-weight: 700;}
.article p {font-weight: 300;}
.article a, .article a:visited {text-decoration: underline; }
.article a:hover {text-decoration: none; }
.article b, .article strong {font-weight:700;}
.article ol {font-size: 14px; font-weight: 300; margin-left: -10px;}
.article ol li {margin-bottom: 12px;}
.article ol ul {margin: -6px 0 -10px -35px;}
.article ol ul li {margin-bottom: 2px;}
.article ul {padding: 10px 0 10px 50px; margin:-10px 0 0 -20px; font-weight: 300;}
.article ul li {list-style: disc; }
.article ul ul {margin: -5px 0 0 -30px;}
.article ul li li {list-style: circle;}
.article img {max-width: 100% !important;}
.article-links {padding: 5px 10px; }

/*== GO TOP ==*/
#go-top {position: fixed; bottom: 50px; right: 30px; z-index: 100;}
#go-top a, #go-top a:visited {width: 30px; height: 60px; display: block; background: #006977; color: #fff; text-align: center;-webkit-border-radius: 10px;-moz-border-radius: 10px;  border-radius: 10px;border: 0px; font-size: 18px; line-height: 56px; font-family: FontAwesome;}
#go-top a:before {content: "\f106"; text-decoration: none;}
#go-top a:hover {background: #018496; text-decoration: none;}

/*== zoom image ==*/
.img-zoom {-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out;}
.transition {-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}
.object-animate {-webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -ms-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s;}
.pojawianie-z-animacja {-webkit-transform:perspective(550px) rotateX(0deg); transform:perspective(550px) rotateX(0deg);}

/* nawigacja navBar + animacja */
#navigation {background: #444444; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); padding: 0; font-family: 'Roboto Condensed', sans-serif;}

#navigation .navbar-brand img {height: 75px; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.animated-header .navbar-brand {height: 75px; padding: 0px 0px; margin: 0 0 0 50px;}
#navigation.animated-header h1.navbar-brand {height: 50px;}
#navigation.animated-header h1.navbar-brand img {height: 50px;}  
#navigation .navbar-nav>li>a {color: #eeeeee; font-size: 24px; font-weight: 400; padding-top: 25px; padding-bottom: 25px; -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -ms-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s;
    text-shadow: none;} 
#navigation .navbar-nav>li>a:hover {color: #fff; background-color: #BF2F22;} 
#navigation.animated-header .navbar-nav>li>a {padding-top: 15px; padding-bottom: 15px;}
/* obsługa hover dla menu NAVBAR */
#navigation .navbar-nav .dropdown-menu {background-color: #007d8e; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125); border: 0; padding: 0; margin-top: 0; border-top: 0; border-radius: 0; left: 0;}
#navigation .dropdown-menu {min-width: 200px;}
#navigation .navbar-nav .dropdown-menu:before{position: absolute; top:0;}
#navigation .navbar-nav .dropdown-menu > li > a {padding: 4px 15px; color: #ffffff;}
#navigation .navbar-nav .dropdown-menu > li > a:hover {color: #007d8e;}

@media (min-width: 768px) {
#nav.navbar-nav {display: inline-block; float: none; width: 100%; text-align: center;}
#nav.navbar-nav>li {float: initial; display: inline-block;}
#nav .navbar-collapse {text-align: center;}
}

main {background: #ffffff; padding: 40px 0;}

.offer {background: #9a291f; padding: 40px 0; color: #ffffff;}
.offer h2 {color: #ffffff; margin-bottom: 30px;}
.offer h3 {color: #FBBE07; font-weight: 700; font-size: 30px; margin-top: -12px;}
.offer hr {margin-bottom: 60px; border-color: silver;}
.offer-price {margin-top: 35px;}
.offer-price p {font-size: 24px; color: #FBBE07; font-weight: 400;}
.offer-price p span {font-size: 40px; color: #ffffff; font-weight: 900; margin-left: 10px;}

.price-list {background: #eeeeee; padding: 40px 0; color: #545454;}

.price {background: #ffffff; padding: 20px; color: #545454;}
.price h3 {font-family: 'Roboto', sans-serif;}
.price h4 {font-size: 24px; line-height: 30px; font-family: 'Roboto', sans-serif;}
.price h4 span {font-size: 30px; font-weight: 700;}
.price h5 {font-size: 50px; margin: 20px 0 20px 0; font-weight: 700; color: #000000; font-family: 'Roboto', sans-serif;}
.price h6 {font-size: 20px; margin-top: -10px;}

.extras {background: #ffffff; padding: 0 0 0 0; color: #ffffff;}
.extras h2 {font-size: 34px; font-weight: 700; padding-bottom: 20px; color: #ffffff; font-family: 'Roboto', sans-serif; }
.extras h4 {font-size: 26px; font-weight: 500; color: #ffffff; font-family: 'Roboto', sans-serif; }
.bankiet {background: #888888; padding: 20px 0 50px 0;}
.bankiet h4 {margin-bottom: 25px;}
.zaplecze {background: #555555; padding: 20px;}
.zaplecze p {margin: 20px 0;}

.img-portal {margin-right: 15px;}
.img-portal:hover {opacity: .7;}

.reference {padding:50px 0 60px 0;}
.reference h3 {font-size: 60px; font-weight: 300; color: #686868; margin-top: 0px; margin-bottom: 70px; position: relative;}
.reference h3:after {content: ""; background: url('../layout/footer-arrow-light.png') 0px 0px no-repeat transparent; position: absolute; z-index: 1; left: 50%; top: 70px; height: 40px; width: 40px; margin-left: -20px;}
.reference-url, .reference-url:visited {display: inline-block; padding: 3px 40px; background: #666666; font-size: 16px; text-align: center; color: #ffffff;}
.reference-url:hover {color: #cdcdcd; text-decoration: none;}

/* rekomendacje */
.testimonials {padding: 40px 60px 70px 60px; background-color: #ffffff;}
.testimonials {background-repeat: repeat; background-position: left; background-attachment:fixed; background-clip: padding-box; background-size: cover; background-origin: padding-box;}
.testimonials .testimonial-item {padding-left: 15px; padding-right: 15px;}
.testimonial-header {font-size: 60px; font-weight: 300; color: #686868; text-align: center; position: relative; padding: 0 0 40px 0; margin: 0 0 0 0;}
.testimonial-item img {border: 0px; display: inline-block !important; width: auto !important; max-width: 100%;}

.testimonial-item .testimonial-item-description {color: #ffffff; font-size: 16px; width: 60%; margin: 0 auto; position: relative; padding-bottom: 30px;}
.testimonial-item .testimonial-item-description span {margin: 40px 0 20px; color: #ffffff; text-transform: uppercase; font-size: 20px; font-weight: 700; display: inline-block;}
.testimonial-item .testimonial-item-description:before {/* background-image: url("../layout/icons/quotes.png"); */ background-repeat: no-repeat; background-color: ; top: 30px; height: 30px; left: -45px; position: absolute; width: 45px; content: "\f10d"; font:normal normal normal 30px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.testimonial-item .testimonial-item-description:after {/* background-image: url("../layout/icons/quotes.png"); */ background-repeat: no-repeat; background-color: ; bottom: 0px; height: 30px; right: -45px; position: absolute; width: 45px; content: "\f10e"; font:normal normal normal 30px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
#testimonial .owl-buttons {border: 2px solid #fff; float: inherit; display: inline-block; padding: 1px 4px 1px 4px;}
#testimonial .owl-buttons div {background: transparent;}


/* realizacje */
#realisation {background-color: #ebebeb; padding: 50px 0;}
#realisation h3 {font-size: 60px; font-weight: 300; color: #686868; margin-top: 0px; margin-bottom: 70px; position: relative;}
#realisation h3:after {content: ""; background: url('../layout/footer-arrow-light.png') 0px 0px no-repeat transparent; position: absolute; z-index: 1; left: 50%; top: 70px; height: 40px; width: 40px; margin-left: -20px;}
.realisation-url, .realisation-url:visited {display: inline-block; padding: 3px 40px; background: #666666; font-size: 16px; text-align: center; color: #ffffff;}
.realisation-url:hover {color: #cdcdcd; text-decoration: none;}
/* stopka */
footer {color: #000000; text-align: center; background: #ffffff;}
#footer-bg {/* background-repeat: repeat; background-position: center; background-attachment:fixed; background-clip: padding-box; background-size: cover; background-origin: padding-box; */ }

.footer-margin {padding: 0 0 30px 0;}
footer h4 {color: #444444; margin: 0 0 0 0; padding: 50px 0 60px 0; font-size: 80px; font-weight: 100; position: relative; font-family: 'Roboto', sans-serif;}
/*footer h4:after {content: ""; background: url('../layout/footer-arrow.png') 0px 0px no-repeat transparent; position: absolute; z-index: 1; left: 50%; top: 70px; height: 40px; width: 40px; margin-left: -20px;}*/
footer h3 {color: #BF2D20; margin: 0 0 0 0; padding: 30px 0 25px 0; font-size: 30px; font-weight: 100; font-family: 'Roboto', sans-serif;}
footer p {color: #000000; margin: 0 0 0 0; padding: 0 0 0px 0; font-size: 24px; font-weight: 100;}
footer p span {color: #000000; margin: 0 0 0 0; padding: 0 0 0 0; font-size: 26px; font-weight: 300;}
footer p a, footer p a:visited {font-size: 26px; font-weight: 300; color: #000000; -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
footer p a:hover {color: #04205a; text-decoration: none;}
.footer-logo {width: 320px; margin-bottom: 5px;}
.card {margin-top: 15px; font-size: 18px; line-height: 32px; font-weight: 300;}

.code-by {background-color: #ffffff; font-size: 54px; color: #444444; font-family: 'Roboto', sans-serif;}
.code-by p {margin: 0 0 0 0; padding: 40px 0 60px 0; letter-spacing: 8px; font-weight: 100;}
.big-logo {position: fixed; z-index: 2; top: 190px; left: 0px; background: rgba(191, 47, 34, 1); width: 500px; padding: 0; text-align: center; opacity: 1; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;}
.big-logo-fade {opacity: 0;}

.covid {
    background: #222222;
    padding: 30px 0 50px 0;
    margin-bottom: 50px;
    color: #ffffff;
    font-weight: 300;
}

.covid h3 {
    font-size: 2em;
    font-weight: 500;
    color:  #c90000;
    margin-bottom: 30px;
}

.covid h4 {
    font-size: 1.6em;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #999999
}

.covid li,
.covid p {
    margin-bottom: 12px;
}

/* ============== responsywność ============== */
@media (max-width: 767px) {
    .navbar-inverse .navbar-toggle .icon-bar {background-color: #ffffff;}
    .center-mobile {text-align: center !important;}
    #navigation h1.navbar-brand {margin: 0 0 0 15px; height: 50px;}
    #navigation h1.navbar-brand img {max-width: 100%; height: 50px;}
    #navigation .navbar-nav>li>a {font-size: 16px; padding-top: 10px; padding-bottom: 10px;}
    .camera_plugin {height: 280px;}
    .camera_caption {bottom: 10%;}
    .camera_caption > div h2 {font-size: 34px; padding: 0 0 10px 0;}
    .camera_caption > div p {font-size: 20px;}
    .camera_caption > div a {padding: 3px 5px; font-size: 16px;}
    .big-logo {position: absolute; z-index: 2; top: 80px; left: 0px; background: rgba(0, 0, 0, .7); width: 150px; padding: 10px 10px; text-align: center; opacity: 1;
    -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;}
    .big-logo img {max-width: 100%;}
    .article h2 {font-size: 40px; margin-bottom: 0px; padding-bottom: 0px;}
    .article h2:after {top: 50px;}
    .offer h2 {margin-bottom: 25px;}
    .price {margin-bottom: 25px;}
    .reference h3 {font-size: 40px; margin-bottom: 60px;}
    .reference h3:after {top: 50px;}
    .testimonial-header {font-size: 30px;}
    #realisation h3 {font-size: 45px;}
    .footer-margin {padding: 20px 0;}
    footer h4 {font-size: 60px; padding: 30px 0 10px 0}
    footer h3 {font-size: 30px;}
    footer p.footer-phone {font-size: 30px; font-weight: 700;}
    footer p a {font-size: 26px; font-weight: 400;}
    #go-top {bottom: 5px; right: 0px;}
    #go-top a {width: 32px; height: 32px; -webkit-border-radius: 0px;-moz-border-radius: 0px; border-radius: 0px; background: rgba(214, 0, 0, .8); font-size: 18px; line-height: 28px;}
    .testimonials {padding: 20px 15px 30px 15px;}
    .testimonial-header h2 {text-align: center;}
    .slide_button {background: url(../layout/fb-button-mob.jpg); display: block; height: 34px; text-indent: -9999px; width: 32px; position: absolute; left: -32px; top: 0px;}
    .code-by p {text-align: center; font-size: 36px; letter-spacing: 2px}
    .bankiet {height: 480px;}
    .zaplecze {height: 1280px}
}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
.camera_plugin {height: 60vh;}
.blue-block h2 {font-size: 36px; font-weight: 700;}
.blue-block p {font-size: 20px; font-weight: 400; line-height: 24px;}
.blue-block-more-margin {padding-left: 150px;}
.dropdown:hover .dropdown-menu {display: block; -webkit-animation: fadeInUp 400ms; animation: fadeInUp 400ms;}
.three-block .container {position: absolute; top: -240px; left: 50%; z-index: 1; margin-left: -375px;}
#navigation .navbar-nav>li>a {font-size: 15px;} 
}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
.camera_plugin {height: 70vh;}
.dropdown:hover .dropdown-menu {display: block; -webkit-animation: fadeInUp 400ms; animation: fadeInUp 400ms;}
.three-block .container {position: absolute; top: -240px; left: 50%; z-index: 1; margin-left: -485px;}
/* zmiana paddingu dla menu poziomego */
#navigation .nav>li>a {padding: 25px 25px;}
}

@media (min-width: 1200px) {
.camera_plugin {height: 100vh;}
.dropdown:hover .dropdown-menu {display: block; -webkit-animation: fadeInUp 400ms; animation: fadeInUp 400ms;}
.three-block .container {position: absolute; top: -240px; left: 50%; z-index: 1; margin-left: -585px;}
#navigation .nav>li>a {padding: 25px 25px;}
}

@media (min-width: 1460px) {
}


@media (min-width: 1600px) {
.camera_plugin-outer {height: 85vh; position: relative;}
.camera_plugin {height: 85vh; position: fixed; z-index: -1; width: 100%;}
}





/* bootstrap navbar wcześniejsza zmiana na menu mobilne */
/* @media (max-width: 1000px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
} */
/* koniec */