/**
 * Style głównej strony
 * * Animacje we/wy
 */

 .forward #main_container > #logo_container{
    opacity: 0;
    -webkit-transform: translateY(-300px);
        -ms-transform: translateY(-300px);
            transform: translateY(-300px);
}
.backward #main_container > #logo_container{
    opacity: 0;
    -webkit-transform: translateY(-300px);
        -ms-transform: translateY(-300px);
            transform: translateY(-300px);
}
.menu_still_opened #main_container > #logo_container{
    -webkit-transition-delay: var(--menu_opened_delay);
         -o-transition-delay: var(--menu_opened_delay);
            transition-delay: var(--menu_opened_delay);
}


/**
 * Strona grupy smaków
 */
 @media all and (min-width: 768px){
    .forward  #flavor_group_container .title_container,
    .backward  #flavor_group_container .title_container,
    .left  #flavor_group_container .title_container{
        -webkit-transform: translateY(-100px);
            -ms-transform: translateY(-100px);
                transform: translateY(-100px);
        opacity: 0;
    }
    .forward  #flavor_group_container .description_container,
    .backward  #flavor_group_container .description_container,
    .left  #flavor_group_container .description_container{
        -webkit-transform: translateY(100px);
        -ms-transform: translateY(100px);
        transform: translateY(100px);
        opacity: 0;
    }
    
    .delay_forward #flavor_group_container .title_container,
    .delay_forward #flavor_group_container .description_container,
    .delay_backward #flavor_group_container .title_container,
    .delay_backward #flavor_group_container .description_container{
        -webkit-transition-delay: .5s;
        -o-transition-delay: .5s;
        transition-delay: .5s;
    }
}
    


/**
 * Strona grupy smaków
 * * Fala Wave
 */
.forward #flavor_group_container .flavor_group_background,
.backward #flavor_group_container .flavor_group_background{
/* .left #flavor_group_container .flavor_group_background{ */
    -webkit-transition-delay: 0.15s;
         -o-transition-delay: 0.15s;
            transition-delay: 0.15s;
    left: 100%;
}
.delay_forward #flavor_group_container .flavor_group_background{
    -webkit-transition-delay: 0.05s;
         -o-transition-delay: 0.05s;
            transition-delay: 0.05s;
} 
.delay_backward #flavor_group_container .flavor_group_background{
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s;
} 



/**
 * Strona konkretnego smaku
 * * Stylowanie butelki
 * * * Animacja wejścia / wyjścia 
 */
.forward.load_type_1 #specific_flavor_container .specific_flavor_background img.mask,
.forward.load_type_1 #specific_flavor_container .specific_flavor_background .mask_modifier,
.out.backward.load_type_1 #specific_flavor_container .specific_flavor_background img.mask,
.out.backward.load_type_1 #specific_flavor_container .specific_flavor_background .mask_modifier{
    -webkit-transform: translateY(100vh);
        -ms-transform: translateY(100vh);
            transform: translateY(100vh);
}

.backward.load_type_1 #specific_flavor_container .specific_flavor_background img.mask,
.backward.load_type_1 #specific_flavor_container .specific_flavor_background .mask_modifier,
.out.forward.load_type_1 #specific_flavor_container .specific_flavor_background img.mask,
.out.forward.load_type_1 #specific_flavor_container .specific_flavor_background .mask_modifier{
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);
}

.forward.load_type_1 #specific_flavor_container .specific_flavor_background .background_container .background,
.out.backward.load_type_1 #specific_flavor_container .specific_flavor_background .background_container .background{
    opacity: 0;
}

.backward.load_type_1 #specific_flavor_container .specific_flavor_background .background_container .background,
.out.forward.load_type_1 #specific_flavor_container .specific_flavor_background .background_container .background{
    opacity: 0;
}

.load_type_1.delay_forward #specific_flavor_container .specific_flavor_background .background_container .background{
    -webkit-transition-delay: 1s;
         -o-transition-delay: 1s;
            transition-delay: 1s;
}

.load_type_1.delay_backward #specific_flavor_container .specific_flavor_background .background_container .background{
    -webkit-transition-delay: 1s;
         -o-transition-delay: 1s;
            transition-delay: 1s;
}

.load_type_1.delay_forward.out #specific_flavor_container .specific_flavor_background .background_container .background{
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s;
}



/**
 * Strona konkretnego smaku
 * * Animacje wejścia / wyjścia
 */
