html {
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    font-smooth:auto;
    height:100%;
    margin:0;
    padding:0;
}





body {
    background: #FFF;
    margin:0;
    padding:0;
    color: #06377b;
    table-layout:fixed;
    height:100%;
    font-size:14px;
    position:relative;
    line-height: normal;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;

    background: url(../images/bg1.jpg);
}

body, body * {
    max-height: 1000000px;
}



*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
}


.clearfix:before, .clearfix:after {
    content: '';
    display: table;
}

clearfix:after {
    clear: both;
}



#body {
    min-width: 320px;
    width:100%;
    position:relative;
}






.box {
    max-width: 1540px;
    padding: 0 20px;
    margin: 0 auto;
    position: relative;
}

#header {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
}

#logo {
    float: left;
    margin-top: 33px;
    position: relative;
    z-index: 100;

}

#logo img {
    width: 300px;

    -webkit-transition: opacity 700ms cubic-bezier(0.190, 1.000, 0.220, 1.000) ;
    -moz-transition: opacity 700ms cubic-bezier(0.190, 1.000, 0.220, 1.000) ;
    -o-transition: opacity 700ms cubic-bezier(0.190, 1.000, 0.220, 1.000) ;
    transition: opacity 700ms cubic-bezier(0.190, 1.000, 0.220, 1.000) ;
}

#logo .logo_white {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0;
    z-index: 99;
}


@media (max-width: 1680px) {
    #logo {
        margin-top: 1.96vw;
    }

    #logo img {
        width: 17.86vw;
    }

}


@media (max-width: 769px) {
    #logo {
        margin-top: 4.3vw;
    }

    #logo img {
        width: 40vw;
    }


}





#nav-toggle {
    display: none;
}

@media (max-width: 769px) {

    .open_menu {
        overflow: hidden;
    }

    .open_menu #header {
        position: fixed;
        z-index: 100;
    }

    .open_menu #logo .logo_dark {
        opacity: 0;
    }

    .open_menu #logo .logo_white {
        opacity: 1;
    }


    #nav-toggle  * {
        transition: .25s ease-in-out;
        box-sizing: border-box;
    }

    #nav-toggle span {
        display: block;
        border-radius: 10px;
        overflow: hidden;
        background: #d41921;
    }

    #header.dark #nav-toggle #hamburger span {
        background: #d41921;
    }

    #nav-toggle {
        right: 6.51vw;
        top: 8vw;
        display: block;
        width: 10.42vw;
        height: 10.42vw;
        position: absolute;
        cursor: pointer;
        margin-top: 0;
        z-index: 60;
        border: 0px solid #f00;
    }

    #nav-toggle #hamburger {
        position: absolute;
        height: 100%;
        width: 100%;
    }
    #nav-toggle #hamburger span {
        width: 100%;
        height: 0.9vw;
        position: relative;
        top: 0.65vw;
        left: 0px;
        margin: 1.95vw 0;
    }
    #nav-toggle #hamburger span:nth-child(1) {
        transition-delay: .5s;
    }
    #nav-toggle #hamburger span:nth-child(2) {
        transition-delay: .625s;
    }
    #nav-toggle #hamburger span:nth-child(3) {
        transition-delay: .75s;
    }
    #nav-toggle #cross {
        position: absolute;
        height: 100%;
        width: 100%;
        transform: rotate(45deg);
    }
    #nav-toggle #cross span:nth-child(1) {
        height: 0%;
        width: 0.9vw;
        position: absolute;
        top: 0%;
        left: 45%;
        transition-delay: 0s;
    }
    #nav-toggle #cross span:nth-child(2) {
        width: 0%;
        height: 0.9vw;
        position: absolute;
        left: 0%;
        top: 45%;
        transition-delay: .25s;
    }

    #nav-toggle.open #hamburger span {
        width: 0%;
    }
    #nav-toggle.open #hamburger span:nth-child(1) {
        transition-delay: 0s;
    }
    #nav-toggle.open #hamburger span:nth-child(2) {
        transition-delay: .125s;
    }
    #nav-toggle.open #hamburger span:nth-child(3) {
        transition-delay: .25s;
    }
    #nav-toggle.open #cross span:nth-child(1) {
        height: 100%;
        transition-delay: .825s;
    }
    #nav-toggle.open #cross span:nth-child(2) {
        width: 100%;
        transition-delay: .675s;
    }


}





#menu_env {
    float: right;
    margin-top: 70px;
}



#menu {
    list-style: none;
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0 20px;
    z-index: 20;
}

