*
{
    margin:0;
    padding:0;
    border:none;
    font-family: 'Roboto', sans-serif;
    
}

a
{
    text-decoration:none;
    color:inherit;
}

strong, span
{
    color:inherit;
}

body
{
    background:url(../img/bg.png) no-repeat #553737;
    background-position: top center;
  
}

body.podstrona
{
    background:url(../img/bg_podstrona.png) no-repeat #553737;
    background-position: top center;
  
}

.clear
{
    clear:both;
}

.wrapper
{
    width:1056px;
    margin:0 auto;
    position:relative;
    
}

/*----------------------------------------------HEADER------------------------------------------------------------*/

.bar_top
{
    position:absolute;
    top:0px;
    left:0px;
    background:#ffa60a;
    width:50%;
    height:4px;
}

.bar_bottom
{
    right:0px;
    background:#623f39;
    width:50%;
    height:4px;
    float:right;
    margin-top:-4px;
}



.bar_top_center
{
    float:left;
    width:100%;
    height:4px;
    background:#ffa60a;
    border-radius: 0px 0px 9px 0px;
}

.header
{
    float:left;
    width:100%;
    margin-top:25px;
    background:#3b2726;
    border-radius:10px;
    position: relative;
    z-index:3;
}

.logo
{
    float:left;
    margin-top:30px;
    margin-left:30px;
}

.menu
{
    float:right;
    padding-right:30px;
    
}

.menu_button
{
    float:left;
    display:block;
    padding:30px 15px;
    font-size:14px;
    font-weight:300;
    color:#fff;
}

.menu_button.active, .menu_button:hover, .menu_button_sub.active, .menu_button_sub:hover
{
    color:#ffa60a;
}

.menu_scroll
{
    float:left;
    position:relative;
}

.menu_scroll_buttons
{
    position:absolute;
    float:left;
    top:75px;
    left:0px;
    background:#3B2726;
    border-radius:0px 0px 7px 7px;
    display:none;
    width:180px;
}
/*
.menu_scroll:hover .menu_scroll_buttons
{
    display:block;
}*/

.menu_button_sub
{
    float:left;
    display:block;
    padding:15px 15px;
    width:150px;
    font-size:14px;
    font-weight:300;
    color:#fff;
    clear:both;
    
}

.flag
{
    width:23px;
    height:14px;
    position:absolute;
    right:5px;
    top:10px;
    cursor:pointer;
}


/*----------------------------------------------BANNER------------------------------------------------------------*/

.banner
{
    float:left;
    width:100%;
    position:relative;
    font-family: 'Open Sans', sans-serif;
    z-index:2;
}

.banner_title_box
{
    float:right;
    width:330px;
    text-align:right;
    padding-right:5%;
    padding-top:100px;
    padding-bottom:100px;
}

.banner_title
{
    font-size:48px;
    font-weight:300;
    line-height:60px;
    font-family: 'Open Sans', sans-serif;
    
    
}

.banner_title strong
{
    font-weight:700;
    font-size:60px;
    font-family: 'Open Sans', sans-serif;
}

.banner_wiecej
{
    background:#ffa60a;
    color:#fff;
    font-size:23px;
    padding:5px 20px;
    float:right;
    font-weight:300;
    border-radius:9px;
    margin-top:30px;
    font-family: 'Open Sans', sans-serif;
}


.pig
{
    position:absolute;
    left:4%;
    bottom:-80px;
}

/*----------------------------------------------OFERTA------------------------------------------------------------*/

.oferta
{
    float:left;
    position:relative;
    width:100%;
    /*height:210px;*/
    z-index:1;
    font-size:15px;
}


.oferta_left
{
    float:left;
    background: url(../img/oferta_bg_left.png);
    height:150px;
    padding:30px 30px;
    /*width:26.6%;*/
    width:221px;
    background-size:100% 100%;
    position:relative;
}

.oferta_middle
{
    float:left;
    background: url(../img/oferta_bg_middle.png);
    height:150px;
    /*width:46.4%;*/
    padding:30px 30px;
    width:430px;
    background-size:100% 100%;
}

