@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600|Poppins:300,400,500,600');
@charset "UTF-8";
.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: bonce; 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;} body, html { font-family: 'Poppins'; /*overflow-y: hidden;*/ }

#footer { background: #f1f2f6;}
::-webkit-scrollbar { width: 8px
}
::-webkit-scrollbar-track { background-color: #eaeaea
}
::-webkit-scrollbar-thumb { background-color: #ccc
}
::-webkit-scrollbar-thumb:hover { background-color: #bbb
}
.navbar-brand { padding: 10px 0
}
.navbar-brand img {}
.navbar-nav { float: left;
}
header .pull-right { margin-top: 16px;}
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none;}
ul { list-style: none;}
.aulas-box { float: left; width: 100%;}
#mySidenav { display: none }
header {}
footer a { color: #000000 !important;}
footer { background: -webkit-gradient( linear, right top, left top, from(rgb(248,252,255)), to(rgba(255,255,255,0))); background: linear-gradient( -90deg, rgb(248,252,255) 0%, rgba(255,255,255,0) 100%); padding: 50px 0 50px 0; position: fixed; left: 0; right: 0; bottom: 0; z-index: 1;}
.form-inline .btn { padding: 10px 15px;}
.form-inline input { font-size: 24px; padding: 15px 25px;}
.form-inline .btn-outline-success { background: #ffffff; border-radius: 0 4px 4px 0 !important; margin-left: -12px; border: 1px solid #ced4da !important; border-left: 0 !important; color: #28a745 !important; font-size: 32px; padding: 17px !important;}
.aulas-baixar .btn-success { color: #fff; background-color: #536269; border-color: #f1f2f6;}
.aulas-baixar .box-aula>.col-xs-12, .aulas-baixar .box-aula { float: left;}
.aulas-baixar:nth-child(odd) .box-aula .col-xs-12:first-child { float: right;}
.aulas-baixar:nth-child(odd) .baixar-box:before { content: "\f0d9"; right: 0; left: auto; margin-right: -3px;}
.bg_video{ position: fixed;
	right: 0;
	bottom: 0; min-width: 100%;
	min-height: 100%; width: auto;
	height: auto;
	z-index: -1000; background: url(images/torre.jpg) no-repeat; background-size: cover;
}
.banner { width: 100%; padding: 150px 0 155px; background: rgb(10, 36, 86) 100%; background-size: cover; color: #fff; float: left; min-height: calc(100vh - 72px); display: table; background: linear-gradient( -49deg, rgb(50, 175, 237) 0%, rgb(50, 175, 237) 100%);}
.banner h1 { margin: 15px 0 15px 0; font-size: 44px; line-height: 53px;}
.box-table { height: 100%; display: table-cell; vertical-align: middle;}
.banner h1 { font-weight: 600;}
.banner h2 { font-size: 19px; margin: 0 0 25px 0; color: rgba(255,255,255,0.85); line-height: 23px;}
.aulas-baixar .box-aula { background: #ffffff; border: 5px solid #f1f2f6;}
.aulas-baixar .box-aula:hover { border-color: #00a000; overflow: hidden; border-radius: 4px;}
.filtrar-aula { float: left; width: 100%; background: #ffffff; padding: 30px 30px 40px; position: relative; z-index: 1;}
.nav-item>.dropdown-menu {border-radius: 0 0 4px 4px; margin-top: 0px; border-top: 1px solid #fafafb;}
.filtrar-aula:after { display: inline-block; font-family: 'Font Awesome 5 Pro'; font-weight: 900; font-size: 65px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f0d7"; margin: 0 auto; position: absolute; bottom: -11px; left: 50%; margin-left: -20.315; color: #ffffff; opacity: 1; text-shadow: 0px 3px 0px #dc3545; bottom: -53px; color: #ffffff; text-shadow: none !important;}
.filtrar-aula form { float: none; margin: 0 auto; width: 50%;}
.filtrar-aula h1 { margin-bottom: 22px; float: left; width: 100%;}
.filtrar-aula .btn-outline-success { margin: 0; float: left; background: transparent !important; cursor: default !important; right: 8px; border: none !important; position: absolute; top: 0;}
.filtrar-aula form { position: relative;}
.filtrar-aula input { width: 100% !important
}
.navbar { border-radius: 4px;}
.aulas-baixar { float: left; padding: 0 30px !important; background: #f1f2f6; width: 100%}
header { width: 100%; z-index: 1; position: relative;}
.padding-0 { padding: 0 }
.marging-0 { margin: 0 }
.titulo-concurso img { height: 60px; background: #fff; padding: 10px; margin-right: 15px; border-radius: 4px }
.titulo-concurso { font-weight: 900; background: #f1f2f6; padding: 60px 0 35px; font-size: 22px;}
.baixar-box:before { content: "\f0da"; font-family: "Font Awesome 5 Pro"; font-weight: 900; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; position: absolute; left: -3px; font-size: 36px; color: #ffffff; top: 50%; margin-top: -18px;}
.baixar-box { background: url(../img/bg.jpg); color: #fff; font-size: 14px; line-height: 14px; background-size: cover; padding: 25px !important; font-weight: 600
}
.aulas-baixar .box-aula>.col-xs-12:first-child { padding-top: 20px;}
.phone { font-size: 34px; float: left; padding: 0px; width: 100%; color: #000; border-radius: 4px; margin: 0;}
.navbar-light .navbar-nav .nav-link { color: #000; font-weight: 600;}
.menu-direita .nav-link { padding-left: .5em !important; padding-right: .5em !important
}
.menu-direita .nav-link.menu-topo-lateral { background: #0a2456; border-radius: 0; color: #ffffff !important; margin: 0; padding: 15px !important;}
.menu-direita .dropdown-toggle::after { display: none
}
.menu-direita .dropdown-menu { right: 0; left: auto;}
.busc { min-width: 400px; background: #f1f2f6; padding: 15px;}
.menu-direita .nav-link { /*padding-top: 0 !important*/
}
#toTop { width: 50px; height: 50px; line-height: 36px; background: rgba(0, 0, 0, 0.17); text-align: center; padding: 5px; position: fixed; bottom: 27px; right: 27px; cursor: pointer; display: none; color: #FDFFFC; font-size: 28px; z-index: 3
}
.menu-icones ul li>a { padding: 10px 20px; border-bottom: 1px solid #f1f2f6; float: left; width: 100%;}
.menu-icones ul { float: left;
}
.menu-icones ul li { float: left; width: 100%; text-align: left;}
.menu-icones ul a i { font-size: 1em; margin-right: 3px !important
}
.menu-icones>a>i { margin-left: 10px
}
.menu-icones ul a.btn { padding: 5px; margin: 5px 0;}
.menu-topo li { float: right; padding: 0; border-right: 1px solid rgba(255, 255, 255, 0.14);}
.menu-topo>li:first-child { padding-right: 0; border-right: none
}
.menu-icones>a[href*="segunda-via-boleto"] { margin-right: 15px; padding-right: 15px; border-right: 1px solid #406096;}
.telefones-topo span { font-size: 12px; line-height: 16px; float: left; margin: 0px 20px 0 0;}
#login_top span { line-height: 16px; margin-top: -4.5px; float:  right;}
.ao-vivo-btn a { background: #dc3545 !important; color: #ffffff !important
}
.menu-topo #login_top { font-size: 21px; margin: -7px 0 -5px 0px; float: right;}
#login_top { background: #ffffff; border-radius: 30px; color: #000000; font-size: 16px; float: right;}
#container_login .login-or { margin-top: 15px; margin-bottom: 10px
}
#container_login h4 { font-size: 20px; width: 100%; float: left; text-align: center; background: #f1f2f6; padding: 10px 0; margin: 0 0 15px; color: #000000;}
#login_top i { color: #214685; margin: 3px 3px; font-size: 26px;}
#login_top span { line-height: 12px; margin: 10px 10px 0 2px; font-size: 15px;}
.menu-topo { text-align: right; margin-bottom: 0; padding:  0; float: right;}
.menu-topo i { color: #ffffff; font-size: 1.2em; margin-left: 5px;}
.menu-topo .fa-user-circle {font-size: 1.5em}
.overlay3 { height: 100%; width: 0; position: fixed; z-index: 3; top: 0; left: 0; background-color: rgba(0,0,0, 0.9); overflow-y: auto; overflow-x: hidden; text-align: center; opacity: 0; transition: opacity 1s;}
@media screen and (max-height: 450px) { .sidenav2 { padding-top: 0px;}
.sidenav2 a { font-size: 18px;}
}
.busca-topo { background: #ffffff; padding: 0 15px; border-radius: 4px; position: relative;}
.busca-topo	form { height: 45px; margin: 0;}
.modal .busca-topo { padding: 0; margin: 0;}
.modal .busca-topo input{ font-size: 23px; padding: 20px; height: auto;}
.modal .bg-azul, .modal .close { color: #ffffff
}
.modal-header .fa, .modal-header img { margin-right: 10px;}
.modal-busca { border-radius: 4px
}
.modal-busca form { margin: 0; position: relative;}
.modal-busca form a { padding: 17px; font-size: 22px; position: absolute; top: 0; right: 0; margin: 0;}
.modal-busca .modal-content { border-radius: 5px; overflow: hidden;}
#mySidenav { overflow-y: hidden;}
.sidenav2 .busca-topo { border-radius: 0; margin: 0 !important; padding: 0 !important; width: 250px; max-width: 100% !important
}
.sidenav2 .busca-topo a { border-radius: 0; float:  right; margin-top: -40px; margin-bottom: 0px;}
.sidenav2 ul { width: 250px; background: #ffffff
}
.sidenav2 .busca-topo a { padding: 10px 9px 10px !important; font-size: 14px;}
.sidenav2 li>a {width: 100%;}
.busca-topo a { float: right; background: #dc3545; color: #ffffff !important; font-weight: 600; border-radius: 0 4px 4px 0; padding: 11px 11px; text-decoration: none !important; z-index: 1; margin-top: 0; margin-bottom: 0.5px; position: absolute; right: 0; top: 0;}
.menu-bloco { min-width: 320px; background: #f1f2f6; padding: 0; border: none;}
.menu-bloco li:hover { background: transparent !important;}
.menu-bloco li.bg-azul:hover { background: #0a2456 !important
}
/*.busca-topo a:hover {background: #1b2125}*/
.autocomplete-suggestions { position: fixed !important; border: 1px solid #eeeeee; background: #ffffff; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, .64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, .64); box-shadow: 1px 4px 3px rgba(50, 50, 50, .64)
}
.navbar .menu-direita form .fa-search { display: none;
}
body .autocomplete-suggestions {border-top: none;}
.autocomplete-suggestion:nth-child(odd) { background: #f8f8fa;}
.busca-topo input { border: none; font-size: 18px; line-height: 27px; outline: transparent !important; color: #333333; max-width: 100% !important; width: 100% !important; min-width: 100%; height: 45px
}
.hide {display: none!important;}
.menu-clean { margin-top: 18px
}
.clean { border: none; margin-top: 0;}
#div-carrinho-identificacao .hidden-xs { opacity: 0.5;}
.media-heading a {color: #000000; font-weight: 500}
.icone-assinatura { float: left; margin: 0; color: #ffffff !important; font-weight: 900; line-height: 45px; font-size: 16px; text-align: center; border-radius: 4px; margin-top: 7.5px;}
.menu-hover:hover .dropdown-menu { display: block;}
.navbar-toggler { padding: 13px 15px; background: #0a2456; margin: -12px -16px; font-size: 29px; border-radius: 0 3px 3px 0; color: #ffffff !important; outline: transparent !important;}
.navbar-toggler * { color: #fff
}
* { outline: transparent !important;}
.icone-whatsapp { float: left; font-weight: 600; line-height: 18px; border-radius: 4px; background: #00a000; float: right; width: 100%; text-align: center; padding: 11px 6px; margin: 7.5px 0;}
.icone-whatsapp a { padding: 6px !important; color: #333 !important; width: 100%
}
.icone-whatsapp ul { margin-top: 6px; border-radius: 0; font-weight: initial;}
.icone-whatsapp p { padding: 0; text-transform: none; font-size: 12px; line-height: 13px; margin-top: 4px;}
.margin-0 { margin: 0
}
.icone-satisfacao { float: left; overflow: hidden; height: 30px; margin-top: 6px;}
.icone-satisfacao img { margin-top: -6px
}
.icone-whatsapp { background: #00a000; float: right;}
.icone-whatsapp img { margin: -9px 1px -5px 0;}
.icone-whatsapp b { color: #ffffff
}
.nav a { color: #000000;}
.menu-principal .nav .dropdown-menu a, .menu-principal .nav .dropdown-menu li a { width: 100%; float: left; padding: 10px 15px; border-bottom: 1px solid #f1f2f6;}
.menu-principal .nav ul li:last-child>a { border-bottom: none;}
.dropdown-menu>.col-sm-12 {padding: 0;}
.cor-pink { color: #dc3545;}
.cor-superior, .cor-azul { color: #0a2456 !important
}
.bg-azul, li.bg-azul { background: #0a2456 !important
}
.cor-verde { color: green;}
.cor-preto {color: #000000}
.bg-cinza { background: #f8f8fa; float:  left; width: 100%
}
.close { font-size: 46px; line-height: 18px;}
.close:hover { color: inherit;}
.menu-topo-lateral a { padding: 15px 24.5px; background: #dc3545; color: #ffffff !important; z-index: 1; font-size: 25px; position: absolute;}
.modal-body { float: left; width: 100%;}
.menu-topo-lateral i { color: #ffffff
}
.collapse .nav { margin-top: 7px;}
.menu-vendas { padding-right: 30px !important;}
.menu-vendas a { float: right; border-radius: 4px; overflow: hidden;}
.navbar-nav>li>a { /*padding: 4px 6px;*/
	width: 100%
}
.sidenav2 .caret { float: right; margin-top: 10px;}
.sidenav2 .icone-satisfacao { margin: 10px 0; padding: 0; text-align: center; width: 100%;}
.sidenav2 .icone-whatsapp { padding: 1px 25px; text-align: center; width: 100%; margin: 9px 38px; border-radius: 4px; max-width: 175px;}
.sidenav2 .icone-assinatura { padding: 8px; text-align: center; width: 100%; margin: 10px auto; border-radius: 4px; max-width: 175px; float: none;}
.sidenav2 .busca-topo input { font-size: 18px !important; line-height: 27px !important; padding: 6px 10px 7px !important; max-width: 500px !important; height: 40px
}
.sidenav2 .frm-pesquisa { height: 40px
}
.sidenav2 .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none; > li > a,
	.dropdown-header { padding: 5px 15px 5px 25px;}
	> li > a { line-height: @line-height-computed; &:hover,
		&:focus { background-image: none; }
	}
}
.sidenav2 { height: 100%; width: 0; position: fixed; z-index: 4; top: 0; right: 0; overflow-x: hidden; transition: 0.5s; padding-top: 60px;
}
.sidenav2:after { content: ""; width: 250px; height: 100%; background: url(../img/g-logo.svg?1) no-repeat 10px 8.5px #f8f8f9; background-size: auto 42px !important; position: absolute; left: 0; z-index: -1; top: 0;}
@media (max-width: 1500px) { .lg-no{ display: none !important
}
}
/* Somente para Chrome e Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) { .sidenav2 {max-width: 258px; }
}
.sidenav2 li.border-none {background: #f8f8f9}
.sidenav2 li { float: left; width: 100%; color: #ffffff;}
.sidenav2 li a { text-decoration: none; color: #818181; display: block; transition: 0.3s; float: left; padding: 13px 15px;}
.sidenav2 li a:hover { color: #000000;}
.sidenav2 .icones-grupo a { padding: 0 4px !important; width: auto}
.icones-grupo i {
	color: rgb(10, 36, 86);
	font-size: 25px;
	margin: 0px 8px;
}
.sidenav2 .icones-grupo {padding: 10px; border: none;}
.sidenav2 i { color: #ffffff; font-size: 1.2em; margin-left: 5px;}
.nav>li.icones-grupo>a:hover, .nav>li.icones-grupo>a:focus { background: transparent;}
.sidenav2 .closebtn { position: absolute; top: 15px; right: 25px; font-size: 36px; margin-left: 50px; color: #333333}
#body { transition: margin-left .5s;}
@media (max-width: 767px){
	.seu-sistema {
		margin-top: 0 !important;
	}
	.with-nav-tabs .nav i { width: 100% !important; position: relative !important;}
	.with-nav-tabs .nav a { padding: 0 !important; text-align: center !important;}
	.with-nav-tabs .nav small { padding: 0 10px 10px !important;}
	.menu-topo-lateral a { padding: 15px;}
	header>div.col-xs-12 { padding: 0 15px !important}
}
.botao-carrinho { color: #0a2456 !important; text-decoration: none !important; border: 1px solid #f1f2f6; padding: 4px 14px; border-radius: 18px; margin-right: 20%; float: left; width: 100%;}
.navbar-nav li:hover { background-color: #f8f8f9
}
.botao-carrinho:hover { border-color: #eeeeee;}
#container_login { border-radius: 0 0 3px 3px; background: #fff; float: left; padding: 0 !important; position: relative; width: 100%; color: #000000; min-width: 310px;}
/*Select*/
.styled-select:before { display: inline-block; font: normal normal normal 14px/1 'Font Awesome 5 Pro'; font-weight: 900; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f0d7"; position: absolute; right: 16px; z-index: -1; top: 10px; width: 24px; height: 24px; text-align: right; border-left: 1px solid #ececec; color: #ccc; font-size: 18px; line-height: 24px;}
.navbar .form-control { -webkit-box-shadow: none !important; box-shadow: none !important; border: none !important; margin-bottom: 10px; height: 44px;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: rgba(255, 255, 255, 0.43); opacity: 1;}
input[type=checkbox].ace + .lbl, input[type=radio].ace + .lbl { position: relative; display: inline-block; margin: 0; line-height: 20px; min-height: 18px; min-width: 18px; font-weight: normal; cursor: pointer;}
input[type=checkbox].ace:checked + .lbl::before, input[type=radio].ace:checked + .lbl::before { display: inline-block; content: '\f00c'; background-color: #F5F8FC; border-color: #adb8c0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);}
input[type=checkbox].ace + .lbl::before, input[type=radio].ace + .lbl::before { cursor: pointer; font-family: 'Font Awesome 5 Pro'; font-weight: 900; font-weight: normal; font-size: 12px !important; color: #777f83 !important; content: "\a0"; background-color: #FAFAFA; border: 1px solid #c8c8c8; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); border-radius: 0; display: inline-block; text-align: center; height: 13px; line-height: 11px; min-width: 13px; margin-right: 1px; position: relative; top: -1px;}
label input[type=checkbox].ace, label input[type=radio].ace { z-index: -100 !important; width: 0 !important; height: 0 !important; position: fixed; display: none;}
#foi-aprovado input, #foi-aprovado select, #foi-aprovado textarea, #container_login input.form-control, .box_modelo_1 input.form-control, .box_modelo_1 textarea.form-control, .box_modelo_1 .bootstrap-timepicker-widget table td input, .box_modelo_1 select, .modal-content input.form-control, .modal-content textarea.form-control { background-color: #f1f2f6; padding-right: 47px;}
.checkbox { float: left;}
span.lbl { color: #777f83; font-size: 12px;}
.styled-select.ativo:before { content: "\f0d8" !important; color: #ccc !important;}
.span-or { display: block; position: absolute; left: 50%; top: -13px; margin-left: -25px; background-color: #f1f2f6; width: 50px; text-align: center;}
.input-icon i { margin-left: 2px; float: left; width: 100%; text-align: center;}
.input-icon i { color: #ccc; font-size: 18px; line-height: 24px;}
.form-group { position: relative; float: left; width: 100%; margin: 0;}
a:hover { text-decoration: none
}
a { color: #0a2456
}
.input-icon { position: absolute; right: 8px; top: 10px; width: 32px; height: 24px; text-align: right; border-left: 1px solid #ececec;}
.bg-branco { background: #fff !important;}
.btn-info { color: #fff; background-color: #0a2456; border-color: #0a2456;}
.btn-info:hover, .btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show>.btn-info.dropdown-toggle { color: #fff; background-color: #32afed ; border-color: #32afed ;}
.banner img {
  border-radius: 56px;
}
@media (max-width: 1399px) {
	.banner img { margin-top: -95px; margin-bottom: -120px;}
	.banner img { max-width: 298px;}
}
@media (min-width: 1400px) { .banner img { margin-top: -145px; margin-bottom: -180px;}}
@media (min-width: 1400px) amd (max-width: 1600px; ){ .banner img { max-width: 298px}}
.diferenciais-container .icon-tel i {
    color: #31afed !important;
    font-size: 46px;
    margin: 20px 0;
}
@media (max-width: 1199px) { .banner img { max-width: 100%;}
.aulas-baixar:nth-child(odd) .box-aula .col-xs-12:first-child { float: left;}
.aulas-baixar:nth-child(even) .box-aula .col-xs-12:first-child { float: left;}
.aulas-baixar .box-aula:nth-child(3) .col-xs-12:first-child, .aulas-baixar .box-aula:nth-child(4) .col-xs-12:first-child { float: right;}
.aulas-baixar:nth-child(odd) .baixar-box:before { content: "\f0da"; right: auto; left: 0; margin-left: -3px;}
.aulas-baixar .box-aula:nth-child(3) .baixar-box:before, .aulas-baixar .box-aula:nth-child(4) .baixar-box:before { content: "\f0d9"; right: 0; left: auto; margin-right: -3px;}
}
@media (min-width: 992px) { .navbar-expand-lg .navbar-nav .nav-link { padding: 1.2em .3em;}
.navbar-expand-lg .navbar-collapse { display: inline-block !important;}
}
@media (max-width: 991px) { .menu-direita li { flex: auto; display: block; float: left;
}
.diferenciais-container	h1, .para-todos h1 {    font-size: 36px; line-height: 44px;}
#footer, #footer .text-left { text-align: center;}
.visible-xs.btn.btn-info.btn-tn { width: 80%; margin-left: 10% !important
}
header .pull-right {    margin-top: 12px;}
.navbar {    margin-bottom: 8px; }
.banner img { display: none;}
.banner { text-align: center;}
.diferenciais-container, .para-todos {    padding: 50px 0 !important; text-align: center;}
.menu-direita .dropdown-menu.p-0 { position: absolute !important; right: -103px !important; left: auto !important; margin-top: 0px !important; min-width: 321px; border: none;}
.menu-direita .dropdown-menu.menu-bloco { position: absolute !important; right: -56px; left: auto !important; margin-top: 0px;}
.busc { right: -165px !important; left: auto !important; position: absolute !important; min-width: 378px !important; margin-top: 0px !important;}
.menu-direita .nav-link { padding: 16.5px 15px; text-align: center;}
.menu-direita .nav-link.menu-topo-lateral { background: #dc3545; padding: 12.5px !important;}
.menu-direita ul { display: inherit; width: auto
}
.menu-direita .dropdown-menu { position: absolute;
}
.navbar-light .navbar-toggler { margin: 0;}
#div-carrinho-identificacao { padding-top: 11.5px !important; }
.aulas-baixar .box-aula:nth-child(3) .col-xs-12:first-child, .aulas-baixar .box-aula:nth-child(4) .col-xs-12:first-child { float: left !important;}
.navbar-collapse { position: absolute; top: 54px; background: #ffffff; width: 100%; left: 0; padding: 18px; text-align: center; background: #f1f2f6; z-index: 2
}
.navbar-nav { width: 100%
}
.filtrar-aula form { width: 100%
}
.banner h1 { font-size: 36px; line-height: 40px;}
.banner h2 { font-size: 17px; margin: -7px 0 25px 0; color: rgba(255,255,255,0.85); line-height: 21px;}
.banner h1 i { font-size: 100px
}
.aulas-baixar .box-aula:nth-child(3) .baixar-box:before, .aulas-baixar .box-aula:nth-child(4) .baixar-box:before { content: "\f0da"; right: auto; left: 0; margin-left: -3px;}
.aulas-baixar .box-aula .col-xs-12:nth-child(even) { float: right !important;}
.aulas-baixar .box-aula:nth-child(even) .baixar-box:before { content: "\f0d9"; right: 0; left: auto; margin-right: -3px;}
.aulas-baixar .box-aula:nth-child(even) .col-xs-12:first-child { float: right !important;}
}
@media (max-width: 767px) { .aulas-baixar .baixar-box:before, .aulas-baixar .box-aula:nth-child(even) .baixar-box:before, .aulas-baixar .box-aula:nth-child(3) .baixar-box:before, .aulas-baixar .box-aula:nth-child(4) .baixar-box:before { left: 50% !important; right: auto !important; top: 0 !important; margin-top: -15px!important; margin-left: -18px !important; content: "\f0d7" !important;}
.aulas-baixar .box-aula>.col-xs-12:first-child { padding-bottom: 20px; text-align: center;}
.baixe-agora-box a.btn-info { margin-bottom: 15px
}
.banner .btn-info { color: #000; background-color: #ffffff; border-color: #ffffff; padding: 10px 14px; font-size: 16px; margin: 10px 10px 0 0;}
}
@media (max-width: 445px) { .navbar-toggler { padding: 13px 9px !important
}
.navbar	.fa-search, .navbar .fa-user { font-size: 19px !important;}
.menu-direita .nav-link { margin-right: 0 !important
}
.botao-carrinho { padding: 4px 8px !important;}
.menu-direita .nav-link.menu-topo-lateral { background: #dc3545; padding: 12.5px 9px !important;}
.menu-direita .dropdown-menu.menu-bloco { position: absolute !important; right: -44px; left: auto !important; margin-top: 0px !important;}
.menu-direita .dropdown-menu.p-0 { position: absolute !important; right: -103px !important; left: auto !important; margin-top: 0px !important; min-width: 321px; border: none;}
.busc { right: -136px !important; left: auto !important; position: absolute !important; min-width: 321px !important; margin-top: 0px !important;}
}
@media (max-width: 375px) { .menu-direita .dropdown-menu.p-0, .menu-direita .dropdown-menu.menu-bloco, .menu-direita .busc{ margin-top: -3px !important; min-width: 315px !important; border: none !important;}
.menu-direita .dropdown-menu.menu-bloco{ min-width: 314px !important; border: none !important;}
}
@media (max-width: 360px) { .navbar-brand { margin-right: 0
}
.filtrar-aula input { font-size: 17px;}
.filtrar-aula i{ margin-right: -6px; line-height: 24px; font-size: 26px;}
}
@media (max-width: 320px) { .menu-direita .dropdown-menu.p-0 { right: -117px !important; margin-top: -3px !important; min-width: 320px !important;}
.menu-direita .dropdown-menu.menu-bloco { right: -86px; margin-top: -3px !important;}
.menu-direita .dropdown-menu.p-0, .menu-direita .dropdown-menu.menu-bloco, .menu-direita .busc { margin-top: -3px !important; min-width: 320px !important; border: none !important;}
.busc { right: -176px !important; min-width: 320px !important; margin-top: -3px !important; margin-top: -3px !important; min-width: 320px !important; margin-right: 33px !important;}
.menu-direita .dropdown-menu.menu-bloco { right: -72px; margin-top: -3px !important; min-width: 320px !important; border: none !important;}
.navbar-brand { margin-right: 0;}
.navbar-light .navbar-nav .nav-link { padding: 16.5px 5px !important;}
.menu-direita .nav-link.menu-topo-lateral { padding: 16px 6px !important
}
.menu-topo-lateral i, .navbar-toggler .fa { font-size: 25px;}
.navbar-toggler { padding: 15px 9px !important; }
.botao-carrinho { padding: 4px 0 !important; border: none !important;}
} img[src*="https://sp.analytics.yahoo."] { display: none
}
@media (min-width: 1200px) { .container { max-width: 1440px;}
}
.diferenciais-container, .para-todos { float: left; width: 100%; padding: 0; background: #ffffff; padding: 150px 0;}
.diferenciais-container .btn-info, .para-todos .btn-info { padding: 14px 25px; font-size: 18px; margin: 10px 10px 0 0; border-color: #000000; background: none; color: #000000;}
.diferenciais-container	h1, .para-todos h1 { font-size: 42px; line-height: 60px; color: #00000a; font-weight: 600;}
.btn-info:hover, .btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show>.btn-info.dropdown-toggle, .btn-info.focus, .btn-info:focus { color: #fff !important; background-color: #32afed !important; border-color: #32afed !important;}
.diferenciais-container h6, .para-todos h6 { font-family: 'Open Sans', sans-serif; font-weight: 400; text-transform: uppercase; color: rgba(0,0,0,0.35); letter-spacing: 1px; margin-bottom: 22px;}
.diferenciais-container p, .para-todos p { font-size: 16px; margin-top: 0; line-height: 25px; float: left; width: 100%; margin-bottom: 30px}
.banner .btn-info { color: #000; background-color: #ffffff; border-color: #ffffff; padding: 14px 25px; font-size: 18px; margin: 10px 10px 0 0;}
.para-todos { background: #f8f8f9
}
.banner h2 { font-weight: 100;}
header .btn-info  { border-radius: 25px;}

.baixe-agora { padding: 40px 0 80px
}
.baixe-agora a.btn-info, .baixe-agora-box a.btn-info { background: #ffffff; color: #000000
}
.baixe-agora-box a.btn-info { text-align: center; min-height: 150px; float: left; width: 100%; border-color: #efefef; white-space: inherit; padding: 40px 0; margin-bottom: 30px
}
.baixe-agora-box a.btn-info i { font-size: 40px; width: 100%; white-space: inherit; margin-bottom: 15px; color: #ee4540;
}
@media (min-width: 992px) { .col-md-2 { width: 20%;}
}
.visible-xs.btn.btn-info.btn-tn { float: left;
}
.hide-desk { display: none;}
.box-aplicativos { float: left;
	width: 100%; padding-top: 55px
}
.box-aplicativos a span { font-size: 14px; font-weight: 100;}
.seu-sistema {
	float: left;
	width: 100%;
	background: #32afed;
	border-radius: 4px;
	color: #ffffff;
	text-align: center;
	margin-top: -40px;
	position: relative;
	font-size: 16px;
	padding: 8.5px 0;
}
.seu-sistema:after { display: inline-block; font-family: 'Font Awesome 5 Pro'; font-weight: 900; font-size: 23px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f0d7"; margin: 0 auto; position: absolute; left: 50%; margin-left: -7.19px; color: #32afed; opacity: 1; top: 25px;}
.baixar-ag { margin-top: 40px !important
}

.banner .btn-info i, .para-todos .btn-info i, .diferenciais-container i {
	color: #ff4758
}
.diferenciais-container .bg-branco .btn-info:hover, .diferenciais-container .bg-branco .btn-info:focus, .diferenciais-container .bg-branco .btn-info:active, .banner .btn-info:hover, .banner .btn-info:not(:disabled):not(.disabled).active, .banner .btn-info:not(:disabled):not(.disabled):active, .show>.banner .btn-info.dropdown-toggle, .banner .btn-info.focus, .banner .btn-info:focus {
	color: #fff !important;
	background-color: #ff4758 !important;
	border-color: #ff4758 !important;
}

.diferenciais-container .btn-info:hover i, .diferenciais-container .btn-info:focus i, .diferenciais-container .btn-info:active i, .banner .btn-info:hover i, .banner .btn-info:not(:disabled):not(.disabled).active i, .banner .btn-info:not(:disabled):not(.disabled):active i, .show>.banner .btn-info.dropdown-toggle i, .banner .btn-info.focus i, .banner .btn-info:focus i {
	color: #ffffff !important
}

header a:hover {
	opacity: .7
}
.btn-assinar, .btn-assinar:hover { border-color: #eee !important; color: #000000 !important; background: none !important; margin-right: 5px;}