#menu:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fdd100;
    transform: skew(-30deg);
    z-index: -5;
}


#menu li {
    display: inline-block;
}

#menu a {
    font-size: 20px;
    padding: 5px 20px;
    display: block;
    text-decoration: none;
    color: #06377b;
    position: relative;
    font-weight: 600;
    text-transform: uppercase;
}

#menu a.act {
    color: #fdd100;
    font-weight: 900;
}

#menu a.act:before {
    content: '';
    position: absolute;
    left: 0;
    top: -5px;
    bottom: -5px;
    right: 0;
    transform: skew(-30deg);
    background: #06377b;
    z-index: -1;

}



@media (max-width: 1680px) {


    #menu_env {
        margin-top: 4.17vw;
    }



    #menu {
        padding: 0 1.19vw;
    }




    #menu a {
        font-size: 1.19vw;
        padding: 0.3vw 1.19vw;
    }


    #menu a.act:before {
        top: -0.3vw;
        bottom: -0.3vw;
    }


}

@media (max-width: 769px) {



    #menu_env {
        position: fixed;
        left: 100%;
        top: 0;
        width: 100%;
        bottom: 0;
        background: #06377b;
        z-index: 55;
        margin-top: 0;

        -webkit-transition: all 700ms cubic-bezier(0.190, 1.000, 0.220, 1.000) ;
        -moz-transition: all 700ms cubic-bezier(0.190, 1.000, 0.220, 1.000) ;
        -o-transition: all 700ms cubic-bezier(0.190, 1.000, 0.220, 1.000) ;
        transition: all 700ms cubic-bezier(0.190, 1.000, 0.220, 1.000) ;

    }

    #menu_env.open {
        left: 0;

    }

    #menu {
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    #menu:after {
        display: none;
    }


    #menu li {
        display: block;
        margin: 2.5vw 0px;
        text-align: center;
    }

    #menu li a {
        color: #fdd100;
        font-size: 6.51vw;
    }

    #menu a.act:before {
        display: none;
    }

}










#start {

    min-height: 100vh;
    width: 100%;
    position: relative;

}

.kv {
    width: 100%;
    background: url(../images/bg.jpg) no-repeat center;
    background-size: cover;
}

@media (max-width: 769px) {

    .kv {
        width: 100%;
        background: url(../images/bg_mobile.jpg) no-repeat center left;
        background-size: cover;
    }
}


/*
.kv img {
    display: block;
    margin: 0 auto;
    max-height: 100%;
    max-width: 100%;
}
*/
/*

.page_home #start {
    background: none;
    min-height: 0;
}
*/
.start_kv {
    display: none;
}


@media (max-width: 769px) {

    .start_kv {
        display: block;
        width: 100%;
    }

    #start {
        min-height: 0;
    }

}

#video-wrap {
    overflow: hidden;
    background: url(../images/bg_desktop.jpg) no-repeat center;
    background-size: cover;
    width: 100%;
    /*
    height: 0%;
    padding-bottom: 46.875%;
    margin-bottom: -3%;
    */
    position: relative;
}

@media (max-width: 769px) {

    #video-wrap {
        display: none;
    }
}

.page_home #start {
    overflow: hidden;
}

#top-video {
    width: 100%;
    display: block;
}

#bg1-video {
    width: 100%;
    margin-top: -2%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}


#start_bar {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #c81d22;
    color: #FFF;
    z-index: 10;
}

#start_bar .bottom_row {
    overflow: hidden;
}

/*
.page_home #start_bar {
    position: relative;
}
*/

@media (max-width: 769px) {

    #start_bar {
        position: relative;
    }

}



#start_bar:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: -100px;
    right: 75%;
    top: 0;
    transform: skew(-30deg);
    background: #06377b;
}

.wstep_wolny {
    position: absolute;
    right: 20px;
    top: -86px;
}

#start_bar .data {
    font-size: 50px;
    font-family: swiss, sans-serif;
    float: right;
    padding: 10px 0;
    width: 100%;
    text-align: center;
}

#start_bar .data span {
    font-size: 30px;
    line-height: 1em;
}

.menu__social {
    float: left;
    font-size: 30px;
    font-family: swiss, sans-serif;
    position: absolute;
    padding-top: 30px;

}

.menu__social p {
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px 0 0;
    text-transform: uppercase;
}

.menu__social a {
    vertical-align: middle;
    display: inline-block;
    padding: 0 15px;
    color: #FFF;
}