.delay_forward #specific_flavor_container .title_container{
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s;
}
.delay_forward #specific_flavor_container .description_container .first_column{
    -webkit-transition-delay: 0.1s;
         -o-transition-delay: 0.1s;
            transition-delay: 0.1s;
}
.delay_forward #specific_flavor_container .description_container .second_column{
    -webkit-transition-delay: 0.2s;
         -o-transition-delay: 0.2s;
            transition-delay: 0.2s;
}

.delay_forward #specific_flavor_container .description_container .flavor_navigation_container{
    -webkit-transition-delay: 0.3s;
         -o-transition-delay: 0.3s;
            transition-delay: 0.3s;
}


.delay_backward #specific_flavor_container .title_container{
    -webkit-transition-delay: 0.2s;
         -o-transition-delay: 0.2s;
            transition-delay: 0.2s;
}
.delay_backward #specific_flavor_container .description_container .first_column{
    -webkit-transition-delay: 0.1s;
         -o-transition-delay: 0.1s;
            transition-delay: 0.1s;
}
.delay_backward #specific_flavor_container .description_container .second_column{
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s;
}
.delay_backward #specific_flavor_container .description_container .flavor_navigation_container{
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s;
}


.menu_still_opened.delay_forward #specific_flavor_container .title_container{
    -webkit-transition-delay: var(--menu_opened_delay);
         -o-transition-delay: var(--menu_opened_delay);
            transition-delay: var(--menu_opened_delay);
}
.menu_still_opened.delay_forward #specific_flavor_container .description_container .first_column{
    -webkit-transition-delay: calc(0.1s + var(--menu_opened_delay));
         -o-transition-delay: calc(0.1s + var(--menu_opened_delay));
            transition-delay: calc(0.1s + var(--menu_opened_delay));
}
.menu_still_opened.delay_forward #specific_flavor_container .description_container .second_column{
    -webkit-transition-delay: calc(0.2s + var(--menu_opened_delay));
         -o-transition-delay: calc(0.2s + var(--menu_opened_delay));
            transition-delay: calc(0.2s + var(--menu_opened_delay));
}
.menu_still_opened.delay_forward #specific_flavor_container .description_container .flavor_navigation_container{
    -webkit-transition-delay: calc(0.3s + var(--menu_opened_delay));
         -o-transition-delay: calc(0.3s + var(--menu_opened_delay));
            transition-delay: calc(0.3s + var(--menu_opened_delay));
}
.menu_still_opened.delay_forward #specific_flavor_container .specific_flavor_background img.mask,
.menu_still_opened.delay_forward #specific_flavor_container .specific_flavor_background .background_container,
.menu_still_opened.delay_forward #specific_flavor_container .specific_flavor_background .mask_modifier,
.menu_still_opened.delay_forward #specific_flavor_container .specific_flavor_background .background_container .background{
    -webkit-transition-delay: var(--menu_opened_delay);
         -o-transition-delay: var(--menu_opened_delay);
            transition-delay: var(--menu_opened_delay);
}


.menu_still_opened.delay_backward #specific_flavor_container .title_container{
    -webkit-transition-delay: calc(0.2s + var(--menu_opened_delay));
         -o-transition-delay: calc(0.2s + var(--menu_opened_delay));
            transition-delay: calc(0.2s + var(--menu_opened_delay));
}
.menu_still_opened.delay_backward #specific_flavor_container .description_container .first_column{
    -webkit-transition-delay: calc(0.1s + var(--menu_opened_delay));
         -o-transition-delay: calc(0.1s + var(--menu_opened_delay));
            transition-delay: calc(0.1s + var(--menu_opened_delay));
}
.menu_still_opened.delay_backward #specific_flavor_container .description_container .second_column{
    -webkit-transition-delay: var(--menu_opened_delay);
         -o-transition-delay: var(--menu_opened_delay);
            transition-delay: var(--menu_opened_delay);
}
.menu_still_opened.delay_backward #specific_flavor_container .description_container .flavor_navigation_container{
    -webkit-transition-delay: var(--menu_opened_delay);
         -o-transition-delay: var(--menu_opened_delay);
            transition-delay: var(--menu_opened_delay);
}
.menu_still_opened.delay_backward #specific_flavor_container .specific_flavor_background img.mask,
.menu_still_opened.delay_backward #specific_flavor_container .specific_flavor_background .background_container,
.menu_still_opened.delay_backward #specific_flavor_container .specific_flavor_background .mask_modifier,
.menu_still_opened.delay_backward #specific_flavor_container .specific_flavor_background .background_container .background{
    -webkit-transition-delay: var(--menu_opened_delay);
         -o-transition-delay: var(--menu_opened_delay);
            transition-delay: var(--menu_opened_delay);
}




