/* Campaign Specific CSS */

/* Animations only for big screens */
@media (min-width: 992px) {

      /* PERSPECTIVE SHIFT KEYBFRAMES */
    @-webkit-keyframes perspectiveshift {
      from { -webkit-transform: perspective( 600px ) rotateY( 0deg );;    }
      to   { -webkit-transform: perspective( 600px ) rotateY( 35deg );; }
    }

    /* all other browsers */
    @keyframes perspectiveshift  {
      from {
        -moz-transform: perspective( 600px ) rotateY( 0deg );;
        -ms-transform: perspective( 600px ) rotateY( 0deg );;
        transform: perspective( 600px ) rotateY( 0deg );;
      }
      to {
        -moz-transform: perspective( 600px ) rotateY( 35deg );;
        -ms-transform: perspective( 600px ) rotateY( 35deg );;
        transform: perspective( 600px ) rotateY( 35deg );;
      }
    }

    @-webkit-keyframes perspectivereturb {
      from { -webkit-transform: perspective( 600px ) rotateY( 35deg );;    }
      to   { -webkit-transform: perspective( 600px ) rotateY( 0deg );; }
    }

    /* all other browsers */
    @keyframes perspectivereturn  {
      from {
        -moz-transform: perspective( 600px ) rotateY( 35deg );;
        -ms-transform: perspective( 600px ) rotateY( 35deg );;
        transform: perspective( 600px ) rotateY( 35deg );;
      }
      to {
        -moz-transform: perspective( 600px ) rotateY( 0deg );;
        -ms-transform: perspective( 600px ) rotateY( 0deg );;
        transform: perspective( 600px ) rotateY( 0deg );;
      }
    }

    .promo-section .product-holder img  {
        transform: perspective( 600px ) rotateY( 35deg );
        -webkit-transform: perspective( 600px ) rotateY(35deg); 
        -webkit-animation: perspectiveshift 2s 1 ease-in;
        -moz-transform: perspective( 600px ) rotateY(35deg); 
        -moz-animation: perspectiveshift 2s 1 ease-in;
        -ms-transform: perspective( 600px ) rotateY(35deg); 
        -ms-animation: perspectiveshift 2s 1 ease-in;
      }

    .promo-section iframe {
         transform: perspective( 600px ) rotateY( 35deg );
        -webkit-transform: perspective( 600px ) rotateY(35deg); 
        -webkit-animation: perspectiveshift 2s 1 ease-in;
        -moz-transform: perspective( 600px ) rotateY(35deg); 
        -moz-animation: perspectiveshift 2s 1 ease-in;
        -ms-transform: perspective( 600px ) rotateY(35deg); 
        -ms-animation: perspectiveshift 2s 1 ease-in;

    }

    .promo-section iframe:hover {
        transform: perspective( 600px ) rotateY( 0deg );
        -webkit-transform: perspective( 600px ) rotateY(0deg); 
        -webkit-animation: perspectivereturn 1s 1 ease-in;
        -moz-transform: perspective( 600px ) rotateY(0deg); 
        -moz-animation: perspectivereturn 1s 1 ease-in;
        -ms-transform: perspective( 600px ) rotateY(0deg); 
        -ms-animation: perspectivereturn 21 1 ease-in;

    }

    .figure-right img  {
        transform: perspective( 1200px ) rotateY( -25deg );
        -webkit-transform: perspective( 1200px ) rotateY(-25deg); 
       
        -moz-transform: perspective( 1200px ) rotateY(-25deg); 
       
        -ms-transform: perspective( 1200px ) rotateY(-25deg); 
        -webkit-box-shadow: 18px -12px 10px 0px rgba(0,0,0,0.33);
        -moz-box-shadow: 18px -12px 10px 0px rgba(0,0,0,0.33);
        box-shadow: 18px -12px 10px 0px rgba(0,0,0,0.33);
      
      }

    .figure-left img  {
        transform: perspective( 1200px ) rotateY( 25deg );
        -webkit-transform: perspective( 1200px ) rotateY(25deg); 
       
        -moz-transform: perspective( 1200px ) rotateY(25deg); 
       
        -ms-transform: perspective( 1200px ) rotateY(25deg); 

        -webkit-box-shadow: -18px 4px 10px 0px rgba(0,0,0,0.33);
-moz-box-shadow: -18px 4px 10px 0px rgba(0,0,0,0.33);
box-shadow: -18px 4px 10px 0px rgba(0,0,0,0.33);

      
      }
    
}