#menu_env .menu__social {
    display: none;
}




@media (max-width: 1680px) {


    .wstep_wolny {
        width: 22.62vw;
        right: 1.19vw;
        top: -5.12vw; /*-95px;*/
    }

    #start_bar .data {
        font-size: 3.57vw; /*60px;*/
        padding: 0.6vw 0; /*10px 0;*/
    }

    .menu__social {
        font-size: 1.79vw; /*30px;*/
        padding-top: 1.79vw; /*30px;*/

    }

    .menu__social p {
        margin: 0 0.89vw 0 0; /*15*/
    }

    .menu__social a {
        padding: 0 0.89vw; /*15*/
    }


}

@media (max-width: 769px) {

    #menu_env .menu__social {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        color: #FFF;
    }

    #start_bar:before {
        display: none;
    }

    #start_bar .box {
        padding: 0;
    }

    .wstep_wolny {
        width: 28.65vw;
        right: 4vw;
        top: -11.2vw; /*-95px;*/
    }


    #start_bar .data {
        text-align: center;
        float: none;
        font-size: 6.51vw; /*60px;*/
        padding: 2vw 0; /*10px 0;*/
    }



    .menu__social {
        position: relative;
        float: none;
        text-align: center;
        display: block;
        background: #06377b;
        font-size: 3.26vw; /*30px;*/
        padding: 2vw 0; /*30px;*/

    }

    .menu__social a {
        padding: 0 4vw;
        font-size: 6vw;
    }


    .menu__social {
        display: none;
    }

    .page_home .menu__social {
        display: block;
    }

}







#footer {
    margin: 100px auto 0px;
    font-size: 14px;
    color: #e8e8e8;
    padding-bottom: 50px;
}
#footer a {
    text-decoration: none;
}
.page_home #footer {
    margin-top: 30px;
}

#partnerzy_orlen {
    display: flex;
    justify-content: space-between;
}


#partnerzy {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

#box_orlen {
    width: 370px;
     margin: 0 10px 0 0;
}

#box_orlen .label {
    display: none;
}

#box_orlen .logo {
    height: 60px;
}


#partnerzy .partner {
    display: block;
    vertical-align: top;
}


#box_partnerzy {
    width: 180px;
     margin: 0 10px;
}

#box_partnerzy_strategiczni {
    width: 270px;
     margin: 0 10px;
}

#box_medialni {
    width: 320px;
     margin: 0 10px;    
}


#box_partnerzy .lista_partnerow {
    margin-top: 10px;
    flex-wrap: no-wrap;
}





.lista_partnerow a {
    display: block;
    margin: 0 10px;
}

.lista_partnerow a:first-child {
    margin-left: 0;
}

#box_honorowy {
    width: 180px;
    margin: 0 0 0 10px;
   
}



#box_honorowy .lista_partnerow {
}



.lista_partnerow .orlen_logo {
    /*
    height: auto;
    width: 120px;
    */
}

/*
@media (max-width: 1280px) {

    #partnerzy {
        width: 700px
    }

    #partnerzy .partner {
        margin-right: 40px;
    }

    .partner.medialni {
        display: block;
        margin-top: 20px;
    }

}
*/

#partnerzy .label {
    height: 20px;
    margin-bottom: 10px;
    color: #838383;
    text-transform: uppercase;
    font-weight: 900;
}


/*
#orlen {
    width: 250px;
    text-align: right;
    color: #838383;
    text-transform: uppercase;
    font-weight: 900;
}
*/






@media (max-width: 769px) {
    /*
        #partnerzy_orlen {
            display: block;
        }
    */

    #partnerzy {
        display: block;
        width: 100%;
        text-align: center;
    }

    #partnerzy .partner {
        margin:0 0 40px 0;
        text-align: center;
        display: block;
        width: 100%;
    }

    .partner .lista_partnerow {
        flex-wrap: wrap;
        justify-content: center;
    }
    

    .partner .lista_partnerow a {
        margin: 0 3vw;
        margin-bottom: 20px;
        display: block;
    }

    #box_honorowy .lista_partnerow {
        justify-content: center;
    }


    #legal {
        text-align: center;
    }

}


.lista_partnerow {
    display: flex;
    justify-content: space-between;
    flex-wrap: no-wrap;
}

.lista_partnerow img {
    width: auto;
    height: 30px;
}

.lista_partnerow img.monster {
    height: 44px;
    margin-top: -7px;
}

.lista_patronow img {
    width: auto;
    height: 40px;
}