.oferta_right
{
    float:left;
    background: url(../img/oferta_bg_right.png);
    height:150px;
    padding:30px 30px;
    /*width:27%;*/
    width:225px;
    background-size:100% 100%;
    position:relative;
}

.oferta_title
{
    font-size:24px;
    font-weight:700;
    color:#fff;
    line-height:28px;
}

.oferta_title span
{
    font-weight:300;
    color:#e1930c;

}

.oferta_title.right
{
    color:#452d2d;
}

.oferta_kontakt_mail
{
    color:#af9284;
    display:inline-block;
    margin-top:40px;
    
}

.oferta_kontakt_telefon
{
    color:#fff;
}

.oferta_kontakt_wiecej
{
    position:absolute;
    right:30px;
    bottom:40px;
    width:29px;
    height:29px;
    border-radius: 9px;
    background:url(../img/brown_arrow.png) no-repeat center center #ffa60a;
}

.oferta_middle p
{
    padding:20px 0px;
    line-height:19px;
}

.oferta_middle_left
{
    float:left;
    width:40%;
}

.oferta_middle_right
{
    float:left;
    width:60%;
}

.ankieta_glosuj
{
    width:69px;
    height:29px;
    text-align: center;
    line-height:29px;
    font-size:15px;
    color:#fff;
    background:#452d2d;
    float:left;
    cursor:pointer;
    border-radius:9px;
}

.ankieta_wyniki
{
    width:69px;
    height:29px;
    text-align: center;
    line-height:29px;
    font-size:15px;
    color:#452d2d;
    background:#fff;
    float:left;
    cursor:pointer;
    border-radius:9px;
    margin-left:10px;
}

.ankieta_label
{
    display:inline-block;
    padding:4px 0;
    width:165px;
    color:#fff;
    border-bottom:1px solid #ffb739;
}

.ankieta_label:last-child
{
    border:none;
}

.oferta_right_a
{
    display:block;
    width:100%;
    color:#767676;
    float:left;
    padding:0;
    position:relative;
    z-index:2;
    
}

.oferta_right_a span
{
    display:inline-block;
    padding:5px 0px;
    width:180px;
    border-bottom:1px solid #e6e6e6;
}

.oferta_right_a span.last
{
    border:none;
}

.oferta_right_a.first
{
    margin-top:20px;
}

.oferta_right_wiecej
{
    width:21px;
    height:21px;
    background:url(../img/white_arrow.png) no-repeat center center #ffa60a;
    float:right;
    margin-top:5px;
}

.small_pig
{
    position:absolute;
    left:-110px;
    bottom:-75px;
    display:none;
    z-index:1;
}

/*podstrona oferta*/

.oferta.podstrona .small_pig
{
    display:block;
}

.oferta.podstrona
{
    width:280px;
    margin-top:20px;
}

.oferta.podstrona .oferta_left
{
    width:220px;
    background: url(../img/oferta_bg_top.png);
    background-size:100% 100%;
    padding:30px 30px;
    border-radius:0;
   
}

.oferta.podstrona .oferta_middle
{
    width:220px;
    height:auto;
    background: url(../img/oferta_bg_center.png);
    background-size:100% 100%;
    padding:30px 30px;
    border-radius:0;
}

.oferta.podstrona .oferta_middle_left
{
    width:100%;
}

.oferta.podstrona .oferta_middle_right
{
    width:100%;
    padding-top:15px;
}

.oferta.podstrona .oferta_right
{
    width:220px;
    background: url(../img/oferta_bg_bottom.png);
    background-size:100% 100%;
    padding:30px 30px;
    border-radius:0;
    border:none;
}

/*----------------------------------------------PODSTRONA---------------------------------------------------------*/

.podstrona_container
{
    float:right;
    width:68%;
    padding-top:60px;
    font-size:14px;
    color:#d3c3c3;
}

.podstrona_title
{
    font-size:50px;
    font-weight:700;
    color:#fff;
    line-height:55px;
    font-family: 'Open Sans', sans-serif;
    padding-bottom:30px;
}

