File manager - Edit - /usr/local/CyberCP/cyberpanel/baseTemplate/static/baseTemplate/assets/helpers/helpersAllCombines.css
Back
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(.215, .610, .355, 1.000); transition-timing-function: cubic-bezier(.215, .610, .355, 1.000); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(.755, .050, .855, .060); transition-timing-function: cubic-bezier(.755, .050, .855, .060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-transition-timing-function: cubic-bezier(.755, .050, .855, .060); transition-timing-function: cubic-bezier(.755, .050, .855, .060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(.215, .610, .355, 1.000); transition-timing-function: cubic-bezier(.215, .610, .355, 1.000); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(.755, .050, .855, .060); transition-timing-function: cubic-bezier(.755, .050, .855, .060); -webkit-transform: translate3d(0, -30px, 0); -ms-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-transition-timing-function: cubic-bezier(.755, .050, .855, .060); transition-timing-function: cubic-bezier(.755, .050, .855, .060); -webkit-transform: translate3d(0, -15px, 0); -ms-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); -ms-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; -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; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); -ms-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, .75, 1); transform: scale3d(1.25, .75, 1); } 40% { -webkit-transform: scale3d(.75, 1.25, 1); transform: scale3d(.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, .85, 1); transform: scale3d(1.15, .85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, .75, 1); -ms-transform: scale3d(1.25, .75, 1); transform: scale3d(1.25, .75, 1); } 40% { -webkit-transform: scale3d(.75, 1.25, 1); -ms-transform: scale3d(.75, 1.25, 1); transform: scale3d(.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, .85, 1); -ms-transform: scale3d(1.15, .85, 1); transform: scale3d(1.15, .85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); -ms-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); -ms-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); -ms-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); -ms-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); -ms-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); -ms-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); -ms-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); -ms-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); -ms-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 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: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } @keyframes wobble { 0% { -webkit-transform: none; -ms-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); -ms-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); -ms-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); -ms-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); -ms-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); -ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; -ms-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(.215, .610, .355, 1.000); transition-timing-function: cubic-bezier(.215, .610, .355, 1.000); } 0% { -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); opacity: 0; } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); opacity: 1; } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(.215, .610, .355, 1.000); transition-timing-function: cubic-bezier(.215, .610, .355, 1.000); } 0% { -webkit-transform: scale3d(.3, .3, .3); -ms-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); opacity: 0; } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); -ms-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); -ms-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { -webkit-transform: scale3d(1.03, 1.03, 1.03); -ms-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); opacity: 1; } 80% { -webkit-transform: scale3d(.97, .97, .97); -ms-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 100% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(.215, .610, .355, 1.000); transition-timing-function: cubic-bezier(.215, .610, .355, 1.000); } 0% { -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); opacity: 0; } 60% { -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); opacity: 1; } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(.215, .610, .355, 1.000); transition-timing-function: cubic-bezier(.215, .610, .355, 1.000); } 0% { -webkit-transform: translate3d(0, -3000px, 0); -ms-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); opacity: 0; } 60% { -webkit-transform: translate3d(0, 25px, 0); -ms-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); opacity: 1; } 75% { -webkit-transform: translate3d(0, -10px, 0); -ms-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); -ms-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; -ms-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(.215, .610, .355, 1.000); transition-timing-function: cubic-bezier(.215, .610, .355, 1.000); } 0% { -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); opacity: 0; } 60% { -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); opacity: 1; } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(.215, .610, .355, 1.000); transition-timing-function: cubic-bezier(.215, .610, .355, 1.000); } 0% { -webkit-transform: translate3d(-3000px, 0, 0); -ms-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); opacity: 0; } 60% { -webkit-transform: translate3d(25px, 0, 0); -ms-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); opacity: 1; } 75% { -webkit-transform: translate3d(-10px, 0, 0); -ms-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); -ms-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; -ms-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(.215, .610, .355, 1.000); transition-timing-function: cubic-bezier(.215, .610, .355, 1.000); } 0% { -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); opacity: 0; } 60% { -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); opacity: 1; } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(.215, .610, .355, 1.000); transition-timing-function: cubic-bezier(.215, .610, .355, 1.000); } 0% { -webkit-transform: translate3d(3000px, 0, 0); -ms-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); opacity: 0; } 60% { -webkit-transform: translate3d(-25px, 0, 0); -ms-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); opacity: 1; } 75% { -webkit-transform: translate3d(10px, 0, 0); -ms-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); -ms-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; -ms-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(.215, .610, .355, 1.000); transition-timing-function: cubic-bezier(.215, .610, .355, 1.000); } 0% { -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); opacity: 0; } 60% { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 1; } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(.215, .610, .355, 1.000); transition-timing-function: cubic-bezier(.215, .610, .355, 1.000); } 0% { -webkit-transform: translate3d(0, 3000px, 0); -ms-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); opacity: 0; } 60% { -webkit-transform: translate3d(0, -20px, 0); -ms-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 1; } 75% { -webkit-transform: translate3d(0, 10px, 0); -ms-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); -ms-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); opacity: 1; } 100% { -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); opacity: 0; } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); -ms-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { -webkit-transform: scale3d(1.1, 1.1, 1.1); -ms-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); opacity: 1; } 100% { -webkit-transform: scale3d(.3, .3, .3); -ms-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); opacity: 0; } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 1; } 100% { -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); opacity: 0; } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); -ms-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { -webkit-transform: translate3d(0, -20px, 0); -ms-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 1; } 100% { -webkit-transform: translate3d(0, 2000px, 0); -ms-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); opacity: 0; } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); opacity: 1; } 100% { -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); opacity: 0; } } @keyframes bounceOutLeft { 20% { -webkit-transform: translate3d(20px, 0, 0); -ms-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); opacity: 1; } 100% { -webkit-transform: translate3d(-2000px, 0, 0); -ms-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); opacity: 0; } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); opacity: 1; } 100% { -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); opacity: 0; } } @keyframes bounceOutRight { 20% { -webkit-transform: translate3d(-20px, 0, 0); -ms-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); opacity: 1; } 100% { -webkit-transform: translate3d(2000px, 0, 0); -ms-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); opacity: 0; } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); opacity: 1; } 100% { -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); opacity: 0; } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); -ms-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { -webkit-transform: translate3d(0, 20px, 0); -ms-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); opacity: 1; } 100% { -webkit-transform: translate3d(0, -2000px, 0); -ms-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); opacity: 0; } } .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% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); opacity: 0; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes fadeInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); opacity: 0; } 100% { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); opacity: 0; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes fadeInDownBig { 0% { -webkit-transform: translate3d(0, -2000px, 0); -ms-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); opacity: 0; } 100% { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); opacity: 0; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes fadeInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); opacity: 0; } 100% { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); opacity: 0; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes fadeInLeftBig { 0% { -webkit-transform: translate3d(-2000px, 0, 0); -ms-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); opacity: 0; } 100% { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: 0; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes fadeInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: 0; } 100% { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); opacity: 0; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes fadeInRightBig { 0% { -webkit-transform: translate3d(2000px, 0, 0); -ms-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); opacity: 0; } 100% { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); opacity: 0; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes fadeInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); opacity: 0; } 100% { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); opacity: 0; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes fadeInUpBig { 0% { -webkit-transform: translate3d(0, 2000px, 0); -ms-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); opacity: 0; } 100% { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } } .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; } 100% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); opacity: 0; } } @keyframes fadeOutDown { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); opacity: 0; } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); opacity: 0; } } @keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(0, 2000px, 0); -ms-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); opacity: 0; } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); opacity: 0; } } @keyframes fadeOutLeft { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); opacity: 0; } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); opacity: 0; } } @keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(-2000px, 0, 0); -ms-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); opacity: 0; } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: 0; } } @keyframes fadeOutRight { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: 0; } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); opacity: 0; } } @keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(2000px, 0, 0); -ms-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); opacity: 0; } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); opacity: 0; } } @keyframes fadeOutUp { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); opacity: 0; } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); opacity: 0; } } @keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(0, -2000px, 0); -ms-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); opacity: 0; } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); -ms-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); -ms-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-animation-name: flip; animation-name: flip; -webkit-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; } @-webkit-keyframes flipInX { 0% { -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } 40% { -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { 0% { -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } 40% { -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); -ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); -ms-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-animation-name: flipInX; animation-name: flipInX; -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipInY { 0% { -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } 40% { -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { 0% { -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } 40% { -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); -ms-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-animation-name: flipInY; animation-name: flipInY; -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); -ms-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); -ms-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-animation-name: flipOutY; animation-name: flipOutY; -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); -ms-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); -ms-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); -ms-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; -ms-transform: none; transform: none; 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% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); -ms-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) 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: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); -webkit-transform-origin: center; transform-origin: center; opacity: 0; } 100% { -webkit-transform: none; transform: none; -webkit-transform-origin: center; transform-origin: center; opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform: rotate3d(0, 0, 1, -200deg); -ms-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; opacity: 0; } 100% { -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 0; } 100% { -webkit-transform: none; transform: none; -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform: rotate3d(0, 0, 1, -45deg); -ms-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; opacity: 0; } 100% { -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 0; } 100% { -webkit-transform: none; transform: none; -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform: rotate3d(0, 0, 1, 45deg); -ms-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; opacity: 0; } 100% { -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 0; } 100% { -webkit-transform: none; transform: none; -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform: rotate3d(0, 0, 1, 45deg); -ms-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; opacity: 0; } 100% { -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 0; } 100% { -webkit-transform: none; transform: none; -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform: rotate3d(0, 0, 1, -90deg); -ms-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; opacity: 0; } 100% { -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); -webkit-transform-origin: center; transform-origin: center; opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform: rotate3d(0, 0, 1, 200deg); -ms-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform: rotate(0, 0, 1, 45deg); transform: rotate(0, 0, 1, 45deg); -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform: rotate(0, 0, 1, 45deg); -ms-transform: rotate(0, 0, 1, 45deg); transform: rotate(0, 0, 1, 45deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform: rotate3d(0, 0, 1, -45deg); -ms-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform: rotate3d(0, 0, 1, -45deg); -ms-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform: rotate3d(0, 0, 1, 90deg); -ms-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 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: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 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: rotate3d(0, 0, 1, 80deg); -ms-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 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%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); -ms-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 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; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); -ms-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); opacity: 0; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rollIn { 0% { -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); -ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); opacity: 0; } 100% { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); opacity: 0; } } @keyframes rollOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); -ms-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); opacity: 0; } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { 0% { -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); opacity: 0; } 50% { opacity: 1; } } @keyframes zoomIn { 0% { -webkit-transform: scale3d(.3, .3, .3); -ms-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); opacity: 0; } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { 0% { -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(.550, .055, .675, .190); animation-timing-function: cubic-bezier(.550, .055, .675, .190); opacity: 0; } 60% { -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .320, 1); animation-timing-function: cubic-bezier(.175, .885, .320, 1); opacity: 1; } } @keyframes zoomInDown { 0% { -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -ms-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(.550, .055, .675, .190); animation-timing-function: cubic-bezier(.550, .055, .675, .190); opacity: 0; } 60% { -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .320, 1); animation-timing-function: cubic-bezier(.175, .885, .320, 1); opacity: 1; } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.550, .055, .675, .190); animation-timing-function: cubic-bezier(.550, .055, .675, .190); opacity: 0; } 60% { -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .320, 1); animation-timing-function: cubic-bezier(.175, .885, .320, 1); opacity: 1; } } @keyframes zoomInLeft { 0% { -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -ms-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.550, .055, .675, .190); animation-timing-function: cubic-bezier(.550, .055, .675, .190); opacity: 0; } 60% { -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -ms-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .320, 1); animation-timing-function: cubic-bezier(.175, .885, .320, 1); opacity: 1; } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.550, .055, .675, .190); animation-timing-function: cubic-bezier(.550, .055, .675, .190); opacity: 0; } 60% { -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .320, 1); animation-timing-function: cubic-bezier(.175, .885, .320, 1); opacity: 1; } } @keyframes zoomInRight { 0% { -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -ms-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.550, .055, .675, .190); animation-timing-function: cubic-bezier(.550, .055, .675, .190); opacity: 0; } 60% { -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -ms-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .320, 1); animation-timing-function: cubic-bezier(.175, .885, .320, 1); opacity: 1; } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(.550, .055, .675, .190); animation-timing-function: cubic-bezier(.550, .055, .675, .190); opacity: 0; } 60% { -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .320, 1); animation-timing-function: cubic-bezier(.175, .885, .320, 1); opacity: 1; } } @keyframes zoomInUp { 0% { -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -ms-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(.550, .055, .675, .190); animation-timing-function: cubic-bezier(.550, .055, .675, .190); opacity: 0; } 60% { -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .320, 1); animation-timing-function: cubic-bezier(.175, .885, .320, 1); opacity: 1; } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); opacity: 0; } 100% { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { -webkit-transform: scale3d(.3, .3, .3); -ms-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); opacity: 0; } 100% { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.550, .055, .675, .190); animation-timing-function: cubic-bezier(.550, .055, .675, .190); opacity: 1; } 100% { -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .320, 1); animation-timing-function: cubic-bezier(.175, .885, .320, 1); opacity: 0; } } @keyframes zoomOutDown { 40% { -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.550, .055, .675, .190); animation-timing-function: cubic-bezier(.550, .055, .675, .190); opacity: 1; } 100% { -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -ms-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .320, 1); animation-timing-function: cubic-bezier(.175, .885, .320, 1); opacity: 0; } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); opacity: 1; } 100% { -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; opacity: 0; } } @keyframes zoomOutLeft { 40% { -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); -ms-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); opacity: 1; } 100% { -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); -ms-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; opacity: 0; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); opacity: 1; } 100% { -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; opacity: 0; } } @keyframes zoomOutRight { 40% { -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); -ms-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); opacity: 1; } 100% { -webkit-transform: scale(.1) translate3d(2000px, 0, 0); -ms-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; opacity: 0; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.550, .055, .675, .190); animation-timing-function: cubic-bezier(.550, .055, .675, .190); opacity: 1; } 100% { -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .320, 1); animation-timing-function: cubic-bezier(.175, .885, .320, 1); opacity: 0; } } @keyframes zoomOutUp { 40% { -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.550, .055, .675, .190); animation-timing-function: cubic-bezier(.550, .055, .675, .190); opacity: 1; } 100% { -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -ms-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .320, 1); animation-timing-function: cubic-bezier(.175, .885, .320, 1); opacity: 0; } } .zoomOutUp { transition: height .35s ease; -webkit-animation-name: zoomOutUp; } .icon-rotate-90 { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1); } .icon-rotate-180 { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2); } .icon-rotate-270 { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3); } .icon-flip-horizontal { -webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); } .icon-flip-vertical { -webkit-transform: scale(1, -1); -moz-transform: scale(1, -1); -ms-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1); filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); } .fade { -webkit-transition: opacity .15s linear; transition: opacity .15s linear; opacity: 0; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } .collapsing { position: relative; overflow: hidden; height: 0; -webkit-transition: height .35s ease; transition: height .35s ease; } .icon-spin { -webkit-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @-o-keyframes spin { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(359deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fadebottom { 0% { opacity: 1; transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); } 25% { opacity: 0; transform: translateY(20px); -moz-transform: translateY(20px); -o-transform: translateY(20px); } 30% { opacity: 0; transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); } 45% { opacity: 1; transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); } 100% { opacity: 1; transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); } } @-webkit-keyframes fadebottom { 0% { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); } 25% { opacity: 0; transform: translateY(20px); -webkit-transform: translateY(20px); } 30% { opacity: 0; transform: translateY(0px); -webkit-transform: translateY(0px); } 45% { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); } 100% { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); } } /* Blurred backgrounds */ .blurred-bg-1 { background-image: url('../image-resources/blurred-bg/blurred-bg-1.jpg'); } .blurred-bg-2 { background-image: url('../image-resources/blurred-bg/blurred-bg-2.jpg'); } .blurred-bg-3 { background-image: url('../image-resources/blurred-bg/blurred-bg-3.jpg'); } .blurred-bg-4 { background-image: url('../image-resources/blurred-bg/blurred-bg-4.jpg'); } .blurred-bg-5 { background-image: url('../image-resources/blurred-bg/blurred-bg-5.jpg'); } .blurred-bg-6 { background-image: url('../image-resources/blurred-bg/blurred-bg-6.jpg'); } .blurred-bg-7 { background-image: url('../image-resources/blurred-bg/blurred-bg-7.jpg'); } .blurred-bg-8 { background-image: url('../image-resources/blurred-bg/blurred-bg-8.jpg'); } .blurred-bg-9 { background-image: url('../image-resources/blurred-bg/blurred-bg-9.jpg'); } .blurred-bg-10 { background-image: url('../image-resources/blurred-bg/blurred-bg-10.jpg'); } .blurred-bg-11 { background-image: url('../image-resources/blurred-bg/blurred-bg-11.jpg'); } .blurred-bg-12 { background-image: url('../image-resources/blurred-bg/blurred-bg-12.jpg'); } .blurred-bg-13 { background-image: url('../image-resources/blurred-bg/blurred-bg-13.jpg'); } .blurred-bg-14 { background-image: url('../image-resources/blurred-bg/blurred-bg-14.jpg'); } .blurred-bg-15 { background-image: url('../image-resources/blurred-bg/blurred-bg-15.jpg'); } .blurred-bg-16 { background-image: url('../image-resources/blurred-bg/blurred-bg-16.jpg'); } /* Polygon backgrounds */ .poly-bg-1 { background-image: url('../image-resources/poly-bg/poly-bg-1.jpg'); } .poly-bg-2 { background-image: url('../image-resources/poly-bg/poly-bg-2.jpg'); } .poly-bg-3 { background-image: url('../image-resources/poly-bg/poly-bg-3.jpg'); } .poly-bg-4 { background-image: url('../image-resources/poly-bg/poly-bg-4.jpg'); } .poly-bg-5 { background-image: url('../image-resources/poly-bg/poly-bg-5.jpg'); } .poly-bg-6 { background-image: url('../image-resources/poly-bg/poly-bg-6.jpg'); } .poly-bg-7 { background-image: url('../image-resources/poly-bg/poly-bg-7.jpg'); } .poly-bg-8 { background-image: url('../image-resources/poly-bg/poly-bg-8.jpg'); } .poly-bg-9 { background-image: url('../image-resources/poly-bg/poly-bg-9.jpg'); } .poly-bg-10 { background-image: url('../image-resources/poly-bg/poly-bg-10.jpg'); } /* Blurred images */ .blurred-img-1 { background-image: url('../image-resources/blurred-img/blurred-img-1.jpg'); } .blurred-img-2 { background-image: url('../image-resources/blurred-img/blurred-img-2.jpg'); } .blurred-img-3 { background-image: url('../image-resources/blurred-img/blurred-img-3.jpg'); } .blurred-img-4 { background-image: url('../image-resources/blurred-img/blurred-img-4.jpg'); } .blurred-img-5 { background-image: url('../image-resources/blurred-img/blurred-img-5.jpg'); } /* Full images */ .full-bg-1 { background-image: url('../image-resources/full-bg/full-bg-1.jpg'); } .full-bg-2 { background-image: url('../image-resources/full-bg/full-bg-2.jpg'); } .full-bg-3 { background-image: url('../image-resources/full-bg/full-bg-3.jpg'); } .full-bg-4 { background-image: url('../image-resources/full-bg/full-bg-4.jpg'); } .full-bg-5 { background-image: url('../image-resources/full-bg/full-bg-5.jpg'); } .full-bg-6 { background-image: url('../image-resources/full-bg/full-bg-6.jpg'); } .full-bg-7 { background-image: url('../image-resources/full-bg/full-bg-7.jpg'); } .full-bg-8 { background-image: url('../image-resources/full-bg/full-bg-8.jpg'); } .full-bg-9 { background-image: url('../image-resources/full-bg/full-bg-9.jpg'); } .full-bg-10 { background-image: url('../image-resources/full-bg/full-bg-10.jpg'); } .full-bg-11 { background-image: url('../image-resources/full-bg/full-bg-11.jpg'); } .full-bg-12 { background-image: url('../image-resources/full-bg/full-bg-12.jpg'); } .full-bg-13 { background-image: url('../image-resources/full-bg/full-bg-13.jpg'); } .full-bg-14 { background-image: url('../image-resources/full-bg/full-bg-14.jpg'); } /* Pattern backgrounds */ .pattern-bg-1 { background-image: url('../image-resources/pattern-bg/pattern-bg-1.png'); } .pattern-bg-2 { background-image: url('../image-resources/pattern-bg/pattern-bg-2.png'); } .pattern-bg-3 { background-image: url('../image-resources/pattern-bg/pattern-bg-3.png'); } .pattern-bg-4 { background-image: url('../image-resources/pattern-bg/pattern-bg-4.png'); } .pattern-bg-5 { background-image: url('../image-resources/pattern-bg/pattern-bg-5.png'); } .pattern-bg-6 { background-image: url('../image-resources/pattern-bg/pattern-bg-6.png'); } .pattern-bg-7 { background-image: url('../image-resources/pattern-bg/pattern-bg-7.png'); } .pattern-bg-8 { background-image: url('../image-resources/pattern-bg/pattern-bg-8.png'); } .pattern-bg-9 { background-image: url('../image-resources/pattern-bg/pattern-bg-9.png'); } .pattern-bg-10 { background-image: url('../image-resources/pattern-bg/pattern-bg-10.png'); } /* Gradients */ .bg-gradient-1, .bg-gradient-2, .bg-gradient-3, .bg-gradient-4, .bg-gradient-5, .bg-gradient-6, .bg-gradient-7, .bg-gradient-8, .bg-gradient-9 { background-color: transparent !important; } .bg-gradient-1 { background: radial-gradient(circle at 8.75% 8.45%, #003973, transparent 100%),radial-gradient(circle at 94.06% 82.83%, #E5E5BE, transparent 100%),radial-gradient(circle at 50% 50%, #668cc2, #668cc2 100%); } .bg-gradient-2 { background: radial-gradient(circle at 1.98% 3.00%, #348F50, transparent 100%),radial-gradient(circle at 98.02% 98.00%, #56B4D3, transparent 100%),radial-gradient(circle at 50% 50%, #668cc2, #668cc2 100%); } .bg-gradient-3 { background: radial-gradient(circle at 1.98% 74.02%, #E55D87, transparent 100%),radial-gradient(circle at 98.02% 35.97%, #5FC3E4, transparent 100%),radial-gradient(circle at 50% 50%, #0cc285, #0cc285 100%); } .bg-gradient-4 { background: radial-gradient(circle at 1.98% 2.00%, #B993D6, transparent 100%),radial-gradient(circle at 98.02% 92.01%, #8CA6DB, transparent 100%),radial-gradient(circle at 50% 50%, #0cc285, #0cc285 100%); } .bg-gradient-5 { background: radial-gradient(circle at 1.98% 89.01%, #7474BF, transparent 100%),radial-gradient(circle at 98.02% 21.98%, #348AC7, transparent 100%),radial-gradient(circle at 50% 50%, #0cc285, #0cc285 100%); } .bg-gradient-6 { background: radial-gradient(circle at 1.98% 40.96%, #00c6ff, transparent 100%),radial-gradient(circle at 98.02% 52.04%, #0072ff, transparent 100%),radial-gradient(circle at 50% 50%, #0cc285, #0cc285 100%); } .bg-gradient-7 { background: radial-gradient(circle at 1.98% 85.01%, #134E5E, transparent 100%),radial-gradient(circle at 98.02% 18.98%, #71B280, transparent 100%),radial-gradient(circle at 50% 50%, #0cc285, #0cc285 100%); } .bg-gradient-8 { background: radial-gradient(circle at 1.98% 20.98%, #4b6cb7, transparent 100%),radial-gradient(circle at 98.02% 20.98%, #182848, transparent 100%),radial-gradient(circle at 50% 50%, #0cc285, #0cc285 100%); } .bg-gradient-9 { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…IgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(-65deg, #008fe2 0, #00b29c 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #008fe2), color-stop(100%, #00b29c)); background: -webkit-linear-gradient(-65deg, #008fe2 0, #00b29c 100%); background: -o-linear-gradient(-65deg, #008fe2 0, #00b29c 100%); background: -ms-linear-gradient(-65deg, #008fe2 0, #00b29c 100%); background: linear-gradient(154deg, #008fe2 0, #00b29c 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#008fe2', endColorstr='#00b29c', GradientType=1); } /* Boilerplate */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } mark { color: #000; background: #ff0; } code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } pre { white-space: pre-wrap; } q { quotes: '\201C''\201D''\2018''\2019'; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -.5em; } sub { bottom: -.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } fieldset { margin: 0 2px; padding: .35em .625em .75em; border: 1px solid #c0c0c0; } legend { padding: 0; border: 0; } button { margin: 0; } button, input, select, textarea { font-family: inherit; font-size: 100%; } button, input { line-height: normal; } button, select { text-transform: none; } button, html input[type='button'], input[type='reset'], input[type='submit'] { cursor: pointer; -webkit-appearance: button; } button[disabled] { cursor: default; } input[type='checkbox'], input[type='radio'] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type='search'] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; } input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } textarea { overflow: auto; vertical-align: top; } table { border-spacing: 0; border-collapse: collapse; } @media print { * { color: #000 !important; background: transparent !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: ' (' attr(href)')'; } abbr[title]:after { content: ' (' attr(title)')'; } .ir a:after, a[href^='javascript:']:after, a[href^='#']:after { content: ''; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 2cm .5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .jGrowl { display: none; } } small { font-size: 85%; } a { text-decoration: none; } a, a:visited, a:focus, a:active, *:visited, *:focus, *:active { outline: none; } html { font-size: 62.5%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .jqstooltip { box-sizing: content-box; } /* Border Radius */ /* 2px */ .radius-all-2 { border-radius: 2px !important; } .radius-top-left-2 { border-top-left-radius: 2px !important; } .radius-top-right-2 { border-top-right-radius: 2px !important; } .radius-bottom-right-2 { border-bottom-right-radius: 2px !important; } .radius-bottom-left-2 { border-bottom-left-radius: 2px !important; } .radius-top-all-2 { border-top-left-radius: 2px !important; border-top-right-radius: 2px !important; } .radius-bottom-all-2 { border-bottom-right-radius: 2px !important; border-bottom-left-radius: 2px !important; } .radius-right-all-2 { border-top-right-radius: 2px !important; border-bottom-right-radius: 2px !important; } .radius-left-all-2 { border-top-left-radius: 2px !important; border-bottom-left-radius: 2px !important; } /* 4px */ .radius-all-4 { border-radius: 4px !important; } .radius-top-left-4 { border-top-left-radius: 4px !important; } .radius-top-right-4 { border-top-right-radius: 4px !important; } .radius-bottom-right-4 { border-bottom-right-radius: 4px !important; } .radius-bottom-left-4 { border-bottom-left-radius: 4px !important; } .radius-top-all-4 { border-top-left-radius: 4px !important; border-top-right-radius: 4px !important; } .radius-bottom-all-4 { border-bottom-right-radius: 4px !important; border-bottom-left-radius: 4px !important; } .radius-right-all-4 { border-top-right-radius: 4px !important; border-bottom-right-radius: 4px !important; } .radius-left-all-4 { border-top-left-radius: 4px !important; border-bottom-left-radius: 4px !important; } /* 6px */ .radius-all-6 { border-radius: 6px !important; } .radius-top-left-6 { border-top-left-radius: 6px !important; } .radius-top-right-6 { border-top-right-radius: 6px !important; } .radius-bottom-right-6 { border-bottom-right-radius: 6px !important; } .radius-bottom-left-6 { border-bottom-left-radius: 6px !important; } .radius-top-all-6 { border-top-left-radius: 6px !important; border-top-right-radius: 6px !important; } .radius-bottom-all-6 { border-bottom-right-radius: 6px !important; border-bottom-left-radius: 6px !important; } .radius-right-all-6 { border-top-right-radius: 6px !important; border-bottom-right-radius: 6px !important; } .radius-left-all-6 { border-top-left-radius: 6px !important; border-bottom-left-radius: 6px !important; } /* 8px */ .radius-all-8 { border-radius: 8px !important; } .radius-top-left-8 { border-top-left-radius: 8px !important; } .radius-top-right-8 { border-top-right-radius: 8px !important; } .radius-bottom-right-8 { border-bottom-right-radius: 8px !important; } .radius-bottom-left-8 { border-bottom-left-radius: 8px !important; } .radius-top-all-8 { border-top-left-radius: 8px !important; border-top-right-radius: 8px !important; } .radius-bottom-all-8 { border-bottom-right-radius: 8px !important; border-bottom-left-radius: 8px !important; } .radius-right-all-8 { border-top-right-radius: 8px !important; border-bottom-right-radius: 8px !important; } .radius-left-all-8 { border-top-left-radius: 8px !important; border-bottom-left-radius: 8px !important; } /* 10px */ .radius-all-10 { border-radius: 10px !important; } .radius-top-left-10 { border-top-left-radius: 10px !important; } .radius-top-right-10 { border-top-right-radius: 10px !important; } .radius-bottom-right-10 { border-bottom-right-radius: 10px !important; } .radius-bottom-left-10 { border-bottom-left-radius: 10px !important; } .radius-top-all-10 { border-top-left-radius: 10px !important; border-top-right-radius: 10px !important; } .radius-bottom-all-10 { border-bottom-right-radius: 10px !important; border-bottom-left-radius: 10px !important; } .radius-right-all-10 { border-top-right-radius: 10px !important; border-bottom-right-radius: 10px !important; } .radius-left-all-10 { border-top-left-radius: 10px !important; border-bottom-left-radius: 10px !important; } /* 100px */ .ra-100, .radius-all-100 { border-radius: 100px !important; } .radius-top-left-100 { border-top-left-radius: 100px !important; } .radius-top-right-100 { border-top-right-radius: 100px !important; } .radius-bottom-right-100 { border-bottom-right-radius: 100px !important; } .radius-bottom-left-100 { border-bottom-left-radius: 100px !important; } .radius-top-all-100 { border-top-left-radius: 100px !important; border-top-right-radius: 100px !important; } .radius-bottom-all-100 { border-bottom-right-radius: 100px !important; border-bottom-left-radius: 100px !important; } .radius-right-all-100 { border-top-right-radius: 100px !important; border-bottom-right-radius: 100px !important; } .radius-left-all-100 { border-top-left-radius: 100px !important; border-bottom-left-radius: 100px !important; } /* 0px */ .radius-all-0 { border-radius: 0 !important; } .radius-top-left-0 { border-top-left-radius: 0 !important; } .radius-top-right-0 { border-top-right-radius: 0 !important; } .radius-bottom-right-0 { border-bottom-right-radius: 0 !important; } .radius-bottom-left-0 { border-bottom-left-radius: 0 !important; } .radius-top-all-0 { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .radius-bottom-all-0 { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .radius-right-all-0 { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .radius-left-all-0 { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } /* Grids */ .container { margin-right: auto; margin-left: auto; } .row, .form-row { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-right: -10px; margin-left: -10px; } .row:before, .row:after, .form-row:before, .form-row:after { display: table; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; content: ' '; } .row:after, .form-row:after { clear: both; } .row:after, .form-row:after { clear: both; } [class*='col-'] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11 { float: left; } .col-xs-1 { width: 8.333333333333332%; } .col-xs-2 { width: 16.666666666666664%; } .col-xs-3 { width: 25%; } .col-xs-4 { width: 33.33333333333333%; } .col-xs-5 { width: 41.66666666666667%; } .col-xs-6 { width: 50%; } .col-xs-7 { width: 58.333333333333336%; } .col-xs-8 { width: 66.66666666666666%; } .col-xs-9 { width: 75%; } .col-xs-10 { width: 83.33333333333334%; } .col-xs-11 { width: 91.66666666666666%; } .col-xs-12 { width: 100%; } @media (min-width: 768px) { .boxed-layout #page-wrapper, .boxed-layout #page-header, .container { max-width: 750px; } .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11 { float: left; } .col-sm-1 { width: 8.333333333333332%; } .col-sm-2 { width: 16.666666666666664%; } .col-sm-3 { width: 25%; } .col-sm-4 { width: 33.33333333333333%; } .col-sm-5 { width: 41.66666666666667%; } .col-sm-6 { width: 50%; } .col-sm-7 { width: 58.333333333333336%; } .col-sm-8 { width: 66.66666666666666%; } .col-sm-9 { width: 75%; } .col-sm-10 { width: 83.33333333333334%; } .col-sm-11 { width: 91.66666666666666%; } .col-sm-12 { width: 100%; } .col-sm-push-1 { left: 8.333333333333332%; } .col-sm-push-2 { left: 16.666666666666664%; } .col-sm-push-3 { left: 25%; } .col-sm-push-4 { left: 33.33333333333333%; } .col-sm-push-5 { left: 41.66666666666667%; } .col-sm-push-6 { left: 50%; } .col-sm-push-7 { left: 58.333333333333336%; } .col-sm-push-8 { left: 66.66666666666666%; } .col-sm-push-9 { left: 75%; } .col-sm-push-10 { left: 83.33333333333334%; } .col-sm-push-11 { left: 91.66666666666666%; } .col-sm-pull-1 { right: 8.333333333333332%; } .col-sm-pull-2 { right: 16.666666666666664%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-4 { right: 33.33333333333333%; } .col-sm-pull-5 { right: 41.66666666666667%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-7 { right: 58.333333333333336%; } .col-sm-pull-8 { right: 66.66666666666666%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-10 { right: 83.33333333333334%; } .col-sm-pull-11 { right: 91.66666666666666%; } .col-sm-offset-1 { margin-left: 8.333333333333332%; } .col-sm-offset-2 { margin-left: 16.666666666666664%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-4 { margin-left: 33.33333333333333%; } .col-sm-offset-5 { margin-left: 41.66666666666667%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-7 { margin-left: 58.333333333333336%; } .col-sm-offset-8 { margin-left: 66.66666666666666%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-10 { margin-left: 83.33333333333334%; } .col-sm-offset-11 { margin-left: 91.66666666666666%; } } @media (min-width: 992px) { .boxed-layout #page-wrapper, .boxed-layout #page-header, .container { max-width: 970px; } .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11 { float: left; } .col-md-1 { width: 8.333333333333332%; } .col-md-2 { width: 16.666666666666664%; } .col-md-3 { width: 25%; } .col-md-4 { width: 33.33333333333333%; } .col-md-5 { width: 41.66666666666667%; } .col-md-6 { width: 50%; } .col-md-7 { width: 58.333333333333336%; } .col-md-8 { width: 66.66666666666666%; } .col-md-9 { width: 75%; } .col-md-10 { width: 83.33333333333334%; } .col-md-11 { width: 91.66666666666666%; } .col-md-12 { width: 100%; } .col-md-push-0 { left: auto; } .col-md-push-1 { left: 8.333333333333332%; } .col-md-push-2 { left: 16.666666666666664%; } .col-md-push-3 { left: 25%; } .col-md-push-4 { left: 33.33333333333333%; } .col-md-push-5 { left: 41.66666666666667%; } .col-md-push-6 { left: 50%; } .col-md-push-7 { left: 58.333333333333336%; } .col-md-push-8 { left: 66.66666666666666%; } .col-md-push-9 { left: 75%; } .col-md-push-10 { left: 83.33333333333334%; } .col-md-push-11 { left: 91.66666666666666%; } .col-md-pull-0 { right: auto; } .col-md-pull-1 { right: 8.333333333333332%; } .col-md-pull-2 { right: 16.666666666666664%; } .col-md-pull-3 { right: 25%; } .col-md-pull-4 { right: 33.33333333333333%; } .col-md-pull-5 { right: 41.66666666666667%; } .col-md-pull-6 { right: 50%; } .col-md-pull-7 { right: 58.333333333333336%; } .col-md-pull-8 { right: 66.66666666666666%; } .col-md-pull-9 { right: 75%; } .col-md-pull-10 { right: 83.33333333333334%; } .col-md-pull-11 { right: 91.66666666666666%; } .col-md-offset-0 { margin-left: 0; } .col-md-offset-1 { margin-left: 8.333333333333332%; } .col-md-offset-2 { margin-left: 16.666666666666664%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-4 { margin-left: 33.33333333333333%; } .col-md-offset-5 { margin-left: 41.66666666666667%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-7 { margin-left: 58.333333333333336%; } .col-md-offset-8 { margin-left: 66.66666666666666%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-10 { margin-left: 83.33333333333334%; } .col-md-offset-11 { margin-left: 91.66666666666666%; } } @media (min-width: 1200px) { .boxed-layout #page-wrapper, .boxed-layout #page-header, .container { max-width: 1170px; } .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11 { float: left; } .col-lg-1 { width: 8.333333333333332%; } .col-lg-2 { width: 16.666666666666664%; } .col-lg-3 { width: 25%; } .col-lg-4 { width: 33.33333333333333%; } .col-lg-5 { width: 41.66666666666667%; } .col-lg-6 { width: 50%; } .col-lg-7 { width: 58.333333333333336%; } .col-lg-8 { width: 66.66666666666666%; } .col-lg-9 { width: 75%; } .col-lg-10 { width: 83.33333333333334%; } .col-lg-11 { width: 91.66666666666666%; } .col-lg-12 { width: 100%; } .col-lg-push-0 { left: auto; } .col-lg-push-1 { left: 8.333333333333332%; } .col-lg-push-2 { left: 16.666666666666664%; } .col-lg-push-3 { left: 25%; } .col-lg-push-4 { left: 33.33333333333333%; } .col-lg-push-5 { left: 41.66666666666667%; } .col-lg-push-6 { left: 50%; } .col-lg-push-7 { left: 58.333333333333336%; } .col-lg-push-8 { left: 66.66666666666666%; } .col-lg-push-9 { left: 75%; } .col-lg-push-10 { left: 83.33333333333334%; } .col-lg-push-11 { left: 91.66666666666666%; } .col-lg-pull-0 { right: auto; } .col-lg-pull-1 { right: 8.333333333333332%; } .col-lg-pull-2 { right: 16.666666666666664%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-4 { right: 33.33333333333333%; } .col-lg-pull-5 { right: 41.66666666666667%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-7 { right: 58.333333333333336%; } .col-lg-pull-8 { right: 66.66666666666666%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-10 { right: 83.33333333333334%; } .col-lg-pull-11 { right: 91.66666666666666%; } .col-lg-offset-0 { margin-left: 0; } .col-lg-offset-1 { margin-left: 8.333333333333332%; } .col-lg-offset-2 { margin-left: 16.666666666666664%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-4 { margin-left: 33.33333333333333%; } .col-lg-offset-5 { margin-left: 41.66666666666667%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-7 { margin-left: 58.333333333333336%; } .col-lg-offset-8 { margin-left: 66.66666666666666%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-10 { margin-left: 83.33333333333334%; } .col-lg-offset-11 { margin-left: 91.66666666666666%; } } .row.no-gutter { margin-left: 0; margin-right: 0; } .no-gutter > [class*="col-"] { padding-left:0; padding-right:0; } /* animation sets */ .page-transition { position: relative; width: 100%; height: 100%; -webkit-animation-delay: .2s; -moz-animation-delay: .2s; animation-delay: .2s; perspective: 1200px; transform-style: preserve-3d; } /* move from / to */ .pt-page-moveFromLeft-init { -webkit-animation: moveFromLeft .6s ease both; -moz-animation: moveFromLeft .6s ease both; animation: moveFromLeft .6s ease both; } .pt-page-moveFromRight-init { -webkit-animation: moveFromRight .6s ease both; -moz-animation: moveFromRight .6s ease both; animation: moveFromRight .6s ease both; } .pt-page-moveFromTop-init { -webkit-animation: moveFromTop .6s ease both; -moz-animation: moveFromTop .6s ease both; animation: moveFromTop .6s ease both; } .pt-page-moveFromBottom-init { -webkit-animation: moveFromBottom .6s ease both; -moz-animation: moveFromBottom .6s ease both; animation: moveFromBottom .6s ease both; } /* fade */ .pt-page-fade-init { -webkit-animation: fade .7s ease both; -moz-animation: fade .7s ease both; animation: fade .7s ease both; } /* move from / to and fade */ .pt-page-moveFromLeftFade-init { -webkit-animation: moveFromLeftFade .7s ease both; -moz-animation: moveFromLeftFade .7s ease both; animation: moveFromLeftFade .7s ease both; } .pt-page-moveFromRightFade-init { -webkit-animation: moveFromRightFade .7s ease both; -moz-animation: moveFromRightFade .7s ease both; animation: moveFromRightFade .7s ease both; } .pt-page-moveFromTopFade-init { -webkit-animation: moveFromTopFade .7s ease both; -moz-animation: moveFromTopFade .7s ease both; animation: moveFromTopFade .7s ease both; } .pt-page-moveFromBottomFade-init { -webkit-animation: moveFromBottomFade .7s ease both; -moz-animation: moveFromBottomFade .7s ease both; animation: moveFromBottomFade .7s ease both; } /********************************* keyframes **************************************/ /* move from / to */ @-webkit-keyframes moveFromLeft { from { -webkit-transform: translateX(-100%); } } @-moz-keyframes moveFromLeft { from { -moz-transform: translateX(-100%); } } @keyframes moveFromLeft { from { transform: translateX(-100%); } } @-webkit-keyframes moveFromRight { from { -webkit-transform: translateX(100%); } } @-moz-keyframes moveFromRight { from { -moz-transform: translateX(100%); } } @keyframes moveFromRight { from { transform: translateX(100%); } } @-webkit-keyframes moveFromTop { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes moveFromTop { from { -moz-transform: translateY(-100%); } } @keyframes moveFromTop { from { transform: translateY(-100%); } } @-webkit-keyframes moveFromBottom { from { -webkit-transform: translateY(100%); } } @-moz-keyframes moveFromBottom { from { -moz-transform: translateY(100%); } } @keyframes moveFromBottom { from { transform: translateY(100%); } } /* fade */ @-webkit-keyframes fade { to { opacity: .3; } } @-moz-keyframes fade { to { opacity: .3; } } @keyframes fade { to { opacity: .3; } } /* move from / to and fade */ @-webkit-keyframes moveFromLeftFade { from { -webkit-transform: translateX(-100%); opacity: .3; } } @-moz-keyframes moveFromLeftFade { from { -moz-transform: translateX(-100%); opacity: .3; } } @keyframes moveFromLeftFade { from { transform: translateX(-100%); opacity: .3; } } @-webkit-keyframes moveFromRightFade { from { -webkit-transform: translateX(100%); opacity: .3; } } @-moz-keyframes moveFromRightFade { from { -moz-transform: translateX(100%); opacity: .3; } } @keyframes moveFromRightFade { from { transform: translateX(100%); opacity: .3; } } @-webkit-keyframes moveFromTopFade { from { -webkit-transform: translateY(-100%); opacity: .3; } } @-moz-keyframes moveFromTopFade { from { -moz-transform: translateY(-100%); opacity: .3; } } @keyframes moveFromTopFade { from { transform: translateY(-100%); opacity: .3; } } @-webkit-keyframes moveFromBottomFade { from { -webkit-transform: translateY(100%); opacity: .3; } } @-moz-keyframes moveFromBottomFade { from { -moz-transform: translateY(100%); opacity: .3; } } @keyframes moveFromBottomFade { from { transform: translateY(100%); opacity: .3; } } /* scale and fade */ .pt-page-scaleUp-init { -webkit-animation: scaleUp .7s ease both; -moz-animation: scaleUp .7s ease both; animation: scaleUp .7s ease both; } .pt-page-scaleUpCenter-init { -webkit-animation: scaleUpCenter .4s ease-out both; -moz-animation: scaleUpCenter .4s ease-out both; animation: scaleUpCenter .4s ease-out both; } /********************************* keyframes **************************************/ /* scale and fade */ @-webkit-keyframes scaleUp { from { -webkit-transform: scale(.8); opacity: 0; } } @-moz-keyframes scaleUp { from { -moz-transform: scale(.8); opacity: 0; } } @keyframes scaleUp { from { transform: scale(.8); opacity: 0; } } @-webkit-keyframes scaleUpCenter { from { -webkit-transform: scale(.7); opacity: 0; } } @-moz-keyframes scaleUpCenter { from { -moz-transform: scale(.7); opacity: 0; } } @keyframes scaleUpCenter { from { transform: scale(.7); opacity: 0; } } /* flip */ .pt-page-flipInLeft-init { -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: flipInLeft .5s both ease-out; -moz-animation: flipInLeft .5s both ease-out; animation: flipInLeft .5s both ease-out; } .pt-page-flipInRight-init { -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: flipInRight .5s both ease-out; -moz-animation: flipInRight .5s both ease-out; animation: flipInRight .5s both ease-out; } .pt-page-flipInBottom-init { -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: flipInBottom .5s both ease-out; -moz-animation: flipInBottom .5s both ease-out; animation: flipInBottom .5s both ease-out; } .pt-page-flipInTop-init { -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: flipInTop .5s both ease-out; -moz-animation: flipInTop .5s both ease-out; animation: flipInTop .5s both ease-out; } /* pull */ .pt-page-rotatePullRight-init { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation: rotatePullRight .5s both ease; -moz-animation: rotatePullRight .5s both ease; animation: rotatePullRight .5s both ease; } .pt-page-rotatePullLeft-init { -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation: rotatePullLeft .5s both ease; -moz-animation: rotatePullLeft .5s both ease; animation: rotatePullLeft .5s both ease; } .pt-page-rotatePullTop-init { -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-animation: rotatePullTop .5s both ease; -moz-animation: rotatePullTop .5s both ease; animation: rotatePullTop .5s both ease; } .pt-page-rotatePullBottom-init { -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-animation: rotatePullBottom .5s both ease; -moz-animation: rotatePullBottom .5s both ease; animation: rotatePullBottom .5s both ease; } /* unfold */ .pt-page-rotateUnfoldLeft-init { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation: rotateUnfoldLeft .7s both ease; -moz-animation: rotateUnfoldLeft .7s both ease; animation: rotateUnfoldLeft .7s both ease; } .pt-page-rotateUnfoldRight-init { -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation: rotateUnfoldRight .7s both ease; -moz-animation: rotateUnfoldRight .7s both ease; animation: rotateUnfoldRight .7s both ease; } .pt-page-rotateUnfoldTop-init { -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-animation: rotateUnfoldTop .7s both ease; -moz-animation: rotateUnfoldTop .7s both ease; animation: rotateUnfoldTop .7s both ease; } .pt-page-rotateUnfoldBottom-init { -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-animation: rotateUnfoldBottom .7s both ease; -moz-animation: rotateUnfoldBottom .7s both ease; animation: rotateUnfoldBottom .7s both ease; } @-webkit-keyframes flipInLeft { from { -webkit-transform: translateZ(-1000px) rotateY(-90deg); opacity: .2; } } @-moz-keyframes flipInLeft { from { -moz-transform: translateZ(-1000px) rotateY(-90deg); opacity: .2; } } @keyframes flipInLeft { from { transform: translateZ(-1000px) rotateY(-90deg); opacity: .2; } } @-webkit-keyframes flipInRight { from { -webkit-transform: translateZ(-1000px) rotateY(90deg); opacity: .2; } } @-moz-keyframes flipInRight { from { -moz-transform: translateZ(-1000px) rotateY(90deg); opacity: .2; } } @keyframes flipInRight { from { transform: translateZ(-1000px) rotateY(90deg); opacity: .2; } } @-webkit-keyframes flipInBottom { from { -webkit-transform: translateZ(-1000px) rotateX(-90deg); opacity: .2; } } @-moz-keyframes flipInBottom { from { -moz-transform: translateZ(-1000px) rotateX(-90deg); opacity: .2; } } @keyframes flipInBottom { from { transform: translateZ(-1000px) rotateX(-90deg); opacity: .2; } } @-webkit-keyframes flipInTop { from { -webkit-transform: translateZ(-1000px) rotateX(90deg); opacity: .2; } } @-moz-keyframes flipInTop { from { -moz-transform: translateZ(-1000px) rotateX(90deg); opacity: .2; } } @keyframes flipInTop { from { transform: translateZ(-1000px) rotateX(90deg); opacity: .2; } } /* pull */ @-webkit-keyframes rotatePullRight { from { -webkit-transform: rotateY(-90deg); opacity: 0; } } @-moz-keyframes rotatePullRight { from { -moz-transform: rotateY(-90deg); opacity: 0; } } @keyframes rotatePullRight { from { transform: rotateY(-90deg); opacity: 0; } } @-webkit-keyframes rotatePullLeft { from { -webkit-transform: rotateY(90deg); opacity: 0; } } @-moz-keyframes rotatePullLeft { from { -moz-transform: rotateY(90deg); opacity: 0; } } @keyframes rotatePullLeft { from { transform: rotateY(90deg); opacity: 0; } } @-webkit-keyframes rotatePullTop { from { -webkit-transform: rotateX(-90deg); opacity: 0; } } @-moz-keyframes rotatePullTop { from { -moz-transform: rotateX(-90deg); opacity: 0; } } @keyframes rotatePullTop { from { transform: rotateX(-90deg); opacity: 0; } } @-webkit-keyframes rotatePullBottom { from { -webkit-transform: rotateX(90deg); opacity: 0; } } @-moz-keyframes rotatePullBottom { from { -moz-transform: rotateX(90deg); opacity: 0; } } @keyframes rotatePullBottom { from { transform: rotateX(90deg); opacity: 0; } } /* unfold */ @-webkit-keyframes rotateUnfoldLeft { from { -webkit-transform: translateX(-100%) rotateY(-90deg); opacity: 0; } } @-moz-keyframes rotateUnfoldLeft { from { -moz-transform: translateX(-100%) rotateY(-90deg); opacity: 0; } } @keyframes rotateUnfoldLeft { from { transform: translateX(-100%) rotateY(-90deg); opacity: 0; } } @-webkit-keyframes rotateUnfoldRight { from { -webkit-transform: translateX(100%) rotateY(90deg); opacity: 0; } } @-moz-keyframes rotateUnfoldRight { from { -moz-transform: translateX(100%) rotateY(90deg); opacity: 0; } } @keyframes rotateUnfoldRight { from { transform: translateX(100%) rotateY(90deg); opacity: 0; } } @-webkit-keyframes rotateUnfoldTop { from { -webkit-transform: translateY(-100%) rotateX(90deg); opacity: 0; } } @-moz-keyframes rotateUnfoldTop { from { -moz-transform: translateY(-100%) rotateX(90deg); opacity: 0; } } @keyframes rotateUnfoldTop { from { transform: translateY(-100%) rotateX(90deg); opacity: 0; } } @-webkit-keyframes rotateUnfoldBottom { from { -webkit-transform: translateY(100%) rotateX(-90deg); opacity: 0; } } @-moz-keyframes rotateUnfoldBottom { from { -moz-transform: translateY(100%) rotateX(-90deg); opacity: 0; } } @keyframes rotateUnfoldBottom { from { transform: translateY(100%) rotateX(-90deg); opacity: 0; } } /* animation delay classes */ .pt-page-delay100-init { -webkit-animation-delay: .1s; -moz-animation-delay: .1s; animation-delay: .1s; } .pt-page-delay180-init { -webkit-animation-delay: .180s; -moz-animation-delay: .180s; animation-delay: .180s; } .pt-page-delay200-init { -webkit-animation-delay: .2s; -moz-animation-delay: .2s; animation-delay: .2s; } .pt-page-delay300-init { -webkit-animation-delay: .3s; -moz-animation-delay: .3s; animation-delay: .3s; } .pt-page-delay400-init { -webkit-animation-delay: .4s; -moz-animation-delay: .4s; animation-delay: .4s; } .pt-page-delay500-init { -webkit-animation-delay: .5s; -moz-animation-delay: .5s; animation-delay: .5s; } .pt-page-delay700-init { -webkit-animation-delay: .7s; -moz-animation-delay: .7s; animation-delay: .7s; } .pt-page-delay1000-init { -webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s; } /* Paddings */ .pad5A { padding: 5px !important; } .pad5T { padding-top: 5px !important; } .pad5R { padding-right: 5px !important; } .pad5B { padding-bottom: 5px !important; } .pad5L { padding-left: 5px !important; } .pad10A { padding: 10px !important; } .pad10T { padding-top: 10px !important; } .pad10R { padding-right: 10px !important; } .pad10B { padding-bottom: 10px !important; } .pad10L { padding-left: 10px !important; } .pad15A { padding: 15px !important; } .pad15T { padding-top: 15px !important; } .pad15R { padding-right: 15px !important; } .pad15B { padding-bottom: 15px !important; } .pad15L { padding-left: 15px !important; } .pad20A { padding: 20px !important; } .pad20T { padding-top: 20px !important; } .pad20R { padding-right: 20px !important; } .pad20B { padding-bottom: 20px !important; } .pad20L { padding-left: 20px !important; } .pad25A { padding: 25px !important; } .pad25T { padding-top: 25px !important; } .pad25R { padding-right: 25px !important; } .pad25B { padding-bottom: 25px !important; } .pad25L { padding-left: 25px !important; } .pad45A { padding: 45px !important; } .pad45T { padding-top: 45px !important; } .pad45R { padding-right: 45px !important; } .pad45B { padding-bottom: 45px !important; } .pad45L { padding-left: 45px !important; } /* Remove paddings */ .pad0A { padding: 0 !important; } .pad0T { padding-top: 0 !important; } .pad0R { padding-right: 0 !important; } .pad0B { padding-bottom: 0 !important; } .pad0L { padding-left: 0 !important; } /* Margins */ .mrg5A { margin: 5px !important; } .mrg5T { margin-top: 5px !important; } .mrg5R { margin-right: 5px !important; } .mrg5B { margin-bottom: 5px !important; } .mrg5L { margin-left: 5px !important; } .mrg10A { margin: 10px !important; } .mrg10T { margin-top: 10px !important; } .mrg10R { margin-right: 10px !important; } .mrg10B { margin-bottom: 10px !important; } .mrg10L { margin-left: 10px !important; } .mrg15A { margin: 15px !important; } .mrg15T { margin-top: 15px !important; } .mrg15R { margin-right: 15px !important; } .mrg15B { margin-bottom: 15px !important; } .mrg15L { margin-left: 15px !important; } .mrg20A { margin: 20px !important; } .mrg20T { margin-top: 20px !important; } .mrg20R { margin-right: 20px !important; } .mrg20B { margin-bottom: 20px !important; } .mrg20L { margin-left: 20px !important; } .mrg25A { margin: 25px !important; } .mrg25T { margin-top: 25px !important; } .mrg25R { margin-right: 25px !important; } .mrg25B { margin-bottom: 25px !important; } .mrg25L { margin-left: 25px !important; } .mrg45A { margin: 45px !important; } .mrg45T { margin-top: 45px !important; } .mrg45R { margin-right: 45px !important; } .mrg45B { margin-bottom: 45px !important; } .mrg45L { margin-left: 45px !important; } /* Remove margins */ .mrg0A { margin: 0 !important; } .mrg0T { margin-top: 0 !important; } .mrg0R { margin-right: 0 !important; } .mrg0B { margin-bottom: 0 !important; } .mrg0L { margin-left: 0 !important; } /* Headings */ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 500; margin: 0; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small { font-weight: normal; } h1, .h1 { font-size: 38px; } h2, .h2 { font-size: 26px; } h3, .h3 { font-size: 20px; } h4, .h4 { font-size: 16px; } h5, .h5 { font-size: 14px; } h6, .h6 { font-size: 12px; } h1 small, .h1 small { font-size: 24px; } h2 small, .h2 small { font-size: 18px; } h3 small, .h3 small, h4 small, .h4 small { font-size: 14px; } h1 small, h2 small, h3 small, h1 .small, h2 .small, h3 .small { font-size: 75%; } blockquote { margin: 0 0 20px; padding: 10px 20px; border-left: 5px solid #eee; } blockquote p { font-size: 17.5px; font-weight: 50; line-height: 1.25; } blockquote p:last-child { margin-bottom: 0; } blockquote small { line-height: 1.428571429; display: block; color: #999; } blockquote small:before { content: '\2014 \00A0'; } blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #eee; border-left: 0; } blockquote.pull-right p, blockquote.pull-right small, blockquote.pull-right .small { text-align: right; } blockquote.pull-right small:before, blockquote.pull-right .small:before { content: ''; } blockquote.pull-right small:after, blockquote.pull-right .small:after { content: '\00A0 \2014'; } blockquote:before, blockquote:after { content: ''; } address { font-style: normal; line-height: 1.428571429; margin-bottom: 20px; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; } code { font-size: 90%; padding: 0 4px; white-space: nowrap; color: #d05; border: 1px solid #dfe8f1; border-radius: 3px; background: #fafafa; } pre { font-size: 13px; line-height: 1.428571429; display: block; margin: 0 0 10px; padding: 9.5px; word-wrap: break-word; word-break: break-all; color: #333; border: 1px solid #ccc; border-radius: 4px; background-color: #f5f5f5; } pre code { font-size: inherit; padding: 0; white-space: pre-wrap; color: inherit; border-radius: 0; background-color: transparent; } p { line-height: 1.6em; margin: 0; } /* Titles */ .title-hero { margin: 0 0 15px; padding: 0; text-transform: uppercase; font-size: 14px; opacity: 0.7; } h4.title-hero { font-size: 15px; } .title-lead { color: #3F3F3F; } .title-hero .title-lead { font-size: 65%; margin: 5px 0 0; } .title-hero + .title-lead { margin-top: -10px; } /* Jumbotron */ .jumbotron { font-size: 21px; font-weight: 200; line-height: 2.1428571435; margin-bottom: 30px; padding: 30px; color: inherit; background-color: #eee; } .jumbotron h1 { line-height: 1; color: inherit; } .jumbotron p { line-height: 1.4; } .container .jumbotron { border-radius: 6px; } @media screen and (min-width: 768px) { .jumbotron { padding-top: 48px; padding-bottom: 48px; } .container .jumbotron { padding-right: 60px; padding-left: 60px; } .jumbotron h1 { font-size: 63px; } } /* Floats */ .pull-left, .float-left { float: left !important; } .pull-right, .float-right { float: right !important; } .float-none { float: none !important; } /* Font Size */ .font-size-10 { font-size: 10px !important; } .font-size-11 { font-size: 11px !important; } .font-size-12 { font-size: 12px !important; } .font-size-13 { font-size: 13px !important; } .font-size-14 { font-size: 14px !important; } .font-size-15 { font-size: 15px !important; } .font-size-16 { font-size: 16px !important; } .font-size-17 { font-size: 17px !important; } .font-size-18 { font-size: 18px !important; } .font-size-20 { font-size: 20px !important; } .font-size-23 { font-size: 23px !important; } .font-size-26 { font-size: 26px !important; } .font-size-28 { font-size: 28px !important; } .font-size-35 { font-size: 35px !important; } .font-size-50 { font-size: 50px !important; } /* Text */ .text-center { text-align: center !important; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-justify { text-align: justify; } /* Text Transform */ .text-transform-none { text-transform: none; } .text-transform-upr { text-transform: uppercase; } .text-transform-low { text-transform: lowercase; } .text-transform-cap { text-transform: capitalize; } .text-no-wrap { white-space: nowrap; } /* Font Weight */ .font-bold { font-weight: bold !important; } .font-normal { font-weight: normal; } /* Font Style */ .font-italic { font-style: italic; } .font-none { font-style: none; } /* Other */ .clear { clear: both; } .clear-none { clear: none !important; } .ui-front { z-index: 100; } .wrapper-sticky { z-index: 15; } .lazy, .tab-pane, [data-toggle=buttons] > .btn > input[type=radio], [data-toggle=buttons] > .btn > input[type=checkbox], .mix, .hide { display: none; } .tab-pane { padding: 15px; } .hidden, .ui-helper-hidden-accessible { display: none !important; } .display-block { position: relative !important; display: block !important; } .display-block .button-content { float: none; } .display-block.dropdown-menu { position: static !important; } .display-inline { display: inline-block; } .no-border { border-color: transparent !important; } .remove-border, .dropdown-menu.pad0A .hasDatepicker .ui-datepicker { border: 0 !important; } .border-top { border-top-width: 3px !important; border-top-style: solid !important; } .width-100 { box-sizing: border-box; width: 100%; } .center-margin { float: none !important; margin: 0 auto; } .container, .center-block { display: block; margin-right: auto; margin-left: auto; } .center-vertical { position: relative; z-index: 15; top: 0; left: 0; display: table; width: 100%; height: 100%; } .center-vertical .center-content { display: table-cell; vertical-align: middle; } .position-absolute { position: absolute; } .show { display: block !important; } .hidden { display: none !important; visibility: hidden !important; } .invisible { visibility: hidden; } .center-div { float: none !important; margin-right: auto !important; margin-left: auto !important; text-align: center !important; } .nav-divider, .divider { ityity: .70; -moz-opacity: .70; filter: alpha(opacity: 70); } .divider { overflow: hidden; height: 1px; margin: 10px 0; padding: 0; } .divider-header { font-size: 11px; padding: 10px 15px; text-transform: uppercase; opacity: .2; color: #fff; } .overflow-hidden { overflow: hidden; } .width-reset { width: auto !important; } .opacity-10 { opacity: .10 !important; -moz-opacity: .10 !important; filter: alpha(opacity: 10) !important; } .opacity-30, .info-box b, .info-box.icon-wrapper .icon-large { opacity: .30 !important; -moz-opacity: .30 !important; filter: alpha(opacity: 30) !important; } .opacity-40 { opacity: .40 !important; -moz-opacity: .40 !important; filter: alpha(opacity: 40) !important; } .opacity-hover, .opacity-60, .info-box b, .label-description span { opacity: .60 !important; -moz-opacity: .60 !important; filter: alpha(opacity: 60) !important; } .opacity-80, .no-shadow.transparent.btn:hover i, .ui-datepicker-current.ui-priority-secondary { opacity: .80 !important; -moz-opacity: .80 !important; filter: alpha(opacity: 80) !important; } .opacity-hover:hover, .opacity-100 { opacity: 1 !important; -moz-opacity: 1 !important; filter: alpha(opacity: 100) !important; } .btn-link .glyph-icon.opacity-hover { margin: 0 -5px; } .transparent { border-color: transparent !important; background: none !important; box-shadow: 0 0 0 0 transparent !important; } .no-shadow { box-shadow: 0 0 0 transparent !important; } .remove-bg { background: transparent; } .nicescroll-rails { background: none !important; } .btn .caret { margin-left: 0; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid rgba(0, 0, 0, 0); border-left: 4px solid rgba(0, 0, 0, 0); } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { content: ''; border-top: 0; border-bottom: 4px solid; } .form-wizard > ul, .parsley-errors-list, .tabs-navigation > ul, .reset-ul, ul.progress-box, ul.messages-box, .chosen-results, ul.notifications-box, .nav-list-horizontal ul, .nav-list ul { margin: 0; padding: 0; list-style: none; } .comments-list li .panel-body:before, .comments-list li .panel-body:after, .posts-list li:before, .posts-list li:after, .container:before, .container:after, #page-wrapper:before, #page-wrapper:after, .todo-box li:before, .todo-box li:after, .files-box li:before, .files-box li:after, .notifications-box li:before, .notifications-box li:after, .pager:before, .pager:after, .nav:before, .nav:after, .btn-toolbar:before, .btn-toolbar:after, .content-box-header:before, .content-box-header:after, .example-box-wrapper:before, .example-box-wrapper:after, .nav-list li:before, .nav-list li:after, .tl-row:before, .tl-row:after, .tl-item:before, .tl-item:after, .clearfix:before, .clearfix:after, .info-box:before, .info-box:after, .button-pane:before, .button-pane:after, .ui-datepicker-buttonpane:before, .ui-datepicker-buttonpane:after, .form-input-prepend:before, .form-input-prepend:after, .form-row:before, .form-row:after, .btn-group:before, .btn-group:after, .ui-helper-clearfix:before, .ui-helper-clearfix:after, .chat-box li:before, .chat-box li:after, .notifications-box li:before, .notifications-box li:after, .messages-box li:before, .messages-box li:after { display: table; content: ''; } .comments-list li .panel-body:after, .posts-list li:after, .container:after, #page-wrapper:after, .todo-box li:after, .files-box li:after, .notifications-box li:after, .nav:after, .pager:after, .btn-toolbar:after, .content-box-header:after, .example-box-wrapper:after, .nav-list li:after, .tl-row:after, .tl-item:after, .clearfix:after, .info-box:after, .button-pane:after, .ui-datepicker-buttonpane:after, .form-input-prepend:after, .form-row:after, .btn-group:after, .ui-helper-clearfix:after, .chat-box li:after, .notifications-box li:after, .messages-box li:after { clear: both; } /* Sortable placehoder */ .ui-sortable-placeholder { visibility: visible !important; border: 1px dashed #efda2c !important; background: #fffce5 !important; } .daterangepicker td.in-range, .daterangepicker td.available.in-range:hover { background: #fffce5; } /* Disabled */ .ui-rangeSlider-disabled .ui-rangeSlider-container, .ui-rangeSlider-disabled .ui-rangeSlider-arrow, .ui-rangeSlider-disabled .ui-rangeSlider-label, .checker.disabled, .checker.disabled span, .radio.disabled, .radio.disabled span, .ui-state-disabled, .disabled, button[disabled], .chosen-disabled { cursor: not-allowed !important; opacity: .65; filter: alpha(opacity: 65); } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control, input[disabled], select[disabled], textarea[disabled] { cursor: not-allowed; opacity: .65; background: #fafafa; filter: alpha(opacity: 65); } input[readonly], select[readonly], textarea[readonly] { opacity: .80; background: #fdfdfd; -moz-opacity: .80; filter: alpha(opacity: 80); } .login-img { position: fixed !important; top: 0; left: 0; width: 100%; height: 100%; } .fixed-bg { background-repeat: no-repeat; background-attachment: fixed; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .ui-widget-overlay { position: fixed; width: 100%; height: 100%; left: 0; top: 0; bottom: 0; right: 0; text-align: center; z-index: 16; } .ui-widget-overlay img { position: absolute; top: 50%; left: 50%; margin: -26px 0 0 -26px; } #loading { z-index: 5555; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #fff; } .fade { -webkit-transition: opacity .15s linear; transition: opacity .15s linear; } .collapse { display: none; } .tab-pane.active, .collapse.in { display: block; } .collapsing { position: relative; overflow: hidden; height: 0; -webkit-transition: height .35s ease; transition: height .35s ease; } /* Paddings */ .small-padding { padding: 25px 0; } .medium-padding { padding: 55px 0; } .large-padding { padding: 85px 0; } .xlarge-padding { padding: 115px 0; } /* Icons */ .glyph-icon { text-align: center; } .fc-icon, #page-sidebar li ul li a:before, #page-sidebar li a.sf-with-ul:after, .search-choice-close:before, .ui-dialog-titlebar-close:before, .glyph-icon:before, .ui-icon:before, .dataTables_paginate a i:before { font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; text-align: center; text-decoration: none; background: none; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Resets */ .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { cursor: not-allowed; text-decoration: none; background-color: transparent; background-image: none; filter: progid: DXImageTransform.Microsoft.gradient(enabled=false); } .sr-only { position: absolute; overflow: hidden; clip: rect(0, 0, 0, 0); width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; } .rm-transition { -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; } div[id^='uniform-'] span, button, a, .btn { -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; } /*.open > .dropdown-menu, .dropdown-sidebar-submenu:hover > .dropdown-menu { -webkit-animation-name: zoomIn; -moz-animation-name: zoomIn; -o-animation-name: zoomIn; animation-name: zoomIn; } .open > .dropdown-menu, .dropdown-sidebar-submenu:hover > .dropdown-menu { -webkit-animation-duration: .4s; -moz-animation-duration: .4s; -o-animation-duration: .4s; animation-duration: .4s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } */ #page-header, #page-sidebar, .main-header, .top-bar { -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; } /* Demo */ .example-box-wrapper { margin-bottom: 15px; position: relative; } .example-box-wrapper .ui-datepicker-inline { position: relative; width: 100%; } .panel-body .example-box-wrapper:last-child, .panel-body .col-md-6 .example-box-wrapper:last-child { margin-bottom: 0; } .example-box-wrapper .icon-box, .example-box-wrapper .ui-slider, .example-box-wrapper .ui-rangeSlider, .example-box-wrapper .panel-layout, .example-box-wrapper .image-box, .example-box-wrapper .ui-accordion, .example-box-wrapper .dashboard-box, .example-box-wrapper .content-box, .example-box-wrapper .tile-box, .example-box-wrapper .jvectormap-container, .example-box-wrapper > .hasDatepicker, .example-box-wrapper > .minicolors, .example-box-wrapper .minicolors, .example-box-wrapper .ui-tabs, .example-box-wrapper > img, .example-box-wrapper > .thumbnail, .example-box-wrapper > .img-humbnail, .example-box-wrapper > .display-block.dropdown-menu, .example-box-wrapper > .dropdown, .example-box-wrapper > .dropup, .example-box-wrapper > form, .example-box-wrapper > .progressbar, .example-box-wrapper .loading-spinner, .example-box-wrapper .loading-stick, .example-box-wrapper .nav, .example-box-wrapper .jcrop-holder, .example-box-wrapper .alert, .example-box-wrapper .list-group, .example-box-wrapper > h6, .example-box-wrapper .dataTables_wrapper, .example-box-wrapper .scrollable-content, .example-box-wrapper > .pagination, .example-box-wrapper > .btn-group-vertical, .example-box-wrapper > .btn-toolbar, .example-box-wrapper > .btn-group, .example-box-wrapper > .btn, .example-box-wrapper > .panel-layout { margin-bottom: 20px; } .demo-icon { font-size: 22px; line-height: 40px; float: left; width: 40px; height: 40px; margin: 10px; text-align: center; color: #92A0B3; border: 1px solid rgba(220, 233, 255, 0.54); border-radius: 3px; } .demo-icon:hover { color: #59606c; border-color: #92A0B3; } /* Font Colors */ .font-black { color: #464646 !important; } .font-blue { color: #1f6dca !important; } .font-blue-alt { color: #65a6ff !important; } .font-azure { color: #41e5c0 !important; } .text-muted, .font-gray { color: #c2c2c2 !important; } .text-info, .font-gray-dark { color: #828282 !important; } .text-success, .font-green { color: #2ecc71 !important; } .text-warning, .font-orange { color: #fa7753 !important; } .font-yellow { color: #fc0 !important; } .font-purple { color: #984dff !important; } .has-error .help-block, .text-danger, .font-red, .parsley-required { color: #ff5757 !important; } .font-white { color: #fff !important; } /* Other Background Colors */ .alert-info a, .alert-info { color: #6c6c6c; border-color: #c9c9c9; background: #dfe8f1; } .alert-notice a, .alert-notice { color: #0f2c62; border-color: #62baf6; background: #c6e8ff; } .alert-success a, .alert-success, .parsley-success { color: #1e620f; border-color: #7cd362; background: #d3ffc6; } .parsley-success { background: #fff; } .alert-warning a, .alert-warning, .warning { color: #624b0f; border-color: #ebc875; background: #ffeec6; } .alert-danger a, .alert-danger, .danger, .parsley-error { color: #620f0f; border-color: #db6a6a; background: #ffc6c6; } .parsley-error { background: #fff; } /* Social buttons */ .bg-facebook { color: #fff !important; background: #3b5998; } .btn.bg-facebook:hover { background: #304b85; } .bg-twitter { color: #fff !important; background: #3a92c8; } .btn.bg-twitter:hover { background: #2b80b4; } .bg-google { color: #fff !important; background: #dd4b39; } .btn.bg-google:hover { background: #c93b2a; } /* Background Colors */ /* Blue */ .progress-bar-info, .bootstrap-switch-info, .checkbox-info div[id^='uniform-'] span.checked, .radio-info div[id^='uniform-'] span.checked, .badge-info, .label-info, .btn-info, .hover-blue:hover, .hover-info:hover, .bg-blue { color: #fff; border-color: #308dcc; background: #3498db; } .label-info[href]:hover, .label-info[href]:focus, .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info, .btn-info.disabled, .btn-info[disabled], .btn-info.disabled:hover, .btn-info[disabled]:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, .btn-info.disabled:active, .btn-info[disabled]:active, .btn-info.disabled.active, .btn-info[disabled].active { color: #fff; border-color: #308dcc; background: #52a7e0; } /* Red */ .progress-bar-danger, .bootstrap-switch-danger, .checkbox-danger div[id^='uniform-'] span.checked, .radio-danger div[id^='uniform-'] span.checked, .badge-danger, .label-danger, .btn-danger, .bg-danger, .hover-red:hover, .hover-danger:hover, .bg-red { color: #fff; border-color: #cf4436; background: #e74c3c; } .label-danger[href]:hover, .label-danger[href]:focus, .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger, .btn-danger.disabled, .btn-danger[disabled], .btn-danger.disabled:hover, .btn-danger[disabled]:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, .btn-danger.disabled.active, .btn-danger[disabled].active { color: #fff; border-color: #cf4436; background: #eb6759; } /* Gray */ .badge-gray, .label-gray, .btn-gray, .hover-gray:hover, .bg-gray { color: #666; background: #efefef; } .label-gray[href]:hover, .label-gray[href]:focus, .btn-gray:hover, .btn-gray:focus, .btn-gray:active, .btn-gray.active, .open .dropdown-toggle.btn-gray, .btn-gray.disabled, .btn-gray[disabled], .btn-gray.disabled:hover, .btn-gray[disabled]:hover, .btn-gray.disabled:focus, .btn-gray[disabled]:focus, .btn-gray.disabled:active, .btn-gray[disabled]:active, .btn-gray.disabled.active, .btn-gray[disabled].active { color: #333; background: #e7e7e7; } /* Gray Alt */ .badge-gray-alt, .label-gray-alt, .btn-gray-alt, .hover-gray-alt:hover, .bg-gray-alt { color: #888; background: #f6f6f6; } .label-gray-alt[href]:hover, .label-gray-alt[href]:focus, .btn-gray-alt:hover, .btn-gray-alt:focus, .btn-gray-alt:active, .btn-gray-alt.active, .open .dropdown-toggle.btn-gray-alt, .btn-gray-alt.disabled, .btn-gray-alt[disabled], .btn-gray-alt.disabled:hover, .btn-gray-alt[disabled]:hover, .btn-gray-alt.disabled:focus, .btn-gray-alt[disabled]:focus, .btn-gray-alt.disabled:active, .btn-gray-alt[disabled]:active, .btn-gray-alt.disabled.active, .btn-gray-alt[disabled].active { color: #444; background: #ededed; } /* Black */ .badge-black, .label-black, .btn-black, .hover-black:hover, .bg-black { color: #ccc; border-color: #000; background: #2d2d2d; } .boxed-layout.bg-black { background: #2d2d2d; } .label-black[href]:hover, .label-black[href]:focus, .btn-black:hover, .btn-black:focus, .btn-black:active, .btn-black.active, .open .dropdown-toggle.btn-black, .btn-black.disabled, .btn-black[disabled], .btn-black.disabled:hover, .btn-black[disabled]:hover, .btn-black.disabled:focus, .btn-black[disabled]:focus, .btn-black.disabled:active, .btn-black[disabled]:active, .btn-black.disabled.active, .btn-black[disabled].active { color: #fdfdfd; background: #151515; } /* Black Opacity */ .badge-black-opacity, .label-black-opacity, .btn-black-opacity, .hover-black-opacity:hover, .bg-black-opacity { color: #a9b3bb; background: #2b323d; } .label-black-opacity[href]:hover, .label-black-opacity[href]:focus, .btn-black-opacity:hover, .btn-black-opacity:focus, .btn-black-opacity:active, .btn-black-opacity.active, .open .dropdown-toggle.btn-black-opacity, .btn-black-opacity.disabled, .btn-black-opacity[disabled], .btn-black-opacity.disabled:hover, .btn-black-opacity[disabled]:hover, .btn-black-opacity.disabled:focus, .btn-black-opacity[disabled]:focus, .btn-black-opacity.disabled:active, .btn-black-opacity[disabled]:active, .btn-black-opacity.disabled.active, .btn-black-opacity[disabled].active { color: #fff; background: #14171c; } /* Black Opacity Alt */ .badge-black-opacity-alt, .label-black-opacity-alt, .btn-black-opacity-alt, .hover-black-opacity-alt:hover, .bg-black-opacity-alt { color: #fff; background: rgba(0, 0, 0, .20); border-color: transparent; } .label-black-opacity-alt[href]:hover, .label-black-opacity-alt[href]:focus, .btn-black-opacity-alt:hover, .btn-black-opacity-alt:focus, .btn-black-opacity-alt:active, .btn-black-opacity-alt.active, .open .dropdown-toggle.btn-black-opacity-alt, .btn-black-opacity-alt.disabled, .btn-black-opacity-alt[disabled], .btn-black-opacity-alt.disabled:hover, .btn-black-opacity-alt[disabled]:hover, .btn-black-opacity-alt.disabled:focus, .btn-black-opacity-alt[disabled]:focus, .btn-black-opacity-alt.disabled:active, .btn-black-opacity-alt[disabled]:active, .btn-black-opacity-alt.disabled.active, .btn-black-opacity-alt[disabled].active { color: #fff; background: rgba(0, 0, 0, .30); } /* Green */ .progress-bar-success, .bootstrap-switch-success, .checkbox-success div[id^='uniform-'] span.checked, .radio-success div[id^='uniform-'] span.checked, .badge-success, .label-success, .btn-success, .hover-green:hover, .hover-success:hover, .bg-green { color: #fff; border-color: #29b765; background: #2ecc71; } .label-success[href]:hover, .label-success[href]:focus, .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success, .btn-success.disabled, .btn-success[disabled], .btn-success.disabled:hover, .btn-success[disabled]:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, .btn-success.disabled:active, .btn-success[disabled]:active, .btn-success.disabled.active, .btn-success[disabled].active { color: #fff; border-color: #29b765; background: #58d68d; } /* Orange */ .progress-bar-warning, .bootstrap-switch-warning, .checkbox-warning div[id^='uniform-'] span.checked, .radio-warning div[id^='uniform-'] span.checked, .badge-warning, .label-warning, .btn-warning, .bg-warning, .hover-orange:hover, .hover-warning:hover, .bg-orange { color: #fff; border-color: #d67520; background: #e67e22; } .label-warning[href]:hover, .label-warning[href]:focus, .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning, .btn-warning.disabled, .btn-warning[disabled], .btn-warning.disabled:hover, .btn-warning[disabled]:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, .btn-warning.disabled.active, .btn-warning[disabled].active { color: #fff; border-color: #d67520; background: #ea9143; } /* White */ .table, .label-white, .bg-white { background: #fff; } /* White Transparent */ .bg-white-opacity { background: rgba(255, 255, 255, .85); } .hover-white:hover { background: #fafafa; } /* Yellow */ .badge-yellow, .label-yellow, .btn-yellow, .hover-yellow:hover, .bg-yellow { color: #fff; background: #fc0; border-color: #deb200; } .label-yellow[href]:hover, .label-yellow[href]:focus, .btn-yellow:hover, .btn-yellow:focus, .btn-yellow:active, .btn-yellow.active, .open .dropdown-toggle.btn-yellow, .btn-yellow.disabled, .btn-yellow[disabled], .btn-yellow.disabled:hover, .btn-yellow[disabled]:hover, .btn-yellow.disabled:focus, .btn-yellow[disabled]:focus, .btn-yellow.disabled:active, .btn-yellow[disabled]:active, .btn-yellow.disabled.active, .btn-yellow[disabled].active { color: #fff; background: #e1b400; border-color: #c59e00; } /* Purple */ .badge-purple, .label-purple, .btn-purple, .hover-purple:hover, .bg-purple { color: #fff; background: #984dff; border-color: #7a3ecc; } .label-purple[href]:hover, .label-purple[href]:focus, .btn-purple:hover, .btn-purple:focus, .btn-purple:active, .btn-purple.active, .open .dropdown-toggle.btn-purple, .btn-purple.disabled, .btn-purple[disabled], .btn-purple.disabled:hover, .btn-purple[disabled]:hover, .btn-purple.disabled:focus, .btn-purple[disabled]:focus, .btn-purple.disabled:active, .btn-purple[disabled]:active, .btn-purple.disabled.active, .btn-purple[disabled].active { color: #fff; background: #8134eb; border-color: #752fd6; } /* Blue Alt */ .badge-blue-alt, .label-blue-alt, .btn-blue-alt, .hover-blue-alt:hover, .bg-blue-alt { color: #fff; background: #65a6ff; border-color: #5388d1; } .label-blue-alt[href]:hover, .label-blue-alt[href]:focus, .btn-blue-alt:hover, .btn-blue-alt:focus, .btn-blue-alt:active, .btn-blue-alt.active, .open .dropdown-toggle.btn-blue-alt, .btn-blue-alt.disabled, .btn-blue-alt[disabled], .btn-blue-alt.disabled:hover, .btn-blue-alt[disabled]:hover, .btn-blue-alt.disabled:focus, .btn-blue-alt[disabled]:focus, .btn-blue-alt.disabled:active, .btn-blue-alt[disabled]:active, .btn-blue-alt.disabled.active, .btn-blue-alt[disabled].active { color: #fff; background: #478ded; border-color: #4c7ec1; } /* Azure */ .badge-azure, .label-azure, .btn-azure, .hover-azure:hover, .bg-azure { color: #fff; background: #41e5c0; border-color: #3acead; } .label-azure[href]:hover, .label-azure[href]:focus, .btn-azure:hover, .btn-azure:focus, .btn-azure:active, .btn-azure.active, .open .dropdown-toggle.btn-azure, .btn-azure.disabled, .btn-azure[disabled], .btn-azure.disabled:hover, .btn-azure[disabled]:hover, .btn-azure.disabled:focus, .btn-azure[disabled]:focus, .btn-azure.disabled:active, .btn-azure[disabled]:active, .btn-azure.disabled.active, .btn-azure[disabled].active { color: #fff; background: #27d1ab; border-color: #24c19e; } /* Border Colors */ .border-black { border-color: #212121 !important; } .border-blue { border-color: #5bccf6 !important; } .border-blue-alt { border-color: #65a6ff !important; } .border-azure { border-color: #41e5c0 !important; } .border-gray { border-color: #c2c2c2 !important; } .border-gray-dark { border-color: #828282 !important; } .border-green { border-color: #2ecc71 !important; } .border-orange { border-color: #fa7753 !important; } .border-yellow { border-color: #fc0 !important; } .border-purple { border-color: #984dff !important; } .border-red { border-color: #ff5757 !important; } /* Box Shadow Colors */ .parsley-success { border-color: #77e038 !important; } .parsley-error { border-color: #e03838 !important; } /*! ======================================================================== * Bootstrap Toggle: bootstrap-toggle.css v2.2.0 * http://www.bootstraptoggle.com * ======================================================================== * Copyright 2014 Min Hur, The New York Times Company * Licensed under MIT * ======================================================================== */ .checkbox label .toggle,.checkbox-inline .toggle{margin-left:-20px;margin-right:5px} .toggle{position:relative;overflow:hidden} .toggle input[type=checkbox]{display:none} .toggle-group{position:absolute;width:200%;top:0;bottom:0;left:0;transition:left .35s;-webkit-transition:left .35s;-moz-user-select:none;-webkit-user-select:none} .toggle.off .toggle-group{left:-100%} .toggle-on{position:absolute;top:0;bottom:0;left:0;right:50%;margin:0;border:0;border-radius:0} .toggle-off{position:absolute;top:0;bottom:0;left:50%;right:0;margin:0;border:0;border-radius:0} .toggle-handle{position:relative;margin:0 auto;padding-top:0;padding-bottom:0;height:100%;width:0;border-width:0 1px} .toggle.btn{min-width:59px;min-height:34px} .toggle-on.btn{padding-right:24px} .toggle-off.btn{padding-left:24px} .toggle.btn-lg{min-width:79px;min-height:45px} .toggle-on.btn-lg{padding-right:31px} .toggle-off.btn-lg{padding-left:31px} .toggle-handle.btn-lg{width:40px} .toggle.btn-sm{min-width:50px;min-height:30px} .toggle-on.btn-sm{padding-right:20px} .toggle-off.btn-sm{padding-left:20px} .toggle.btn-xs{min-width:35px;min-height:22px} .toggle-on.btn-xs{padding-right:12px} .toggle-off.btn-xs{padding-left:12px}
| ver. 1.4 |
Github
|
.
| PHP 8.2.28 | Generation time: 0.02 |
proxy
|
phpinfo
|
Settings