@media (max-width: 1680px) {

    .lista_partnerow img {
        height: 1.8vw;
    }

    .lista_partnerow img.monster {
        height: 2vw;
        margin-top: -0.1vw;
    }    
    
    #box_orlen .logo {
        height: 4.3vw;
    }


}


@media (max-width: 769px) {

    .lista_partnerow img {
        height: 7vw;
    }

    .lista_partnerow img.monster {
        height: 9vw;
        margin-top: -1vw;
    }        


    
    
    #box_orlen .logo {
        height: 12vw;
    }

}


#legal {
    border-top: 1px solid #e8e8e8;
    padding-top: 20px;
    margin-top: 20px;
}

#legal ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 10px;
}

#legal ul li {
    display: inline-block;
    margin-right: 10px;
}

#legal a {
    color: #e8e8e8;
    text-decoration: none;
}


#cookies {
    display: none !important;
}













h1 {
    width: 600px;
    background: url(../images/h1.png) no-repeat center;
    background-size: contain;
    font-size: 80px;
    font-family: swiss, sans-serif;
    text-align: center;
    padding: 40px 0 15px;
    color: #FFF;
    text-transform: uppercase;
    font-weight: normal;
    margin: 40px auto 80px;
}

h2 {
    font-size: 80px;
    color: #06377b;
    font-family: swiss, sans-serif;
    text-transform: uppercase;
    margin: 0 0 40px 0;
    font-weight: normal;
    line-height: 1em;
}

h2 span {
    display: block;
    font-size: 24px;
    font-family: 'Raleway', sans-serif;
    line-height: 1.2em;
    font-weight: 900;
    font-style: italic;
}


h3 {
    font-size: 40px;
    color: #FFFFFF;
    font-family: swiss, sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 22px;
    margin: 0 0 20px 0;
    position: relative;
    display: inline-block;
    padding: 10px 20px 5px;
    margin-left: 10px;
    line-height: 1.2em;
}

h3:before {
    content: '';
    background: #c81d22;
    transform: skew(-30deg);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
}



h4 {
    font-size: 26px;
    color: #06377b;
    font-family: swiss, sans-serif;
    text-transform: uppercase;
    margin: 0px;
    font-weight: normal;
    line-height: 1.2em;
}

.content p {
    font-size: 22px;
    font-family: 'Raleway', sans-serif;
    margin: 0 0 1em 0;
    line-height: 1.3em;
}

.margin {
    height: 50px;
}


@media (max-width: 1680px) {



    h1 {
        width: 35.71vw;
        font-size: 4.76vw;
        padding: 2.38vw 0 0.89vw;
        margin: 2.38vw auto 5vw;
    }

    h2 {
        font-size: 4.76vw;
        margin: 0 0 2.38vw 0;
    }

    h2 span {
        font-size: 1.43vw;
    }


    h3 {
        font-size: 2.38vw;
        font-size: 1.31vw;
        margin: 0 0 1.19vw 0;
        padding: 0.6vw 1.19vw 0.3vw;
        margin-left: 0.6vw;
    }



    h4 {
        font-size: 1.55vw;
    }

    .content p {
        font-size: 1.31vw;
    }


}


@media (max-width: 769px) {



    h1 {
        width: 65.1vw ;
        font-size: 9.77vw;
        padding: 5.21vw 0 1.95vw;
        margin: 5vw auto 5vw;
    }

    h2 {
        font-size: 7.42vw;
        margin: 0 0 5.21vw 0;
    }

    h2 span {
        font-size: 3.13vw;
    }


    h3 {
        font-size: 5.21vw;
        font-size: 2.86vw;
        margin: 0 0 2.6vw 0;
        padding: 1.3vw 2.6vw 0.65vw;
        margin-left: 1.3vw;
    }


    h4 {
        font-size: 3.39vw;
    }

    .content p {
        font-size: 2.08vw;
    }

    .margin {
        height: 6.51vw;
    }

}

@media (max-width: 500px) {
    h4 {
        font-size: 14px;
    }

    .content p {
        font-size: 12px;
    }
}



#program {
    background: url(../images/bg_program.jpg) no-repeat center top;
    background-size: 100%;
    z-index: -2;
    padding-top: 1px;
}

#faq {
    background: url(../images/bg_faq.jpg) no-repeat center top;
    background-size: 100%;
    z-index: -2;
    padding-top: 1px;
}




