body{
    font-family: 'Roboto', sans-serif;
    }
    .articleContent {
     
        font-size: 1.2em;
        font-weight: 300;
    }
    p {
        margin: 0 0 10px;
        font-weight: 300;
    }
    .bodyOffersList .pageTitle .small, 
    .agentOffers{display: none;}
    textarea{resize: none;}
    .top-panel{z-index: 35;}
    .agentMail{font-size: 1em;}
    .agentName{text-align: center;}
    
    .agentHolder a{color: inherit}
    .contactMap{margin: 0px;}
    .form-group select,.form-group input,.form-box select, .form-box input,.form-box textarea {border: 1px solid #ededed; border-radius: 0px;}
    .form-box select:focus, .form-box input:focus{border: 1px solid #ededed; }
    .search-box-small input[type="submit"] {background: url("../../../grafika/small-search.png") no-repeat center center #eee;}
    .language-section {border-left: 1px solid rgba(0,0,0,0.1);}
    .language-section .de{display: none;}
    .offerPage .offerFlag{display: none;}
    .data-wiadomosc{display: none;}
    #main-menu .dropdown-menu{font-size: 1.3em; border-radius: 0px; top: 78%;}
    #main-menu > li > ul{z-index: 50}
    #main-menu > li > ul > li a{color: #565656!important}
    
    .sidebar-nav{margin-top: 50px;}
    
    /* -- base color background ---------- */
    
    #main-menu li.active,
    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus,
    .oferta .ofe-img .ofe-flag,
    .agentOffers,
    .agentOffers:after,
    .offerPanel a.active,
    .globalBox,
    .search-box .container,
    #bottom-form,
    #cookies-info .cookies-ok,
    .bx-wrapper .bx-controls-direction a,
    .bx-wrapper .bx-controls-direction a:hover{background-color: #3b3a39;}
    
    #cookies-info .cookies-ok {
        color: #fff;
    }
    
    
    /* -- base color color ---------- */
    #footer ul li a b,
    .aktualnosc h3 a,
    .sbOptions a:hover,
    .sbOptions a:focus,
    .sbOptions a.sbFocus,
    #footer address b,
    #main-menu > li:hover > a{color: #a31707;}
    
    #main-menu > li:hover > a{color:#a31707}
    /* -- for dark bg ---------- */
    .oferta .ofe-img .ofe-flag,
    
    .agentHolder,
    
    .agentOffers,
    .agentOffers:after,
    .offerPanel a.active,
    
    .search-box,
    .banners .banner .embed,
    .banners .banner .embed h3,
    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus,#main-menu li.active{color: #fff;}
    #logo img {
        max-width: 100%;
        display: block;
      
        margin-top: 0px;
     
    }
    a {
        color: #a31707;}
    #main-menu > li.active {
         background: #a31707;
        color: #fbfbfb;
    }
    #main-menu > li > a {
        margin: 0px 2px;
        padding: 0px 10px;
        display: block;
        height: 156px;
        line-height: 200px;
        color: inherit;
        font-size: 1.1em;
        font-weight: 700;
    }
    #footer {
        padding-top: 80px;
        padding-bottom: 40px;
        background: #595959;
        overflow: hidden;
    }
    #footer-menu {
        background: #a31707;
        height: 76px;
        position: relative;
        box-shadow: 10px 5px 5px #2e2e2efc;
    }
    #header {
        height: 136px;
        background: #ffffff8c;
          box-shadow: 10px 5px 5px #98878757;
       
    }
    .search-box .container.ws-top {
        padding-top: 20px;
    }
    .search-box .container {
        background: #3b3a39ba;
    }
    .form-box select, .form-box input {
        height: 53px;
        width: 100%;
        border: 1px solid #3b3a39;
        padding-left: 12px;
        background: #fbfbfb;
    }
    #copyright {
        background: #2a2929;
        height: 76px;
        position: relative;
        line-height: 76px;
        text-align: center;
        color: #ffffff;
    }
    
    
    #footer ul li a {
        color: #fff;
        font-size: 1.2em;
    }
    #footer ul li a b {
        color: #f0f0f0;
    }
    #footer address {
        color: #fff;
        font-size: 1em;
    }
    #footer address b {
        color: #f1f1f1;
        font-size: 1.2em;
    }
    h1, .h1, h2, .h2, h3, .h3 {
        margin-top: 20px;
        margin-bottom: 10px;
        color: #3b3a39;
    }
    .oferta .cena {
        clear: both;
        display: block;
        float: left;
        width: 50%;
        text-align: right;
        color: #3b3a39;
        font-weight: 700;
        font-size: 2.2em;
        margin-top: 10px;
    }
    #search-button {
        border: 0px;
        margin-top: -195px;
        font-size: 2em;
        font-weight: 700;
        background: none;
        color: #fbfbfb;
    } */
    .f-menu ul li a {
        margin: 0px 2px;
        padding: 0px 10px;
        display: block;
        height: 78px;
        line-height: 78px;
        color: #b5a79a;
        font-size: 1.3em;
        font-weight: 700;
    }
    .banners .banner .embed {
        position: absolute;
        top: 18%;
        left: 3%;
        width: 94%;
        text-align: center;
        color: #fbfbfb;
        font-size: 1.2em;
        font-weight: 700;
        line-height: 1.3em;
        padding: 10px;
    }
    .banners .banner .embed h3 {
        color: #ffffff;
        font-weight: 700;
        margin: 0px 0px 5px 0px;
        font-size: 1.3em;
    }
    #main-menu > li:hover > a {
        color: #a31707;
    }
    .search-box .form-box p {
        display: table-cell;
        font-weight: 700;
        height: 53px;
        margin-bottom: 0;
        margin-right: 10px;
        padding-right: 10px;
        text-align: right;
        vertical-align: middle;
        width: 200px;
        color: #fbfbfb;
    }
    .language-section li a {
        margin: 0 2px;
        padding: 0;
        /* display: none; */
    }
        #bottom-form {
        background: #ffffff;
        padding: 40px 0px;
        border-top:2px solid #a31707;
    }
    .globalButton {
        display: block;
        width: 179px;
        height: 45px;
        line-height: 45px;
        margin: 0px auto;
        color: #fbfbfb;
        font-weight: 700;
        background: #a31707  url(../../grafika/button-bg.png) repeat-x 0px 0px;
        text-align: center;
        transition: all 200ms linear 0s;
        cursor: pointer;
        border: none;
        max-width: 100%;
        border-radius: 8px;
    }
    .search-box .container.ws-bottom {
        padding-bottom: 20px;
    }
    /* .language-section {
        display: none; } */

    .search-box-small input[type=submit] {
        right: 0px;
        z-index: 1;
        width: 37px;
        text-indent: -9000px;
        background: url(../../grafika/small-search.png) center center no-repeat;
        background-color: #fbfbfb;
        padding: 0px;
    }
    .subMenu {
        list-style:none;
        font-size:15px;
        padding:10px;
    }
    .subMenu li a {
        color:white;
    }
    .offerPanel a.active {
        background-color: #a31707;
    }
    .globalBox {
       border: solid 1px #a31707;
        background: #ffffff;
        
        margin-bottom: 15px;
        color: #1f1f1f;
    }
    .sideSearch .globalBoxHeader {
    
        color: white;
    }
    .agentOffers {
        background: #3b3a39;
        left: 50%;
        text-align: center;
        padding: 15px;
        line-height: 1em;
        margin-left: 45px;
        -webkit-border-radius: 75px;
        -moz-border-radius: 75px;
        border-radius: 75px;
        position: absolute;
        z-index: 2;
        color:white;
    } 
    .offerPriceSection .offerPrice {
        color: #3b3a39;
        font-weight: 700;
    }
    .paging li a.active {
        color: #a31707;
        border: solid 1px #d9d9d9;
        border-top: none;
        background: #fbfbfb;
    }
    .paging li a:hover {
        color: #a31707;
        text-decoration: none;
    }
    .form-control:focus {
        border-color: #3b3a39;
        outline: 0;
    
        box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(59 58 57);
    }
    @media (min-width: 990px) {
    #main-menu{z-index: 30;}
    #main-menu > li{position: relative; } 
    #main-menu > li > ul{position: absolute; top: 83%; left: 0px; list-style-type: none; margin: 0px; padding: 0px; display: none;}
    #main-menu > li:hover > ul{display: block}
    #main-menu > li > ul >li a{display: block; width: 300px; height: 50px; line-height: 50px; background: #f2f2f2; padding-left: 20px; font-weight: 700; font-size: 1.2em; z-index: 2; border-bottom: 1px solid #ddd }
    }
    @media (max-width: 990px) {
    #facebookinner{display: none;}
    #main-menu{display: block; width: 60px; position: absolute;height: 0px; overflow: hidden; transition: 1s; padding-top: 60px; top: 40px; right: 0px; background: none;}
    #main-menu::before {display: block; width: 60px; height: 60px; background: url("../../../../grafika/main-menu.png") no-repeat scroll center center transparent; position: absolute; top: 0px;right: 0px; content: "";}
    #main-menu li{margin: 0px; padding: 0px; float: left; display: block; width: 100%; text-align: center; height: auto; }
    
    #main-menu.clicked
    {width: 100%; height: auto; margin: 0px; padding-top: 60px; z-index: 2000; background: #f2f2f2; box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.4); transition: 1s}
    #main-menu li ul{padding: 0px;}
    #main-menu li a{margin: 0px; padding: 0px; display: block; height: auto; line-height: 70px; color: inherit; font-size: 1.3em; font-weight: 700; border: 1px solid #ddd; margin-top: -1px;}
    #main-menu li:first-child a{margin-top: 0px;}
    #main-menu li.active{background: none;}
    #main-menu > li > li > a {height: auto; margin: 0px; padding: 0px;}
    .top-panel{z-index: 5;}
    #main-menu li.active,
    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus,
    .navbar-default .navbar-nav > :hover > a,
    .navbar-default .navbar-nav > :hover > a:hover,
    .navbar-default .navbar-nav > :hover > a:focus{color: inherit}
    #search-button {
        border: 0px;
        margin-top: -5px;}
    .banners .banner .embed {
        position: absolute;
        top: 10%;
        left: 3%;
        width: 94%;
        text-align: center;
        color: #fbfbfb;
        font-size: 1em;
        font-weight: 700;
        line-height: 1em;
        padding: 10px;}
    }
    
      
    
    @media (max-width: 1199px) and (min-width: 990px){
    #main-menu > li > a {padding: 0px 5px;font-size: 1em;}
    }
    
    
    @media (max-height: 680px) and (max-width: 990px){
    .search-box  {padding-top: 0px;}
    }
    @media (max-width:499px) {
        #search-button {
        border: 0px;
        margin-top: -5px;
        font-size: 2em;
        font-weight: 700;
        background: none;
        color: #fbfbfb;
    }
    #logo img {
        max-width: 100%;
        display: block;
        max-height: 200%;
        /* margin-top: -40px;
       margin-left: -80px; */
    }
    .oferta .cena {
        clear: both;
        display: block;
        float: left;
        width: 80%;}
    
    #header-search {
        height: 210px;
        background-position: center;
        background-size: cover;
    }
    }
    
    #footer-logo {
        width: 296px;
        height: 62px;
        background: url(../../grafika/logo-footer.png) 0 0 no-repeat;
        display: block;
        text-indent: -9000px;
        position: absolute;
        top: 6px;
        left: 0px;
        background-size: contain;
        justify-content: center;
        align-items: center;
        display: flex;
    }
    
    @media (max-width: 1200px) {
    #main-menu {
        display: block;
        width: 60px;
        position: absolute;
        height: 0px;
        overflow: hidden;
        transition: 1s;
        padding-top: 60px;
        top: 40px;
        right: 0px;
        background: none;
    }}
    
    
    @media (max-width: 1200px) {
    #main-menu::before {
        display: block;
        width: 60px;
        height: 60px;
        background: url(../../../../../grafika/main-menu.png) no-repeat scroll center center transparent;
        position: absolute;
        top: 0px;
        right: 0px;
        content: "";
    }}
    
    @media (max-width: 1200px) {
    #main-menu li {
        margin: 0px;
        padding: 0px;
        float: left;
        display: block;
        width: 100%;
        text-align: center;
        height: auto;
    }}
    
    @media (max-width: 1200px) {
    #main-menu li a {
        margin: 0px;
        padding: 0px;
        display: block;
        height: auto;
        line-height: 70px;
        color: inherit;
        font-size: 1.3em;
        font-weight: 700;
        border: 1px solid #ddd;
        margin-top: -1px;
    }}
    
    @media (max-width: 1200px) {
    #main-menu.clicked {
        width: 100%;
        height: auto;
        margin: 0px;
        padding-top: 60px;
        z-index: 2000;
        background: #f2f2f2;
        box-shadow: 0px 0px 5px 0px rgb(50 50 50 / 40%);
        transition: 1s;
    }}
    
    
    /* @media (max-width: 900px) {
    .f-menu {
        display: none;
    }} */


    .language-section .facebookLink a {
    background: url(../../../../grafika/fb.png) no-repeat scroll 0 0 transparent;
    text-indent: -9000px;
}






/* banner anim ze sloganami !!! */

.bx-wrapper {padding: 0!important;}
ul#animatedBanner {margin: 0!important; padding: 0!important;}

#animatedBanner {padding: 0!important;}
.bx-controls-direction {display: none;}

/* .search-box .container {background: #fed03d;} */

#main-content {-webkit-padding-before: 88px; padding-top: 88px;}

span.embed {
    position: absolute;
    top: 297px;
    color: #fff;
    font-size: 2.5em;
    font-weight: 400;
    text-transform: uppercase;
    text-shadow: 2px 2px 2px rgba(0,0,0,0);
    text-align: center;
    width: 100%;
    z-index: 200;
    background: rgba(0,0,0,0);
    padding: 15px 0 5px 0;
}

/* banner anim ze sloganami end */