.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;   }  }
:root {  --section-padding:8rem;  --white:#fff;  --grey:#f3f3f3;  --grey-dark:#c4c3c3;  --black:#21201f;  --gold:#cda72c;  --the-gap:2.6rem;  --titles-margin:16px;  --narrow-cont:960px;  --container-size:calc(1450px - (10px * 2));   --font-family:"Alexandria", "Wotfard", Arial, sans-serif;  --header-padding:45px; } @media screen and (max-width:1500px) {  :root {   --container-size:calc(85% - (10px * 2));   --section-padding:8rem;   --the-gap:2.2rem;   --container-size:calc(85% - (10px * 2));  } } @media screen and (max-width:1280px) {  :root {   --section-padding:6rem;   --the-gap:1.8rem;   --narrow-cont:768px;  } } @media screen and (max-width:1199px) {  :root {   --container-size:calc(96% - (10px * 2));  } } @media screen and (max-width:1024px) {  :root {   --container-size:calc(92% - (10px * 2));   --section-padding:5rem;  } } @media screen and (max-width:768px) {  :root {   --section-padding:3.6rem;   --the-gap:1rem;   --narrow-cont:100%;   --titles-margin:12px;  } } @media screen and (max-width:480px) {  :root {   --container-size:calc(96% - (10px * 2));  } } body {   font-weight:300;   line-height:1.25; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {   font-family:var(--font-family);   text-transform:none; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {   font-weight:300; } strong.h3, strong{  font-weight:400; } h4, .h4 {  font-weight:400;  font-size:18px;  text-transform:uppercase; } a.link-arrow {   display:flex;   gap:12px;   align-items:center;   font-size:20px;   font-weight:400;   margin-top:calc(var(--the-gap) / 2);   width:fit-content; } a.link-arrow > span {  margin-left:0; } a.link-arrow, a.link-arrow * {  transition:all 200ms ease-in-out; } a.link-arrow:hover > span {  margin-left:18px; } @media screen and (max-width:768px) {  h4, .h4 {   font-weight:400;   font-size:16px;   text-transform:uppercase;  } } main section .container > ul {  margin-top:var(--the-gap); } ul.col-2 li {  width:48%; } ul.col-3 li {  width:30%; } ul.col-4 li {  width:min(220px,20%); } ul.col-5 li {  width:min(200px,18%); } ul.col-6 li {  width:min(200px,16%); } @media screen and (max-width:1024px) {  ul.col-3 li {   width:31%;  }   ul.col-4 li {   width:min(220px,22%);  }   ul.col-5 li {   width:min(200px,16%);  }   ul.col-6 li {   width:min(200px,14%);  } }  main section ul.accordion {  margin:0;  width:100%; } ul.accordion {  border-top:1px dotted var(--grey-dark); } ul.accordion li {  padding:calc(var(--the-gap) / 3) 0;  display:flex;  flex-direction:column;  gap:calc(var(--the-gap) / 3.6);  border-bottom:1px dotted var(--grey-dark); } ul.accordion .title {  cursor:pointer;  transition:all 200ms ease-in-out;  position:relative; } ul.accordion .title::after {  content:'+';  position:absolute;  left:0;  top:3px;  font-size:20px;  width:18px;  height:18px;  display:flex;  align-items:center;  justify-content:center;  text-align:center;  transition:all 200ms ease-in-out;  font-family:Arial, Helvetica, sans-serif;  color:var(--black); } ul.accordion .title.active::after {  transform:rotate(45deg);  opacity:60%; } ul.accordion .title:hover {  color:var(--gold); } ul.accordion li * {  margin:0; }   .mbl, .tbl, .dsk {  display:none; } @media screen and (max-width:767px) {  .mbl {   display:block;  } } @media screen and (min-width:768px) and (max-width:1024px) {  .tbl {   display:block;  } } @media screen and (min-width:1025px) {  .dsk {   display:block;  } } main figure {  overflow:hidden; } main figure img {  min-height:100%;  max-height:100%;  min-width:100%;  max-width:100%;  object-fit:cover; } .content-white * {  color:var(--white) !important; } .content-white .arrow-img {   background-image:url(https://ar.ifza.com/wp-content/themes/ifza/assets/images/btn-arrow.svg); } main section:not(.license-banner) {  padding:var(--section-padding) 0; } main section.padding-half {  padding:calc(var(--section-padding) / 2) 0; } main section.padding-zero {  padding:0; } main section.padding-top-half {  padding-top:calc(var(--section-padding) / 2); } main section.padding-bottom-half {  padding-bottom:calc(var(--section-padding) / 2); } main section.padding-top-zero {  padding-top:0; } main section.padding-bottom-zero {  padding-bottom:0; } .overlay {   position:absolute;   width:100%;   height:100%;   top:0;   left:0;   right:0;   margin:0 auto;   background-color:black; }  .header {  position:relative; } img.logo-white {  display:none; } img.logo-clr {  opacity:1;  visibility:visible;  display:flex; } header.new-style span.header-call-us a {  border:1px solid var(--grey); } .header-main-menu li a {  color:var(--black); } header:hover span.header-call-us a {  background-color:var(--white);  color:var(--black); } section.license-banner {   position:relative; } figure.banner-img {   width:calc(100% - (var(--header-padding) * 2));   height:100%;   position:absolute;   top:0;   left:0;   right:0;   margin:0 auto; } section.license-banner .overlay {   max-width:calc(100% - (var(--header-padding) * 2));   background:rgb(0,0,0);   background:linear-gradient(337deg, rgba(0,0,0,0.4962359943977591) 0%, rgba(33,32,31,1) 100%); } section.license-banner .container {   min-height:580px;   position:relative;   display:flex;   flex-direction:column;   justify-content:center;   gap:calc(var(--the-gap) / 2.68);   padding-left:min(45%,700px);   padding-right:50px; } section.license-banner .container > *:not(a) {   margin:0; } section.license-banner p {   font-size:22px; }  section.license-overview .container {  position:relative; } ul.number-blocks {  display:flex;  width:100%;  justify-content:space-between;  margin-top:var(--the-gap); } ul.number-blocks li {  display:flex;  flex-direction:column;  gap:2px;  padding:calc(var(--the-gap) / 2) 0;  border-top:1px solid var(--grey-dark);  border-bottom:1px solid var(--grey-dark); } ul.number-blocks li * {  margin:0;  text-align:center; } ul.number-blocks strong {  font-weight:200;  font-size:80px;  line-height:1;  letter-spacing:-14px;  color:var(--black);  opacity:88%; } span.unit.small {  font-size:34px;  letter-spacing:-3px;  margin-left:5px; } ul.number-blocks small {  font-size:16px;  letter-spacing:-0.4px;  font-weight:300;  line-height:1.25; }  section.closer-look strong.h3 {  margin-bottom:8px;  display:block;  width:fit-content; } ul.text-blocks {  display:flex;  flex-wrap:wrap;  justify-content:space-between;  gap:var(--the-gap); } ul.text-blocks.col-3 li, ul.text-blocks.col-5 li, ul.text-blocks.col-6 li {  width:calc(33.33% - ((var(--the-gap) * 2) / 3)); } ul.text-blocks.col-4 li, ul.text-blocks.col-7 li, ul.text-blocks.col-8 li {  width:calc(25% - ((var(--the-gap) * 3) / 4)); } ul.text-blocks li {  position:relative;  padding-right:var(--the-gap);  display:flex;  flex-direction:column;  gap:calc(var(--the-gap) / 2); } ul.text-blocks li > *:not(p){  color:var(--gold); } ul.text-blocks li p {  font-size:16px;  font-weight:200;  line-height:1.15; } ul.text-blocks span.line {  position:absolute;  right:0;  top:0;  height:100%;  width:2px;  border-right:1px dotted var(--grey-dark); } ul.text-blocks span.line::after, ul.text-blocks span.line::before {  content:'';  display:block;  position:absolute;  width:4px;  height:4px;  background-color:var(--black);  border-radius:4px;  left:0 } ul.text-blocks span.line::before{  top:0; } ul.text-blocks span.line::after{  bottom:0; } ul.text-blocks li * {  margin:0; }  section.cta-section .container {  position:relative;  min-height:480px;  display:flex;  align-items:center; } section.cta-section.align-left .container {  justify-content:flex-start; } section.cta-section .overlay {  background:rgb(0,0,0);  background:linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(33,32,31,0.4962359943977591) 100%); } section.cta-section.align-right .container {  justify-content:flex-end; } section.cta-section.align-center .container {  justify-content:center; } section.cta-section figure {  position:absolute;  top:0;  left:0;  right:0;  margin:0 auto;  width:calc(100% - 20px);  height:100%; } section.cta-section .overlay {  max-width:calc(100% - 20px); } section.cta-section .content {  width:50%;  padding:0 calc(var(--section-padding) / 2);  z-index:1;  display:flex;  flex-direction:column;  gap:calc(var(--the-gap) / 2); } section.cta-section .content * {  margin:0; } section.cta-section.align-center .content * {  text-align:center; } section.cta-section .content a.link-arrow::before {  content:'';  position:absolute;  top:0;  left:0;  width:100%;  height:100%; }  section.benefits .container {  display:flex;  flex-wrap:wrap;  justify-content:space-between; } section.benefits .content {  width:30%;  position:relative; } section.benefits .content::after {  content:'';  display:block;  position:absolute;  width:65px;  height:1px;  right:0;  bottom:0;  background-color:var(--gold); } section.benefits ul.accordion {  width:60%; }  section.procedures {  position:relative;  min-height:780px; } section.procedures::before {  content:'';  display:block;  position:absolute;  height:100%;  width:calc(100% - ( (100% - var(--container-size) ) / 2));  top:0;  right:0;  background-color:var(--grey); } section.procedures .container {  position:relative;  padding-left:var(--section-padding);  display:flex;  flex-direction:column;  gap:calc(var(--the-gap) / 2.5); } section.procedures .container * {  margin:0; } section.procedures ul.accordion {  margin-top:var(--the-gap); } section.procedures ul.accordion, section.procedures ul.accordion li {  border-color:var(--black); }  section.contacts {  position:relative; } section.contacts figure {  position:absolute;  width:100%;  height:100%;  left:0;  top:0; } section.contacts .container {  padding:0 calc(var(--section-padding) / 1.5);  padding-right:0;  position:relative;  min-height:420px; } .box {  position:relative;  display:flex;  flex-wrap:wrap;  justify-content:space-between;  position:relative; } section.contacts .column {  width:46%; } section.contacts.content-white .column.form *:not( button ) {  color:var(--black)!important; } section.contacts.content-white .column.form form {  width:calc(100% - 20%); } section.contacts .info {  display:flex;  flex-direction:column;  gap:calc(var(--the-gap) / 1.5); } section.contacts .info > *:not(ul){  margin:0; } ul.number-blocks-contact {  display:flex;  flex-wrap:wrap;  margin-top:calc(var(--the-gap) / 2);  row-gap:var(--the-gap); } ul.number-blocks-contact.col-5 li, ul.number-blocks-contact.col-6 li, ul.number-blocks-contact.col-3 li {  width:33.33% } ul.number-blocks-contact.col-4 li, ul.number-blocks-contact.col-2 li {  width:50%; } ul.number-blocks-contact li.small-list {  padding-bottom:22px;  padding-right:42px;  display:flex;  flex-direction:column;  gap:2px;  position:relative; } ul.number-blocks-contact li.big-list {  padding-right:calc(var(--the-gap) / 1.5);  padding-bottom:12px;  position:relative;  font-size:16px;  margin-bottom:12px; } ul.number-blocks-contact li.big-list::before {  content:'';  display:block;  position:absolute;  bottom:0;  left:0;  width:calc(100% - (var(--the-gap) / 1.5));  height:1px;  border-bottom:1px dotted white; } ul.number-blocks-contact li.big-list::after {  content:'';  display:block;  position:absolute;  bottom:0;  left:0;  width:3px;  height:3px;  border-radius:3px;  transform:translateY(50%);  background-color:var(--white); } ul.number-blocks-contact li.small-list::after {  content:'';  display:block;  position:absolute;  width:65px;  height:1px;  bottom:0;  left:0;  background-color:var(--white); } ul.number-blocks-contact li.small-list * {  margin:0; } ul.number-blocks-contact strong {  font-size:42px;  line-height:1;  letter-spacing:-5px;  font-weight:200; } ul.number-blocks-contact small {  font-size:14px;  line-height:1.25;  font-weight:300;  letter-spacing:-0.4px; } .column.form {  border-radius:2px;  background:var(--white);  box-shadow:0px 3px 10px rgba(0, 0, 0, 0.2);  position:absolute;  left:0;  min-height:calc(100% + var(--section-padding) + (var(--section-padding) / 1.5));  z-index:1; }  section#form_section .contact-form-container * {  color:var(--black)!important; } 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:calc(var(--the-gap) / 1);  padding:calc(var(--section-padding) / 2); } .form-inner {  display:flex;  flex-direction:column;  gap:calc(var(--the-gap) / 1.5); } .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:var(--black);  font-family:'Wotfard', Calibri, Arial, sans-serif; } .form-input ::placeholder {  opacity:75%; } .form-input input, .form-input textarea {  border:0;  padding:0;  border-bottom:1px solid var(--black);  padding-bottom:8px; } .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; } section#form_section .contact-form-container .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:var(--white) !important;  background:var(--black);  transition:all 200ms ease-in-out; } section#form_section .contact-form-container .form-inner > button:hover {  background-color:var(--gold); } section#form_section .contact-form-container .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#form_section .contact-form-container .form-inner > button:hover span.arrow-img {  margin-right:10px; } div#thank-you-message.active {  display:flex;  flex-direction:column;  position:fixed;  top:0;  left:0;  width:100%;  height:100vh;  align-items:center;  justify-content:center;  background:#fffffff0;  z-index:2;  gap:6px;  padding:var(--form-margin); } div#thank-you-message *, div#thank-you-message *::placeholder {  font-family:'Wotfard', Calibri, Arial, sans-serif; } div#thank-you-message *::placeholder {  font-weight:300;  font-size:16px; } div#thank-you-message p {  margin:0;  text-align:center; } div#thank-you-message p.title {  font-size:28px;  font-weight:300;  text-transform:uppercase; } div#thank-you-message button#add-more-button {  border:0;  background:0;  color:grey;  text-decoration:underline;  padding:10px 16px;  opacity:50%; } div#additional-field {  flex-direction:column;  width:min(100%, 600px); } div#additional-field textarea {  border:1px solid var(--grey-dark);  padding:10px; } button#continue-button {  color:white;  background:var(--black);  padding:10px 22px;  border:0;  border-radius:40px;  margin-top:18px;  text-transform:uppercase;  font-weight:300; }  section.frequent-questions {  position:relative; } section.frequent-questions::before {  content:'';  position:absolute;  display:block;  width:var(--container-size);  height:100%;  background-color:var(--grey);  top:0;  left:0;  right:0;  margin:0 auto; } section.frequent-questions .container {  position:relative;  padding:0 calc(var(--section-padding) / 1.5);  margin-top:calc(var(--section-padding) / 1.5);  display:flex;  flex-direction:column;  align-items:center;  gap:var(--the-gap); } section.frequent-questions .container > *{  margin:0; } section.frequent-questions .container > *:not(p, ul) {  text-align:center; } section.frequent-questions ul, section.frequent-questions li {  border-color:var(--bleck); }  section.related .container {  display:flex;  flex-direction:column;  gap:var(--the-gap); } section.related .container > * {  margin:0; } section.related .container > *:not(ul){  text-align:center; } ul.related-licenses.layout-list {  display:flex;  gap:calc(var(--the-gap) / 2);  flex-wrap:wrap; } ul.related-licenses.layout-list.show-4 li {  width:calc(25% - (((var(--the-gap) / 2) * 3) / 4)); } .layout-list article.preview * {  margin:0; } .layout-list article.preview {  position:relative;  display:flex;  flex-direction:column;  gap:12px; } .layout-list article.preview figure {  height:220px;  overflow:hidden; } .layout-list article.preview figure img {  transition:all 200ms ease-in-out;  min-width:100%;  max-width:100%;  min-height:100%;  max-height:100%;  object-fit:cover; } .layout-list article.preview:hover figure img {  transform:scale(1.1); } .layout-list article.preview p {  font-size:16px;  line-height:1.15;  color:var(--grey-dark);  font-weight:200; } .layout-list article.preview a {  text-decoration:none;  margin-top:12px;  display:block;  font-size:16px; } .layout-list article.preview a::after {  content:'»';  color:var(--gold);  margin-right:5px; } .layout-list article.preview a::before {  content:'';  display:block;  position:absolute;  width:100%;  height:100%;  top:0;  right:0; } .layout-list article.preview *:not(a, figure) {  font-weight:300;  min-height:42px; } .layout-list article.preview *:not(a, figure, p) {  text-transform:none;  line-height:1.15; }  ul.related-licenses.layout-highlights {  padding-left:calc(50% + var(--the-gap));  position:relative;  display:flex;  flex-direction:column;  gap:calc(var(--the-gap) / 2); }  ul.related-licenses.layout-highlights li article {  display:flex;  flex-wrap:wrap;  gap:calc(var(--the-gap) / 2);  position:relative; } ul.related-licenses.layout-highlights li article figure {  width:160px;  height:160px; } ul.related-licenses.layout-highlights li article .content {  width:calc(100% - 160px - (var(--the-gap) / 2));  padding:16px;  padding-left:0;  border:1px dotted var(--grey-dark);  border-left:0;  display:flex;  flex-direction:column;  justify-content:center;  gap:10px; } ul.related-licenses.layout-highlights li article .content * {  margin:0; } ul.related-licenses.layout-highlights li article .content *:not(a, p){  text-transform:none;  letter-spacing:-0.4px; } ul.related-licenses.layout-highlights li article .content p {  font-size:14px;  line-height:1.15;  color:var(--black); } ul.related-licenses.layout-highlights li article .content a {  font-size:14px;  padding-bottom:2px;  border-bottom:1px solid;  width:fit-content; } ul.related-licenses.layout-highlights li article .content a::after {  content:'>';  font-family:Arial, Helvetica, sans-serif;  padding-left:4px; } ul.related-licenses.layout-highlights li article .content a::before {  content:'';  display:block;  position:absolute;  width:100%;  height:100%;  top:0;  left:0; } @media screen and (min-width:1024px){  ul.related-licenses.layout-highlights li:first-of-type {   position:absolute;   top:0;   left:0;   width:50%;   height:100%;  }   ul.related-licenses.layout-highlights li:first-of-type figure {   min-width:100%;   height:100%;   position:absolute;  }   ul.related-licenses.layout-highlights li:first-of-type article.preview {   display:flex;   position:relative;   height:100%;  }   ul.related-licenses.layout-highlights li:first-of-type article .content {   position:relative;   z-index:1;   padding:calc(var(--the-gap) * 1.5);   padding-right:calc(var(--the-gap) * 3.5);   display:flex;   flex-direction:column;   justify-content:flex-end;   background:rgb(0,0,0);   background:linear-gradient(180deg, rgba(0,0,0,0.1) 0%, rgba(33,32,31,0.5) 100%);   width:100%;   border:0;  }   ul.related-licenses.layout-highlights li:first-of-type article .content * {   color:var(--white);  }  ul.related-licenses.layout-highlights li:not(:first-of-type) article {   display:flex;   flex-wrap:wrap;   gap:calc(var(--the-gap) / 2);   position:relative;  }  ul.related-licenses.layout-highlights li:not(:first-of-type) article figure {   width:160px;   height:160px;  }   ul.related-licenses.layout-highlights li:not(:first-of-type) article .content {   width:calc(100% - 160px - (var(--the-gap) / 2));   padding:16px;   padding-left:0;   border:1px dotted var(--grey-dark);   border-left:0;   display:flex;   flex-direction:column;   justify-content:center;   gap:10px;  }   ul.related-licenses.layout-highlights li:not(:first-of-type) article .content * {   margin:0;  }   ul.related-licenses.layout-highlights li article .content *:not(a, p){   text-transform:none;   letter-spacing:-0.4px;  }   ul.related-licenses.layout-highlights li:not(:first-of-type) article .content p {   font-size:14px;   line-height:1.15;   color:var(--black);  } }  div#the-guides {  position:absolute;  bottom:calc(100% + (var(--section-padding) - (var(--the-gap) * 1.5)));  right:0; } .guides-box {  padding:var(--the-gap) 16px calc(var(--the-gap) * 1.5);  width:min(340px, 100%);  background:var(--white);  box-shadow:0px 2px 6px rgba(0, 0, 0, 0.25);  border-radius:3px;  display:flex;  flex-direction:column; } .guides-box .title-container {  margin-bottom:calc(var(--the-gap) / 2); } .guides-box .title-container > * {  margin:0;  font-weight:300; } ul.guides-list {  display:flex;  flex-direction:column;  border-top:1px dotted var(--grey-dark); } li.the-guide {  border-bottom:1px dotted var(--grey-dark); } li.the-guide a {  padding:calc(var(--the-gap) / 2) 0;  display:flex;  flex-wrap:wrap;  gap:16px;  cursor:pointer; } li.the-guide a figure {  width:52px;  height:68px;  position:relative; } li.the-guide a span.guide-data {  width:calc(100% - 52px - 16px);  display:flex;  flex-direction:column;  justify-content:center;  gap:2px; } li.the-guide a span.guide-data h4 {  font-size:16px;  margin:0;  font-weight:400;  line-height:1.1; } li.the-guide a span.guide-data button {  background-color:var(--grey);  border:none;  border-radius:20px;  display:flex;  align-items:center;  justify-content:center;  padding:4px 12px;  width:fit-content;  font-size:14px;  transition:all 200ms ease-in-out;  cursor:pointer;  color:var(--black);  font-size:12px;  font-weight:400; } li.the-guide a:hover span.guide-data button {  background-color:var(--black);  color:var(--grey); }  section.form-guide {  position:fixed;  bottom:-120%;  left:0;  width:100%;  height:100vh;  background:var(--white);  z-index:1000;  transition:all 200ms ease-in-out;  display:flex;  align-items:center;  justify-content:center;  opacity:0;  visibility:hidden; } section.form-guide.active{  bottom:0;  opacity:1;  visibility:visible; } section.form-guide .container {  width:min(92%, 420px);  position:relative; } section.form-guide .form-container{  box-shadow:0px 2px 6px rgba(0, 0, 0, 0.25);  border-radius:3px;  overflow:hidden;  position:relative; } section.form-guide .info-box {  display:flex;  flex-direction:column;  gap:calc(var(--the-gap) / 2.5); } section.form-guide .info-box * {  margin:0; } section.form-guide .info-box > *:not(figure) { padding:0 calc(var(--the-gap) / 2.5); } section.form-guide figure {  height:220px; } section.form-guide .info-box p {  font-size:16px;  line-height:1.15; } section.form-guide .wpcf7 {  padding:var(--the-gap) calc(var(--the-gap) / 2.5); } section.form-guide .form-area-inner {  margin:0;  display:flex;  flex-direction:column;  gap:calc(var(--the-gap) / 2); } section.form-guide .form-field-area p {  margin:0; } section.form-guide .form-field-area input, section.form-guide .form-field-area select, section.form-guide .form-field-area *::placeholder {  color:var(--black);  border-color:var(--black);  font-size:16px;  padding-bottom:8px; } section.form-guide .form-field-area {  margin-bottom:0;  min-width:100%; } section.form-guide .submit-enquire-wrap:before {  content:unset; } .close-panel {  display:flex;  align-items:center;  justify-content:center;  position:absolute;  top:-22px;  width:48px;  height:48px;  background:var(--black);  cursor:pointer;  border-radius:50px;  right:calc(var(--the-gap) / 2);  transition:all 200ms ease-in-out;  z-index:999; } .close-panel:hover {  transform:rotate(90deg); } .close-panel span {  font-size:18px;  font-family:Arial, Helvetica, sans-serif;  color:white;  transform:rotate(45deg);  display:flex;  width:100%;  height:100%;  line-height:1;  align-items:center;  justify-content:center; } section.form-guide .submit-enquire-wrap .btn-submit {  display:flex;  align-items:center;  font-size:16px;  font-weight:400;  margin:calc(var(--the-gap) / 2.5) 0;  width:fit-content;  background:var(--black);  color:var(--white);  padding:10px 22px;  border-radius:30px;  transition:all 200ms ease-in-out;  text-transform:none;  z-index:0; } section.form-guide .submit-enquire-wrap .btn-submit:hover{  background:var(--gold); } section.form-guide .submit-enquire-wrap:hover .btn-submit{  transform:unset; } .submit-enquire-wrap, .submit-enquire-wrap p, .submit-enquire-wrap input, .agree-submit-wrap {  margin:0;  padding:0; } section.form-guide.active.down-link .thank-you-link {  display:flex !important; } .thank-you-link {  padding:calc(var(--the-gap) * 2.5) calc(var(--the-gap) * 1.5);  position:absolute;  background:white;  width:100%;  height:100%;  bottom:0;  flex-direction:column;  justify-content:center;  gap:calc(var(--the-gap) / 2.5); } .thank-you-link > *:not(a){  margin:0; } .thank-you-link p.title {  font-size:20px;  line-height:1.15;  font-weight:400; } .thank-you-link a#downloadLink {  font-size:16px;  display:flex;  width:fit-content;  padding:10px 22px;  border-radius:30px;  background-color:var(--grey);  margin-top:22px; } section.form-guide .submit-enquire-wrap {  width:100%; } section.form-guide .submit-enquire-wrap > p {  display:flex;  width:100%;  align-items:center;  justify-content:flex-start;  gap:var(--the-gap); } form#guideForm{  padding:calc(var(--the-gap) / 2.5) calc(var(--the-gap) / 2.5) var(--the-gap); } .form-guide .form-input input, .form-guide .form-input select, .form-guide .form-input ::placeholder {  color:#21201F;  font-size:16px; } .form-guide .form-input input, .form-guide .form-input select {  width:100%;  border:0;  border-bottom:1px solid #21201F;  padding-bottom:8px; } .form-guide .form-inner {  display:flex;  flex-direction:column;  gap:12px; } .form-guide .form-input {  margin:0;  width:100%; } .form-guide .form-area-inner {  margin-top:30px;  display:flex;  flex-direction:column;  gap:22px;  padding:0 2.2rem; } .form-guide .form-input p {  margin:0; } .form-guide .agree-submit-wrap {  margin-top:14px; } .form-guide .submit-enquire-wrap, .form-guide .submit-enquire-wrap p {  padding:0;  margin:0; } .form-guide .submit-enquire-wrap:before {  content:unset; } .form-input.acceptance {  display:flex;  gap:10px;  justify-content:flex-start;  flex-wrap:nowrap;  margin:4px 0; } .form-input.acceptance input {  width:12px;  height:12px;  margin:0; } .form-input.acceptance label {  font-size:12px;  line-height:1.15; } .form-guide button.btn-submit {  color:#21201F;  padding:12px;  min-width:200px;  text-align:center;  border-radius:40px;  background:#F3F4F5;  border:0;  display:flex;  gap:6px;  justify-content:center;  align-items:center;  cursor:pointer;  font-size:16px;  transition:all 200ms ease-in-out;  margin-top:18px; } .form-guide button.btn-submit:hover {  transform:unset;  color:white;  background-color:#21201F; } .form-guide button.btn-submit i.fas {  display:flex;  width:22px;  height:22px;  border-radius:22px;  background-color:#21201F;  color:white;  align-items:center;  justify-content:center;  font-size:10px; }  section.activities-list.align-left *:not(ul, li) {  text-align:left; } section.activities-list.align-center *:not(ul, li, li p ) {  text-align:center; } section.activities-list ul{  display:flex;  flex-wrap:wrap;  gap:calc(var(--the-gap) / 1.5);  justify-content:flex-start; } section.activities-list ul.col-4 li, section.activities-list ul.col-8 li, section.activities-list ul.col-7 li, section.activities-list ul.col-9 li, section.activities-list ul.col-11 li, section.activities-list ul.col-12 li {  width:calc(25% - (((var(--the-gap) / 1.5) * 3) / 4)); } section.activities-list ul.col-3 li, section.activities-list ul.col-5 li, section.activities-list ul.col-6 li {  width:calc(33.33% - ((var(--the-gap) / 1.5) * 2) / 3); } section.activities-list ul.col-5 li, section.activities-list ul.col-10 li {  width:calc(20% - ((var(--the-gap) / 1.5) * 4) / 5); } section.activities-list ul li {  border:1px solid var(--grey);  position:relative;  padding:22px;  min-height:100px;  text-align:left; } section.activities-list ul li::after {  content:'';  display:block;  position:absolute;  width:65px;  height:2px;  background-color:var(--gold);  bottom:0;  transform:translateY(50%); }  @media screen and (min-width:1024px) {  section.cta-section .container .overlay,  section.cta-section .content {   transition:all 200ms ease-in-out;  }  section.cta-section .container:hover .overlay{   opacity:45%!important;  }  section.cta-section .container:hover .content {   margin-left:32px;  } }  @media screen and (max-width:1440px){ section.license-banner .container{   min-height:520px;  }  section.license-banner p {   font-size:20px;  }  .guides-box{   width:min(320px, 100%);  }  li.the-guide a span.guide-data h4 {   font-size:14px;  }  li.the-guide a span.guide-data {   gap:4px;  } main section .container > ul {   margin-top:calc(var(--the-gap) * 1.5);  }  ul.number-blocks li{   padding:calc(var(--the-gap) / 1.5) 0;  }  ul.number-blocks strong {   font-size:72px;  } section.cta-section .container {   min-height:420px;  } section.procedures {   min-height:700px;  }   ul.number-blocks-contact li.small-list {   padding-right:18px;  } ul.related-licenses.layout-highlights li:not(:first-of-type) article .content{   gap:6px;  } }  @media screen and (max-width:1280px){  .animated-icon1 span {   background:var(--black);  }  a.header-call-us--icon i {   background-color:var(--grey);  } section.license-banner .container {   padding-left:min(48%, 700px);   padding-right:50px;   min-height:440px;  } section.cta-section .container {   min-height:400px;  } section.benefits .content {   width:25%;  } section.procedures {   min-height:640px;  } ul.number-blocks-contact small {   font-size:12px;   font-weight:400;  }  ul.number-blocks-contact strong {   font-size:32px;  } ul.related-licenses.layout-highlights li:not(:first-of-type) article figure {   width:140px;   height:140px;  }  ul.related-licenses.layout-highlights li:not(:first-of-type) article .content {   width:calc(100% - 140px - (var(--the-gap) / 2));   padding:16px 14px 16px 0;   gap:4px;  }  ul.related-licenses.layout-highlights li:not(:first-of-type) article .content p {   line-height:1.1;  }  ul.related-licenses.layout-highlights li article .content a {   padding-bottom:0;  } }  @media screen and (max-width:1200px) and (min-width:990px) and (max-height:620px) { figure.banner-img,  section.license-banner .overlay {   width:100%;   max-width:100%;  } div#the-guides{   right:10px;  }  li.the-guide a span.guide-data h4 {   font-size:13px;  }  li.the-guide a span.guide-data button {   padding:2px 12px;  }  ul.number-blocks strong {   font-size:58px;  }  ul.number-blocks small {   font-size:14px;   font-weight:400;  }  ul.col-5 li {   width:min(200px, 16%);  }  ul.text-blocks li > *:not(p) {   font-size:16px;   letter-spacing:-0.4px;  }  ul.text-blocks li {   gap:calc(var(--the-gap) / 2.5);  } ul.text-blocks li section.procedures {   min-height:600px;  } }  @media screen and (max-width:1024px) and (min-width:768px) and (min-height:1024px) { figure.banner-img,  section.license-banner .overlay {   width:100%;   max-width:100%;  }  section.license-banner .container {   padding-right:min(0%, 700px);   min-height:480px;  }  ul.number-blocks strong {   font-size:52px;  }  ul.number-blocks small {   font-size:14px;  }   ul.number-blocks.col-6 {   flex-wrap:wrap;   row-gap:calc(var(--the-gap) * 1.5);  }  ul.number-blocks.col-6 li {   width:min(200px,30%);  } ul.text-blocks li{   padding-left:calc(var(--the-gap) / 1.5);  }  ul.text-blocks {   row-gap:calc(var(--the-gap) * 1.5);  }  ul.text-blocks.col-4 li,  ul.text-blocks.col-5 li {   width:46%;  }  ul.text-blocks li > *:not(p) {   font-size:16px;   letter-spacing:-0.4px;   line-height:1.15;  } section.benefits ul.accordion{   margin-top:0;  }  section.benefits .content::after {   content:unset;  }  ul.accordion .title {   padding-right:24px;   font-size:16px;   text-transform:none;   letter-spacing:-0.4px;  } section.procedures {   min-height:610px;  } section.contacts .container{   border:0;  }  section.contacts .overlay{   opacity:50%!important;  }  .box {   flex-direction:column;   justify-content:flex-start;   gap:0;  }  section.contacts .column {   width:100%;  }   .column.form { position:relative; transform:translateY(var(--section-padding));  }  main section.contacts {   padding-bottom:0;  }  ul.number-blocks-contact {   padding-right:calc(var(--section-padding) / 2);  }  ul.number-blocks-contact li.small-list {   padding-right:48px;  } ul.related-licenses.layout-highlights {   padding-left:0;   flex-direction:row;   flex-wrap:wrap;   gap:var(--the-gap);  }  ul.related-licenses.layout-highlights li {   width:calc(50% - (var(--the-gap) / 2));  }  ul.related-licenses.layout-highlights li article figure {   width:140px;   height:140px;  }  ul.related-licenses.layout-highlights li article .content {   width:calc(100% - 140px - (var(--the-gap) / 2));   padding:16px 14px 16px 0;   gap:4px;  }  ul.related-licenses.layout-highlights li article {   flex-direction:column;   gap:32px;  }  ul.related-licenses.layout-highlights li article figure,  ul.related-licenses.layout-highlights li:not(:first-of-type) article figure {   width:100%;   height:220px;  }  ul.related-licenses.layout-highlights li article .content,  ul.related-licenses.layout-highlights li:not(:first-of-type) article .content {   width:100%;   padding:0 32px 44px;   gap:8px;   border:1px dotted var(--grey-dark);   border-top:0;  }  ul.related-licenses.layout-highlights li article .content *:not(a, p) {   min-height:50px;  } }  @media screen and (max-width:990px){ figure.banner-img,  section.license-banner .overlay {   width:100%;   max-width:100%;  } ul.number-blocks strong {   font-size:38px;   letter-spacing:-10px;  } section.cta-section .container {   min-height:320px;  } section.benefits .container {   flex-direction:column;   gap:var(--the-gap);  }  section.benefits .content::after {   content:unset;  }  section.benefits .container > * {   width:100%;   min-width:100%;  } section.procedures .container {   padding-left:calc(var(--section-padding) / 1.5);   padding-right:calc(var(--section-padding) / 1.5);  }  section.procedures::before{   width:var(--container-size);   left:0;   margin:0 auto;  } ul.related-licenses.layout-highlights {   padding-left:0;  }  ul.related-licenses.layout-list {   flex-wrap:wrap;  }  ul.related-licenses.layout-list li {   width:calc(50% - (((var(--the-gap) / 2) * 2) / 3))!important;  } ul.number-blocks-contact {   margin-top:var(--the-gap);  }  ul.number-blocks-contact.col-5 li, ul.number-blocks-contact.col-6 li, ul.number-blocks-contact.col-3 li {   width:calc(50% - var(--the-gap));  }  ul.number-blocks-contact li.big-list {   font-size:14px;  }  section.contacts .column.form {   padding:50px 20px;  }   }  @media screen and (max-width:800px){  .guides-box {   width:min(280px, 100%);  } ul.text-blocks.col-3 li,  ul.text-blocks.col-4 li,  ul.text-blocks.col-5 li,  ul.text-blocks.col-6 li {   width:48%;  } section.procedures {   min-height:480px;  } }  @media screen and (max-width:480px){ h1, .h1 {   font-size:30px;   letter-spacing:-0.8px;   line-height:1.15;  }  a.link-arrow {   font-size:16px;   margin-top:var(--the-gap);  }  a.link-arrow > span.arrow-img {   width:34px;   background-position:right center;   background-size:contain;   height:12px;  } main section .container > ul {   flex-wrap:wrap;   gap:calc(var(--the-gap) * 2);   justify-content:flex-start;  }  ul.number-blocks strong {   letter-spacing:-4px;  }  ul.col-4 li,  ul.col-2 li {   width:calc(50% - ((var(--the-gap) * 2) / 2));  }  ul.col-3 li,  ul.col-5 li,  ul.col-6 li {   width:calc(33.33% - (((var(--the-gap) * 2) * 2) /3))  } section.license-banner .container {   padding-right:10%;   padding-left:10%;   min-height:460px;   justify-content:flex-end;   padding-top:calc(var(--section-padding) + 22px);   padding-bottom:var(--section-padding);   gap:var(--the-gap);  }  section.license-banner .overlay{   opacity:50%!important;  }  section.license-banner p {   font-size:18px;  }  section.license-banner h1 {   padding:0 !important;   }  section.license-overview ul.number-blocks {   gap:var(--the-gap);  }  section.license-overview ul.col-2 li, section.license-overview ul.col-4 li {   width:calc(33.33% - ((var(--the-gap) * 1) / 2));  }  section.license-overview ul.col-3 li, section.license-overview ul.col-5 li, section.license-overview ul.col-6 li {   width:calc(33.33% - ((var(--the-gap) * 2) / 3));  }  div#the-guides{   position:relative;   bottom:unset;   margin-top:var(--section-padding);  }  .guides-box {   width:100%;   padding:calc(var(--section-padding) / 2) 28px;  }  .more-btn {   font-size:14px;   font-weight:500;   letter-spacing:0.4px;  }  li.the-guide a {   padding:var(--the-gap) 0;  }  li.the-guide a figure {   width:62px;   height:88px;  }  li.the-guide a span.guide-data {   gap:8px;   width:calc(100% - 62px - 16px);  }  ul.number-blocks.col-4 strong,  ul.number-blocks.col-2 strong,  ul.number-blocks.col-3 strong,  ul.number-blocks.col-5 strong,  ul.number-blocks.col-6 strong {   font-size:38px;   font-weight:300;  }  ul.number-blocks small {   font-weight:400;   font-size:14px;  }  section.license-overview ul.number-blocks small {   font-size:12px;  } section.closer-look .container {  margin-right:0;   max-width:calc(100% - (( 100% - 96%) / 2))!important;  }  ul.text-blocks.col-3 li,  ul.text-blocks.col-4 li,  ul.text-blocks.col-5 li,  ul.text-blocks.col-6 li {   width:100%;  }  main section .container > ul.text-blocks {   gap:0;   border-top:1px dotted var(--grey-dark);   position:relative;  }  main section .container > ul.text-blocks::before {   content:'';   display:block;   position:absolute;   top:-1px;   left:0;   width:2px;   height:2px;   background-color:var(--black);   border-radius:2px;  }  ul.text-blocks li {   padding:var(--the-gap) 0;   border-bottom:1px dotted var(--grey-dark);   gap:calc(var(--the-gap) / 2.5);  }  ul.text-blocks li::before {   content:'';   display:block;   position:absolute;   bottom:-1px;   left:0;   width:2px;   height:2px;   background-color:var(--black);   border-radius:2px;  }  ul.text-blocks span.line{   display:none;  }  ul.text-blocks li > *,  section.closer-look .container > *:not(ul) {   max-width:96%;  } ul.accordion li {   padding:calc(var(--the-gap) / 0.75) 0;   gap:calc(var(--the-gap) / 2.5);  }  ul.accordion .title {   padding-right:16px;   line-height:1.1;   text-transform:none;   font-size:16px;   letter-spacing:-0.4px;  }  ul.accordion .title::after {   top:0;  } section.cta-section .content {   width:90%;   gap:var(--the-gap);  }  section.cta-section .overlay{   opacity:32%!important;  } section.benefits ul.accordion {   margin:0;  }   section.procedures {   min-height:auto;  }  section.procedures .container {   padding-bottom:var(--section-padding);  }  section.procedures::before {   height:calc(100% - var(--section-padding));  } section.contacts .container{   border:0;   padding:0 10px;  }  section.contacts .overlay{   opacity:50%!important;  }  .box {   flex-direction:column;   justify-content:flex-start;   gap:0;  }  section.contacts .column {   width:100%;  }  .column.form { position:relative; transform:translateY(var(--section-padding));  }  main section.contacts {   padding-bottom:0;  }  ul.number-blocks-contact {   padding-right:0;   gap:calc(var(--the-gap) * 2);  }  ul.number-blocks-contact li.small-list {   padding-right:0;  }  .form-inner {   gap:var(--the-gap);  } section.frequent-questions::before{   width:100%;  }  section.frequent-questions .container {   padding:0 10px;  } ul.related-licenses.layout-highlights {   gap:calc(var(--the-gap) * 2);  }  ul.related-licenses.layout-highlights li article .content,  ul.related-licenses.layout-highlights li:not(:first-of-type) article .content {   width:calc(100% - 120px - (var(--the-gap) / 2));   padding:0 0 12px 0;   gap:4px;   border:0;   border-bottom:1px dotted var(--grey-dark);  }  ul.related-licenses.layout-highlights li article figure,  ul.related-licenses.layout-highlights li:not(:first-of-type) article figure {   width:110px;   height:110px;   margin-right:10px  }  ul.related-licenses.layout-highlights li article .content *:not(a, p){   line-height:1.15;   font-weight:400;   position:relative;   text-decoration:underline;   font-size:18px;  }  ul.related-licenses.layout-highlights li article .content p {   font-size:14px;   font-weight:400;   letter-spacing:-0.5px;  }  ul.related-licenses.layout-highlights li article .content a {   font-weight:400;   font-size:14px;   position:absolute;   top:0;   left:0;   width:100%;   height:100%;   border:0;  }  ul.related-licenses.layout-highlights li article .content a span {   display:none;  }  ul.related-licenses.layout-highlights li article .content a::after{   content:unset;  }  ul.related-licenses.layout-highlights li article .content:before {   content:'»';   display:flex;   align-items:center;   justify-content:flex-start;   text-align:center;   width:16px;   height:16px;   position:absolute;   bottom:-8px;   background:var(--white);   color:var(--gold);   font-weight:200;   font-size:18px;   line-height:1;  }  ul.related-licenses.layout-list {   flex-direction:column;   gap:var(--the-gap);  }  ul.related-licenses.layout-list li {   width:100%!important;  }  ul.related-licenses.layout-list li article::after {   content:'';   display:block;   position:absolute;   bottom:14px;   right:0;   width:65%;   height:1px;   border-bottom:1px dotted var(--grey-dark);  }  ul.related-licenses.layout-list li figure {   height:160px;  }  ul.related-licenses.layout-list li *:not(figure, a, p){   min-height:unset;   margin-bottom:6px;  }  ul.related-licenses.layout-list li a, ul.related-licenses.layout-list li p {   font-size:14px;  } section.form-guide figure {   margin-bottom:22px!important;  }  section.form-guide .wpcf7 {   padding:calc(var(--the-gap) * 2);  }  section.form-guide .info-box > *:not(figure){   padding:0 calc(var(--the-gap) * 2);  }  section.form-guide .form-area-inner {   gap:var(--the-gap);  } main section.activities-list .container ul{   gap:calc(var(--the-gap) / 1.5);   border:0;  }  section.activities-list ul.col-4 li, section.activities-list ul.col-8 li, section.activities-list ul.col-7 li, section.activities-list ul.col-9 li, section.activities-list ul.col-10 li, section.activities-list ul.col-3 li, section.activities-list ul.col-5 li, section.activities-list ul.col-6 li {   width:calc(50% - (((var(--the-gap) / 1.5) * 1) / 2));  }  section.activities-list ul::before, section.activities-list ul li::before {   content:unset!important;  }  main section.activities-list .container ul li p {   font-size:14px;   letter-spacing:-0.5px;   line-height:1.15;  }  main section.activities-list .container ul li{   padding:20px 10px;   min-height:80px;  } }  @media screen and (max-width:395px){ section.license-banner p {   font-size:16px;  } main section .container > ul {   gap:calc(var(--the-gap) * 1.5);  }  ul.col-3 li,  ul.col-5 li,  ul.col-6 li {   width:calc(33.33% - (((var(--the-gap) * 1.5) * 2) / 3));  }  ul.col-4 li,  ul.col-2 li {   width:calc(50% - ((var(--the-gap) * 1.5) / 2));  }  ul.number-blocks.col-4 strong, ul.number-blocks.col-2 strong, ul.number-blocks.col-3 strong, ul.number-blocks.col-5 strong, ul.number-blocks.col-6 strong {   font-size:28px;   font-weight:300;  }  span.unit.small {   font-size:16px;  } ul.number-blocks-contact {   padding-right:0;   gap:var(--the-gap);  }  ul.number-blocks-contact.col-5 li, ul.number-blocks-contact.col-6 li, ul.number-blocks-contact.col-3 li {   width:calc(50% - (var(--the-gap) / 2));  }  section.cta-section .container {   padding:0;   min-width:100%;   width:100%;   margin:0;  }  section.cta-section figure, section.cta-section .overlay{   width:100%;   max-width:100%;  }  ul.number-blocks-contact li.big-list {   padding-right:0;  }  ul.number-blocks-contact li.big-list::before {   width:100%;  } section.procedures .container {   padding:0 10px;  }  section.procedures::before{   width:100%;   height:100%;  } }
   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); }