@media (max-width: 769px) {

    #program {
        background: url(../images/bg_program_mobile.jpg) no-repeat center bottom;
        background-size: contain;
        z-index: -2;
        padding-top: 1px;
        padding-bottom: 65vw;
        margin-bottom: -20vw;
    }

    #faq {
        background: none;
    }

}


#program .cols {
 /*   display: flex;
    justify-content: space-between;    
*/
 }

#program .col {
 /*   width: 47%; */
}

@media (max-width: 480px) {

    #program .cols {
  /*      flex-wrap: wrap; */
    }
    
    #program .col {
    width: 100%;
    margin-bottom: 20px;
}
    
}


#program .content, #faq .content {
    max-width: 45vw;
    padding: 0 20px;
    margin: 0 auto;
    position: relative;
    z-index: 10;
}

@media (max-width: 1680px) {

    #program .content, #faq .content {
        max-width: 45vw;
    }
}


@media (max-width: 769px) {

    #program .content, #faq .content {
        max-width: none;
    }
}


#faq a {
    color: #06377b;
}

#faq img {
    display: block;
    width: 100%;
}




.flex_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 60px;
}




#atrakcje {
    background: url(../images/bg_atrakcje.jpg) no-repeat center top;
    background-size: 100%;
    z-index: -2;
    padding-top: 1px;
}

#atrakcje .flex_box {
    margin-bottom: 3.13vw;
}

#atrakcje .content {
    max-width: 80.21vw;
    padding: 0 20px;
    margin: 0 auto;
    position: relative;
    z-index: 10;
}

#atrakcje .extra_padding {
    padding-left: 4.69vw;
}



@media (max-width: 769px) {

    #atrakcje .content {
        max-width: none;
    }

    #atrakcje .extra_padding {
        padding-left: 0;
    }

}



#atrakcje .text {
    width: 780px;
}

#atrakcje .img {
    margin: 0 0 0 1.56vw;
    width: 600px;
}

#atrakcje .img img {
    width: 100%;
}

#atrakcje .blok2 .img, #atrakcje .blok4 .img, #atrakcje .blok5 .img, #atrakcje .blok7 .img {
    order: -1;
    margin: 0 1.56vw 0 0;
}


#atrakcje .blok5 .img, #atrakcje .blok6 .img {
    margin: 0;
    width: 630px;
}

#atrakcje .blok6 .img {
    margin: 0 0 0  4vw;
}

@media (max-width: 769px) {
    #atrakcje .blok6 .img {
        display: none;
    }
    
    #atrakcje .blok6 .text_img {
          margin: 0 !important;
    }
}

#atrakcje .blok5 .text_img, #atrakcje .blok6 .text_img {
    margin: 0 0 0 1.56vw;
    width: 100%;
}


@media (max-width: 769px) {

    #pit_party .img {
        display: none;
    }

    .flex_box {
        display: block;
        margin-bottom: 7vw;
    }

    #atrakcje .text, #atrakcje .img, #atrakcje .blok5 .text_img, #atrakcje .blok5 .img {
        width: 100%;
        margin: 0;
    }

    
    #pit_party .img, #strefa_rodzinna .img {
        display: block !important;
        margin: 0 !important;
        width: 100% !important;
    }


}

#atrakcje .img .atrakcje_1 {
    width: 90%;
    margin-bottom: 3vw;
}

#atrakcje .img .atrakcje_2 {
    width: 90%;
    margin-bottom: 3vw;
    margin-left: 5%;
}

#atrakcje .img .atrakcje_3 {
    width: 90%;
    margin-bottom: 3vw;
}

@media (max-width: 769px) {

    #atrakcje .img .atrakcje_1 {
        width: 100%;
    }

    #atrakcje .img .atrakcje_2, #atrakcje .img .atrakcje_3 {
      display: none;
    }
}




#koncerty_gwiazd .img img {
     margin-bottom: 3vw;
}

#koncerty_gwiazd .img .koncerty_1 {
    width: 60%;
     margin-left: 35%;
    margin-bottom: 3vw;
}

#koncerty_gwiazd .img .koncerty_2 {
    width: 60%;
    margin-bottom: 3vw;
    margin-left: 15%;
}


@media (max-width: 769px) {

    #koncerty_gwiazd .img .koncerty_1, #atrakcje .img .koncerty_2 {
      display: none;
    }
}







#tor_dakar .text_img {
    display: none;
}

#tor_dakar .dakar_1 {
    margin-bottom: 3vw;
}

@media (max-width: 769px) {


    #tor_dakar .text_img {
        display: block;
    }

}




