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

 .left #main_container > #logo_container,
 .load_type_0 #main_container > #logo_container{
     opacity: 0;
     -webkit-transform: translateX(300px);
         -ms-transform: translateX(300px);
             transform: translateX(300px);
 }
 .menu_still_opened.delay_left #main_container > #logo_container{
     -webkit-transition-delay: 0s;
          -o-transition-delay: 0s;
             transition-delay: 0s;
     -webkit-transition-duration: .7s;
          -o-transition-duration: .7s;
             transition-duration: .7s;
 }
 
 
 
 
 /**
  * Strona grupy smaków
  */
 
 .forward.delay_left  #flavor_group_container .title_container,
 .backward.delay_left  #flavor_group_container .title_container,
 .left.delay_left  #flavor_group_container .title_container{
     -webkit-transform: translateY(0px);
         -ms-transform: translateY(0px);
             transform: translateY(0px);
     opacity: 1;
 }
  
 .forward.delay_left  #flavor_group_container .description_container,
 .backward.delay_left  #flavor_group_container .description_container,
 .left.delay_left  #flavor_group_container .description_container{
     -webkit-transform: translateY(0px);
         -ms-transform: translateY(0px);
             transform: translateY(0px);
     opacity: 1;
 }
  
 .delay_forward.load_type_0 #flavor_group_container .title_container,
 .delay_forward.load_type_0 #flavor_group_container .description_container,
 .delay_backward.load_type_0 #flavor_group_container .title_container,
 .delay_backward.load_type_0 #flavor_group_container .description_container{
     -webkit-transition-delay: .5s;
          -o-transition-delay: .5s;
             transition-delay: .5s;
 }
  
 
 
 
 /**
  * Stylowanie animacji we / wy przy wczytaniu strony O NAS i DO POBRANIA na dodatkowej warstwie
  *
 **/
 .left.load_type_0 #additional_layer div#two_columns_template_container .first_column,
 .left #additional_layer div#two_columns_template_container .first_column{
     -webkit-transform: translateX(0%);
         -ms-transform: translateX(0%);
             transform: translateX(0%);
 }
 .left.load_type_0 #additional_layer div#two_columns_template_container .second_column,
 .left #additional_layer div#two_columns_template_container .second_column{
     -webkit-transform: translateX(-100%);
         -ms-transform: translateX(-100%);
             transform: translateX(-100%);
 }
 .load_type_0 #additional_layer  div#two_columns_template_container .second_column{
     -webkit-transform: translateX(0%);
         -ms-transform: translateX(0%);
             transform: translateX(0%);
 }
 #additional_layer div#two_columns_template_container .second_column{
     -webkit-transition: 1s ease-in-out;
     -o-transition: 1s ease-in-out;
     transition: 1s ease-in-out;
 }
 #additional_layer div#two_columns_template_container .first_column{
     -webkit-transition: 1s ease-in-out;
     -o-transition: 1s ease-in-out;
     transition: 1s ease-in-out;
 }
 
 
 
 
 /**
  * Style dodatkowej warstwy, na której animują się strony O NAS i DO POBRANIA 
  * ANIMACJA
  *     WE / WY
  */
 
 .load_type_0 #additional_layer{
     -webkit-transform: translateX(0%);
         -ms-transform: translateX(0%);
             transform: translateX(0%);
 }
 .out.load_type_0 #additional_layer,
 .left.load_type_0 #additional_layer{
     -webkit-transform: translateX(-100%);
         -ms-transform: translateX(-100%);
             transform: translateX(-100%);
 }
 
 
 
 
/**
 * Stylowanie strony KONTAKT
 * / Animacja we / wy
 */
.load_type_0 #contact_page_container .contact_page_background,
.left #contact_page_container .contact_page_background{
    -webkit-transform: translateX(-570px);
        -ms-transform: translateX(-570px);
            transform: translateX(-570px);
    opacity: 1;
}
@media all and (min-width: 768px){

}
@media all and (min-width: 1024px){
    .load_type_0 #contact_page_container .contact_page_background,
    .left #contact_page_container .contact_page_background{
        -webkit-transform: translateX(-450px);
            -ms-transform: translateX(-450px);
                transform: translateX(-450px);
        opacity: 1;
    }
}
@media all and (min-width: 1440px){
    .load_type_0 #contact_page_container .contact_page_background,
    .left #contact_page_container .contact_page_background{
        -webkit-transform: translateX(-570px);
            -ms-transform: translateX(-570px);
                transform: translateX(-570px);
        opacity: 1;
    }
}