.animated {  -webkit-animation-duration:1s;  animation-duration:1s;  -webkit-animation-fill-mode:both;  animation-fill-mode:both; } .animated.hinge {  -webkit-animation-duration:2s;  animation-duration:2s; } @-webkit-keyframes bounce {  0%, 20%, 50%, 80%, 100% {   -webkit-transform:translateY(0);   transform:translateY(0);  }  40% {   -webkit-transform:translateY(-30px);   transform:translateY(-30px);  }  60% {   -webkit-transform:translateY(-15px);   transform:translateY(-15px);  } } @keyframes bounce {  0%, 20%, 50%, 80%, 100% {   -webkit-transform:translateY(0);   -ms-transform:translateY(0);   transform:translateY(0);  }  40% {   -webkit-transform:translateY(-30px);   -ms-transform:translateY(-30px);   transform:translateY(-30px);  }  60% {   -webkit-transform:translateY(-15px);   -ms-transform:translateY(-15px);   transform:translateY(-15px);  } } .bounce {  -webkit-animation-name:bounce;  animation-name:bounce; } @-webkit-keyframes flash {  0%, 50%, 100% {   opacity:1;  }  25%, 75% {   opacity:0;  } } @keyframes flash {  0%, 50%, 100% {   opacity:1;  }  25%, 75% {   opacity:0;  } } .flash {  -webkit-animation-name:flash;  animation-name:flash; }  @-webkit-keyframes pulse {  0% {   -webkit-transform:scale(1);   transform:scale(1);  }  50% {   -webkit-transform:scale(1.1);   transform:scale(1.1);  }  100% {   -webkit-transform:scale(1);   transform:scale(1);  } } @keyframes pulse {  0% {   -webkit-transform:scale(1);   -ms-transform:scale(1);   transform:scale(1);  }  50% {   -webkit-transform:scale(1.1);   -ms-transform:scale(1.1);   transform:scale(1.1);  }  100% {   -webkit-transform:scale(1);   -ms-transform:scale(1);   transform:scale(1);  } } .pulse {  -webkit-animation-name:pulse;  animation-name:pulse; } @-webkit-keyframes shake {  0%, 100% {   -webkit-transform:translateX(0);   transform:translateX(0);  }  10%, 30%, 50%, 70%, 90% {   -webkit-transform:translateX(-10px);   transform:translateX(-10px);  }  20%, 40%, 60%, 80% {   -webkit-transform:translateX(10px);   transform:translateX(10px);  } } @keyframes shake {  0%, 100% {   -webkit-transform:translateX(0);   -ms-transform:translateX(0);   transform:translateX(0);  }  10%, 30%, 50%, 70%, 90% {   -webkit-transform:translateX(-10px);   -ms-transform:translateX(-10px);   transform:translateX(-10px);  }  20%, 40%, 60%, 80% {   -webkit-transform:translateX(10px);   -ms-transform:translateX(10px);   transform:translateX(10px);  } } .shake {  -webkit-animation-name:shake;  animation-name:shake; } @-webkit-keyframes swing {  20% {   -webkit-transform:rotate(15deg);   transform:rotate(15deg);  }  40% {   -webkit-transform:rotate(-10deg);   transform:rotate(-10deg);  }  60% {   -webkit-transform:rotate(5deg);   transform:rotate(5deg);  }  80% {   -webkit-transform:rotate(-5deg);   transform:rotate(-5deg);  }  100% {   -webkit-transform:rotate(0deg);   transform:rotate(0deg);  } } @keyframes swing {  20% {   -webkit-transform:rotate(15deg);   -ms-transform:rotate(15deg);   transform:rotate(15deg);  }  40% {   -webkit-transform:rotate(-10deg);   -ms-transform:rotate(-10deg);   transform:rotate(-10deg);  }  60% {   -webkit-transform:rotate(5deg);   -ms-transform:rotate(5deg);   transform:rotate(5deg);  }  80% {   -webkit-transform:rotate(-5deg);   -ms-transform:rotate(-5deg);   transform:rotate(-5deg);  }  100% {   -webkit-transform:rotate(0deg);   -ms-transform:rotate(0deg);   transform:rotate(0deg);  } } .swing {  -webkit-transform-origin:top center;  -ms-transform-origin:top center;  transform-origin:top center;  -webkit-animation-name:swing;  animation-name:swing; } @-webkit-keyframes tada {  0% {   -webkit-transform:scale(1);   transform:scale(1);  }  10%, 20% {   -webkit-transform:scale(0.9) rotate(-3deg);   transform:scale(0.9) rotate(-3deg);  }  30%, 50%, 70%, 90% {   -webkit-transform:scale(1.1) rotate(3deg);   transform:scale(1.1) rotate(3deg);  }  40%, 60%, 80% {   -webkit-transform:scale(1.1) rotate(-3deg);   transform:scale(1.1) rotate(-3deg);  }  100% {   -webkit-transform:scale(1) rotate(0);   transform:scale(1) rotate(0);  } } @keyframes tada {  0% {   -webkit-transform:scale(1);   -ms-transform:scale(1);   transform:scale(1);  }  10%, 20% {   -webkit-transform:scale(0.9) rotate(-3deg);   -ms-transform:scale(0.9) rotate(-3deg);   transform:scale(0.9) rotate(-3deg);  }  30%, 50%, 70%, 90% {   -webkit-transform:scale(1.1) rotate(3deg);   -ms-transform:scale(1.1) rotate(3deg);   transform:scale(1.1) rotate(3deg);  }  40%, 60%, 80% {   -webkit-transform:scale(1.1) rotate(-3deg);   -ms-transform:scale(1.1) rotate(-3deg);   transform:scale(1.1) rotate(-3deg);  }  100% {   -webkit-transform:scale(1) rotate(0);   -ms-transform:scale(1) rotate(0);   transform:scale(1) rotate(0);  } } .tada {  -webkit-animation-name:tada;  animation-name:tada; }  @-webkit-keyframes wobble {  0% {   -webkit-transform:translateX(0%);   transform:translateX(0%);  }  15% {   -webkit-transform:translateX(-25%) rotate(-5deg);   transform:translateX(-25%) rotate(-5deg);  }  30% {   -webkit-transform:translateX(20%) rotate(3deg);   transform:translateX(20%) rotate(3deg);  }  45% {   -webkit-transform:translateX(-15%) rotate(-3deg);   transform:translateX(-15%) rotate(-3deg);  }  60% {   -webkit-transform:translateX(10%) rotate(2deg);   transform:translateX(10%) rotate(2deg);  }  75% {   -webkit-transform:translateX(-5%) rotate(-1deg);   transform:translateX(-5%) rotate(-1deg);  }  100% {   -webkit-transform:translateX(0%);   transform:translateX(0%);  } } @keyframes wobble {  0% {   -webkit-transform:translateX(0%);   -ms-transform:translateX(0%);   transform:translateX(0%);  }  15% {   -webkit-transform:translateX(-25%) rotate(-5deg);   -ms-transform:translateX(-25%) rotate(-5deg);   transform:translateX(-25%) rotate(-5deg);  }  30% {   -webkit-transform:translateX(20%) rotate(3deg);   -ms-transform:translateX(20%) rotate(3deg);   transform:translateX(20%) rotate(3deg);  }  45% {   -webkit-transform:translateX(-15%) rotate(-3deg);   -ms-transform:translateX(-15%) rotate(-3deg);   transform:translateX(-15%) rotate(-3deg);  }  60% {   -webkit-transform:translateX(10%) rotate(2deg);   -ms-transform:translateX(10%) rotate(2deg);   transform:translateX(10%) rotate(2deg);  }  75% {   -webkit-transform:translateX(-5%) rotate(-1deg);   -ms-transform:translateX(-5%) rotate(-1deg);   transform:translateX(-5%) rotate(-1deg);  }  100% {   -webkit-transform:translateX(0%);   -ms-transform:translateX(0%);   transform:translateX(0%);  } } .wobble {  -webkit-animation-name:wobble;  animation-name:wobble; } @-webkit-keyframes bounceIn {  0% {   opacity:0;   -webkit-transform:scale(.3);   transform:scale(.3);  }  50% {   opacity:1;   -webkit-transform:scale(1.05);   transform:scale(1.05);  }  70% {   -webkit-transform:scale(.9);   transform:scale(.9);  }  100% {   -webkit-transform:scale(1);   transform:scale(1);  } } @keyframes bounceIn {  0% {   opacity:0;   -webkit-transform:scale(.3);   -ms-transform:scale(.3);   transform:scale(.3);  }  50% {   opacity:1;   -webkit-transform:scale(1.05);   -ms-transform:scale(1.05);   transform:scale(1.05);  }  70% {   -webkit-transform:scale(.9);   -ms-transform:scale(.9);   transform:scale(.9);  }  100% {   -webkit-transform:scale(1);   -ms-transform:scale(1);   transform:scale(1);  } } .bounceIn {  -webkit-animation-name:bounceIn;  animation-name:bounceIn; } @-webkit-keyframes bounceInDown {  0% {   opacity:0;   -webkit-transform:translateY(-2000px);   transform:translateY(-2000px);  }  60% {   opacity:1;   -webkit-transform:translateY(30px);   transform:translateY(30px);  }  80% {   -webkit-transform:translateY(-10px);   transform:translateY(-10px);  }  100% {   -webkit-transform:translateY(0);   transform:translateY(0);  } } @keyframes bounceInDown {  0% {   opacity:0;   -webkit-transform:translateY(-2000px);   -ms-transform:translateY(-2000px);   transform:translateY(-2000px);  }  60% {   opacity:1;   -webkit-transform:translateY(30px);   -ms-transform:translateY(30px);   transform:translateY(30px);  }  80% {   -webkit-transform:translateY(-10px);   -ms-transform:translateY(-10px);   transform:translateY(-10px);  }  100% {   -webkit-transform:translateY(0);   -ms-transform:translateY(0);   transform:translateY(0);  } } .bounceInDown {  -webkit-animation-name:bounceInDown;  animation-name:bounceInDown; } @-webkit-keyframes bounceInLeft {  0% {   opacity:0;   -webkit-transform:translateX(-2000px);   transform:translateX(-2000px);  }  60% {   opacity:1;   -webkit-transform:translateX(30px);   transform:translateX(30px);  }  80% {   -webkit-transform:translateX(-10px);   transform:translateX(-10px);  }  100% {   -webkit-transform:translateX(0);   transform:translateX(0);  } } @keyframes bounceInLeft {  0% {   opacity:0;   -webkit-transform:translateX(-2000px);   -ms-transform:translateX(-2000px);   transform:translateX(-2000px);  }  60% {   opacity:1;   -webkit-transform:translateX(30px);   -ms-transform:translateX(30px);   transform:translateX(30px);  }  80% {   -webkit-transform:translateX(-10px);   -ms-transform:translateX(-10px);   transform:translateX(-10px);  }  100% {   -webkit-transform:translateX(0);   -ms-transform:translateX(0);   transform:translateX(0);  } } .bounceInLeft {  -webkit-animation-name:bounceInLeft;  animation-name:bounceInLeft; } @-webkit-keyframes bounceInRight {  0% {   opacity:0;   -webkit-transform:translateX(2000px);   transform:translateX(2000px);  }  60% {   opacity:1;   -webkit-transform:translateX(-30px);   transform:translateX(-30px);  }  80% {   -webkit-transform:translateX(10px);   transform:translateX(10px);  }  100% {   -webkit-transform:translateX(0);   transform:translateX(0);  } } @keyframes bounceInRight {  0% {   opacity:0;   -webkit-transform:translateX(2000px);   -ms-transform:translateX(2000px);   transform:translateX(2000px);  }  60% {   opacity:1;   -webkit-transform:translateX(-30px);   -ms-transform:translateX(-30px);   transform:translateX(-30px);  }  80% {   -webkit-transform:translateX(10px);   -ms-transform:translateX(10px);   transform:translateX(10px);  }  100% {   -webkit-transform:translateX(0);   -ms-transform:translateX(0);   transform:translateX(0);  } } .bounceInRight {  -webkit-animation-name:bounceInRight;  animation-name:bounceInRight; } @-webkit-keyframes bounceInUp {  0% {   opacity:0;   -webkit-transform:translateY(2000px);   transform:translateY(2000px);  }  60% {   opacity:1;   -webkit-transform:translateY(-30px);   transform:translateY(-30px);  }  80% {   -webkit-transform:translateY(10px);   transform:translateY(10px);  }  100% {   -webkit-transform:translateY(0);   transform:translateY(0);  } } @keyframes bounceInUp {  0% {   opacity:0;   -webkit-transform:translateY(2000px);   -ms-transform:translateY(2000px);   transform:translateY(2000px);  }  60% {   opacity:1;   -webkit-transform:translateY(-30px);   -ms-transform:translateY(-30px);   transform:translateY(-30px);  }  80% {   -webkit-transform:translateY(10px);   -ms-transform:translateY(10px);   transform:translateY(10px);  }  100% {   -webkit-transform:translateY(0);   -ms-transform:translateY(0);   transform:translateY(0);  } } .bounceInUp {  -webkit-animation-name:bounceInUp;  animation-name:bounceInUp; } @-webkit-keyframes bounceOut {  0% {   -webkit-transform:scale(1);   transform:scale(1);  }  25% {   -webkit-transform:scale(.95);   transform:scale(.95);  }  50% {   opacity:1;   -webkit-transform:scale(1.1);   transform:scale(1.1);  }  100% {   opacity:0;   -webkit-transform:scale(.3);   transform:scale(.3);  } } @keyframes bounceOut {  0% {   -webkit-transform:scale(1);   -ms-transform:scale(1);   transform:scale(1);  }  25% {   -webkit-transform:scale(.95);   -ms-transform:scale(.95);   transform:scale(.95);  }  50% {   opacity:1;   -webkit-transform:scale(1.1);   -ms-transform:scale(1.1);   transform:scale(1.1);  }  100% {   opacity:0;   -webkit-transform:scale(.3);   -ms-transform:scale(.3);   transform:scale(.3);  } } .bounceOut {  -webkit-animation-name:bounceOut;  animation-name:bounceOut; } @-webkit-keyframes bounceOutDown {  0% {   -webkit-transform:translateY(0);   transform:translateY(0);  }  20% {   opacity:1;   -webkit-transform:translateY(-20px);   transform:translateY(-20px);  }  100% {   opacity:0;   -webkit-transform:translateY(2000px);   transform:translateY(2000px);  } } @keyframes bounceOutDown {  0% {   -webkit-transform:translateY(0);   -ms-transform:translateY(0);   transform:translateY(0);  }  20% {   opacity:1;   -webkit-transform:translateY(-20px);   -ms-transform:translateY(-20px);   transform:translateY(-20px);  }  100% {   opacity:0;   -webkit-transform:translateY(2000px);   -ms-transform:translateY(2000px);   transform:translateY(2000px);  } } .bounceOutDown {  -webkit-animation-name:bounceOutDown;  animation-name:bounceOutDown; } @-webkit-keyframes bounceOutLeft {  0% {   -webkit-transform:translateX(0);   transform:translateX(0);  }  20% {   opacity:1;   -webkit-transform:translateX(20px);   transform:translateX(20px);  }  100% {   opacity:0;   -webkit-transform:translateX(-2000px);   transform:translateX(-2000px);  } } @keyframes bounceOutLeft {  0% {   -webkit-transform:translateX(0);   -ms-transform:translateX(0);   transform:translateX(0);  }  20% {   opacity:1;   -webkit-transform:translateX(20px);   -ms-transform:translateX(20px);   transform:translateX(20px);  }  100% {   opacity:0;   -webkit-transform:translateX(-2000px);   -ms-transform:translateX(-2000px);   transform:translateX(-2000px);  } } .bounceOutLeft {  -webkit-animation-name:bounceOutLeft;  animation-name:bounceOutLeft; } @-webkit-keyframes bounceOutRight {  0% {   -webkit-transform:translateX(0);   transform:translateX(0);  }  20% {   opacity:1;   -webkit-transform:translateX(-20px);   transform:translateX(-20px);  }  100% {   opacity:0;   -webkit-transform:translateX(2000px);   transform:translateX(2000px);  } } @keyframes bounceOutRight {  0% {   -webkit-transform:translateX(0);   -ms-transform:translateX(0);   transform:translateX(0);  }  20% {   opacity:1;   -webkit-transform:translateX(-20px);   -ms-transform:translateX(-20px);   transform:translateX(-20px);  }  100% {   opacity:0;   -webkit-transform:translateX(2000px);   -ms-transform:translateX(2000px);   transform:translateX(2000px);  } } .bounceOutRight {  -webkit-animation-name:bounceOutRight;  animation-name:bounceOutRight; } @-webkit-keyframes bounceOutUp {  0% {   -webkit-transform:translateY(0);   transform:translateY(0);  }  20% {   opacity:1;   -webkit-transform:translateY(20px);   transform:translateY(20px);  }  100% {   opacity:0;   -webkit-transform:translateY(-2000px);   transform:translateY(-2000px);  } } @keyframes bounceOutUp {  0% {   -webkit-transform:translateY(0);   -ms-transform:translateY(0);   transform:translateY(0);  }  20% {   opacity:1;   -webkit-transform:translateY(20px);   -ms-transform:translateY(20px);   transform:translateY(20px);  }  100% {   opacity:0;   -webkit-transform:translateY(-2000px);   -ms-transform:translateY(-2000px);   transform:translateY(-2000px);  } } .bounceOutUp {  -webkit-animation-name:bounceOutUp;  animation-name:bounceOutUp; } @-webkit-keyframes fadeIn {  0% {   opacity:0;  }  100% {   opacity:1;  } } @keyframes fadeIn {  0% {   opacity:0;  }  100% {   opacity:1;  } } .fadeIn {  -webkit-animation-name:fadeIn;  animation-name:fadeIn; } @-webkit-keyframes fadeInDown {  0% {   opacity:0;   -webkit-transform:translateY(-20px);   transform:translateY(-20px);  }  100% {   opacity:1;   -webkit-transform:translateY(0);   transform:translateY(0);  } } @keyframes fadeInDown {  0% {   opacity:0;   -webkit-transform:translateY(-20px);   -ms-transform:translateY(-20px);   transform:translateY(-20px);  }  100% {   opacity:1;   -webkit-transform:translateY(0);   -ms-transform:translateY(0);   transform:translateY(0);  } } .fadeInDown {  -webkit-animation-name:fadeInDown;  animation-name:fadeInDown; } @-webkit-keyframes fadeInDownBig {  0% {   opacity:0;   -webkit-transform:translateY(-2000px);   transform:translateY(-2000px);  }  100% {   opacity:1;   -webkit-transform:translateY(0);   transform:translateY(0);  } } @keyframes fadeInDownBig {  0% {   opacity:0;   -webkit-transform:translateY(-2000px);   -ms-transform:translateY(-2000px);   transform:translateY(-2000px);  }  100% {   opacity:1;   -webkit-transform:translateY(0);   -ms-transform:translateY(0);   transform:translateY(0);  } } .fadeInDownBig {  -webkit-animation-name:fadeInDownBig;  animation-name:fadeInDownBig; } @-webkit-keyframes fadeInLeft {  0% {   opacity:0;   -webkit-transform:translateX(-20px);   transform:translateX(-20px);  }  100% {   opacity:1;   -webkit-transform:translateX(0);   transform:translateX(0);  } } @keyframes fadeInLeft {  0% {   opacity:0;   -webkit-transform:translateX(-20px);   -ms-transform:translateX(-20px);   transform:translateX(-20px);  }  100% {   opacity:1;   -webkit-transform:translateX(0);   -ms-transform:translateX(0);   transform:translateX(0);  } } .fadeInLeft {  -webkit-animation-name:fadeInLeft;  animation-name:fadeInLeft; } @-webkit-keyframes fadeInLeftBig {  0% {   opacity:0;   -webkit-transform:translateX(-2000px);   transform:translateX(-2000px);  }  100% {   opacity:1;   -webkit-transform:translateX(0);   transform:translateX(0);  } } @keyframes fadeInLeftBig {  0% {   opacity:0;   -webkit-transform:translateX(-2000px);   -ms-transform:translateX(-2000px);   transform:translateX(-2000px);  }  100% {   opacity:1;   -webkit-transform:translateX(0);   -ms-transform:translateX(0);   transform:translateX(0);  } } .fadeInLeftBig {  -webkit-animation-name:fadeInLeftBig;  animation-name:fadeInLeftBig; } @-webkit-keyframes fadeInRight {  0% {   opacity:0;   -webkit-transform:translateX(20px);   transform:translateX(20px);  }  100% {   opacity:1;   -webkit-transform:translateX(0);   transform:translateX(0);  } } @keyframes fadeInRight {  0% {   opacity:0;   -webkit-transform:translateX(20px);   -ms-transform:translateX(20px);   transform:translateX(20px);  }  100% {   opacity:1;   -webkit-transform:translateX(0);   -ms-transform:translateX(0);   transform:translateX(0);  } } .fadeInRight {  -webkit-animation-name:fadeInRight;  animation-name:fadeInRight; } @-webkit-keyframes fadeInRightBig {  0% {   opacity:0;   -webkit-transform:translateX(2000px);   transform:translateX(2000px);  }  100% {   opacity:1;   -webkit-transform:translateX(0);   transform:translateX(0);  } } @keyframes fadeInRightBig {  0% {   opacity:0;   -webkit-transform:translateX(2000px);   -ms-transform:translateX(2000px);   transform:translateX(2000px);  }  100% {   opacity:1;   -webkit-transform:translateX(0);   -ms-transform:translateX(0);   transform:translateX(0);  } } .fadeInRightBig {  -webkit-animation-name:fadeInRightBig;  animation-name:fadeInRightBig; } @-webkit-keyframes fadeInUp {  0% {   opacity:0;   -webkit-transform:translateY(20px);   transform:translateY(20px);  }  100% {   opacity:1;   -webkit-transform:translateY(0);   transform:translateY(0);  } } @keyframes fadeInUp {  0% {   opacity:0;   -webkit-transform:translateY(20px);   -ms-transform:translateY(20px);   transform:translateY(20px);  }  100% {   opacity:1;   -webkit-transform:translateY(0);   -ms-transform:translateY(0);   transform:translateY(0);  } } .fadeInUp {  -webkit-animation-name:fadeInUp;  animation-name:fadeInUp; } @-webkit-keyframes fadeInUpBig {  0% {   opacity:0;   -webkit-transform:translateY(2000px);   transform:translateY(2000px);  }  100% {   opacity:1;   -webkit-transform:translateY(0);   transform:translateY(0);  } } @keyframes fadeInUpBig {  0% {   opacity:0;   -webkit-transform:translateY(2000px);   -ms-transform:translateY(2000px);   transform:translateY(2000px);  }  100% {   opacity:1;   -webkit-transform:translateY(0);   -ms-transform:translateY(0);   transform:translateY(0);  } } .fadeInUpBig {  -webkit-animation-name:fadeInUpBig;  animation-name:fadeInUpBig; } @-webkit-keyframes fadeOut {  0% {   opacity:1;  }  100% {   opacity:0;  } } @keyframes fadeOut {  0% {   opacity:1;  }  100% {   opacity:0;  } } .fadeOut {  -webkit-animation-name:fadeOut;  animation-name:fadeOut; } @-webkit-keyframes fadeOutDown {  0% {   opacity:1;   -webkit-transform:translateY(0);   transform:translateY(0);  }  100% {   opacity:0;   -webkit-transform:translateY(20px);   transform:translateY(20px);  } } @keyframes fadeOutDown {  0% {   opacity:1;   -webkit-transform:translateY(0);   -ms-transform:translateY(0);   transform:translateY(0);  }  100% {   opacity:0;   -webkit-transform:translateY(20px);   -ms-transform:translateY(20px);   transform:translateY(20px);  } } .fadeOutDown {  -webkit-animation-name:fadeOutDown;  animation-name:fadeOutDown; } @-webkit-keyframes fadeOutDownBig {  0% {   opacity:1;   -webkit-transform:translateY(0);   transform:translateY(0);  }  100% {   opacity:0;   -webkit-transform:translateY(2000px);   transform:translateY(2000px);  } } @keyframes fadeOutDownBig {  0% {   opacity:1;   -webkit-transform:translateY(0);   -ms-transform:translateY(0);   transform:translateY(0);  }  100% {   opacity:0;   -webkit-transform:translateY(2000px);   -ms-transform:translateY(2000px);   transform:translateY(2000px);  } } .fadeOutDownBig {  -webkit-animation-name:fadeOutDownBig;  animation-name:fadeOutDownBig; } @-webkit-keyframes fadeOutLeft {  0% {   opacity:1;   -webkit-transform:translateX(0);   transform:translateX(0);  }  100% {   opacity:0;   -webkit-transform:translateX(-20px);   transform:translateX(-20px);  } } @keyframes fadeOutLeft {  0% {   opacity:1;   -webkit-transform:translateX(0);   -ms-transform:translateX(0);   transform:translateX(0);  }  100% {   opacity:0;   -webkit-transform:translateX(-20px);   -ms-transform:translateX(-20px);   transform:translateX(-20px);  } } .fadeOutLeft {  -webkit-animation-name:fadeOutLeft;  animation-name:fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig {  0% {   opacity:1;   -webkit-transform:translateX(0);   transform:translateX(0);  }  100% {   opacity:0;   -webkit-transform:translateX(-2000px);   transform:translateX(-2000px);  } } @keyframes fadeOutLeftBig {  0% {   opacity:1;   -webkit-transform:translateX(0);   -ms-transform:translateX(0);   transform:translateX(0);  }  100% {   opacity:0;   -webkit-transform:translateX(-2000px);   -ms-transform:translateX(-2000px);   transform:translateX(-2000px);  } } .fadeOutLeftBig {  -webkit-animation-name:fadeOutLeftBig;  animation-name:fadeOutLeftBig; } @-webkit-keyframes fadeOutRight {  0% {   opacity:1;   -webkit-transform:translateX(0);   transform:translateX(0);  }  100% {   opacity:0;   -webkit-transform:translateX(20px);   transform:translateX(20px);  } } @keyframes fadeOutRight {  0% {   opacity:1;   -webkit-transform:translateX(0);   -ms-transform:translateX(0);   transform:translateX(0);  }  100% {   opacity:0;   -webkit-transform:translateX(20px);   -ms-transform:translateX(20px);   transform:translateX(20px);  } } .fadeOutRight {  -webkit-animation-name:fadeOutRight;  animation-name:fadeOutRight; } @-webkit-keyframes fadeOutRightBig {  0% {   opacity:1;   -webkit-transform:translateX(0);   transform:translateX(0);  }  100% {   opacity:0;   -webkit-transform:translateX(2000px);   transform:translateX(2000px);  } } @keyframes fadeOutRightBig {  0% {   opacity:1;   -webkit-transform:translateX(0);   -ms-transform:translateX(0);   transform:translateX(0);  }  100% {   opacity:0;   -webkit-transform:translateX(2000px);   -ms-transform:translateX(2000px);   transform:translateX(2000px);  } } .fadeOutRightBig {  -webkit-animation-name:fadeOutRightBig;  animation-name:fadeOutRightBig; } @-webkit-keyframes fadeOutUp {  0% {   opacity:1;   -webkit-transform:translateY(0);   transform:translateY(0);  }  100% {   opacity:0;   -webkit-transform:translateY(-20px);   transform:translateY(-20px);  } } @keyframes fadeOutUp {  0% {   opacity:1;   -webkit-transform:translateY(0);   -ms-transform:translateY(0);   transform:translateY(0);  }  100% {   opacity:0;   -webkit-transform:translateY(-20px);   -ms-transform:translateY(-20px);   transform:translateY(-20px);  } } .fadeOutUp {  -webkit-animation-name:fadeOutUp;  animation-name:fadeOutUp; } @-webkit-keyframes fadeOutUpBig {  0% {   opacity:1;   -webkit-transform:translateY(0);   transform:translateY(0);  }  100% {   opacity:0;   -webkit-transform:translateY(-2000px);   transform:translateY(-2000px);  } } @keyframes fadeOutUpBig {  0% {   opacity:1;   -webkit-transform:translateY(0);   -ms-transform:translateY(0);   transform:translateY(0);  }  100% {   opacity:0;   -webkit-transform:translateY(-2000px);   -ms-transform:translateY(-2000px);   transform:translateY(-2000px);  } } .fadeOutUpBig {  -webkit-animation-name:fadeOutUpBig;  animation-name:fadeOutUpBig; } @-webkit-keyframes flip {  0% {   -webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);   transform:perspective(400px) translateZ(0) rotateY(0) scale(1);   -webkit-animation-timing-function:ease-out;   animation-timing-function:ease-out;  }  40% {   -webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);   transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);   -webkit-animation-timing-function:ease-out;   animation-timing-function:ease-out;  }  50% {   -webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);   transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);   -webkit-animation-timing-function:ease-in;   animation-timing-function:ease-in;  }  80% {   -webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);   transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);   -webkit-animation-timing-function:ease-in;   animation-timing-function:ease-in;  }  100% {   -webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);   transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);   -webkit-animation-timing-function:ease-in;   animation-timing-function:ease-in;  } } @keyframes flip {  0% {   -webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);   -ms-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);   transform:perspective(400px) translateZ(0) rotateY(0) scale(1);   -webkit-animation-timing-function:ease-out;   animation-timing-function:ease-out;  }  40% {   -webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);   -ms-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);   transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);   -webkit-animation-timing-function:ease-out;   animation-timing-function:ease-out;  }  50% {   -webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);   -ms-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);   transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);   -webkit-animation-timing-function:ease-in;   animation-timing-function:ease-in;  }  80% {   -webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);   -ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);   transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);   -webkit-animation-timing-function:ease-in;   animation-timing-function:ease-in;  }  100% {   -webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);   -ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);   transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);   -webkit-animation-timing-function:ease-in;   animation-timing-function:ease-in;  } } .animated.flip {  -webkit-backface-visibility:visible;  -ms-backface-visibility:visible;  backface-visibility:visible;  -webkit-animation-name:flip;  animation-name:flip; } @-webkit-keyframes flipInX {  0% {   -webkit-transform:perspective(400px) rotateX(90deg);   transform:perspective(400px) rotateX(90deg);   opacity:0;  }  40% {   -webkit-transform:perspective(400px) rotateX(-10deg);   transform:perspective(400px) rotateX(-10deg);  }  70% {   -webkit-transform:perspective(400px) rotateX(10deg);   transform:perspective(400px) rotateX(10deg);  }  100% {   -webkit-transform:perspective(400px) rotateX(0deg);   transform:perspective(400px) rotateX(0deg);   opacity:1;  } } @keyframes flipInX {  0% {   -webkit-transform:perspective(400px) rotateX(90deg);   -ms-transform:perspective(400px) rotateX(90deg);   transform:perspective(400px) rotateX(90deg);   opacity:0;  }  40% {   -webkit-transform:perspective(400px) rotateX(-10deg);   -ms-transform:perspective(400px) rotateX(-10deg);   transform:perspective(400px) rotateX(-10deg);  }  70% {   -webkit-transform:perspective(400px) rotateX(10deg);   -ms-transform:perspective(400px) rotateX(10deg);   transform:perspective(400px) rotateX(10deg);  }  100% {   -webkit-transform:perspective(400px) rotateX(0deg);   -ms-transform:perspective(400px) rotateX(0deg);   transform:perspective(400px) rotateX(0deg);   opacity:1;  } } .flipInX {  -webkit-backface-visibility:visible !important;  -ms-backface-visibility:visible !important;  backface-visibility:visible !important;  -webkit-animation-name:flipInX;  animation-name:flipInX; } @-webkit-keyframes flipInY {  0% {   -webkit-transform:perspective(400px) rotateY(90deg);   transform:perspective(400px) rotateY(90deg);   opacity:0;  }  40% {   -webkit-transform:perspective(400px) rotateY(-10deg);   transform:perspective(400px) rotateY(-10deg);  }  70% {   -webkit-transform:perspective(400px) rotateY(10deg);   transform:perspective(400px) rotateY(10deg);  }  100% {   -webkit-transform:perspective(400px) rotateY(0deg);   transform:perspective(400px) rotateY(0deg);   opacity:1;  } } @keyframes flipInY {  0% {   -webkit-transform:perspective(400px) rotateY(90deg);   -ms-transform:perspective(400px) rotateY(90deg);   transform:perspective(400px) rotateY(90deg);   opacity:0;  }  40% {   -webkit-transform:perspective(400px) rotateY(-10deg);   -ms-transform:perspective(400px) rotateY(-10deg);   transform:perspective(400px) rotateY(-10deg);  }  70% {   -webkit-transform:perspective(400px) rotateY(10deg);   -ms-transform:perspective(400px) rotateY(10deg);   transform:perspective(400px) rotateY(10deg);  }  100% {   -webkit-transform:perspective(400px) rotateY(0deg);   -ms-transform:perspective(400px) rotateY(0deg);   transform:perspective(400px) rotateY(0deg);   opacity:1;  } } .flipInY {  -webkit-backface-visibility:visible !important;  -ms-backface-visibility:visible !important;  backface-visibility:visible !important;  -webkit-animation-name:flipInY;  animation-name:flipInY; } @-webkit-keyframes flipOutX {  0% {   -webkit-transform:perspective(400px) rotateX(0deg);   transform:perspective(400px) rotateX(0deg);   opacity:1;  }  100% {   -webkit-transform:perspective(400px) rotateX(90deg);   transform:perspective(400px) rotateX(90deg);   opacity:0;  } } @keyframes flipOutX {  0% {   -webkit-transform:perspective(400px) rotateX(0deg);   -ms-transform:perspective(400px) rotateX(0deg);   transform:perspective(400px) rotateX(0deg);   opacity:1;  }  100% {   -webkit-transform:perspective(400px) rotateX(90deg);   -ms-transform:perspective(400px) rotateX(90deg);   transform:perspective(400px) rotateX(90deg);   opacity:0;  } } .flipOutX {  -webkit-animation-name:flipOutX;  animation-name:flipOutX;  -webkit-backface-visibility:visible !important;  -ms-backface-visibility:visible !important;  backface-visibility:visible !important; } @-webkit-keyframes flipOutY {  0% {   -webkit-transform:perspective(400px) rotateY(0deg);   transform:perspective(400px) rotateY(0deg);   opacity:1;  }  100% {   -webkit-transform:perspective(400px) rotateY(90deg);   transform:perspective(400px) rotateY(90deg);   opacity:0;  } } @keyframes flipOutY {  0% {   -webkit-transform:perspective(400px) rotateY(0deg);   -ms-transform:perspective(400px) rotateY(0deg);   transform:perspective(400px) rotateY(0deg);   opacity:1;  }  100% {   -webkit-transform:perspective(400px) rotateY(90deg);   -ms-transform:perspective(400px) rotateY(90deg);   transform:perspective(400px) rotateY(90deg);   opacity:0;  } } .flipOutY {  -webkit-backface-visibility:visible !important;  -ms-backface-visibility:visible !important;  backface-visibility:visible !important;  -webkit-animation-name:flipOutY;  animation-name:flipOutY; } @-webkit-keyframes lightSpeedIn {  0% {   -webkit-transform:translateX(100%) skewX(-30deg);   transform:translateX(100%) skewX(-30deg);   opacity:0;  }  60% {   -webkit-transform:translateX(-20%) skewX(30deg);   transform:translateX(-20%) skewX(30deg);   opacity:1;  }  80% {   -webkit-transform:translateX(0%) skewX(-15deg);   transform:translateX(0%) skewX(-15deg);   opacity:1;  }  100% {   -webkit-transform:translateX(0%) skewX(0deg);   transform:translateX(0%) skewX(0deg);   opacity:1;  } } @keyframes lightSpeedIn {  0% {   -webkit-transform:translateX(100%) skewX(-30deg);   -ms-transform:translateX(100%) skewX(-30deg);   transform:translateX(100%) skewX(-30deg);   opacity:0;  }  60% {   -webkit-transform:translateX(-20%) skewX(30deg);   -ms-transform:translateX(-20%) skewX(30deg);   transform:translateX(-20%) skewX(30deg);   opacity:1;  }  80% {   -webkit-transform:translateX(0%) skewX(-15deg);   -ms-transform:translateX(0%) skewX(-15deg);   transform:translateX(0%) skewX(-15deg);   opacity:1;  }  100% {   -webkit-transform:translateX(0%) skewX(0deg);   -ms-transform:translateX(0%) skewX(0deg);   transform:translateX(0%) skewX(0deg);   opacity:1;  } } .lightSpeedIn {  -webkit-animation-name:lightSpeedIn;  animation-name:lightSpeedIn;  -webkit-animation-timing-function:ease-out;  animation-timing-function:ease-out; } @-webkit-keyframes lightSpeedOut {  0% {   -webkit-transform:translateX(0%) skewX(0deg);   transform:translateX(0%) skewX(0deg);   opacity:1;  }  100% {   -webkit-transform:translateX(100%) skewX(-30deg);   transform:translateX(100%) skewX(-30deg);   opacity:0;  } } @keyframes lightSpeedOut {  0% {   -webkit-transform:translateX(0%) skewX(0deg);   -ms-transform:translateX(0%) skewX(0deg);   transform:translateX(0%) skewX(0deg);   opacity:1;  }  100% {   -webkit-transform:translateX(100%) skewX(-30deg);   -ms-transform:translateX(100%) skewX(-30deg);   transform:translateX(100%) skewX(-30deg);   opacity:0;  } } .lightSpeedOut {  -webkit-animation-name:lightSpeedOut;  animation-name:lightSpeedOut;  -webkit-animation-timing-function:ease-in;  animation-timing-function:ease-in; } @-webkit-keyframes rotateIn {  0% {   -webkit-transform-origin:center center;   transform-origin:center center;   -webkit-transform:rotate(-200deg);   transform:rotate(-200deg);   opacity:0;  }  100% {   -webkit-transform-origin:center center;   transform-origin:center center;   -webkit-transform:rotate(0);   transform:rotate(0);   opacity:1;  } } @keyframes rotateIn {  0% {   -webkit-transform-origin:center center;   -ms-transform-origin:center center;   transform-origin:center center;   -webkit-transform:rotate(-200deg);   -ms-transform:rotate(-200deg);   transform:rotate(-200deg);   opacity:0;  }  100% {   -webkit-transform-origin:center center;   -ms-transform-origin:center center;   transform-origin:center center;   -webkit-transform:rotate(0);   -ms-transform:rotate(0);   transform:rotate(0);   opacity:1;  } } .rotateIn {  -webkit-animation-name:rotateIn;  animation-name:rotateIn; } @-webkit-keyframes rotateInDownLeft {  0% {   -webkit-transform-origin:left bottom;   transform-origin:left bottom;   -webkit-transform:rotate(-90deg);   transform:rotate(-90deg);   opacity:0;  }  100% {   -webkit-transform-origin:left bottom;   transform-origin:left bottom;   -webkit-transform:rotate(0);   transform:rotate(0);   opacity:1;  } } @keyframes rotateInDownLeft {  0% {   -webkit-transform-origin:left bottom;   -ms-transform-origin:left bottom;   transform-origin:left bottom;   -webkit-transform:rotate(-90deg);   -ms-transform:rotate(-90deg);   transform:rotate(-90deg);   opacity:0;  }  100% {   -webkit-transform-origin:left bottom;   -ms-transform-origin:left bottom;   transform-origin:left bottom;   -webkit-transform:rotate(0);   -ms-transform:rotate(0);   transform:rotate(0);   opacity:1;  } } .rotateInDownLeft {  -webkit-animation-name:rotateInDownLeft;  animation-name:rotateInDownLeft; } @-webkit-keyframes rotateInDownRight {  0% {   -webkit-transform-origin:right bottom;   transform-origin:right bottom;   -webkit-transform:rotate(90deg);   transform:rotate(90deg);   opacity:0;  }  100% {   -webkit-transform-origin:right bottom;   transform-origin:right bottom;   -webkit-transform:rotate(0);   transform:rotate(0);   opacity:1;  } } @keyframes rotateInDownRight {  0% {   -webkit-transform-origin:right bottom;   -ms-transform-origin:right bottom;   transform-origin:right bottom;   -webkit-transform:rotate(90deg);   -ms-transform:rotate(90deg);   transform:rotate(90deg);   opacity:0;  }  100% {   -webkit-transform-origin:right bottom;   -ms-transform-origin:right bottom;   transform-origin:right bottom;   -webkit-transform:rotate(0);   -ms-transform:rotate(0);   transform:rotate(0);   opacity:1;  } } .rotateInDownRight {  -webkit-animation-name:rotateInDownRight;  animation-name:rotateInDownRight; } @-webkit-keyframes rotateInUpLeft {  0% {   -webkit-transform-origin:left bottom;   transform-origin:left bottom;   -webkit-transform:rotate(90deg);   transform:rotate(90deg);   opacity:0;  }  100% {   -webkit-transform-origin:left bottom;   transform-origin:left bottom;   -webkit-transform:rotate(0);   transform:rotate(0);   opacity:1;  } } @keyframes rotateInUpLeft {  0% {   -webkit-transform-origin:left bottom;   -ms-transform-origin:left bottom;   transform-origin:left bottom;   -webkit-transform:rotate(90deg);   -ms-transform:rotate(90deg);   transform:rotate(90deg);   opacity:0;  }  100% {   -webkit-transform-origin:left bottom;   -ms-transform-origin:left bottom;   transform-origin:left bottom;   -webkit-transform:rotate(0);   -ms-transform:rotate(0);   transform:rotate(0);   opacity:1;  } } .rotateInUpLeft {  -webkit-animation-name:rotateInUpLeft;  animation-name:rotateInUpLeft; } @-webkit-keyframes rotateInUpRight {  0% {   -webkit-transform-origin:right bottom;   transform-origin:right bottom;   -webkit-transform:rotate(-90deg);   transform:rotate(-90deg);   opacity:0;  }  100% {   -webkit-transform-origin:right bottom;   transform-origin:right bottom;   -webkit-transform:rotate(0);   transform:rotate(0);   opacity:1;  } } @keyframes rotateInUpRight {  0% {   -webkit-transform-origin:right bottom;   -ms-transform-origin:right bottom;   transform-origin:right bottom;   -webkit-transform:rotate(-90deg);   -ms-transform:rotate(-90deg);   transform:rotate(-90deg);   opacity:0;  }  100% {   -webkit-transform-origin:right bottom;   -ms-transform-origin:right bottom;   transform-origin:right bottom;   -webkit-transform:rotate(0);   -ms-transform:rotate(0);   transform:rotate(0);   opacity:1;  } } .rotateInUpRight {  -webkit-animation-name:rotateInUpRight;  animation-name:rotateInUpRight; } @-webkit-keyframes rotateOut {  0% {   -webkit-transform-origin:center center;   transform-origin:center center;   -webkit-transform:rotate(0);   transform:rotate(0);   opacity:1;  }  100% {   -webkit-transform-origin:center center;   transform-origin:center center;   -webkit-transform:rotate(200deg);   transform:rotate(200deg);   opacity:0;  } } @keyframes rotateOut {  0% {   -webkit-transform-origin:center center;   -ms-transform-origin:center center;   transform-origin:center center;   -webkit-transform:rotate(0);   -ms-transform:rotate(0);   transform:rotate(0);   opacity:1;  }  100% {   -webkit-transform-origin:center center;   -ms-transform-origin:center center;   transform-origin:center center;   -webkit-transform:rotate(200deg);   -ms-transform:rotate(200deg);   transform:rotate(200deg);   opacity:0;  } } .rotateOut {  -webkit-animation-name:rotateOut;  animation-name:rotateOut; } @-webkit-keyframes rotateOutDownLeft {  0% {   -webkit-transform-origin:left bottom;   transform-origin:left bottom;   -webkit-transform:rotate(0);   transform:rotate(0);   opacity:1;  }  100% {   -webkit-transform-origin:left bottom;   transform-origin:left bottom;   -webkit-transform:rotate(90deg);   transform:rotate(90deg);   opacity:0;  } } @keyframes rotateOutDownLeft {  0% {   -webkit-transform-origin:left bottom;   -ms-transform-origin:left bottom;   transform-origin:left bottom;   -webkit-transform:rotate(0);   -ms-transform:rotate(0);   transform:rotate(0);   opacity:1;  }  100% {   -webkit-transform-origin:left bottom;   -ms-transform-origin:left bottom;   transform-origin:left bottom;   -webkit-transform:rotate(90deg);   -ms-transform:rotate(90deg);   transform:rotate(90deg);   opacity:0;  } } .rotateOutDownLeft {  -webkit-animation-name:rotateOutDownLeft;  animation-name:rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight {  0% {   -webkit-transform-origin:right bottom;   transform-origin:right bottom;   -webkit-transform:rotate(0);   transform:rotate(0);   opacity:1;  }  100% {   -webkit-transform-origin:right bottom;   transform-origin:right bottom;   -webkit-transform:rotate(-90deg);   transform:rotate(-90deg);   opacity:0;  } } @keyframes rotateOutDownRight {  0% {   -webkit-transform-origin:right bottom;   -ms-transform-origin:right bottom;   transform-origin:right bottom;   -webkit-transform:rotate(0);   -ms-transform:rotate(0);   transform:rotate(0);   opacity:1;  }  100% {   -webkit-transform-origin:right bottom;   -ms-transform-origin:right bottom;   transform-origin:right bottom;   -webkit-transform:rotate(-90deg);   -ms-transform:rotate(-90deg);   transform:rotate(-90deg);   opacity:0;  } } .rotateOutDownRight {  -webkit-animation-name:rotateOutDownRight;  animation-name:rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft {  0% {   -webkit-transform-origin:left bottom;   transform-origin:left bottom;   -webkit-transform:rotate(0);   transform:rotate(0);   opacity:1;  }  100% {   -webkit-transform-origin:left bottom;   transform-origin:left bottom;   -webkit-transform:rotate(-90deg);   transform:rotate(-90deg);   opacity:0;  } } @keyframes rotateOutUpLeft {  0% {   -webkit-transform-origin:left bottom;   -ms-transform-origin:left bottom;   transform-origin:left bottom;   -webkit-transform:rotate(0);   -ms-transform:rotate(0);   transform:rotate(0);   opacity:1;  }  100% {   -webkit-transform-origin:left bottom;   -ms-transform-origin:left bottom;   transform-origin:left bottom;   -webkit-transform:rotate(-90deg);   -ms-transform:rotate(-90deg);   transform:rotate(-90deg);   opacity:0;  } } .rotateOutUpLeft {  -webkit-animation-name:rotateOutUpLeft;  animation-name:rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight {  0% {   -webkit-transform-origin:right bottom;   transform-origin:right bottom;   -webkit-transform:rotate(0);   transform:rotate(0);   opacity:1;  }  100% {   -webkit-transform-origin:right bottom;   transform-origin:right bottom;   -webkit-transform:rotate(90deg);   transform:rotate(90deg);   opacity:0;  } } @keyframes rotateOutUpRight {  0% {   -webkit-transform-origin:right bottom;   -ms-transform-origin:right bottom;   transform-origin:right bottom;   -webkit-transform:rotate(0);   -ms-transform:rotate(0);   transform:rotate(0);   opacity:1;  }  100% {   -webkit-transform-origin:right bottom;   -ms-transform-origin:right bottom;   transform-origin:right bottom;   -webkit-transform:rotate(90deg);   -ms-transform:rotate(90deg);   transform:rotate(90deg);   opacity:0;  } } .rotateOutUpRight {  -webkit-animation-name:rotateOutUpRight;  animation-name:rotateOutUpRight; } @-webkit-keyframes slideInDown {  0% {   opacity:0;   -webkit-transform:translateY(-2000px);   transform:translateY(-2000px);  }  100% {   -webkit-transform:translateY(0);   transform:translateY(0);  } } @keyframes slideInDown {  0% {   opacity:0;   -webkit-transform:translateY(-2000px);   -ms-transform:translateY(-2000px);   transform:translateY(-2000px);  }  100% {   -webkit-transform:translateY(0);   -ms-transform:translateY(0);   transform:translateY(0);  } } .slideInDown {  -webkit-animation-name:slideInDown;  animation-name:slideInDown; } @-webkit-keyframes slideInLeft {  0% {   opacity:0;   -webkit-transform:translateX(-2000px);   transform:translateX(-2000px);  }  100% {   -webkit-transform:translateX(0);   transform:translateX(0);  } } @keyframes slideInLeft {  0% {   opacity:0;   -webkit-transform:translateX(-2000px);   -ms-transform:translateX(-2000px);   transform:translateX(-2000px);  }  100% {   -webkit-transform:translateX(0);   -ms-transform:translateX(0);   transform:translateX(0);  } } .slideInLeft {  -webkit-animation-name:slideInLeft;  animation-name:slideInLeft; } @-webkit-keyframes slideInRight {  0% {   opacity:0;   -webkit-transform:translateX(2000px);   transform:translateX(2000px);  }  100% {   -webkit-transform:translateX(0);   transform:translateX(0);  } } @keyframes slideInRight {  0% {   opacity:0;   -webkit-transform:translateX(2000px);   -ms-transform:translateX(2000px);   transform:translateX(2000px);  }  100% {   -webkit-transform:translateX(0);   -ms-transform:translateX(0);   transform:translateX(0);  } } .slideInRight {  -webkit-animation-name:slideInRight;  animation-name:slideInRight; } @-webkit-keyframes slideOutLeft {  0% {   -webkit-transform:translateX(0);   transform:translateX(0);  }  100% {   opacity:0;   -webkit-transform:translateX(-2000px);   transform:translateX(-2000px);  } } @keyframes slideOutLeft {  0% {   -webkit-transform:translateX(0);   -ms-transform:translateX(0);   transform:translateX(0);  }  100% {   opacity:0;   -webkit-transform:translateX(-2000px);   -ms-transform:translateX(-2000px);   transform:translateX(-2000px);  } } .slideOutLeft {  -webkit-animation-name:slideOutLeft;  animation-name:slideOutLeft; } @-webkit-keyframes slideOutRight {  0% {   -webkit-transform:translateX(0);   transform:translateX(0);  }  100% {   opacity:0;   -webkit-transform:translateX(2000px);   transform:translateX(2000px);  } } @keyframes slideOutRight {  0% {   -webkit-transform:translateX(0);   -ms-transform:translateX(0);   transform:translateX(0);  }  100% {   opacity:0;   -webkit-transform:translateX(2000px);   -ms-transform:translateX(2000px);   transform:translateX(2000px);  } } .slideOutRight {  -webkit-animation-name:slideOutRight;  animation-name:slideOutRight; } @-webkit-keyframes slideOutUp {  0% {   -webkit-transform:translateY(0);   transform:translateY(0);  }  100% {   opacity:0;   -webkit-transform:translateY(-2000px);   transform:translateY(-2000px);  } } @keyframes slideOutUp {  0% {   -webkit-transform:translateY(0);   -ms-transform:translateY(0);   transform:translateY(0);  }  100% {   opacity:0;   -webkit-transform:translateY(-2000px);   -ms-transform:translateY(-2000px);   transform:translateY(-2000px);  } } .slideOutUp {  -webkit-animation-name:slideOutUp;  animation-name:slideOutUp; } @-webkit-keyframes hinge {  0% {   -webkit-transform:rotate(0);   transform:rotate(0);   -webkit-transform-origin:top left;   transform-origin:top left;   -webkit-animation-timing-function:ease-in-out;   animation-timing-function:ease-in-out;  }  20%, 60% {   -webkit-transform:rotate(80deg);   transform:rotate(80deg);   -webkit-transform-origin:top left;   transform-origin:top left;   -webkit-animation-timing-function:ease-in-out;   animation-timing-function:ease-in-out;  }  40% {   -webkit-transform:rotate(60deg);   transform:rotate(60deg);   -webkit-transform-origin:top left;   transform-origin:top left;   -webkit-animation-timing-function:ease-in-out;   animation-timing-function:ease-in-out;  }  80% {   -webkit-transform:rotate(60deg) translateY(0);   transform:rotate(60deg) translateY(0);   opacity:1;   -webkit-transform-origin:top left;   transform-origin:top left;   -webkit-animation-timing-function:ease-in-out;   animation-timing-function:ease-in-out;  }  100% {   -webkit-transform:translateY(700px);   transform:translateY(700px);   opacity:0;  } } @keyframes hinge {  0% {   -webkit-transform:rotate(0);   -ms-transform:rotate(0);   transform:rotate(0);   -webkit-transform-origin:top left;   -ms-transform-origin:top left;   transform-origin:top left;   -webkit-animation-timing-function:ease-in-out;   animation-timing-function:ease-in-out;  }  20%, 60% {   -webkit-transform:rotate(80deg);   -ms-transform:rotate(80deg);   transform:rotate(80deg);   -webkit-transform-origin:top left;   -ms-transform-origin:top left;   transform-origin:top left;   -webkit-animation-timing-function:ease-in-out;   animation-timing-function:ease-in-out;  }  40% {   -webkit-transform:rotate(60deg);   -ms-transform:rotate(60deg);   transform:rotate(60deg);   -webkit-transform-origin:top left;   -ms-transform-origin:top left;   transform-origin:top left;   -webkit-animation-timing-function:ease-in-out;   animation-timing-function:ease-in-out;  }  80% {   -webkit-transform:rotate(60deg) translateY(0);   -ms-transform:rotate(60deg) translateY(0);   transform:rotate(60deg) translateY(0);   opacity:1;   -webkit-transform-origin:top left;   -ms-transform-origin:top left;   transform-origin:top left;   -webkit-animation-timing-function:ease-in-out;   animation-timing-function:ease-in-out;  }  100% {   -webkit-transform:translateY(700px);   -ms-transform:translateY(700px);   transform:translateY(700px);   opacity:0;  } } .hinge {  -webkit-animation-name:hinge;  animation-name:hinge; }  @-webkit-keyframes rollIn {  0% {   opacity:0;   -webkit-transform:translateX(-100%) rotate(-120deg);   transform:translateX(-100%) rotate(-120deg);  }  100% {   opacity:1;   -webkit-transform:translateX(0px) rotate(0deg);   transform:translateX(0px) rotate(0deg);  } } @keyframes rollIn {  0% {   opacity:0;   -webkit-transform:translateX(-100%) rotate(-120deg);   -ms-transform:translateX(-100%) rotate(-120deg);   transform:translateX(-100%) rotate(-120deg);  }  100% {   opacity:1;   -webkit-transform:translateX(0px) rotate(0deg);   -ms-transform:translateX(0px) rotate(0deg);   transform:translateX(0px) rotate(0deg);  } } .rollIn {  -webkit-animation-name:rollIn;  animation-name:rollIn; }  @-webkit-keyframes rollOut {  0% {   opacity:1;   -webkit-transform:translateX(0px) rotate(0deg);   transform:translateX(0px) rotate(0deg);  }  100% {   opacity:0;   -webkit-transform:translateX(100%) rotate(120deg);   transform:translateX(100%) rotate(120deg);  } } @keyframes rollOut {  0% {   opacity:1;   -webkit-transform:translateX(0px) rotate(0deg);   -ms-transform:translateX(0px) rotate(0deg);   transform:translateX(0px) rotate(0deg);  }  100% {   opacity:0;   -webkit-transform:translateX(100%) rotate(120deg);   -ms-transform:translateX(100%) rotate(120deg);   transform:translateX(100%) rotate(120deg);  } } .rollOut {  -webkit-animation-name:rollOut;  animation-name:rollOut; } 
.glide {  position:relative;  width:100%;  box-sizing:border-box; }  .glide * {   box-sizing:inherit; }  .glide__track {   overflow:hidden; }  .glide__slides {   position:relative;   width:100%;   list-style:none;   backface-visibility:hidden;   transform-style:preserve-3d;   touch-action:pan-Y;   overflow:hidden;   padding:0;   white-space:nowrap;   display:flex;   flex-wrap:nowrap;   will-change:transform; }   .glide__slides--dragging { user-select:none; }  .glide__slide {   width:33%;   height:100%;   padding:5px;   flex-shrink:0;   white-space:initial;   user-select:none;   -webkit-touch-callout:none;   -webkit-tap-highlight-color:transparent; }   .glide__slide a { user-select:none; -webkit-user-drag:none; -moz-user-select:none; -ms-user-select:none; }  .glide__arrows {   -webkit-touch-callout:none;   user-select:none; }  .glide__bullets {   -webkit-touch-callout:none;   user-select:none; }  .glide--rtl {   direction:rtl; }
 .btn-link:before{   right:0px;   left:0;  }  span.arrow-img {   rotate:180deg;   margin-right:20px;  }  .zf-form-sBox {   background-position-x:60%;  }  .zf-agree-submit-wrappper .zf-fmFooter {   margin-left:unset;   margin-right:auto;  }  .zf-decesion label {   margin-right:15px;   margin-left:unset;   text-align:right;  }  .zf-decesion input[type="checkbox"] {   float:right;  }  .zf-tempFrmWrapper.zf-decesion .zf-labelName {  margin:0px 0px 0px 0px !important;  }  .zf-submitColor:before {   left:unset;   right:0px;  }  .columns .the-content ul li:before,  .the-answer ul li::before {   left:unset;   right:0;  }  .columns .the-content ul li {   padding:.6rem 2.2rem .6rem 0;  }  .page-template-ifza-corporate-consulting section.banner .container {   padding-left:60%;   padding-right:unset !important;  }  a.rtl-number,  footer a.rtl-number {   direction:ltr !important;  }  a.rtl-number span,  footer a.rtl-number span{   display:inline-block;   direction:ltr !important;  }  .rtl .iti__tel-input {   direction:ltr !important;   text-align:right;  }   header.new-style .header-main-menu li a {   padding-right:0rem;   padding-left:0.88rem;  }  .header-main-menu li.menu-item-has-children>a:after {   right:unset !important;   left:0px !important;  }  header.header.new-style ul#menu-main-menu > li.menu-item:not(.wpml-ls-menu-item) > ul.sub-menu {   left:unset !important;   right:-0.8rem !important;  }  header.header.new-style .header-main-menu > li:not(.wpml-ls-menu-item) > ul.sub-menu::before {   left:unset;   right:1.8rem;  }  header.new-style span.header-call-us a {   direction:ltr !important;  }  .text-over-image-listing li:nth-of-type(3):after {   left:-8px !important;   right:unset !important;  }  .footer-social-media li:first-child {   margin-right:0px !important;  }  .footer-left-time-hour-wrap,  .footer-right-menu-wrap {   margin-left:unset !important;   margin-right:auto;  }   .home .service-content-wrap {   text-align:right;  }  .ifza-post-section {   margin-left:0;   margin-right:auto;  }  .page-template-partnership .text-image-block-list li {   margin-left:unset;   margin-right:4%;  }  .page-template-partnership .glide__arrow i {   rotate:180deg;  }  .list-with-number li span {   margin-right:0 !important;   margin-left:50px !important;  }  section.page-breaker .container {   padding-right:0;   padding-left:25%;  }  section.page-breaker p {   padding-left:25%;   padding-right:0 !important;  }  section.page-breaker figure {   left:unset;   right:0;  }  section.page-breaker::before {   left:0px;   right:unset !important;  }  p.the-question span {   margin-right:0 !important;   margin-left:1rem;  }  p.the-question strong {   padding-right:unset !important;   padding-left:1rem;  }  p.the-question i.fa-solid {   right:unset !important;   left:0;  }  .the-answer ul li {   padding:.2rem 2rem .2rem 0rem !important;  }  .columns .the-content ul li {   padding:.6rem 2.2rem .6rem 0rem !important;  }  .approval-step-content:after {   left:unset;   right:0px;  }  .setps-listing-outer ul li:first-child {   margin-left:1.5%;  }  .setps-listing-outer ul li:last-child {   margin-left:0px;  }  .approval-step-content span span {   margin-left:0px !important;   margin-right:25px;  }  .listing-points li {   padding:25px 18px 25px 0px !important;  }  .listing-points li:before {   left:unset;   right:0px;  }  ul.list li {   padding-left:0rem !important;   padding-right:2rem !important;  }  ul.list li::before {   left:unset !important;   right:0;  }  .center-image-left-box {   padding-right:0px !important;   padding-left:25px;  }  .center-image-right-box {   padding-right:25px !important;   padding-left:0px !important;  }  .center-image-right-box span:after {   right:-100px !important; }  .text-image-list-content {   padding-left:0px;   padding-right:90px;  }  .text-image-list-inner:nth-child(even) .text-image-list-content {   padding-right:0px !important;   padding-left:90px;  }  .image-content-list-content:after {   left:unset;   right:0px;  }  .image-content-list-content p {   text-align:right;  }  section.listing .container article {   padding-right:0 !important;   padding-left:8%;  }  .text-over-image-listing li {   margin-left:0px;  }  .text-over-image-listing li:nth-child(2n+2){   margin-left:1%;  }  .text-over-image-listing li:after {   left:unset !important;   right:-8px !important;  }  .content-sec-6 .text-over-image-listing li:nth-of-type(5):after {   left:-8px !important;   right:unset !important;  }  .video-slide-area {   margin-right:0px !important;   margin-left:20px !important;  }  .letter-text-content {   margin-left:unset;   margin-right:8%;  }  .bottom-banner-inner span:after {   right:unset;   left:-110px;  }  section.img-text-columns article {   padding-left:0 !important;   padding-right:10%;  }  section.service-list figure::before {   width:100% !important;  }  section.service-list ul li::after {   left:unset !important;   right:0;  }  select#international_PhoneNumber_countrycodeval {   background-position-x:75% !important;  }  .zf-tempFrmWrapper.zf-decesion .zf-labelName {   text-align:right !important;  }   .page-template-ifza-elite section.columns article {   padding-right:3rem !important;   padding-left:0rem !important;  }  .page-template-ifza-elite button.splide__arrow {   transform:none !important;  }  .page-template-ifza-elite button.splide__arrow:last-child {   transform:rotate(180deg) !important;  }  .page-template-ifza-events .content-sec-7-right {   margin-left:unset !important;   margin-right:auto;  }  .page-template-ifza-events .content-sec-7-left:after {   left:unset !important;   right:0;  }  .text-over-image-listing li figure figcaption {   left:unset !important;   right:8px !important;  }  .gallery-list li figure figcaption .link-arrow img {   rotate:180deg;  }  .listing-slide-outer > ul li {   margin-left:unset !important;   margin-right:1.5%;  }  .workspace-content-wrap:after {   left:unset !important;   right:0px !important;  }  .bullet-listing {   padding-left:0 !important;   padding-right:15px !important;  }  .right-points ul li:after {   left:unset !important;   right:0 !important;  }  .right-points {   margin-left:unset !important;   margin-right:auto;  }  .team-member-list li {   margin-left:unset !important;   margin-right:2%;  }  .team-member-list li:nth-child(4n+1) {   margin:0 !important;  }  .team-member-list li:after {   left:unset !important;   right:0px !important;  }  .testimonials-listing li {   margin-left:unset !important;   margin-right:2%;  }  .testimonials-listing li:nth-child(2n+1) {   margin-right:0 !important;  }  .testimonial-content-box::after {   left:unset !important;   right:0px !important;  }  .page-template-why-dubai section.banner .container {   padding:unset !important;  }  .content-sec-17-left h3:after {   left:unset !important;   right:0px !important;  }  .content-sec-17-right {   margin-left:unset !important;   margin-right:auto;  }  .why-dubai .listing-points li:before {   top:34px !important;  }  .numbers-listing li:after {   left:unset !important;   right:0px;  }  .numbers-listing li {   margin-left:unset !important;   margin-right:3.75%;  }  .numbers-listing li:first-child {   margin-right:0 !important;  }  .job-listing-embeded .rec-group .rec-job-info:before {   left:unset !important;   right:25px !important;  }  .job-listing-embeded .rec-group .rec-job-info .rec-job-title a:after {   right:unset !important;   left:25px;   rotate:180deg;  }  .job-listing-embeded .rec-group .rec-job-info {   padding:50px 50px 50px 15px !important;  }  section.generic-form-link a.btn-link {   right:unset !important;   left:0px;  }  section.generic-form-link .container {   padding-right:unset !important;   padding-left:33%;  }  .right-articles.right-articles-view article {   margin-left:2%;  }  .right-articles.right-articles-view article:last-child {   margin-left:unset !important;  }  .right-articles-view article:nth-child(2n+1) {   margin-left:2%;  }  .posts-section.posts-section-2 .btn-link {   float:right !important;  }  .banner-main-menu li {   margin-right:0px !important;   margin-left:30px;  }  .banner-search-area {   margin-left:unset !important;   margin-right:auto;  }  .posts-listing article {   margin-left:unset !important;   margin-right:2%;  }  .posts-listing article:nth-child(2n+1) {   margin-right:unset !important;  }  .sidebar-area {   margin-left:unset !important;   margin-right:auto;  }  .sidebar-area i,  .single-posts-widget-1 i {   rotate:180deg;  }  .sidebar-area .posts-widget-3 i {   rotate:unset !important;  }  .file-detail-left .listing-points li:before {   top:35px;  }  .file-detail-right,  .single-share-area {   margin-left:unset !important;   margin-right:auto;  }  .btn-download i {   margin-right:unset;   margin-left:5px;  }  .videos-article-list-view .video-article-list-content {   padding:0px 50px 0px 0px;  }  .single-widget-listing {   margin-left:unset !important;   margin-right:auto;  }  .single-posts-widget-1 article p {   padding-right:unset !important;   padding-left:10px;  }  .single-blog-guide-section .single-content-center {   margin-left:unset !important;   margin-right:9%;  }  .single-date-area .article-publish-time {   margin-right:unset !important;   margin-left:50px;  }  .single-share-area ul li {   margin-left:unset !important;   margin-right:10px;  }  .right-right-content {   margin-left:unset !important;   margin-right:auto;  }  .page-template-contact-us .zf-submitColor {   margin-left:unset;   margin-right:0px;  }  .page-template-contact-us .contact-call-btn a {   direction:ltr !important;  }  .back-home img {   rotate:180deg;   margin-left:10px;  }  .address-widget:before {   left:unset !important;   right:0;  }  .contact-sec .social-media-contact li {   margin-left:unset !important;   margin-right:20px;  }  .contact-sec .social-media-contact li:first-child {   margin-right:0px;  }  .tab-intro.has-image {   padding-right:2.2rem !important;   padding-left:20% !important;  }  .tab-inner-content ul li::before,  section.has-columns .container article ul li::before {   left:unset !important;   right:0;  }  .tab-inner-content ul li,  section.has-columns .container article ul li {   padding-left:unset !important;   padding-right:22px !important;  }  .col-txt-right article {   padding-left:unset;   padding-right:8%;  }   section.has-columns .container article p {   padding-right:unset !important;   padding-left:50%;  }  .the-partners-list .the-grid li {   padding-left:unset !important;   padding-right:18px;  }  .the-partners-list ul.the-grid li::before {   left:unset !important;   right:0;  }  .content-sec-25-inner .btn-link {   margin-left:unset !important;   margin-right:auto;  }  @media only screen and (max-width:1199px) {   .menu-bars-place {  margin-left:unset;  margin-right:20px;   }  }  @media screen and (max-width:767px) {   .heading-widget   .options-inside h3,   .content-area h3,   .options-inside,   section.has-columns>div>h2,   section.has-columns>div>p,   .heading-widget .options-inside h3,   .content-area h3,   .options-inside,   section.has-columns>div>h2,   section.has-columns>div>p,   .content-area p,   .multi-steps-outer h2,   .options-inside h3,   .content-area h3,   .options-inside,   .full-banner-box,   .center-image-right-box,   .page-template-ifza-academy .text-image-list-sec h2,   .grey-bg-sec-2 .h2,   .content-sec-5 h4,   section.service-list .title * { text-align:right !important;   }   .text-image-list-content,   section.has-columns .container article p { padding-right:0 !important; padding-left:0 !important;   }   section.has-columns h2,   section.has-columns .container > p { text-align:center !important;   }   .listing-points li:before { top:30px !important;   }   .video-slider-sec h3, #video-slider { padding-left:10px; padding-right:10px;   } .mob-menu { padding-left:unset !important; padding-right:20px !important;   }   .social-media-mob { display:none;   }   .bars-wrap { margin-left:unset !important; margin-right:auto;   }   .mob-menu-updates .bars-wrap { border:0; background:#fff;   }   body.menu-opened .mob-menu { padding:0px !important;   }   .header-main-menu li.menu-item-has-children>a { padding-right:unset !important; padding-left:15px;   }   .menu-bars-place {  margin-left:0;  margin-right:20px;   }   .center-image-right-box span:after { left:0px !important; right:150px !important;   } .ceo-name-mob:after { left:unset !important; right:0px !important;   } .team-member-list li:nth-child(2n+1) { margin-right:0 !important;   }  .numbers-listing li { margin-right:0px !important;   } .banner-main-menu li { margin-left:10px !important;   }   .banner-main-menu li:last-child { margin-right:0px !important; margin-left:0px !important;   }   select#international_PhoneNumber_countrycodeval { background-position-x:0% !important; background-position-y:35% !important;   }  }
 .btn-link:before{   right:0px;   left:0;  }  span.arrow-img {   rotate:180deg;   margin-right:20px;  }  .zf-form-sBox {   background-position-x:60%;  }  .zf-agree-submit-wrappper .zf-fmFooter {   margin-left:unset;   margin-right:auto;  }  .zf-decesion label {   margin-right:15px;   margin-left:unset;   text-align:right;  }  .zf-decesion input[type="checkbox"] {   float:right;  }  .zf-tempFrmWrapper.zf-decesion .zf-labelName {  margin:0px 0px 0px 0px !important;  }  .zf-submitColor:before {   left:unset;   right:0px;  }  .columns .the-content ul li:before,  .the-answer ul li::before {   left:unset;   right:0;  }  .columns .the-content ul li {   padding:.6rem 2.2rem .6rem 0;  }  .page-template-ifza-corporate-consulting section.banner .container {   padding-left:60%;   padding-right:unset !important;  }  a.rtl-number,  footer a.rtl-number {   direction:ltr !important;  }  a.rtl-number span,  footer a.rtl-number span{   display:inline-block;   direction:ltr !important;  }  .rtl .iti__tel-input {   direction:ltr !important;   text-align:right;  }   header.new-style .header-main-menu li a {   padding-right:0rem;   padding-left:0.88rem;  }  .header-main-menu li.menu-item-has-children>a:after {   right:unset !important;   left:0px !important;  }  header.header.new-style ul#menu-main-menu > li.menu-item:not(.wpml-ls-menu-item) > ul.sub-menu {   left:unset !important;   right:-0.8rem !important;  }  header.header.new-style .header-main-menu > li:not(.wpml-ls-menu-item) > ul.sub-menu::before {   left:unset;   right:1.8rem;  }  header.new-style span.header-call-us a {   direction:ltr !important;  }  .text-over-image-listing li:nth-of-type(3):after {   left:-8px !important;   right:unset !important;  }  .footer-social-media li:first-child {   margin-right:0px !important;  }  .footer-left-time-hour-wrap,  .footer-right-menu-wrap {   margin-left:unset !important;   margin-right:auto;  }   .home .service-content-wrap {   text-align:right;  }  .ifza-post-section {   margin-left:0;   margin-right:auto;  }  .page-template-partnership .text-image-block-list li {   margin-left:unset;   margin-right:4%;  }  .page-template-partnership .glide__arrow i {   rotate:180deg;  }  .list-with-number li span {   margin-right:0 !important;   margin-left:50px !important;  }  section.page-breaker .container {   padding-right:0;   padding-left:25%;  }  section.page-breaker p {   padding-left:25%;   padding-right:0 !important;  }  section.page-breaker figure {   left:unset;   right:0;  }  section.page-breaker::before {   left:0px;   right:unset !important;  }  p.the-question span {   margin-right:0 !important;   margin-left:1rem;  }  p.the-question strong {   padding-right:unset !important;   padding-left:1rem;  }  p.the-question i.fa-solid {   right:unset !important;   left:0;  }  .the-answer ul li {   padding:.2rem 2rem .2rem 0rem !important;  }  .columns .the-content ul li {   padding:.6rem 2.2rem .6rem 0rem !important;  }  .approval-step-content:after {   left:unset;   right:0px;  }  .setps-listing-outer ul li:first-child {   margin-left:1.5%;  }  .setps-listing-outer ul li:last-child {   margin-left:0px;  }  .approval-step-content span span {   margin-left:0px !important;   margin-right:25px;  }  .listing-points li {   padding:25px 18px 25px 0px !important;  }  .listing-points li:before {   left:unset;   right:0px;  }  ul.list li {   padding-left:0rem !important;   padding-right:2rem !important;  }  ul.list li::before {   left:unset !important;   right:0;  }  .center-image-left-box {   padding-right:0px !important;   padding-left:25px;  }  .center-image-right-box {   padding-right:25px !important;   padding-left:0px !important;  }  .center-image-right-box span:after {   right:-100px !important; }  .text-image-list-content {   padding-left:0px;   padding-right:90px;  }  .text-image-list-inner:nth-child(even) .text-image-list-content {   padding-right:0px !important;   padding-left:90px;  }  .image-content-list-content:after {   left:unset;   right:0px;  }  .image-content-list-content p {   text-align:right;  }  section.listing .container article {   padding-right:0 !important;   padding-left:8%;  }  .text-over-image-listing li {   margin-left:0px;  }  .text-over-image-listing li:nth-child(2n+2){   margin-left:1%;  }  .text-over-image-listing li:after {   left:unset !important;   right:-8px !important;  }  .content-sec-6 .text-over-image-listing li:nth-of-type(5):after {   left:-8px !important;   right:unset !important;  }  .video-slide-area {   margin-right:0px !important;   margin-left:20px !important;  }  .letter-text-content {   margin-left:unset;   margin-right:8%;  }  .bottom-banner-inner span:after {   right:unset;   left:-110px;  }  section.img-text-columns article {   padding-left:0 !important;   padding-right:10%;  }  section.service-list figure::before {   width:100% !important;  }  section.service-list ul li::after {   left:unset !important;   right:0;  }  select#international_PhoneNumber_countrycodeval {   background-position-x:75% !important;  }  .zf-tempFrmWrapper.zf-decesion .zf-labelName {   text-align:right !important;  }   .page-template-ifza-elite section.columns article {   padding-right:3rem !important;   padding-left:0rem !important;  }  .page-template-ifza-elite button.splide__arrow {   transform:none !important;  }  .page-template-ifza-elite button.splide__arrow:last-child {   transform:rotate(180deg) !important;  }  .page-template-ifza-events .content-sec-7-right {   margin-left:unset !important;   margin-right:auto;  }  .page-template-ifza-events .content-sec-7-left:after {   left:unset !important;   right:0;  }  .text-over-image-listing li figure figcaption {   left:unset !important;   right:8px !important;  }  .gallery-list li figure figcaption .link-arrow img {   rotate:180deg;  }  .listing-slide-outer > ul li {   margin-left:unset !important;   margin-right:1.5%;  }  .workspace-content-wrap:after {   left:unset !important;   right:0px !important;  }  .bullet-listing {   padding-left:0 !important;   padding-right:15px !important;  }  .right-points ul li:after {   left:unset !important;   right:0 !important;  }  .right-points {   margin-left:unset !important;   margin-right:auto;  }  .team-member-list li {   margin-left:unset !important;   margin-right:2%;  }  .team-member-list li:nth-child(4n+1) {   margin:0 !important;  }  .team-member-list li:after {   left:unset !important;   right:0px !important;  }  .testimonials-listing li {   margin-left:unset !important;   margin-right:2%;  }  .testimonials-listing li:nth-child(2n+1) {   margin-right:0 !important;  }  .testimonial-content-box::after {   left:unset !important;   right:0px !important;  }  .page-template-why-dubai section.banner .container {   padding:unset !important;  }  .content-sec-17-left h3:after {   left:unset !important;   right:0px !important;  }  .content-sec-17-right {   margin-left:unset !important;   margin-right:auto;  }  .why-dubai .listing-points li:before {   top:34px !important;  }  .numbers-listing li:after {   left:unset !important;   right:0px;  }  .numbers-listing li {   margin-left:unset !important;   margin-right:3.75%;  }  .numbers-listing li:first-child {   margin-right:0 !important;  }  .job-listing-embeded .rec-group .rec-job-info:before {   left:unset !important;   right:25px !important;  }  .job-listing-embeded .rec-group .rec-job-info .rec-job-title a:after {   right:unset !important;   left:25px;   rotate:180deg;  }  .job-listing-embeded .rec-group .rec-job-info {   padding:50px 50px 50px 15px !important;  }  section.generic-form-link a.btn-link {   right:unset !important;   left:0px;  }  section.generic-form-link .container {   padding-right:unset !important;   padding-left:33%;  }  .right-articles.right-articles-view article {   margin-left:2%;  }  .right-articles.right-articles-view article:last-child {   margin-left:unset !important;  }  .right-articles-view article:nth-child(2n+1) {   margin-left:2%;  }  .posts-section.posts-section-2 .btn-link {   float:right !important;  }  .banner-main-menu li {   margin-right:0px !important;   margin-left:30px;  }  .banner-search-area {   margin-left:unset !important;   margin-right:auto;  }  .posts-listing article {   margin-left:unset !important;   margin-right:2%;  }  .posts-listing article:nth-child(2n+1) {   margin-right:unset !important;  }  .sidebar-area {   margin-left:unset !important;   margin-right:auto;  }  .sidebar-area i,  .single-posts-widget-1 i {   rotate:180deg;  }  .sidebar-area .posts-widget-3 i {   rotate:unset !important;  }  .file-detail-left .listing-points li:before {   top:35px;  }  .file-detail-right,  .single-share-area {   margin-left:unset !important;   margin-right:auto;  }  .btn-download i {   margin-right:unset;   margin-left:5px;  }  .videos-article-list-view .video-article-list-content {   padding:0px 50px 0px 0px;  }  .single-widget-listing {   margin-left:unset !important;   margin-right:auto;  }  .single-posts-widget-1 article p {   padding-right:unset !important;   padding-left:10px;  }  .single-blog-guide-section .single-content-center {   margin-left:unset !important;   margin-right:9%;  }  .single-date-area .article-publish-time {   margin-right:unset !important;   margin-left:50px;  }  .single-share-area ul li {   margin-left:unset !important;   margin-right:10px;  }  .right-right-content {   margin-left:unset !important;   margin-right:auto;  }  .page-template-contact-us .zf-submitColor {   margin-left:unset;   margin-right:0px;  }  .page-template-contact-us .contact-call-btn a {   direction:ltr !important;  }  .back-home img {   rotate:180deg;   margin-left:10px;  }  .address-widget:before {   left:unset !important;   right:0;  }  .contact-sec .social-media-contact li {   margin-left:unset !important;   margin-right:20px;  }  .contact-sec .social-media-contact li:first-child {   margin-right:0px;  }  .tab-intro.has-image {   padding-right:2.2rem !important;   padding-left:20% !important;  }  .tab-inner-content ul li::before,  section.has-columns .container article ul li::before {   left:unset !important;   right:0;  }  .tab-inner-content ul li,  section.has-columns .container article ul li {   padding-left:unset !important;   padding-right:22px !important;  }  .col-txt-right article {   padding-left:unset;   padding-right:8%;  }   section.has-columns .container article p {   padding-right:unset !important;   padding-left:50%;  }  .the-partners-list .the-grid li {   padding-left:unset !important;   padding-right:18px;  }  .the-partners-list ul.the-grid li::before {   left:unset !important;   right:0;  }  .content-sec-25-inner .btn-link {   margin-left:unset !important;   margin-right:auto;  }  @media only screen and (max-width:1199px) {   .menu-bars-place {  margin-left:unset;  margin-right:20px;   }  }  @media screen and (max-width:767px) {   .heading-widget   .options-inside h3,   .content-area h3,   .options-inside,   section.has-columns>div>h2,   section.has-columns>div>p,   .heading-widget .options-inside h3,   .content-area h3,   .options-inside,   section.has-columns>div>h2,   section.has-columns>div>p,   .content-area p,   .multi-steps-outer h2,   .options-inside h3,   .content-area h3,   .options-inside,   .full-banner-box,   .center-image-right-box,   .page-template-ifza-academy .text-image-list-sec h2,   .grey-bg-sec-2 .h2,   .content-sec-5 h4,   section.service-list .title * { text-align:right !important;   }   .text-image-list-content,   section.has-columns .container article p { padding-right:0 !important; padding-left:0 !important;   }   section.has-columns h2,   section.has-columns .container > p { text-align:center !important;   }   .listing-points li:before { top:30px !important;   }   .video-slider-sec h3, #video-slider { padding-left:10px; padding-right:10px;   } .mob-menu { padding-left:unset !important; padding-right:20px !important;   }   .social-media-mob { display:none;   }   .bars-wrap { margin-left:unset !important; margin-right:auto;   }   .mob-menu-updates .bars-wrap { border:0; background:#fff;   }   body.menu-opened .mob-menu { padding:0px !important;   }   .header-main-menu li.menu-item-has-children>a { padding-right:unset !important; padding-left:15px;   }   .menu-bars-place {  margin-left:0;  margin-right:20px;   }   .center-image-right-box span:after { left:0px !important; right:150px !important;   } .ceo-name-mob:after { left:unset !important; right:0px !important;   } .team-member-list li:nth-child(2n+1) { margin-right:0 !important;   }  .numbers-listing li { margin-right:0px !important;   } .banner-main-menu li { margin-left:10px !important;   }   .banner-main-menu li:last-child { margin-right:0px !important; margin-left:0px !important;   }   select#international_PhoneNumber_countrycodeval { background-position-x:0% !important; background-position-y:35% !important;   }  }
   section.the_form {  display:flex;  align-items:center;  justify-content:center;  position:relative;  padding:5.2rem 0;; } section.the_form figure {  position:absolute;  top:0;  left:0;  width:100%;  height:100%;  background-color:#21201F; } section.the_form figure img {  min-height:100%;  max-height:100%;  min-width:100%;  max-width:100%;  object-fit:cover;  opacity:50%; } section.the_form .container {  position:relative;  z-index:1;  padding-left:25%;  padding-right:25%; } section.the_form.form-image{  min-height:90vh; } section.the_form.form-image .for-heading *{  color:white; }  section#form_section .contact-form-container * {  color:#21201F; } section#form_section .contact-form-container > * {  margin:0; } .column.form {  display:flex;  align-items:center;  justify-content:center; } .contact-form-container {  width:100%;  height:100%;  display:flex;  flex-direction:column;  gap:44px;  padding:48px; } .form-inner {  display:flex;  flex-direction:column;  gap:22px; } .form-input {  width:100%;  display:flex;  justify-content:space-between;  flex-wrap:wrap; } .form-input.one > *, input#the_phone_number {  width:100%; } .form-input.two > * {  width:49%; } input#the_phone_number {  width:100%; } .form-input input, .form-input textarea, .form-input ::placeholder {  font-size:16px;  color:#21201F;  } .form-input input, .form-input textarea, .form-input select {  border:0;  padding:0;  border-bottom:1px solid #21201F;  padding-bottom:8px;  font-family:"Alexandria", "Wotfard", Arial, sans-serif;  font-weight:300; } .form-input textarea {  max-height:32px; } input[type="hidden"]{  display:none!important;; } .iti__selected-country-primary {  padding-left:0!important;  margin-bottom:8px; } .form-input.acceptance {  row-gap:10px; } .form-input.acceptance input {  width:16px;  margin-right:6px; } .form-input.acceptance label { width:calc(100% - 16px - 6px); font-size:14px; font-weight:300; } .form-input.acceptance label a {  font-weight:400; } .form-input.acceptance small {  font-size:12px;  font-weight:400;  opacity:65%;  display:block;  width:100%;  margin-top:22px; } .form-inner > button {  display:flex;  align-items:center;  justify-content:center;  width:fit-content;  min-width:220px;  border:0;  padding:10px 22px;  min-height:48px;  cursor:pointer;  font-size:16px;  border-radius:40px;  gap:12px;  color:white;  background:#21201F;  transition:all 200ms ease-in-out; } .form-inner > button:hover {  background-color:#CDA72C; } .form-inner > button span.arrow-img {  width:38px;  background-size:contain;  background-position:right center;  height:18px;  margin:0;  transition:all 200ms ease-in-out; } section.the_form.form-image .form-input input, section.the_form.form-image .form-input textarea, section.the_form.form-image .form-input > *::placeholder, section.the_form.form-image label, section.the_form.form-image input#the_phone_number::placeholder {  color:white;  border-color:white; } section.the_form.form-image .iti__arrow {  border-top:var(--iti-arrow-height) solid white; } section.the_form.form-image .iti__arrow--up {  border-top:none;  border-bottom:var(--iti-arrow-height) solid white; } section.the_form.form-image .form-inner > button {  background-color:white;  color:#21201F; } section.the_form.form-image .form-inner > button:hover {  background-color:#CDA72C;  color:white; } section.the_form.form-image .form-inner > button:hover span.arrow-img, .contact-form-area .form-inner > button span.arrow-img {  background-image:url(https://ar.ifza.com/wp-content/themes/ifza/assets/images/btn-arrow.svg); }