#tor_action .img .action_1 {
    width: 90%;
    margin-bottom: 3vw;
}

#tor_action .img .action_2 {
    width: 90%;
    margin-bottom: 3vw;
    margin-left: 5%;
}

#tor_action .img .action_3 {
    width: 90%;
    margin-bottom: 3vw;
    display: none;
}

@media (max-width: 769px) {

    #tor_action .img .action_1 {
        width: 100%;
        display: block;
    }

    #tor_action .img .action_2, #tor_action .img .action_3 {
      display: none;
    }
}













#submenu_env {
    position: relative;

}

#submenu {
    position: absolute;
    top: 20px;
    left: 0;
    list-style: none;
    margin: 0 0 0 30px;
    padding: 0;
    font-family:'swiss thin', sans-serif;
    font-size: 18px;
    text-transform: uppercase;
}

#submenu.fixed {
    position: fixed;
}

#submenu li {
    margin-bottom: 10px;
}

#submenu li a {
    text-decoration: none;
    color: #c81d22;
}

#submenu li:before {
    content: "";
    display: inline-block;
    background: #c81d22;
    height: 2px;
    width: 0px;
    vertical-align: middle;
    margin: 0 10px 0 -10px;

    -webkit-transition: all 700ms cubic-bezier(0.190, 1.000, 0.220, 1.000) ;
    -moz-transition: all 700ms cubic-bezier(0.190, 1.000, 0.220, 1.000) ;
    -o-transition: all 700ms cubic-bezier(0.190, 1.000, 0.220, 1.000) ;
    transition: all 700ms cubic-bezier(0.190, 1.000, 0.220, 1.000) ;
}

#submenu li.act:before {
    width: 15px;
}


@media (max-width: 1680px) {

    #submenu {
        top: 1.19vw;
        margin: 0 0 0 1.79vw;
        font-size: 1.07vw;
    }

    #submenu li {
        margin-bottom: 0.6vw;
    }

    #submenu li:before {
        height: 0.12vw;
        margin: 0 0.6vw 0 -0.6vw;
    }

    #submenu li.act:before {
        width: 0.89vw;
    }


}


@media (max-width: 769px) {

    #submenu_env {
        display: none;
    }
}











#odpowiedzi {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 18px;
}

@media (max-width: 1680px) {

    #odpowiedzi {
        font-size: 1.07vw;
    }

}

@media (max-width: 769px) {

    #odpowiedzi {
        font-size: 2.34vw;
    }

}

@media (max-width: 500px) {

    #odpowiedzi {
        font-size: 12px;
    }
}



#odpowiedzi>li {
    padding:0px 0 0px;
}

#odpowiedzi>li:after {
    content: '';
    width: 100%;
    display: block;
    border-bottom: 2px solid #cccccc;
}


#odpowiedzi ul {
    list-style: disc;
}

#odpowiedzi .pytanie {
    cursor: pointer;
    margin: 10px 0;
    position: relative;
    font-weight: 900;
    line-height: 1.2em;
    padding-right: 25px;
}


@media (max-width: 1680px) {

    #odpowiedzi .pytanie {
        margin: 0.6vw 0;
    }
}

@media (max-width: 769px) {

    #odpowiedzi .pytanie {
        margin: 3vw 0;
    }

}

@media (max-width: 500px) {

    #odpowiedzi {
        font-size: 12px;
    }
}




#odpowiedzi .pytanie span {
    width: 15px;
    height: 15px;
    position: absolute;
    right: 0;
    top: 0px;
}





#odpowiedzi .pytanie span:after, #odpowiedzi .pytanie span:before {
    content: '';
    background: #b82026;
    width: 100%;
    height: 2px;
    position: absolute;
    top: 50%;
    margin-top: -1px;

    -webkit-transition: all 700ms cubic-bezier(0.190, 1.000, 0.220, 1.000) ;
    -moz-transition: all 700ms cubic-bezier(0.190, 1.000, 0.220, 1.000) ;
    -o-transition: all 700ms cubic-bezier(0.190, 1.000, 0.220, 1.000) ;
    transition: all 700ms cubic-bezier(0.190, 1.000, 0.220, 1.000) ;
}

#odpowiedzi .pytanie span:after {
    transform: rotate(90deg);
}

#odpowiedzi .act .pytanie span:before {
    transform: rotate(360deg);
}

#odpowiedzi .act .pytanie span:after {
    transform: rotate(360deg);
}




#odpowiedzi .odpowiedz {
    height: 0;
    overflow: hidden;
}