.podstrona_title span
{
    color:#ffa60a;
    font-family: 'Open Sans', sans-serif;
}

.podstrona_container strong
{
    color:#fff;
}

.podstrona_container strong.color
{
    color:#ffa60a;
}

.podstrona_container strong span.red
{
    color:#e95431;
}

.podstrona_container ul
{
    list-style-position:inside;
    list-style-image:url(../img/list_arrow.png);
    padding:20px 0px;
}

.podstrona_container td
{
    padding:5px;
}

.podstrona_container img
{
    display:block;
    margin:10px auto;
    width:60%;
}

/*----------------------------------------------KONTAKT------------------------------------------------------------*/

.kontakt_dane
{
    width:100%;
    text-align:center;
    float:left;
    clear:both;
    font-weight:700;
    margin:30px 0 10px;
}

.kontakt_dane_column
{
    width:50%;
    text-align:center;
    float:left;
    font-weight:700;
    margin:10px 0;
}

.kontakt_link
{
    color:#FFA60A;
}

/*----------------------------------------------ANKIETA------------------------------------------------------------*/

.ankieta_title
{
    font-size:18px;
    color:#fff;
    padding-bottom:10px;
}

.ankieta_slupek
{
    
    height:40px;
    line-height:40px;
    margin:5px 0px 10px;
    color:#fff;
    border:solid 2px #fff;
    text-align:center;
    text-shadow: #000 1px 1px 1px;
    width:0;
    display:block;
    float:left;
    clear:left;
    
    
}

.ankieta_wynik
{
    line-height:40px;
    margin:5px 5px;
    color:#fff;
    text-shadow: #000 1px 1px 1px;
    display:block;
    float:left;
}

.ankieta_tytul
{
    clear:both;
    float:left;
    font-size:16px;
    color:#fff;
    
}

.ankieta_slupek1
{
    background:#8D1B1B;
}

.ankieta_slupek2
{
    background:#8D8D8D;
}

.ankieta_slupek3
{
    background:#4169E1;
}

.ankieta_slupek4
{
    background:#FFA60A;
}

.ankieta_slupek5
{
    background:#6B8E23;
}

/*----------------------------------------------FOOTER------------------------------------------------------------*/

.footer
{
    width:100%;
    float:left;
    padding-bottom:100px;
    
    
}

.copyrights
{
    float:left;
    font-size:13px;
    color:#ada3a3;
    padding-top:20px;
    padding-left:20px;
    width:170px;
    
}

.submenu
{
    float:right;
    color:#ada3a3;
    padding-right:90px;
    padding-left:40px;
    border-bottom:solid #623f39 4px;
    border-radius:0px 0px 0px 4px
    
}

.submenu_button
{
    display:inline-block;
    padding:20px 10px;
    font-size:13px;
}

/*----------------------------------------------------------CREATED--------------------------------------------------------------------------------*/

#created
{
    width:100%;
    margin-top:15px;
    font-size:10px;
    color:#ada3a3;
    clear:left;
   /* display:none;*/
}

.tredos_logo
{
    position:relative;
    top:3px;
}

/*----------------------------------------------COOKIES-----------------------------------------------------------*/

.cookies_alert
{
    width:100%;
    
    height:auto;
    padding:10px 0;
  
    background: #452D2D;
    opacity: 0.8;
    position:fixed;
    bottom:0px;
    left:0;
    margin-left:0px;
    
    z-index:10;
}

.cookies_text
{
    font-size:10px;
    color:#fff;
    font-family:'Arial';
    position:relative;
    width:90%;
    
    margin:0 auto;
    text-align:center;
    
}

.cookies_text a 
{
    color:#eee;
    text-decoration:underline;
}

.zamknij_cookies_alert
{
    cursor:pointer;
    color:#fff;
}

/*----------------------------------------------------------------------MOBILE------------------------------------------------------------------------------------------*/

