Posted February 26, 2015

Usability 101 Cheat Sheet

Usability is important. It’s the foundation of any successful website or mobile application. It doesn’t matter how beautiful your design is, if it isn’t usable and useful, no one will use it. [...]

Start typing and press Enter to search

body,html{width:100%;height:100%;margin:0;padding:0;}.page-preloader{top:0;left:0;z-index:999;position:fixed;height:100%;width:100%;text-align:center;}.preloader-logo,.preloader-preview-area{top:50%;max-height:calc(50% - 20px);opacity:1;}.preloader-preview-area{-webkit-animation-delay:-.2s;animation-delay:-.2s;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);margin-top:10px;width:100%;text-align:center;position:absolute;}.preloader-logo{max-width:90%;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);margin:-10px auto 0;position:relative;}.ball-pulse>div,.ball-scale>div,.line-scale>div{margin:2px;display:inline-block;}.ball-pulse>div{width:15px;height:15px;border-radius:100%;-webkit-animation:ball-pulse .75s infinite cubic-bezier(.2,.68,.18,1.08);animation:ball-pulse .75s infinite cubic-bezier(.2,.68,.18,1.08);}.ball-pulse>div:nth-child(1){-webkit-animation-delay:-.36s;animation-delay:-.36s;}.ball-pulse>div:nth-child(2){-webkit-animation-delay:-.24s;animation-delay:-.24s;}.ball-pulse>div:nth-child(3){-webkit-animation-delay:-.12s;animation-delay:-.12s;}@-webkit-keyframes ball-pulse{0%,80%{-webkit-transform:scale(1);transform:scale(1);opacity:1;}45%{-webkit-transform:scale(.1);transform:scale(.1);opacity:.7;}}@keyframes ball-pulse{0%,80%{-webkit-transform:scale(1);transform:scale(1);opacity:1;}45%{-webkit-transform:scale(.1);transform:scale(.1);opacity:.7;}}.ball-clip-rotate-pulse{position:relative;-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px);display:inline-block;}.ball-clip-rotate-pulse>div{-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute;top:0;left:0;border-radius:100%;}.ball-clip-rotate-pulse>div:first-child{height:36px;width:36px;top:7px;left:-7px;-webkit-animation:ball-clip-rotate-pulse-scale 1s 0s cubic-bezier(.09,.57,.49,.9) infinite;animation:ball-clip-rotate-pulse-scale 1s 0s cubic-bezier(.09,.57,.49,.9) infinite;}.ball-clip-rotate-pulse>div:last-child{position:absolute;width:50px;height:50px;left:-16px;top:-2px;background:0 0;border:2px solid;-webkit-animation:ball-clip-rotate-pulse-rotate 1s 0s cubic-bezier(.09,.57,.49,.9) infinite;animation:ball-clip-rotate-pulse-rotate 1s 0s cubic-bezier(.09,.57,.49,.9) infinite;-webkit-animation-duration:1s;animation-duration:1s;}@-webkit-keyframes ball-clip-rotate-pulse-rotate{0%{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1);}50%{-webkit-transform:rotate(180deg) scale(.6);transform:rotate(180deg) scale(.6);}100%{-webkit-transform:rotate(360deg) scale(1);transform:rotate(360deg) scale(1);}}@keyframes ball-clip-rotate-pulse-rotate{0%{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1);}50%{-webkit-transform:rotate(180deg) scale(.6);transform:rotate(180deg) scale(.6);}100%{-webkit-transform:rotate(360deg) scale(1);transform:rotate(360deg) scale(1);}}@-webkit-keyframes ball-clip-rotate-pulse-scale{30%{-webkit-transform:scale(.3);transform:scale(.3);}100%{-webkit-transform:scale(1);transform:scale(1);}}@keyframes ball-clip-rotate-pulse-scale{30%{-webkit-transform:scale(.3);transform:scale(.3);}100%{-webkit-transform:scale(1);transform:scale(1);}}@-webkit-keyframes square-spin{25%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(0);transform:perspective(100px) rotateX(180deg) rotateY(0);}50%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(180deg);transform:perspective(100px) rotateX(180deg) rotateY(180deg);}75%{-webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);transform:perspective(100px) rotateX(0) rotateY(180deg);}100%{-webkit-transform:perspective(100px) rotateX(0) rotateY(0);transform:perspective(100px) rotateX(0) rotateY(0);}}@keyframes square-spin{25%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(0);transform:perspective(100px) rotateX(180deg) rotateY(0);}50%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(180deg);transform:perspective(100px) rotateX(180deg) rotateY(180deg);}75%{-webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);transform:perspective(100px) rotateX(0) rotateY(180deg);}100%{-webkit-transform:perspective(100px) rotateX(0) rotateY(0);transform:perspective(100px) rotateX(0) rotateY(0);}}.square-spin{display:inline-block;}.square-spin>div{width:50px;height:50px;-webkit-animation:square-spin 3s 0s cubic-bezier(.09,.57,.49,.9) infinite;animation:square-spin 3s 0s cubic-bezier(.09,.57,.49,.9) infinite;}.cube-transition{position:relative;-webkit-transform:translate(-25px,-25px);-ms-transform:translate(-25px,-25px);transform:translate(-25px,-25px);display:inline-block;}.cube-transition>div{width:15px;height:15px;position:absolute;top:-5px;left:-5px;-webkit-animation:cube-transition 1.6s 0s infinite ease-in-out;animation:cube-transition 1.6s 0s infinite ease-in-out;}.cube-transition>div:last-child{-webkit-animation-delay:-.8s;animation-delay:-.8s;}@-webkit-keyframes cube-transition{25%{-webkit-transform:translateX(50px) scale(.5) rotate(-90deg);transform:translateX(50px) scale(.5) rotate(-90deg);}50%{-webkit-transform:translate(50px,50px) rotate(-180deg);transform:translate(50px,50px) rotate(-180deg);}75%{-webkit-transform:translateY(50px) scale(.5) rotate(-270deg);transform:translateY(50px) scale(.5) rotate(-270deg);}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}}@keyframes cube-transition{25%{-webkit-transform:translateX(50px) scale(.5) rotate(-90deg);transform:translateX(50px) scale(.5) rotate(-90deg);}50%{-webkit-transform:translate(50px,50px) rotate(-180deg);transform:translate(50px,50px) rotate(-180deg);}75%{-webkit-transform:translateY(50px) scale(.5) rotate(-270deg);transform:translateY(50px) scale(.5) rotate(-270deg);}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}}.ball-scale>div{border-radius:100%;height:60px;width:60px;-webkit-animation:ball-scale 1s 0s ease-in-out infinite;animation:ball-scale 1s 0s ease-in-out infinite;}@-webkit-keyframes ball-scale{0%{-webkit-transform:scale(0);transform:scale(0);}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0;}}@keyframes ball-scale{0%{-webkit-transform:scale(0);transform:scale(0);}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0;}}.line-scale>div{-webkit-animation-fill-mode:both;animation-fill-mode:both;width:5px;height:50px;border-radius:2px;}.line-scale>div:nth-child(1){-webkit-animation:line-scale 1s -.5s infinite cubic-bezier(.2,.68,.18,1.08);animation:line-scale 1s -.5s infinite cubic-bezier(.2,.68,.18,1.08);}.line-scale>div:nth-child(2){-webkit-animation:line-scale 1s -.4s infinite cubic-bezier(.2,.68,.18,1.08);animation:line-scale 1s -.4s infinite cubic-bezier(.2,.68,.18,1.08);}.line-scale>div:nth-child(3){-webkit-animation:line-scale 1s -.3s infinite cubic-bezier(.2,.68,.18,1.08);animation:line-scale 1s -.3s infinite cubic-bezier(.2,.68,.18,1.08);}.line-scale>div:nth-child(4){-webkit-animation:line-scale 1s -.2s infinite cubic-bezier(.2,.68,.18,1.08);animation:line-scale 1s -.2s infinite cubic-bezier(.2,.68,.18,1.08);}.line-scale>div:nth-child(5){-webkit-animation:line-scale 1s -.1s infinite cubic-bezier(.2,.68,.18,1.08);animation:line-scale 1s -.1s infinite cubic-bezier(.2,.68,.18,1.08);}@-webkit-keyframes line-scale{0%,100%{-webkit-transform:scaley(1);transform:scaley(1);}50%{-webkit-transform:scaley(.4);transform:scaley(.4);}}@keyframes line-scale{0%,100%{-webkit-transform:scaley(1);transform:scaley(1);}50%{-webkit-transform:scaley(.4);transform:scaley(.4);}}.ball-scale-multiple{position:relative;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);display:inline-block;}.ball-scale-multiple>div{border-radius:100%;position:absolute;left:-30px;top:0;opacity:0;margin:0;width:50px;height:50px;-webkit-animation:ball-scale-multiple 1s 0s linear infinite;animation:ball-scale-multiple 1s 0s linear infinite;}.ball-scale-multiple>div:nth-child(2),.ball-scale-multiple>div:nth-child(3){-webkit-animation-delay:-.2s;animation-delay:-.2s;}@-webkit-keyframes ball-scale-multiple{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0;}5%{opacity:1;}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0;}}@keyframes ball-scale-multiple{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0;}5%{opacity:1;}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0;}}.ball-pulse-sync{display:inline-block;}.ball-pulse-sync>div{width:15px;height:15px;border-radius:100%;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:inline-block;}.ball-pulse-sync>div:nth-child(1){-webkit-animation:ball-pulse-sync .6s -.21s infinite ease-in-out;animation:ball-pulse-sync .6s -.21s infinite ease-in-out;}.ball-pulse-sync>div:nth-child(2){-webkit-animation:ball-pulse-sync .6s -.14s infinite ease-in-out;animation:ball-pulse-sync .6s -.14s infinite ease-in-out;}.ball-pulse-sync>div:nth-child(3){-webkit-animation:ball-pulse-sync .6s -70ms infinite ease-in-out;animation:ball-pulse-sync .6s -70ms infinite ease-in-out;}@-webkit-keyframes ball-pulse-sync{33%{-webkit-transform:translateY(10px);transform:translateY(10px);}66%{-webkit-transform:translateY(-10px);transform:translateY(-10px);}100%{-webkit-transform:translateY(0);transform:translateY(0);}}@keyframes ball-pulse-sync{33%{-webkit-transform:translateY(10px);transform:translateY(10px);}66%{-webkit-transform:translateY(-10px);transform:translateY(-10px);}100%{-webkit-transform:translateY(0);transform:translateY(0);}}.transparent-circle{display:inline-block;border-top:.5em solid rgba(255,255,255,.2);border-right:.5em solid rgba(255,255,255,.2);border-bottom:.5em solid rgba(255,255,255,.2);border-left:.5em solid #fff;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation:transparent-circle 1.1s infinite linear;animation:transparent-circle 1.1s infinite linear;width:50px;height:50px;border-radius:50%;}.transparent-circle:after{border-radius:50%;width:10em;height:10em;}@-webkit-keyframes transparent-circle{0%{-webkit-transform:rotate(0);transform:rotate(0);}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes transparent-circle{0%{-webkit-transform:rotate(0);transform:rotate(0);}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}}.ball-spin-fade-loader{position:relative;top:-10px;left:-10px;display:inline-block;}.ball-spin-fade-loader>div{width:15px;height:15px;border-radius:100%;margin:2px;position:absolute;-webkit-animation:ball-spin-fade-loader 1s infinite linear;animation:ball-spin-fade-loader 1s infinite linear;}.ball-spin-fade-loader>div:nth-child(1){top:25px;left:0;animation-delay:-.84s;-webkit-animation-delay:-.84s;}.ball-spin-fade-loader>div:nth-child(2){top:17.05px;left:17.05px;animation-delay:-.72s;-webkit-animation-delay:-.72s;}.ball-spin-fade-loader>div:nth-child(3){top:0;left:25px;animation-delay:-.6s;-webkit-animation-delay:-.6s;}.ball-spin-fade-loader>div:nth-child(4){top:-17.05px;left:17.05px;animation-delay:-.48s;-webkit-animation-delay:-.48s;}.ball-spin-fade-loader>div:nth-child(5){top:-25px;left:0;animation-delay:-.36s;-webkit-animation-delay:-.36s;}.ball-spin-fade-loader>div:nth-child(6){top:-17.05px;left:-17.05px;animation-delay:-.24s;-webkit-animation-delay:-.24s;}.ball-spin-fade-loader>div:nth-child(7){top:0;left:-25px;animation-delay:-.12s;-webkit-animation-delay:-.12s;}.ball-spin-fade-loader>div:nth-child(8){top:17.05px;left:-17.05px;animation-delay:0s;-webkit-animation-delay:0s;}@-webkit-keyframes ball-spin-fade-loader{50%{opacity:.3;-webkit-transform:scale(.4);transform:scale(.4);}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1);}}@keyframes ball-spin-fade-loader{50%{opacity:.3;-webkit-transform:scale(.4);transform:scale(.4);}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1);}}.vp-fancybox .fancybox-bg{background-color:#1e1e1e;}img.wp-smiley,img.emoji{display:inline !important;border:none !important;box-shadow:none !important;height:1em !important;width:1em !important;margin:0 .07em !important;vertical-align:-.1em !important;background:none !important;padding:0 !important;}.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em;}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none;}body{--wp--preset--color--black:#000;--wp--preset--color--cyan-bluish-gray:#abb8c3;--wp--preset--color--white:#fff;--wp--preset--color--pale-pink:#f78da7;--wp--preset--color--vivid-red:#cf2e2e;--wp--preset--color--luminous-vivid-orange:#ff6900;--wp--preset--color--luminous-vivid-amber:#fcb900;--wp--preset--color--light-green-cyan:#7bdcb5;--wp--preset--color--vivid-green-cyan:#00d084;--wp--preset--color--pale-cyan-blue:#8ed1fc;--wp--preset--color--vivid-cyan-blue:#0693e3;--wp--preset--color--vivid-purple:#9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple:linear-gradient(135deg,rgba(6,147,227,1) 0%,#9b51e0 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan:linear-gradient(135deg,#7adcb4 0%,#00d082 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange:linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red:linear-gradient(135deg,rgba(255,105,0,1) 0%,#cf2e2e 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray:linear-gradient(135deg,#eee 0%,#a9b8c3 100%);--wp--preset--gradient--cool-to-warm-spectrum:linear-gradient(135deg,#4aeadc 0%,#9778d1 20%,#cf2aba 40%,#ee2c82 60%,#fb6962 80%,#fef84c 100%);--wp--preset--gradient--blush-light-purple:linear-gradient(135deg,#ffceec 0%,#9896f0 100%);--wp--preset--gradient--blush-bordeaux:linear-gradient(135deg,#fecda5 0%,#fe2d2d 50%,#6b003e 100%);--wp--preset--gradient--luminous-dusk:linear-gradient(135deg,#ffcb70 0%,#c751c0 50%,#4158d0 100%);--wp--preset--gradient--pale-ocean:linear-gradient(135deg,#fff5cb 0%,#b6e3d4 50%,#33a7b5 100%);--wp--preset--gradient--electric-grass:linear-gradient(135deg,#caf880 0%,#71ce7e 100%);--wp--preset--gradient--midnight:linear-gradient(135deg,#020381 0%,#2874fc 100%);--wp--preset--font-size--small:13px;--wp--preset--font-size--medium:20px;--wp--preset--font-size--large:36px;--wp--preset--font-size--x-large:42px;--wp--preset--spacing--20:.44rem;--wp--preset--spacing--30:.67rem;--wp--preset--spacing--40:1rem;--wp--preset--spacing--50:1.5rem;--wp--preset--spacing--60:2.25rem;--wp--preset--spacing--70:3.38rem;--wp--preset--spacing--80:5.06rem;--wp--preset--shadow--natural:6px 6px 9px rgba(0,0,0,.2);--wp--preset--shadow--deep:12px 12px 50px rgba(0,0,0,.4);--wp--preset--shadow--sharp:6px 6px 0px rgba(0,0,0,.2);--wp--preset--shadow--outlined:6px 6px 0px -3px rgba(255,255,255,1),6px 6px rgba(0,0,0,1);--wp--preset--shadow--crisp:6px 6px 0px rgba(0,0,0,1);}:where(.is-layout-flex){gap:.5em;}:where(.is-layout-grid){gap:.5em;}body .is-layout-flow > .alignleft{float:left;margin-inline-start:0;margin-inline-end:2em;}body .is-layout-flow > .alignright{float:right;margin-inline-start:2em;margin-inline-end:0;}body .is-layout-flow > .aligncenter{margin-left:auto !important;margin-right:auto !important;}body .is-layout-constrained > .alignleft{float:left;margin-inline-start:0;margin-inline-end:2em;}body .is-layout-constrained > .alignright{float:right;margin-inline-start:2em;margin-inline-end:0;}body .is-layout-constrained > .aligncenter{margin-left:auto !important;margin-right:auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width:var(--wp--style--global--content-size);margin-left:auto !important;margin-right:auto !important;}body .is-layout-constrained > .alignwide{max-width:var(--wp--style--global--wide-size);}body .is-layout-flex{display:flex;}body .is-layout-flex{flex-wrap:wrap;align-items:center;}body .is-layout-flex > *{margin:0;}body .is-layout-grid{display:grid;}body .is-layout-grid > *{margin:0;}:where(.wp-block-columns.is-layout-flex){gap:2em;}:where(.wp-block-columns.is-layout-grid){gap:2em;}:where(.wp-block-post-template.is-layout-flex){gap:1.25em;}:where(.wp-block-post-template.is-layout-grid){gap:1.25em;}.has-black-color{color:var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color:var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color:var(--wp--preset--color--white) !important;}.has-pale-pink-color{color:var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color:var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color:var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color:var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color:var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color:var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color:var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color:var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color:var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color:var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color:var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color:var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color:var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color:var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color:var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color:var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color:var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color:var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color:var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color:var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color:var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color:var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color:var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color:var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color:var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color:var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color:var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color:var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color:var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color:var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color:var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color:var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color:var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background:var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background:var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background:var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background:var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background:var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background:var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background:var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background:var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background:var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background:var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size:var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size:var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size:var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size:var(--wp--preset--font-size--x-large) !important;}.wp-block-navigation a:where(:not(.wp-element-button)){color:inherit;}:where(.wp-block-post-template.is-layout-flex){gap:1.25em;}:where(.wp-block-post-template.is-layout-grid){gap:1.25em;}:where(.wp-block-columns.is-layout-flex){gap:2em;}:where(.wp-block-columns.is-layout-grid){gap:2em;}.wp-block-pullquote{font-size:1.5em;line-height:1.6;}body{background-color:#fff;}.mk-header{background-color:#f7f7f7;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;}.mk-header-bg{background-color:#fff;}.mk-classic-nav-bg{background-color:#fff;}#theme-page{background-color:#fff;}#mk-footer{background-color:#3d4045;}#mk-boxed-layout{-webkit-box-shadow:0 0 0px rgba(0,0,0,0);-moz-box-shadow:0 0 0px rgba(0,0,0,0);box-shadow:0 0 0px rgba(0,0,0,0);}.mk-news-tab .mk-tabs-tabs .is-active a,.mk-fancy-title.pattern-style span,.mk-fancy-title.pattern-style.color-gradient span:after,.page-bg-color{background-color:#fff;}.page-title{font-size:20px;color:#4d4d4d;text-transform:uppercase;font-weight:400;letter-spacing:2px;}.page-subtitle{font-size:14px;font-size:14px;line-height:100%;color:#a3a3a3;text-transform:none;}.mk-header{border-bottom:1px solid #ededed;}.header-style-1 .mk-header-padding-wrapper,.header-style-2 .mk-header-padding-wrapper,.header-style-3 .mk-header-padding-wrapper{padding-top:126px;}.test-device{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background-color:#f1f1f1;height:116px;width:135px;margin-right:40px;margin-bottom:60px;padding-top:19px;padding-bottom:120px;float:left;}.test-device p{text-align:center;color:#169195;margin-top:25px;margin-bottom:10px;}.test-device img{margin:0 auto;display:block;}.bigger-font-size p,.bigger-font-size{font-size:16px;line-height:27px;color:#777;}.cmk-center-align{text-align:center;}.listed-course{height:341px;background-color:#eee;position:relative;}.course-date{color:#169195;font-weight:bold;float:left;}.course-title{margin-top:20px;text-align:center;font-size:22px !important;margin-bottom:20px;}.course-calendar-icon{float:left;padding-right:20px;padding-left:15px;}.course-duration{color:#169195;font-weight:bold;float:right;padding-right:15px;}.apply-for-course{background-color:#169195;display:inline-block;cursor:pointer;color:#fff;font-family:arial;font-size:18px;padding:19px 54px;text-decoration:none;position:absolute;right:0;bottom:0;font-weight:bold;}.apply-for-course-training-page{background-color:#169195;display:inline-block;cursor:pointer;color:#fff;font-family:arial;font-size:14px;padding:19px 64px;text-decoration:none;position:absolute;right:0;bottom:0;font-weight:bold;}.apply-for-course:hover{background-color:#127e81;color:#fff;}.apply-for-course-training-page:hover{background-color:#127e81;color:#fff;}.apply-for-course:active{}.header-toolbar-contact{float:right;}.mk-header-tagline{float:left;position:absolute;left:2px;}.mk-header-tagline,.header-toolbar-contact,.mk-header-date,.header-toolbar-contact a{color:#2e2e2e;}.meet-the-uxberts{margin-left:-13px;}.header-toolbar-contact i,.mk-header-date i,.mk-header-tagline i{color:#169195;}.homepage-pricing-table{color:#fff;}.centerrr{margin:0 auto;}.flipbox-left .back-desc{text-align:left;font-size:16px !important;}.mk-header-toolbar{background-color:#fafafa !important;border-bottom:1px #efefef solid;}.success p{color:green !important;}input[type=email],input[type=text]{margin:0;padding:12px 23px 12px 15px !important;width:100%;border:2px solid rgba(0,0,0,.12);}.tlp-team .short-desc,.tlp-team .tlp-team-isotope .tlp-content,.tlp-team .button-group .selected,.tlp-team .layout1 .tlp-content,.tlp-team .tpl-social a,.tlp-team .tpl-social li a.fa,.tlp-portfolio button.selected,.tlp-portfolio .layoutisotope .tlp-portfolio-item .tlp-content,.tlp-portfolio button:hover{background:#0367bf;}.tlp-portfolio .layoutisotope .tlp-overlay,.tlp-portfolio .layout1 .tlp-overlay,.tlp-portfolio .layout2 .tlp-overlay,.tlp-portfolio .layout3 .tlp-overlay,.tlp-portfolio .slider .tlp-overlay{background:rgba(3,103,191,.8);}.droid-arabic-kufi{font-family:"Droid Arabic Kufi";}.training_now{display:none;}.new_btn{background-color:#169195;color:#fff;border:1px solid #fff;display:inline-block;text-align:center;padding:15px;cursor:pointer;position:relative;}.fixed_btn{position:fixed;font-size:20px;padding:10px 25px;background-color:#169195;color:#fff;top:194px;z-index:100;right:0;line-height:normal;text-decoration:none !important;min-width:57px;text-align:center;}.new_btn_1{position:relative;}.new_btn:hover{color:#fff;transition:all .3s;}.new_btn:before,.new_btn_1:before{content:"";background:linear-gradient(45deg,#f00,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,#f00);position:absolute;top:-2px;left:-2px;background-size:400%;z-index:-1;filter:blur(5px);width:calc(100% + 4px);height:calc(100% + 4px);animation:glowing 20s linear infinite;opacity:0;transition:opacity .3s ease-in-out;border-radius:10px;}.new_btn:active,.new_btn_1:active{color:#fff;}.new_btn:active:after,.new_btn_1:active:after{background:transparent;}.new_btn:hover:before,.new_btn_1:hover:before{opacity:1;}.new_btn:after,.new_btn_1:after{z-index:-1;content:"";position:absolute;width:100%;height:100%;background:#111;left:0;top:0;border-radius:10px;}@keyframes glowing{0%{background-position:0 0;}50%{background-position:400% 0;}100%{background-position:0 0;}}.customize .new_btn{font-size:14px;padding:15px 10px;width:100%;}.customize .mk-text-block p:first-child{min-height:240px;}@media screen and (max-width:768px){.heatmap-canvas{display:none !important;}}#mk-page-id-9841 ul li{font-size:16px;}.services-cta-button{text-align:center;margin-bottom:60px;}.services-cta-button .vc_call_to_action:hover{background-color:transparent !important;}.services-cta-button .vc_cta3{background-color:transparent !important;}#fancy-title-4{margin-bottom:0;}#page-section-2{margin-bottom:0 !important;}.services-cta-button2{text-align:center;margin-bottom:0;}#animated-column-digital-haute .animated-column-icon{width:100% !important;}#animated-column-digital-haute .animated-colum-holder{padding-top:10px !important;}.ux-training .certificate-image{text-align:center !important;}.ux-training .certificate-image img{margin:0 10px;}.header-logo{padding-left:20px;}.arabic-english-ux .mk-list-styles ul{list-style-type:none !important;}@media screen and (max-width:1140px){.schedule-test-1{position:relative;padding-bottom:90px;text-align:center !important;}.schedule-test-1 .vc_cta_btn{position:absolute;bottom:10%;left:50%;transform:translate(-66%,-10%);text-align:center;width:130px;}.schedule-test-1.margin-t-20 .vc_btn{bottom:10px;}}#mk-icon-box-39 .mk-box-icon-2-icon.size-48:hover:after{top:unset !important;}.mk-text-block ul,.font-16 ul{font-size:16px;}@media screen and (max-width: 449px){.test-device{width:60%;margin-left:20%;margin-right:20%;}}body{overflow-x:hidden;}.vision2030header{width:128%;float:right;position:absolute;left:111%;top:20px;}@media only screen and (max-width:70.9375em){.vision2030header{visibility:hidden !important;}}.pre-sticky.a-sticky .vision2030header{top:0;}.uxbert-atw{text-align:left;position:absolute;right:13%;bottom:100px;}#social-67c7ce2db3124 a{opacity:1 !important;color:#9f9f9f !important;}#social-67c7ce2db3124 a:hover{color:#169195 !important;}#social-67c7ce2db3124 a:hover .mk-svg-icon{fill:#169195 !important;}#loop-2 .blog-twitter-content:before,#loop-2 .mk-blog-modern-item.twitter-post-type .blog-twitter-content footer:before{background-image:url("https://cdn-gldgp.nitrocdn.com/vUIvsOqHeLQajhfRZniFXoELdEeKGerS/assets/images/optimized/rev-7bd246b/wp-content/themes/jupiter/assets/images/social-icons/twitter-blue.svg");}#loop-2 .mk-blog-meta-wrapper:before{background:url("https://cdn-gldgp.nitrocdn.com/vUIvsOqHeLQajhfRZniFXoELdEeKGerS/assets/images/optimized/rev-7bd246b/wp-content/themes/jupiter/assets/images/social-icons/instagram.png") center center no-repeat;}#mk-button-3{margin-bottom:15px;margin-top:0px;margin-right:15px;}#mk-button-3 .mk-button{display:inline-block;max-width:100%;}#mk-button-3 .mk-button{background-color:#169195;}#mk-button-3 .mk-button:hover{color:#fff;background-color:#0f6568;}#mk-button-3 .mk-button:hover .mk-svg-icon{color:#fff;}#loop-2 .blog-twitter-content:before,#loop-2 .mk-blog-modern-item.twitter-post-type .blog-twitter-content footer:before{background-image:url("https://cdn-gldgp.nitrocdn.com/vUIvsOqHeLQajhfRZniFXoELdEeKGerS/assets/images/optimized/rev-7bd246b/wp-content/themes/jupiter/assets/images/social-icons/twitter-blue.svg");}#loop-2 .mk-blog-meta-wrapper:before{background:url("https://cdn-gldgp.nitrocdn.com/vUIvsOqHeLQajhfRZniFXoELdEeKGerS/assets/images/optimized/rev-7bd246b/wp-content/themes/jupiter/assets/images/social-icons/instagram.png") center center no-repeat;}#mk-button-3{margin-bottom:15px;margin-top:0px;margin-right:15px;}#mk-button-3 .mk-button{display:inline-block;max-width:100%;}#mk-button-3 .mk-button{background-color:#169195;}#mk-button-3 .mk-button:hover{color:#fff;background-color:#0f6568;}#mk-button-3 .mk-button:hover .mk-svg-icon{color:#fff;}