#odpowiedzi .odp {
    padding: 10px 0;
}


@media (max-width: 1680px) {

    #odpowiedzi .odp {
        padding: 0.6vw 0;
    }
}

@media (max-width: 769px) {

    #odpowiedzi .odp {
        padding: 0 0 3vw;
    }

}











#kontakt {
    background: url(../images/bg_kontakt.jpg) no-repeat center;
    background-size: cover;
    z-index: -2;
    padding-top: 1px;
    height: 51.3vw;
}

@media (max-width: 769px) {

    #kontakt {
        background: url(../images/bg_kontakt_mobile.jpg) no-repeat center bottom;
        background-size: cover;
        height: 90vw;
    }

}





#kontakt .content {
    max-width: 67.71vw;
    padding: 0 20px;
    margin: 0 auto;
    position: relative;
    z-index: 10;
}

@media (max-width: 769px) {

    #kontakt .content {
        max-width: none;
    }

}


#kontakt h2 {
    font-size: 2.08vw;
    color: #ca1c22;
    margin: 0;
    line-height: 1em;
    margin-top: 2.08vw;
}


#kontakt a {
    font-size: 1.67vw;
    font-weight: 900;
    color: #002952;
    line-height: 1em;
    text-decoration: none;
    border-bottom: 1px solid #002952;
    padding-bottom: -3px;
    display: inline-block;
}


@media (max-width: 769px) {

    #kontakt h2 {
        font-size: 5.21vw;
        margin-top: 5.21vw;
    }


    #kontakt h2.first {
        margin-top: -5vw;
    }

    #kontakt a {
        font-size: 4.17vw;

    }

}


#kontakt a.pobierz {
    font-weight: normal;
    font-size: 1.15vw;
}


@media (max-width: 1680px) {
    #kontakt a.pobierz {
        font-size: 1.31vw;
    }
}


@media (max-width: 769px) {
    #kontakt a.pobierz {
        font-size: 2.08vw;
    }
}


@media (max-width: 500px) {
    #kontakt a.pobierz {
        font-size: 12px;
    }
}









#o_imprezie {
    background: url(../images/bg_o_imprezie.jpg) no-repeat center;
    background-size: cover;
    z-index: -2;
    padding-top: 1px;
    min-height: 60vw;
}



@media (max-width: 769px) {

    #o_imprezie {
        background: url(../images/bg_o_imprezie_mobile.jpg) no-repeat center bottom;
        background-size: contain;
        height: auto;
        padding-bottom: 40vw;
    }
}





#o_imprezie .content {
    max-width: 67.71vw;
    padding: 0 20px;
    margin: 0 auto;
    position: relative;
    z-index: 10;
}

#o_imprezie .content h2 {
    font-size: 4.17vw;
}

#o_imprezie .content p {
    width: 40%;
    font-size: 1.15vw;
}

#o_imprezie .content a {
    color: #06377b;
}

@media (max-width: 769px) {

    #o_imprezie .content {
        max-width: none;
    }

    #o_imprezie .content p {
        width: auto;
    }

}





@media (max-width: 769px) {

    #o_imprezie h2 {
        font-size: 7.42vw;
    }

    #o_imprezie .content p {
        font-size: 2.08vw;
    }

}

@media (max-width: 500px) {

    #o_imprezie .content p {
        font-size: 12px;
    }
}











#mapa .content {
    max-width: 67.71vw;
    padding: 0 20px;
    margin: 0 auto;
    position: relative;
    z-index: 10;
}

#mapa .content h2 {
    font-size: 4.17vw;
}

#mapa .content p {
    font-size: 1.15vw;
}

@media (max-width: 769px) {

    #mapa .content {
        max-width: none;
    }

    #mapa .content p {
        width: auto;
    }

}





@media (max-width: 769px) {

    #mapa h2 {
        font-size: 7.42vw;
    }

    #mapa .content p {
        font-size: 2.08vw;
    }

}

@media (max-width: 500px) {

    #mapa .content p {
        font-size: 12px;
    }
}
















#poprzednie_edycje {
    background: url(../images/poprzednie.jpg) no-repeat center top;
    background-size: 100%;
    z-index: -2;
    padding-top: 1px;
}

@media (max-width: 769px) {

    #poprzednie_edycje {
        background: url(../images/poprzednie_mobile.jpg) no-repeat center bottom;
        background-size: contain;
        height: auto;
        padding-bottom: 100vw;
    }
}