.forward #specific_flavor_container .title_container{
    -webkit-transform: translateY(300px);
        -ms-transform: translateY(300px);
            transform: translateY(300px);
    opacity: 0;
}
.backward #specific_flavor_container .title_container{
    -webkit-transform: translateY(-300px);
        -ms-transform: translateY(-300px);
            transform: translateY(-300px);
    opacity: 0;
}

.out.forward #specific_flavor_container .title_container{
    -webkit-transform: translateY(-300px);
        -ms-transform: translateY(-300px);
            transform: translateY(-300px);
    opacity: 0;
}
 
.out.backward #specific_flavor_container .title_container{
    -webkit-transform: translateY(300px);
        -ms-transform: translateY(300px);
            transform: translateY(300px);
    opacity: 0;
}

.forward #specific_flavor_container .description_container .first_column{
    -webkit-transform: translateY(300px);
        -ms-transform: translateY(300px);
            transform: translateY(300px);
    opacity: 0;
}
.backward #specific_flavor_container .description_container .first_column{
    -webkit-transform: translateY(-300px);
        -ms-transform: translateY(-300px);
            transform: translateY(-300px);
    opacity: 0;
}

.out.forward #specific_flavor_container .description_container .first_column {
    -webkit-transform: translateY(-300px);
        -ms-transform: translateY(-300px);
            transform: translateY(-300px);
    opacity: 0;
}

.out.backward #specific_flavor_container .description_container .first_column {
    -webkit-transform: translateY(300px);
        -ms-transform: translateY(300px);
            transform: translateY(300px);
    opacity: 0;
}

.forward #specific_flavor_container .description_container .second_column{
    -webkit-transform: translateY(300px);
        -ms-transform: translateY(300px);
            transform: translateY(300px);
    opacity: 0;
}
.backward #specific_flavor_container .description_container .second_column{
    -webkit-transform: translateY(-300px);
        -ms-transform: translateY(-300px);
            transform: translateY(-300px);
    opacity: 0;
}
.out.forward #specific_flavor_container .description_container .second_column {
    -webkit-transform: translateY(-300px);
        -ms-transform: translateY(-300px);
            transform: translateY(-300px);
    opacity: 0;
}
.out.backward #specific_flavor_container .description_container .second_column {
    -webkit-transform: translateY(300px);
        -ms-transform: translateY(300px);
            transform: translateY(300px);
    opacity: 0;
}

.forward #specific_flavor_container .description_container .flavor_navigation_container{
    -webkit-transform: translateY(300px);
        -ms-transform: translateY(300px);
            transform: translateY(300px);
}
.backward #specific_flavor_container .description_container .flavor_navigation_container{
    -webkit-transform: translateY(-300px);
        -ms-transform: translateY(-300px);
            transform: translateY(-300px);
}
.out.forward #specific_flavor_container .description_container .flavor_navigation_container{
    -webkit-transform: translateY(-300px);
        -ms-transform: translateY(-300px);
            transform: translateY(-300px);
}
.out.backward #specific_flavor_container .description_container .flavor_navigation_container{
    -webkit-transform: translateY(300px);
        -ms-transform: translateY(300px);
            transform: translateY(300px);
}




.forward #specific_flavor_container .description_container .flavor_navigation_container{
    -webkit-transform: translateY(300px);
        -ms-transform: translateY(300px);
            transform: translateY(300px);
    opacity: 0;
}
.backward #specific_flavor_container .description_container .flavor_navigation_container{
    -webkit-transform: translateY(-300px);
        -ms-transform: translateY(-300px);
            transform: translateY(-300px);
    opacity: 0;
}

.out.forward #specific_flavor_container .description_container .flavor_navigation_container{
    -webkit-transform: translateY(-300px);
        -ms-transform: translateY(-300px);
            transform: translateY(-300px);
    opacity: 0;
}

.out.backward #specific_flavor_container .description_container .flavor_navigation_container{
    -webkit-transform: translateY(300px);
        -ms-transform: translateY(300px);
            transform: translateY(300px);
    opacity: 0;
}





/**
 * Stylowanie animacji we / wy przy bezpośrednim dostępie do strony O NAS i DO POBRANIA
 *
**/

.forward div#two_columns_template_container .first_column,
.backward div#two_columns_template_container .first_column,
.left div#two_columns_template_container .first_column{
    -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
            transform: translateX(-100%);
}
.forward div#two_columns_template_container .second_column,
.backward div#two_columns_template_container .second_column,
.left div#two_columns_template_container .second_column{
    -webkit-transform: translateX(-200%);
        -ms-transform: translateX(-200%);
            transform: translateX(-200%);
}
div#two_columns_template_container .second_column,
div#two_columns_template_container .first_column{
    -webkit-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}