.mobile_menu
{
    width:90%;
    font-size:20px;
    font-weight:400;
    padding:15px 0;
    text-align:center;
    color:#fff;
    display:none;
    cursor:pointer;
    border-top:solid 3px #FFA60A;
    margin:20px auto 0;
}

#kontakt_mobile
{
    display:none;
    float:left;
    width:90%;
    padding:0 5%;
    
    font-size:15px;
    margin-bottom:30px;
    margin-top:30px;
    /*background: #F77A41;*/
    
   
   
    position:relative;
    z-index:2;
}

.kontakt_mobile_button_box
{
    width:33%;
    text-align:center;
    float:left;
}

.kontakt_mobile_button
{
   
    padding:7px 0px;
    width:80%;
   
    cursor:pointer;
    display:inline-block;
    margin: 10px 0px;
    
    font-size:16px;
    color:#fff;
    background:#FFA60A;
    border: solid 1px #fff;
    border-radius:9px;
    
    
}

.lb-number
{
    visibility: hidden;
}

@media (max-width:1300px)
{
    .small_pig
    {
        left: -20px;
        bottom: -135px;
    }
    
    .oferta.podstrona
    {
        margin-bottom:105px;
    }
}

@media (max-width:1100px)
{
    .wrapper
    {
        width:90%;
        padding:0 5%;
    }
    
    .menu_button
    {
        padding:30px 10px;
    }
    
    .pig
    {
        width:42%;
    }
    
    .oferta_left
    {
        width:30%;
        padding:30px 5%;
    }
    
    .oferta_middle
    {
        width:50%;
        padding:30px 5%;
        background:#FFA60A;
        border-radius:0px 30px 30px 0px
    }
    
    .oferta_right
    {
        width:30%;
        padding:30px 5%;
        background:#fff;
        border-radius:30px 0px 30px 30px;
        border-top:4px solid #FFA60A;
    }
    
    .submenu
    {
        padding:0;
    }
    
    .podstrona_container
    {
        width:65%;
    }
    
    
}

@media (max-width:960px)
{
    body
    {
        background-size:1450px;
    }
    
    .pig
    {
        left:0px;
        bottom:-65px;
    }
    
    .logo
    {
        margin:30px auto 0;
        display:block;
        float:none;
    }
    
    .menu
    {
        padding:0;
        float:left;
        position:relative;
        left:50%;
        margin-left:-359px;
    }
    
    .menu_button
    {
        padding:30px 15px;
    }
    
    .banner_title_box
    {
        padding:70px 0px;
        width:280px;
    }
    
    .banner_title
    {
        font-size:40px;
        line-height:50px;
    }
    
    .banner_title strong
    {
        font-size:50px;
        line-height:50px;
    }
    
    .banner_wiecej
    {
        font-size: 18px;
        padding: 5px 18px;
    }
    
    .submenu
    {
        width:100%;
        text-align:center;
    }
    
    .copyrights
    {
        width:100%;
        text-align:center;
        padding-left:0;
    }
    
    .bar_bottom
    {
        display:none;
    }
    
    .podstrona_container
    {
        width:59%;
    }

}