#poprzednie_edycje .content_poprzednie {
    max-width: 67.71vw;
    padding: 0 20px;
    margin: 0 auto;
    position: relative;
    z-index: 10;
}


#poprzednie_edycje .content {
    margin-top: 10vw;
    margin-left: 55%;
}

#poprzednie_edycje .content_poprzednie h2 {
    font-size: 4.17vw;
}
/*
#poprzednie_edycje .content_poprzednie p {
    font-size: 1.15vw;
}
*/

@media (max-width: 769px) {

    #poprzednie_edycje .content_poprzednie {
        max-width: none;
    }
    
    #poprzednie_edycje .content {
        margin-top: 10vw;
        margin-left: 0;
    }    

    #poprzednie_edycje .content p {
        width: auto;
    }

}








.daty {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 18px;
}

@media (max-width: 1680px) {

    .daty {
        font-size: 1.07vw;
    }

}

@media (max-width: 769px) {

    .daty {
        font-size: 2.34vw;
    }

}

@media (max-width: 500px) {

    .daty {
        font-size: 12px;
    }
}



.daty > li {
    padding:0px 0 0px;
}

.daty > li:after {
    content: '';
    width: 100%;
    display: block;
    border-bottom: 2px solid #cccccc;
}


.daty ul {
    list-style: disc;
}

.daty .data {
    cursor: pointer;
    margin: 10px 0;
    position: relative;
    font-weight: 900;
    line-height: 1.2em;
    padding-right: 25px;
    font-family: swiss,sans-serif;
    font-size: 34px;
}

@media (max-width: 1680px) {

    .daty .data {
        font-size: 1.5vw;
    }

}

@media (max-width: 769px) {

    .daty .data {
        font-size: 3vw;
    }

}

@media (max-width: 500px) {

    .daty .data {
        font-size: 14px;
    }
}



@media (max-width: 1680px) {

    .daty .data {
        margin: 0.6vw 0;
    }
}

@media (max-width: 769px) {

    .daty .data {
        margin: 3vw 0;
    }

}

@media (max-width: 500px) {

    .daty {
        font-size: 12px;
    }
}




.daty .data span {
    width: 25px;
    height: 25px;
    position: absolute;
    right: 0;
    top: 0px;
    background: #b82026;
    border: 5px solid #b82026;
    border-radius: 50px;
}





.daty .data span:after, .daty .data span:before {
    content: '';
    background: #FFF;
    width: 100%;
    height: 2px;
    position: absolute;
    top: 50%;
    margin-top: -1px;

    -webkit-transition: all 700ms cubic-bezier(0.190, 1.000, 0.220, 1.000) ;
    -moz-transition: all 700ms cubic-bezier(0.190, 1.000, 0.220, 1.000) ;
    -o-transition: all 700ms cubic-bezier(0.190, 1.000, 0.220, 1.000) ;
    transition: all 700ms cubic-bezier(0.190, 1.000, 0.220, 1.000) ;
}

.daty .data span:after {
    transform: rotate(90deg);
}

.daty .act .data span:before {
    transform: rotate(360deg);
}

.daty .act .data span:after {
    transform: rotate(360deg);
}




.daty .opis {
    height: 0;
    overflow: hidden;
}

.daty .txt {
    padding: 10px 0 30px;
}


@media (max-width: 1680px) {

    .daty .txt {
        padding: 0.6vw 0;
    }
}

@media (max-width: 769px) {

    .daty .txt {
        padding: 0 0 3vw;
    }

}

















/* mobile */
@media screen and (min-width: 320px) {


}

/* iPhone, etc landscape ---- */
@media only screen and (min-width: 480px) {


}


/* iPad, tablets etc portrait ---- */
@media screen and (min-width: 770px) {


}


/* Laptops, Desktops, etc ---- */
@media screen and (min-width: 1024px) {



}


/* Desktop */
@media screen and (min-width: 1200px) {



}


@media screen and (min-width: 1680px) {



}


@media only screen and (orientation : portrait)  {



}




img {
    height:auto;
    border:0;
}

.fleft {
    float: left;
}

.fright {
    float: right;
}

.tleft {
    text-align: left;
}

.tright {
    text-align: right;
}

.tcenter {
    text-align: center;
}

.clear { clear:both; height:0px; overflow:hidden; }
.br { clear:both; height:0em; overflow:hidden; }


* { outline: none; }
:focus { -moz-outline-style: none; }
:-moz-any-link:focus { outline: none; }
#sensis, #preload { border:0px solid #f00; width:0px; height:0px; display:none;}