/**
 * Stylowanie strony KONATKT
 */

.delay_forward #contact_page_container .description_container .first_column .content_container{
    -webkit-transition-delay: 1.4s;
         -o-transition-delay: 1.4s;
            transition-delay: 1.4s;
}
.delay_forward #contact_page_container .description_container .second_column .content_container{
    -webkit-transition-delay: 1.25s;
         -o-transition-delay: 1.25s;
            transition-delay: 1.25s;
}
.delay_forward #contact_page_container .description_container .third_column .content_container .movable_container{
    -webkit-transition-delay: 1.1s;
         -o-transition-delay: 1.1s;
            transition-delay: 1.1s;
}
.delay_backward #contact_page_container .description_container .first_column .content_container{
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s;
}
.delay_backward #contact_page_container .description_container .second_column .content_container{
    -webkit-transition-delay: .15s;
         -o-transition-delay: .15s;
            transition-delay: .15s;
}
.delay_backward #contact_page_container .description_container .third_column .content_container .movable_container{
    -webkit-transition-delay: .3s;
         -o-transition-delay: .3s;
            transition-delay: .3s;
}

.menu_still_opened.delay_backward #contact_page_container .description_container .first_column .content_container{
    -webkit-transition-delay: var(--menu_opened_delay);
         -o-transition-delay: var(--menu_opened_delay);
            transition-delay: var(--menu_opened_delay);
}
.menu_still_opened.delay_backward #contact_page_container .description_container .second_column .content_container{
    -webkit-transition-delay: calc(0.05s + var(--menu_opened_delay));
         -o-transition-delay: calc(0.05s + var(--menu_opened_delay));
            transition-delay: calc(0.05s + var(--menu_opened_delay));
}
.menu_still_opened.delay_backward #contact_page_container .description_container .third_column .content_container .movable_container{
    -webkit-transition-delay: calc(0.1s + var(--menu_opened_delay));
         -o-transition-delay: calc(0.1s + var(--menu_opened_delay));
            transition-delay: calc(0.1s + var(--menu_opened_delay));
    -webkit-transition-duration: .5s;
         -o-transition-duration: .5s;
            transition-duration: .5s;
}

.forward #contact_page_container .description_container .third_column .content_container .movable_container,
.out.backward #contact_page_container .description_container .third_column .content_container .movable_container,
.backward #contact_page_container .description_container .third_column .content_container .movable_container,
.out.forward #contact_page_container .description_container .third_column .content_container .movable_container{
    -webkit-transform: translateX(30px);
        -ms-transform: translateX(30px);
            transform: translateX(30px);
    opacity: 0;
}

.forward #contact_page_container .description_container .first_column .content_container,
.out.backward #contact_page_container .description_container .first_column .content_container,
.backward #contact_page_container .description_container .first_column .content_container,
.out.forward #contact_page_container .description_container .first_column .content_container{
    -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
            transform: translateY(30px);
    opacity: 0;
}

.forward #contact_page_container .description_container .second_column .content_container,
.out.backward #contact_page_container .description_container .second_column .content_container,
.backward #contact_page_container .description_container .second_column .content_container,
.out.forward #contact_page_container .description_container .second_column .content_container{
    -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
            transform: translateY(30px);
    opacity: 0;
}





/**
 * Stylowanie strony KONTAKT
 * / Animacja we / wy kapsla
 */

.forward #contact_page_container .contact_page_background,
.backward #contact_page_container .contact_page_background{
    -webkit-transform: translateX(570px);
        -ms-transform: translateX(570px);
            transform: translateX(570px);
}
.delay_backward #contact_page_container .contact_page_background,
.delay_backward #contact_page_container .contact_page_background .background_container img.background{
    -webkit-transition-delay: .4s;
         -o-transition-delay: .4s;
            transition-delay: .4s;
    -webkit-transition-timing-function: ease-in;
         -o-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
}
.forward #contact_page_container .contact_page_background .background_container img.background,
.backward #contact_page_container .contact_page_background .background_container img.background{
    -webkit-transform: rotate(-270deg);
        -ms-transform: rotate(-270deg);
            transform: rotate(-270deg);
}

.menu_still_opened.delay_backward #contact_page_container .contact_page_background,
.menu_still_opened.delay_backward #contact_page_container .contact_page_background .background_container img.background{
    -webkit-transition-delay: calc(0.2s + var(--menu_opened_delay));
         -o-transition-delay: calc(0.2s + var(--menu_opened_delay));
            transition-delay: calc(0.2s + var(--menu_opened_delay));
}