@media (max-width:870px)
{
    body
    {
        background:url(../img/bg_podstrona.png) #553737 no-repeat top center;
        background-size:200% auto;
    }
    
    .banner
    {
        width: 110%;
        margin-left: -5%;
        background:url(../img/bg.png) no-repeat top center;
        background-size:120% auto;
    }
    
    .banner_title_box
    {
        padding: 30px 0px 270px 0%;
        position:relative;
        right:50%;
        margin-right:-155px;
        width:310px;
        
    }
    
    .banner_title
    {
        font-size:28px;
        line-height:32px;
    }
    
    .banner_title strong
    {
        font-size:30px;
        line-height:32px;
    }
    
    .banner_wiecej
    {
        font-size: 14px;
        padding: 4px 14px;
        margin-top:10px;
    }
    
    .pig
    {
        width:auto;
        height:75%;
        bottom:-11%;
        left:15%;
    }
    
    .oferta
    {
        width:60%;
        padding:0 20%;
    }
    
    .oferta.podstrona
    {
        padding:0;
        position:relative;
        left:50%;
        margin-left:-140px;
    }
    
    .oferta_left
    {
        width:90%;
        background:url(../img/oferta_bg_top.png);
        background-size:100% 100%;
        border-radius:0;
        
    }
    
    .oferta_middle
    {
        width:90%;
        height:auto;
        background:url(../img/oferta_bg_center.png);
        background-size:100% 100%;
        border-radius:0;
    }
    
    .oferta_right
    {
        width:90%;
        background:url(../img/oferta_bg_bottom.png);
        background-size:100% 100%;
        border-radius:0;
        border:none;
    }
    
    .oferta_middle_left
    {
        width:100%;
        padding:0;
    }
    
    .oferta_middle_right
    {
        width:100%;
        padding:0;
        padding-top:10px;
    }
    
    .menu
    {
        width:100%;
        margin:0;
        left:0;
    }
    
    .header
    {
        width:110%;
        
        margin-left:-5%;
    
    }
    
    .mobile_menu
    {
        display:block;
    }
    
    .menu_button
    {
        display:none;
        width:90%;
        text-align:center;
        padding:10px 0;
        margin:0 auto;
        float:none;
    }
    
    .menu_scroll
    {
        
        width:90%;
        text-align:center;
        padding:0;
        margin:0 auto;
        float:none;
    }
    
    .menu_scroll_buttons
    {
       
        width:100%;
        text-align:center;
        margin:0 auto;
        float:none;
        position:relative;
        left:0;
        top:0;
        
    }
    
    .menu_button_sub
    {
       
        width:100%;
        text-align:center;
        padding:10px 0;
        margin:0 auto;
        float:none;
        position:relative;
        left:0;
        top:0;
    }
    
    #kontakt_mobile
    {
        display:block;
    }
    
    .submenu_button
    {
        padding:10px;
    }
    
    .podstrona_container
    {
        width:100%;
        padding:20px 0;
    }
}

@media (max-width:770px)
{
    .banner
    {
        background-size:135% auto;
    }
    
}

@media (max-width:700px)
{
    .banner
    {
        background-size:140% auto;
    }
    
}

@media (max-width:650px)
{
    .banner_title_box 
    {
        padding: 30px 0% 220px 0%;
    }

    
}

@media (max-width:600px)
{
    .banner_title_box 
    {
        padding: 30px 0% 190px 0%;
    }
    
    .podstrona_title
    {
        font-size:40px;
        line-height:47px;
    }

    
}

@media (max-width:550px)
{
    .banner_title_box 
    {
        padding: 30px 0% 160px 0%;
    }
    
    .oferta
    {
        width:280px;
        padding:0;
        position:relative;
        left:50%;
        margin-left:-140px;
    }
    
    .oferta_left, .oferta_middle, .oferta_right
    {
        width:90%;
    }

    
}

@media (max-width:500px)
{
    .banner_title_box 
    {
        padding: 30px 0% 120px 0%;
    }

    .kontakt_dane_column
    {
        width:100%;
    }
}

@media (max-width:450px)
{
    .banner_title_box 
    {
        padding: 30px 0% 120px 0%;
    }

    .banner_title
    {
        font-size:20px;
        line-height:25px;
        text-align:center;
    }
    
    .banner_title strong
    {
        font-size:22px;
        line-height:25px;
    }
    
    .banner_wiecej
    {
        font-size: 14px;
        padding: 4px 14px;
        margin-top:10px;
    }
}

@media (max-width:400px)
{
    .banner
    {
        background-size:155% auto;
    }
    
    .pig
    {
        left:5%;
    }
}
 
@media (max-width:350px)
{
    .banner
    {
        background-size:170% auto;
    }
    
    .banner_title_box
    {
        width:80%;
        padding: 30px 15% 100px 15%;
        right:0;
        margin:0;
        
        
        
    }
    
    .banner_title
    {
        text-align:right;
    }
    
    .banner_title strong
    {
        display:block;
    }
    
}